/*font Karla*/
@font-face {
    font-family: 'Karla Bold';
    src: url('../font/FontKarla/Karla-Bold.ttf');
}
@font-face {
    font-family: 'Karla Italic';
    src: url('../font/FontKarla/Karla-Italic.ttf');
}
@font-face {
    font-family: 'Karla Regular';
    src: url('../font/FontKarla/Karla-Regular.ttf');
}

/*font karla*/
@font-face {
    font-family: 'Karla BoldItalic';
    src: url('../font/FontKarla/Karla-BoldItalic.ttf');
}
@font-face {
    font-family: 'Karla ExtraBold';
    src: url('../font/FontKarla/Karla-ExtraBold.ttf');
}
@font-face {
    font-family: 'Karla ExtraBoldItalic';
    src: url('../font/FontKarla/Karla-ExtraBoldItalic.ttf');
}
@font-face {
    font-family: 'Karla ExtraLight';
    src: url('../font/FontKarla/Karla-ExtraLight.ttf');
}
@font-face {
    font-family: 'Karla ExtraLighItalic';
    src: url('../font/FontKarla/Karla-ExtraLighItalic.ttf');
}
@font-face {
    font-family: 'Karla Italic';
    src: url('../font/FontKarla/Karla-Italic.ttf');
}
@font-face {
    font-family: 'Karla Light';
    src: url('../font/FontKarla/Karla-Light.ttf');
}
@font-face {
    font-family: 'Karla LightItalic';
    src: url('../font/FontKarla/Karla-LightItalic.ttf');
}
@font-face {
    font-family: 'Karla Medium';
    src: url('../font/FontKarla/Karla-Medium.ttf');
}
@font-face {
    font-family: 'Karla MediumItalic';
    src: url('../font/FontKarla/Karla-MediumItalic.ttf');
}
@font-face {
    font-family: 'Karla Regular';
    src: url('../font/FontKarla/Karla-Regular.ttf');
}
@font-face {
    font-family: 'Karla SemiBold';
    src: url('../font/FontKarla/Karla-SemiBold.ttf');
}
@font-face {
    font-family: 'Karla SemiBoldItalic';
    src: url('../font/FontKarla/Karla-SemiBoldItalic.ttf');
}