@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Roboto-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Roboto-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/Roboto-Regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: normal;
    src: url('fonts/Roboto-RegularItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Roboto-RegularItalic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/Roboto-RegularItalic.woff') format('woff'), /* Modern Browsers */
    url('fonts/Roboto-RegularItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/Roboto-RegularItalic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    src: url('fonts/Roboto-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Roboto-Bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/Roboto-Bold.woff') format('woff'), /* Modern Browsers */
    url('fonts/Roboto-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/Roboto-Bold.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: bold;
    src: url('fonts/Roboto-BoldItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Roboto-BoldItalic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/Roboto-BoldItalic.woff') format('woff'), /* Modern Browsers */
    url('fonts/Roboto-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/Roboto-BoldItalic.svg#OpenSans') format('svg'); /* Legacy iOS */
}



/*thay phong mới mà anh hải cho*/
@font-face {
    font-family: 'SF-Pro-Display';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/SF-Pro-Display-Regular.woff'); /* IE9 Compat Modes */
    src: url('fonts/SF-Pro-Display-Regular.woff') format('woff');

}

@font-face {
    font-family: 'SF-Pro-Display';
    font-style: italic;
    font-weight: normal;
    src: url('fonts/SF-Pro-Display-RegularItalic.woff'); /* IE9 Compat Modes */
    src: url('fonts/SF-Pro-Display-RegularItalic.woff') format('woff');
}

@font-face {
    font-family: 'SF-Pro-Display';
    font-style: normal;
    font-weight: bold;
    src: url('fonts/SF-Pro-Display-Bold.woff'); /* IE9 Compat Modes */
    src: url('fonts/SF-Pro-Display-Bold.woff') format('woff');
}

@font-face {
    font-family: 'SF-Pro-Display';
    font-style: italic;
    font-weight: bold;
    src: url('fonts/SF-Pro-Display-BoldItalic.woff'); /* IE9 Compat Modes */
    src: url('fonts/SF-Pro-Display-BoldItalic.woff') format('woff'); /* Super Modern Browsers */
}

@font-face {
    font-family: 'SF-Pro-Display';
    font-style: normal;
    font-weight: lighter;
    src: url('fonts/SF-Pro-Display-Light.woff'); /* IE9 Compat Modes */
    src: url('fonts/SF-Pro-Display-Light.woff') format('woff'); /* Super Modern Browsers */
}

@font-face {
    font-family: 'SF-Pro-Display';
    font-style: italic;
    font-weight: lighter;
    src: url('fonts/SF-Pro-Display-LightItalic.woff'); /* IE9 Compat Modes */
    src: url('fonts/SF-Pro-Display-LightItalic.woff') format('woff'); /* Super Modern Browsers */
}

@font-face {
    font-family: 'SF-Pro-Display-Medium';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/SF-Pro-Display-Medium.woff'); /* IE9 Compat Modes */
    src: url('fonts/SF-Pro-Display-Medium.woff') format('woff'); /* Super Modern Browsers */
}

@font-face {
    font-family: 'Intelligent Design - AvertaStdCY-Black';
    src: url('fonts/Intelligent Design - AvertaStdCY-Black.otf') format('opentype');
}

/*Font Averta cho màn hình khai báo hồ sơ*/
@font-face {
    font-family: 'AvertaStdCY_Black';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Intelligent Design - AvertaStdCY-Black.otf'); /* IE9 Compat Modes */
}

@font-face {
    font-family: 'AvertaStdCY_BlackItalic';
    font-style: italic;
    font-weight: normal;
    src: url('fonts/Intelligent Design - AvertaStdCY-BlackItalic.otf'); /* IE9 Compat Modes */
}


@font-face {
    font-family: 'AvertaStdCY_Extrabold';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/Intelligent Design - AvertaStdCY-Extrabold.otf'); /* IE9 Compat Modes */
}

@font-face {
    font-family: 'AvertaStdCY_ExtraboldItalic';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/Intelligent Design - AvertaStdCY-ExtraboldItalic.otf'); /* IE9 Compat Modes */
}

@font-face {
    font-family: 'AvertaStdCY_Extrathin';
    font-style: normal;
    font-weight: 100;
    src: url('fonts/Intelligent Design - AvertaStdCy-Extrathin.otf'); /* IE9 Compat Modes */
}

@font-face {
    font-family: 'AvertaStdCY_ExtrathinItalic';
    font-style: italic;
    font-weight: 100;
    src: url('fonts/Intelligent Design - AvertaStdCy-ExtrathinItalic.otf'); /* IE9 Compat Modes */
}

@font-face {
    font-family: 'AvertaStdCY_Light';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/Intelligent Design - AvertaStdCY-Light.otf'); /* IE9 Compat Modes */
}

@font-face {
    font-family: 'AvertaStdCY_LightItalic';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/Intelligent Design - AvertaStdCY-LightItalic.otf'); /* IE9 Compat Modes */
}

@font-face {
    font-family: 'AvertaStdCY';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Intelligent Design - AvertaStdCY-Regular.otf'); /* IE9 Compat Modes */
}

@font-face {
    font-family: 'AvertaStdCY';
    font-style: italic;
    font-weight: normal;
    src: url('fonts/Intelligent Design - AvertaStdCY-RegularItalic.otf'); /* IE9 Compat Modes */
}

@font-face {
    font-family: 'AvertaStdCY_Semibold';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/Intelligent Design - AvertaStdCY-Semibold.otf'); /* IE9 Compat Modes */
}

@font-face {
    font-family: 'AvertaStdCY_SemiboldItalic';
    font-style: italic;
    font-weight: 500;
    src: url('fonts/Intelligent Design - AvertaStdCY-SemiboldItalic.otf'); /* IE9 Compat Modes */
}

@font-face {
    font-family: 'AvertaStdCY_ThinItalic';
    font-style: italic;
    font-weight: 100;
    src: url('fonts/Intelligent Design - AvertaStdCY-ThinItalic.otf'); /* IE9 Compat Modes */
}

@font-face {
    font-family: 'AvertaStdCY_Thin';
    font-style: normal;
    font-weight: 100;
    src: url('fonts/Intelligent Design - AvertaStdCY-Thin.otf'); /* IE9 Compat Modes */
}