@font-face {
    font-family: 'ProductSans-Black';
    src: url("ProductSans-Black.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ProductSans-BlackItalic';
    src: url("ProductSans-BlackItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ProductSans-Bold';
    src: url("ProductSans-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ProductSans-BoldItalic';
    src: url("ProductSans-BoldItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ProductSans-Italic';
    src: url("ProductSans-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ProductSans-Light';
    src: url("ProductSans-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ProductSans-LightItalic';
    src: url("ProductSans-LightItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ProductSans-Regular';
    src: url("ProductSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ProductSans-Medium';
    src: url("ProductSans-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ProductSans-MediumItalic';
    src: url("ProductSans-MediumItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ProductSans-ThinItalic';
    src: url("ProductSans-ThinItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ProductSans-Thin';
    src: url("ProductSans-Thin.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}


.productSans-black { font-family: 'ProductSans-Black'; }
.productSans-blackItalic { font-family: 'ProductSans-BlackItalic'; }
.productSans-bold { font-family: 'ProductSans-Bold'; }
.productSans-boldItalic { font-family: 'ProductSans-BoldItalic'; }
.productSans-italic { font-family: 'ProductSans-Italic'; }
.productSans-light { font-family: 'ProductSans-Light'; }
.productSans-lightItalic { font-family: 'ProductSans-LightItalic'; }
.productSans-regular { font-family: 'ProductSans-Regular'; }
.productSans-medium { font-family: 'ProductSans-Medium'; }
.productSans-mediumItalic { font-family: 'ProductSans-MediumItalic'; }
.productSans-thin { font-family: 'ProductSans-Thin'; }
.productSans-thinItalic { font-family: 'ProductSans-ThinItalic'; }