@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 100;
    src: local('Cairo ExtraLight'), local('Cairo-ExtraLight'), url(cairo-extralight.otf) format('opentype');
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 300;
    src: local('Cairo Light'), local('Cairo-Light'), url(cairo-light.otf) format('opentype');
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 400;
    src: local('Cairo'), local('Cairo-Regular'), url(cairo-regular.otf) format('opentype');
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 700;
    src: local('Cairo Bold'), local('Cairo-Bold'), url(cairo-bold.otf) format('opentype');
}

/*@font-face {*/
/*  font-family: Cairo;*/
/*  font-style: normal;*/
/*  font-weight: normal;*/
/*  src: local('Swissra-Normal'), local('Swissra-Normal'), url(Swissra-Normal.otf) format('opentype');*/
/*  unicode-range: U+0660-0669;*/
/*}*/

/*@font-face {*/
/*  font-family: Cairo;*/
/*  font-style: normal;*/
/*  font-weight: normal;*/
/*  src: local('Swissra-Bold'), local('Swissra-Bold'), url(Swissra-Bold.otf) format('opentype');*/
/*  unicode-range: U+0030-0039;*/
/*}*/