@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Calibri.woff') format('woff'), 
  url('../fonts/Calibri.ttf')  format('truetype'), 
  url('../fonts/Calibri.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway-Bold';
  src: url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Raleway-Bold.woff') format('woff'), 
  url('../fonts/Raleway-Bold.ttf')  format('truetype'), 
  url('../fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Raleway-Regular';
  src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Raleway-Regular.woff') format('woff'), 
  url('../font/Raleway-Regular.ttf')  format('truetype'), 
  url('../fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Raleway-Black';
  src: url('../fonts/Raleway-Black.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Raleway-Black.woff') format('woff'), 
  url('../fonts/Raleway-Black.ttf')  format('truetype'), 
  url('../fonts/Raleway-Black.svg#Raleway-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Roboto-Regular.woff') format('woff'),
   url('../fonts/Roboto-Regular.ttf')  format('truetype'),
   url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}