@font-face {
    font-family: 'BDB';
    src: url('ar-fonts/beIN-ArabicThin.eot');
    src: url('ar-fonts/beIN-ArabicThin.eot?#iefix') format('embedded-opentype'),
    url('ar-fonts/beIN-ArabicThin.woff') format('woff'),
    url('ar-fonts/beIN-ArabicThin.ttf') format('truetype'),
    url('ar-fonts/beIN-ArabicThin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BDNR';
    src: url('ar-fonts/ng4asans-medium.eot');
    src: url('ar-fonts/ng4asans-medium.eot?#iefix') format('embedded-opentype'),
    url('ar-fonts/ng4asans-medium.woff') format('woff'),
    url('ar-fonts/ng4asans-medium.ttf') format('truetype'),
    url('ar-fonts/ng4asans-medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BDNM';
    src: url('ar-fonts/ng4asans-regular.eot');
    src: url('ar-fonts/ng4asans-regular.eot?#iefix') format('embedded-opentype'),
    url('ar-fonts/ng4asans-regular.woff') format('woff'),
    url('ar-fonts/ng4asans-regular.ttf') format('truetype'),
    url('ar-fonts/ng4asans-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and ( -webkit-min-device-pixel-ratio:0 ) {
    @font-face { font-family: 'BDB'; src: url('ar-fonts/beIN-ArabicThin.svg') format('svg'); }
    @font-face { font-family: 'BDNR'; src: url('ar-fonts/ng4asans-medium.svg') format('svg'); }
    @font-face { font-family: 'BDNM'; src: url('ar-fonts/ng4asans-regular.svg') format('svg'); }
}