/******************************
*
*  Peppelicious stylez ftw!!
*
*    1.  Typography
*    2.  Base
*    3.  Helper
*    4.  Navigation
*    5.  Footer
*    6.  Button
*    7.  Links
*    8.  Dropdown
*    9.  Textbox
*    10. Images
*    11. Modules
*    12. Video & banner
*    13. Fluid typography
*    14. Mediaquries
*
******************************/

/* ----------------------- */
/*   Typography            */
/* ----------------------- */

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

@font-face {
    font-family: 'ZooSansLight';
    src: url('../font/CreativeZooSans-Light.eot');
    src: url('../font/CreativeZooSans-Light.eot?#iefix') format('embedded-opentype'),
         url('../font/CreativeZooSans-Light.woff') format('woff'),
        url('../font/CreativeZooSans-Light.woff2') format('woff2'),
         url('../font/CreativeZooSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ZooSansRegular';
    src: url('../font/CreativeZooSans-Regular.eot');
    src: url('../font/CreativeZooSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../font/CreativeZooSans-Regular.woff') format('woff'),
         url('../fontZooSans-Light.woff2') format('woff2'),
         url('../font/CreativeZooSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ZooSansThin';
    src: url('../font/CreativeZooSans-Thin.eot');
    src: url('../font/CreativeZooSans-Thin.eot?#iefix') format('embedded-opentype'),
         url('../font/CreativeZooSans-Thin.woff') format('woff'),
         url('../font/font/CreativeZooSans-Light.woff2') format('woff2'),
         url('../font/CreativeZooSans-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ZooSansBlack';
    src: url('../font/CreativeZooSans-Black.eot');
    src: url('../font/CreativeZooSans-Black.eot?#iefix') format('embedded-opentype'),
         url('../font/CreativeZooSans-Black.woff') format('woff'),
         url('../fontZooSans-Light.woff2') format('woff2'),
         url('../font/CreativeZooSans-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Slab */
@font-face {
    font-family: 'ZooSlabLight';
    src: url('../font/CreativeZooSlab-Light.eot');
    src: url('../font/CreativeZooSlab-Light.eot?#iefix') format('embedded-opentype'),
         url('../font/CreativeZooSlab-Light.woff') format('woff'),
         url('../font/CreativeZooSans-Light.woff2') format('woff2'),
         url('../font/CreativeZooSlab-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ZooSlabBold';
    src: url('../font/CreativeZooSlab-Bold.eot');
    src: url('../font/CreativeZooSlab-Bold.eot?#iefix') format('embedded-opentype'),
         url('../font/CreativeZooSlab-Bold.woff') format('woff'),
         url('../font/CreativeZooSans-Bold.woff2') format('woff2'),
         url('../font/CreativeZooSlab-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}