@font-face { 
   font-family: 'Eclectica Black'; 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Black.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Black.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Black.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Eclectica Black Italic'; 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-BlackItalic.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-BlackItalic.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-BlackItalic.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Eclectica Black Titling'; 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-BlackTitling.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-BlackTitling.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-BlackTitling.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Eclectica Bold'; 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Bold.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Bold.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Bold.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Eclectica Bold Italic'; 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-BoldItalic.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-BoldItalic.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-BoldItalic.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Eclectica Bold Titling'; 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-BoldTitling.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-BoldTitling.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-BoldTitling.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Eclectica Italic'; 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Italic.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Italic.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Italic.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Eclectica Medium'; 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Medium.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Medium.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Medium.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Eclectica Medium Italic'; 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-MediumItalic.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-MediumItalic.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-MediumItalic.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Eclectica Medium Titling'; 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-MediumTitling.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-MediumTitling.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-MediumTitling.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Eclectica'; 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Regular.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Regular.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Regular.woff2') format('woff2'); 
} /* principal */
@font-face { 
   font-family: 'Eclectica Regular'; 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Regular.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Regular.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-Regular.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Eclectica Regular Titiling'; 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-RegularTitling.otf') format('otf'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-RegularTitling.woff') format('woff'); 
   src: url('../fonts/font.ashx?f=290&ff=Eclectica-RegularTitling.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Eclectica Variable Italic'; 
   src: url('../fonts/font.ashx?f=290&ff=EclecticaVar-It.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Eclectica Variable Titling'; 
   src: url('../fonts/font.ashx?f=290&ff=EclecticaVar-Tit.woff2') format('woff2'); 
} 
@font-face { 
   font-family: 'Eclectica Variable'; 
   src: url('../fonts/font.ashx?f=290&ff=EclecticaVar.woff2') format('woff2'); 
}