/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

@font-face {
  font-family: "Kremlin";
  font-style: normal;
  src: url("../fonts/218E1C_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/218E1C_0_0.woff") format("woff"), url("../fonts/218E1C_0_0.ttf") format("truetype");
}

@font-face {
    font-family: 'ClanWebNarrowBlack';
    src: url('../fonts/ClanWebPro-NarrBlack.eot'); /* IE9 Compat Modes */
    src: url('../fonts/ClanWebPro-NarrBlack.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/ClanWebPro-NarrBlack.woff') format('woff'), /* Modern Browsers */
         url('../fonts/ClanCompPro-NarrowBlack.ttf')  format('truetype') /* Safari, Android, iOS */
    }

.lazy-hidden {
    opacity: 0!important;
}

.lazy-loaded {
    -webkit-transition: opacity 300ms!important;
    -moz-transition: opacity 300ms!important;
    -ms-transition: opacity 300ms!important;
    -o-transition: opacity 300ms!important;
    transition: opacity 300ms!important;
    opacity: 1!important;
}