/* Material Icons Font (for MD theme) */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
        url(../fonts/MaterialIcons-Regular.woff) format('woff'),
        url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

/* Framework7 Icons Font (for iOS theme) */
@font-face {
    font-family: 'Framework7 Icons';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Framework7Icons-Regular.eot");
    src: url("../fonts/Framework7Icons-Regular.woff2") format("woff2"),
        url("../fonts/Framework7Icons-Regular.woff") format("woff"),
        url("../fonts/Framework7Icons-Regular.ttf") format("truetype");
}

.f7-icons {
    font-family: 'Framework7 Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 25px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    text-align: center;
}

@font-face {
    font-family: 'Saira-Black';
    src:url('../fonts/Saira-Black.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'Saira-Bold';
    src:url('../fonts/Saira-Bold.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'Saira-ExtraBold';
    src:url('../fonts/Saira-ExtraBold.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'Saira-ExtraLight';
    src:url('../fonts/Saira-ExtraLight.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'Saira-Light';
    src:url('../fonts/Saira-Light.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'Saira-Medium';
    src:url('../fonts/Saira-Medium.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'Saira-Regular';
    src:url('../fonts/Saira-Regular.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'Saira-SemiBold';
    src:url('../fonts/Saira-SemiBold.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'Saira-Thin';
    src:url('../fonts/Saira-Thin.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaCondensed-Black';
    src:url('../fonts/SairaCondensed-Black.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaCondensed-Bold';
    src:url('../fonts/SairaCondensed-Bold.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaCondensed-ExtraBold';
    src:url('../fonts/SairaCondensed-ExtraBold.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaCondensed-ExtraLight';
    src:url('../fonts/SairaCondensed-ExtraLight.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaCondensed-Light';
    src:url('../fonts/SairaCondensed-Light.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaCondensed-Medium';
    src:url('../fonts/SairaCondensed-Medium.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaCondensed-Regular';
    src:url('../fonts/SairaCondensed-Regular.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaCondensed-SemiBold';
    src:url('../fonts/SairaCondensed-SemiBold.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaCondensed-Thin';
    src:url('../fonts/SairaCondensed-Thin.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}

@font-face {
    font-family: 'SairaExtraCondensed-Black';
    src:url('../fonts/SairaExtraCondensed-Black.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaExtraCondensed-Bold';
    src:url('../fonts/SairaExtraCondensed-Bold.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaExtraCondensed-ExtraBold';
    src:url('../fonts/SairaExtraCondensed-ExtraBold.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaExtraCondensed-ExtraLight';
    src:url('../fonts/SairaExtraCondensed-ExtraLight.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaExtraCondensed-Light';
    src:url('../fonts/SairaExtraCondensed-Light.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaExtraCondensed-Medium';
    src:url('../fonts/SairaExtraCondensed-Medium.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaExtraCondensed-Regular';
    src:url('../fonts/SairaExtraCondensed-Regular.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaExtraCondensed-SemiBold';
    src:url('../fonts/SairaExtraCondensed-SemiBold.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaExtraCondensed-Thin';
    src:url('../fonts/SairaExtraCondensed-Thin.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}


@font-face {
    font-family: 'SairaSemiCondensed-Black';
    src:url('../fonts/SairaSemiCondensed-Black.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaSemiCondensed-Bold';
    src:url('../fonts/SairaSemiCondensed-Bold.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaSemiCondensed-ExtraBold';
    src:url('../fonts/SairaSemiCondensed-ExtraBold.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaSemiCondensed-ExtraLight';
    src:url('../fonts/SairaSemiCondensed-ExtraLight.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaSemiCondensed-Light';
    src:url('../fonts/SairaSemiCondensed-Light.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaSemiCondensed-Medium';
    src:url('../fonts/SairaSemiCondensed-Medium.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaSemiCondensed-Regular';
    src:url('../fonts/SairaSemiCondensed-Regular.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaSemiCondensed-SemiBold';
    src:url('../fonts/SairaSemiCondensed-SemiBold.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}
@font-face {
    font-family: 'SairaSemiCondensed-Thin';
    src:url('../fonts/SairaSemiCondensed-Thin.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
    mso-font-alt: 'Arial'}