body {
font-family: 'Este';
}
@font-face {
font-family: 'Este';
src: url('../fonts/100-Estedad-Thin.otf') format('truetype');
font-weight: 100;
}
@font-face {
font-family: 'Este';
src: url('../fonts/200-Estedad-ExtraLight.otf') format('truetype');
font-weight: 200;
}
@font-face {
font-family: 'Este';
src: url('../fonts/300-Estedad-Light.otf') format('truetype');
font-weight: 300;
}
@font-face {
font-family: 'Este';
src: url('../fonts/400-Estedad-Regular.otf') format('truetype');
font-weight: 400;
}
@font-face {
font-family: 'Este';
src: url('../fonts/500-Estedad-Medium.otf') format('truetype');
font-weight: 500;
}
@font-face {
font-family: 'Este';
src: url('../fonts/600-Estedad-SemiBold.otf') format('truetype');
font-weight: 600;
}
@font-face {
font-family: 'Este';
src: url('../fonts/700-Estedad-Bold.otf') format('truetype');
font-weight: 700;
}
@font-face {
font-family: 'Este';
src: url('../fonts/800-Estedad-ExtraBold.otf') format('truetype');
font-weight: 800;
}
@font-face {
font-family: 'Este';
src: url('../fonts/900-Estedad-Black.otf') format('truetype');
font-weight: 900;
}
.fw100{
    font-weight: 100;
}
 .fw200{
    font-weight: 200;
}
 .fw300{
    font-weight: 300;
}
 .fw400{
    font-weight: 400;
}
 .fw500{
    font-weight: 500;
}
 .fw600{
    font-weight: 600 ;
}
 .fw700{
    font-weight: 700;
}
 .fw900{
    font-weight: 900;
}
.font8 { font-size: 8px; }
.font10 { font-size: 10px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font22 { font-size: 22px; }
.font26 { font-size: 26px; }
.font40 { font-size: 40px; }
.font30 { font-size: 30px; }
.font60 { font-size: 60px; }
.ltr{
direction: ltr;
}
.rtl{
direction: rtl;
}