@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');
/* CSS Fonts */
@font-face {
    font-family: 'thesanslight';
    src: url('TheSans_B2_300_.eot');
    src: url('TheSans_B2_300_.eot?#iefix') format('embedded-opentype'),
         url('TheSans_B2_300_.woff') format('woff'),
         url('TheSans_B2_300_.ttf') format('truetype'),
         url('TheSans_B2_300_.svg#thesanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'thesansregular';
    src: url('TheSans_B2_400_.eot');
    src: url('TheSans_B2_400_.eot?#iefix') format('embedded-opentype'),
         url('TheSans_B2_400_.woff') format('woff'),
         url('TheSans_B2_400_.ttf') format('truetype'),
         url('TheSans_B2_400_.svg#thesansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'thesansbold';
    src: url('TheSans_B2_500_.eot');
    src: url('TheSans_B2_500_.eot?#iefix') format('embedded-opentype'),
         url('TheSans_B2_500_.woff') format('woff'),
         url('TheSans_B2_500_.ttf') format('truetype'),
         url('TheSans_B2_500_.svg#thesansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'thesansextrabold';
    src: url('TheSans_B2_700_.eot');
    src: url('TheSans_B2_700_.eot?#iefix') format('embedded-opentype'),
         url('TheSans_B2_700_.woff') format('woff'),
         url('TheSans_B2_700_.ttf') format('truetype'),
         url('TheSans_B2_700_.svg#thesansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'thesanscaps';
    src: url('thesans_caps-webfont.eot');
    src: url('thesans_caps-webfont.eot?#iefix') format('embedded-opentype'),
         url('thesans_caps-webfont.woff2') format('woff2'),
         url('thesans_caps-webfont.woff') format('woff'),
         url('thesans_caps-webfont.ttf') format('truetype'),
         url('thesans_caps-webfont.svg#the_sans-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'thesanscapsbold';
    src: url('thesans_bold_caps-webfont.eot');
    src: url('thesans_bold_caps-webfont.eot?#iefix') format('embedded-opentype'),
         url('thesans_bold_caps-webfont.woff2') format('woff2'),
         url('thesans_bold_caps-webfont.woff') format('woff'),
         url('thesans_bold_caps-webfont.ttf') format('truetype'),
         url('thesans_bold_caps-webfont.svg#the_sans-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}