
@font-face {
	font-family: Amasis-Bold;
	src: url('Amasis-MT-Bold_3281.ttf');
}

@font-face {
	font-family: Amasis-Regular;
	src: url('Amasis-MT-Std-Font.otf');
}

@font-face {
	font-family: Amasis-Light;
	src: url('Amasis MT Std Light.ttf');
}

@font-face {
	font-family: Interstate-Bold;
	src: url('Interstate-Bold.ttf');
}

@font-face {
	font-family: Interstate-Regular;
	src: url('Interstate-Regular.otf');
}

@font-face {
	font-family: Interstate-Light;
	src: url('Interstate-Light.otf');
}

@font-face {
	font-family: Aleo-Bold;
	src: url('Aleo-Bold.otf');
}

@font-face {
	font-family: Aleo-Regular;
	src: url('Aleo-Regular.otf');
}

@font-face {
	font-family: Aleo-Light;
	src: url('Aleo-Light.otf');
}

@font-face {
	font-family: Playfair-Regular;
	src: url('PlayfairDisplay-Regular.ttf');
}

@font-face {
	font-family: Playfair-Bold;
	src: url('PlayfairDisplay-Bold.ttf');
}

@font-face {
	font-family: Lato-Bold;
	src: url('Lato-Bold.ttf');
}

@font-face {
  font-family: StagSans-Medium;
  src: url('StagSans-Medium.otf');
}

@font-face {
	font-family: Lato-Regular;
	src: url('Lato-Regular.ttf');
}

@font-face {
	font-family: Lato-Light;
	src: url('Lato-Light.ttf');
}


@font-face {
	font-family: TimesDigitalW04-Regular;
	src: url('TimesDigitalW04-Regular.ttf');
}

@font-face {
	font-family: TimesModern-Bold;
	src: url('TimesModern-Bold.otf');
}

@font-face {
	font-family: TimesModern-Regular;
	src: url('TimesModern-Regular.otf');
}

@font-face {
  font-family: Roboto-Regular;
  src: url('Roboto-Regular.eot');
  src: url('Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('Roboto-Regular.ttf');
}



@font-face {
  font-family: Times-Modern-Light;
  src: url('TimesModern-Light.otf');
}

@font-face {
  font-family: Roboto-Medium;
  src: url('Roboto-Medium.ttf');
}

@font-face {
  font-family: Roboto-Medium;
  src: url('Roboto-Medium.ttf');
}

@font-face {
  font-family: Roboto-Bold;
  src: url('Roboto-Bold.eot');
  src: url('Roboto-Bold.eot?#iefix') format('embedded-opentype'),
    url('Roboto-Bold.ttf');
}

@font-face {
  font-family: RobotoCondensed-Regular;
  src: url('https://dev-feed-editions.s3-eu-west-1.amazonaws.com/css/RobotoCondensed-Regular.eot');
  src: url('https://dev-feed-editions.s3-eu-west-1.amazonaws.com/css/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
    url('https://dev-feed-editions.s3-eu-west-1.amazonaws.com/css/RobotoCondensed-Regular.ttf');
}

@font-face {
  font-family: RobotoCondensed-Bold;
  src: url('RobotoCondensed-Bold.eot');
  src: url('RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
    url('RobotoCondensed-Bold.ttf');
}

@font-face {
  font-family: LibreFranklin-Bold;
  src: url('LibreFranklin-Bold.eot');
  src: url('LibreFranklin-Bold.eot?iefix') format('embedded-opentype'),
       url('LibreFranklin-Bold.ttf') format('truetype');
}

@font-face {
  font-family: LibreFranklin-Light;
  src: url('LibreFranklin-Light.eot');
  src: url('LibreFranklin-Light.eot?iefix') format('embedded-opentype'),
       url('LibreFranklin-Light.ttf') format('truetype');
}

@font-face {
  font-family: LibreFranklin-Regular;
  src: url('LibreFranklin-Regular.eot');
  src: url('LibreFranklin-Regular.eot?iefix') format('embedded-opentype'),
       url('LibreFranklin-Regular.ttf') format('truetype');
}

@font-face {
  font-family: OpenSans-Bold;
  src: url('OpenSans-Bold.eot');
  src: url('OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
    /* url('OpenSans-Bold.woff') format('woff'),
    url('OpenSans-Bold.woff2'), */
    url('OpenSans-Bold.ttf') format('truetype');
}

@font-face {
  font-family: DroidSerif-Bold;
  src: url('https://dev-feed-editions.s3-eu-west-1.amazonaws.com/css/DroidSerif-Bold.eot');
  src: url('https://dev-feed-editions.s3-eu-west-1.amazonaws.com/css/DroidSerif-Bold.eot?#iefix') format('embedded-opentype'),
    /* url('DroidSerif-Bold.woff') format('woff'),
    url('DroidSerif-Bold.woff2'), */
    url('https://dev-feed-editions.s3-eu-west-1.amazonaws.com/css/DroidSerif-Bold.ttf') format('truetype');
}


@font-face {
  font-family: DroidSerif-BoldItalic;
  src: url('DroidSerif-BoldItalic.eot');
  src: url('DroidSerif-BoldItalic.eot?#iefix') format('embedded-opentype'),
    /* url('DroidSerif-BoldItalic.woff') format('woff'),
    url('DroidSerif-BoldItalic.woff2'), */
    url('DroidSerif-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: DroidSerif-Regular;
  src: url('DroidSerif-Regular.eot');
  src: url('DroidSerif-Regular.eot?#iefix') format('embedded-opentype'),
    /* url('DroidSerif-Regular.woff') format('woff'),
    url('DroidSerif-Regular.woff2'), */
    url('DroidSerif-Regular.ttf') format('truetype');
}

@font-face {
  font-family: DroidSerif-Regular;
  src: url('DroidSerif-Regular.eot');
  src: url('DroidSerif-Regular.eot?#iefix') format('embedded-opentype'),
    /* url('DroidSerif-Regular.woff') format('woff'),
    url('DroidSerif-Regular.woff2'), */
    url('DroidSerif-Regular.ttf') format('truetype');
}

@font-face {
  font-family: OpenSans-Bold;
  src: url('OpenSans-Bold.eot');
  src: url('OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
    /* url('OpenSans-Bold.woff') format('woff'),
    url('OpenSans-Bold.woff2'), */
    url('OpenSans-Bold.ttf') format('truetype');
}

@font-face {
  font-family: OpenSans-BoldItalic;
  src: url('OpenSans-BoldItalic.eot');
  src: url('OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
    /* url('OpenSans-BoldItalic.woff') format('woff'),
    url('OpenSans-BoldItalic.woff2'), */
    url('OpenSans-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: OpenSans-ExtraBold;
  src: url('OpenSans-ExtraBold.eot');
  src: url('OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
    /* url('OpenSans-ExtraBold.woff') format('woff'),
    url('OpenSans-ExtraBold.woff2'), */
    url('OpenSans-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: OpenSans-ExtraBoldItalic;
  src: url('OpenSans-ExtraBoldItalic.eot');
  src: url('OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
  /* url('OpenSans-ExtraBoldItalic.woff') format('woff'),
  url('OpenSans-ExtraBoldItalic.woff2'), */
    url('OpenSans-ExtraBoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: OpenSans-Light;
  src: url('OpenSans-Light.eot');
  src: url('OpenSans-Light.eot?#iefix') format('embedded-opentype'),
    /* url('OpenSans-Light.woff') format('woff'),
    url('OpenSans-Light.woff2'), */
    url('OpenSans-Light.ttf') format('truetype');
}

@font-face {
  font-family: OpenSans-LightItalic;
  src: url('OpenSans-LightItalic.eot');
  src: url('OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
    /* url('OpenSans-LightItalic.woff') format('woff'),
    url('OpenSans-LightItalic.woff2'), */
    url('OpenSans-LightItalic.ttf') format('truetype');
}

@font-face {
  font-family: OpenSans;
  src: url('OpenSans-Regular.eot');
  src: url('OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
    /* url('OpenSans-Regular.woff') format('woff'),
    url('OpenSans-Regular.woff2'), */
    url('OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: OpenSans-SemiBold;
  src: url('OpenSans-SemiBold.eot'); 
  src: url('OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
    /* url('OpenSans-SemiBold.woff') format('woff'),
    url('OpenSans-SemiBold.woff2'),   */
    url('OpenSans-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: OpenSans-SemiBoldItalic;
  src: url('OpenSans-SemiBoldItalic.eot');
  src: url('OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    /* url('OpenSans-SemiBoldItalic.woff') format('woff'),
    url('OpenSans-SemiBoldItalic.woff2'),  */
    url('OpenSans-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: OfficinaSerif-Book;
  src: url('OfficinaSerif-Book.eot');
  src: url('OfficinaSerif-Book.eot?#iefix') format('embedded-opentype'),
    /* url('OfficinaSerif-Book.woff') format('woff'),
    url('OfficinaSerif-Book.woff2'),   */
    url('OfficinaSerif-Book.otf') format('truetype');
}


@font-face {
  font-family: OfficinaSerif-Bold;
  src: url('OfficinaSerif-Bold.eot');
  src: url('OfficinaSerif-Bold.eot?#iefix') format('embedded-opentype'),
    /* url('OfficinaSerif-Bold.woff') format('woff'),
    url('OfficinaSerif-Bold.woff2'),   */
    url('OfficinaSerif-Bold.otf') format('truetype');
}

/*leave*/
@font-face {
  font-family: BentonSans-Regular;
  src: url('BentonSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('BentonSans-Regular.ttf') format('truetype');
}


@font-face {
  font-family: BentonSans-Medium;
  src: url('BentonSans-Medium.eot?#iefix') format('embedded-opentype'),
    url('BentonSans-Medium.ttf') format('truetype');
}


@font-face {
  font-family: BentonSans-Black;
  src: url('BentonSans-Black.eot?#iefix') format('embedded-opentype'),
    url('BentonSans-Black.ttf') format('truetype');
}

@font-face {
  font-family: "TheSun-Bold";
  src: url('TheSun-Bold.eot');
  src: url('TheSun-Bold.eot?iefix') format('embedded-opentype'),
       url("TheSun-Bold.ttf");
}

@font-face {
  font-family: "TheSun-HeavyNarrow";
  src: url('TheSun-HeavyNarrow.eot');
  src: url('TheSun-HeavyNarrow.eot?iefix') format('embedded-opentype'),
  	   url("TheSun-HeavyNarrow.ttf");
}

@font-face {
  font-family: "TheSun-Regular";
  src: url('TheSun-Regular.eot');
  src: url('TheSun-Regular.eot?iefix') format('embedded-opentype'),
  	   url("TheSun-Regular.ttf");
}

@font-face {
  font-family: MerriweatherSans-Regular;
  src: url('MerriweatherSans-Regular.eot');
  src: url('MerriweatherSans-Regular.eot?#iefix') format('embedded-opentype'),
    /* url('MerriweatherSans-Regular.woff') format('woff'),
    url('MerriweatherSans-Regular.woff2'), */
    url('MerriweatherSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: Merriweather-Bold;
  src: url('Merriweather-Bold.eot');
  src: url('Merriweather-Bold.eot?#iefix') format('embedded-opentype'),
    /* url('Merriweather-Bold.woff') format('woff'),
    url('Merriweather-Bold.woff2') */
    url('Merriweather-Bold.ttf') format('truetype');
}

@font-face {
  font-family: Merriweather-Black;
  src: url('Merriweather-Black.eot');
  src: url('Merriweather-Black.eot?#iefix') format('embedded-opentype'),
    /* url('Merriweather-Black.woff') format('woff'),
    url('Merriweather-Black.woff2'), */
    url('Merriweather-Black.ttf') format('truetype');
}

@font-face {
  font-family: Merriweather-Light;
  src: url('Merriweather-Light.eot');
  src: url('Merriweather-Light.eot?#iefix') format('embedded-opentype'),
    /* url('Merriweather-Light.woff') format('woff'),
    url('Merriweather-Light.woff2'), */
    url('Merriweather-Light.ttf') format('truetype');
}

@font-face {
  font-family: Merriweather-Regular;
  src: url('Merriweather-Regular.eot');
  src: url('Merriweather-Regular.eot?#iefix') format('embedded-opentype'),
    /* url('Merriweather-Regular.woff') format('woff'),
    url('Merriweather-Regular.woff2'), */
    url('Merriweather-Regular.ttf') format('truetype');
}

@font-face {
  font-family: MerriweatherSans-Bold;
  src: url('MerriweatherSans-Bold.eot');
  src: url('MerriweatherSans-Bold.eot?#iefix') format('embedded-opentype'),
    /* url('MerriweatherSans-Bold.woff') format('woff'),
    url('MerriweatherSans-Bold.woff2'), */
    url('MerriweatherSans-Bold.ttf') format('truetype');
}

@font-face {
  font-family: Merriweather-Italic;
  src: url('Merriweather-Italic.eot');
  src: url('Merriweather-Italic.eot?#iefix') format('embedded-opentype'),
    /* url('MerriweatherSans-Bold.woff') format('woff'),
    url('MerriweatherSans-Bold.woff2'), */
    url('Merriweather-Italic.ttf') format('truetype');
}

@font-face {
 font-family: TimesModern-Regular;
 src: url(TIMESMODERN-REGULAR.OTF) format("opentype");
}

@font-face {
 font-family: TimesModern-Bold;
 src: url(TIMESMODERN-BOLD.OTF) format("opentype");
}


@font-face {
  font-family: Georgia-Light;
  src: url('Georgia_Light.eot');
  Src: url('Georgia_Light.eot?iefix) format('embedded-opentype'),
       url('Georgia_Light.ttf') format('truetype'); 
}

@font-face {
  font-family: Georgia;
  src: url('Georgia.eot?#iefix') format('embedded-opentype'),
    url('Georgia.ttf') format('truetype');
}

@font-face {
  font-family: Georgia;
  font-weight: bold;
  src: url('Georgia%20Bold.eot?#iefix') format('embedded-opentype'),
    url('Georgia%20Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Georgia-Bold';
  src: url('Georgia%20Bold.eot?#iefix') format('embedded-opentype'),
    url('Georgia%20Bold.ttf') format('truetype');
}
/*end-leave*/

@font-face {
  font-family: Miller-TextBold;
  src: url('Miller-Text-Bold_30503.eot');
  src: url('Miller-Text-Bold_30503.eot?#iefix') format('embedded-opentype'),
    /* url('Miller-Text-Bold_30503.woff') format('woff'),
    url('Miller-Text-Bold_30503.woff2'), */
    url('Miller-Text-Bold_30503.ttf') format('truetype');
}


@font-face {
  font-family: FiraSans-Bold;
  src: url('FiraSans-Bold.eot');
  src: url('FiraSans-Bold.eot?#iefix') format('embedded-opentype'),
    /* url('FiraSans-Bold.woff') format('woff'),
    url('FiraSans-Bold.woff2'), */
    url('FiraSans-Bold.ttf') format('truetype');
}

@font-face {
  font-family: FiraSans-Regular;
  src: url('FiraSans-Regular.eot');
  src: url('FiraSans-Regular.eot?#iefix') format('embedded-opentype'),
    /* url('FiraSans-Regular.woff') format('woff') ,
    url('FiraSans-Regular.woff2'),  */
    url('FiraSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: NoticiaText-Bold;
  src: url('NoticiaText-Bold.eot'); 
  src: url('NoticiaText-Bold.eot?#iefix') format('embedded-opentype'),
    /* url('NoticiaText-Bold.woff'),
    url('NoticiaText-Bold.woff2'), */
    url('NoticiaText-Bold.ttf') format('truetype');
}

@font-face {
  font-family: NoticiaText-Regular;
  src: url('NoticiaText-Regular.eot');
  src: url('NoticiaText-Regular.eot?#iefix') format('embedded-opentype'),
    /* url('NoticiaText-Regular.woff') format('woff'),
    url('NoticiaText-Regular.woff2'), */
    url('NoticiaText-Regular.ttf') format('truetype');
}



@font-face {
  font-family: PlayfairDisplay-Bold;
  src: url('PlayfairDisplay-Bold.eot');
  src: url('PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),
    /* url('PlayfairDisplay-Bold.woff') format('woff'),
    url('PlayfairDisplay-Bold.woff2'), */
    url('PlayfairDisplay-Bold.ttf') format('truetype');
}

@font-face {
  font-family: PlayfairDisplay-Regular;
  src: url('PlayfairDisplay-Regular.eot');
  src: url('PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
    /* url('PlayfairDisplay-Regular.woff') format('woff'),
    url('PlayfairDisplay-Regular.woff2'), */
    url('PlayfairDisplay-Regular.ttf') format('truetype');
}

@font-face {
  font-family: ZillaSlab-Bold;
  src: url('ZillaSlab-Bold.eot');
  src: url('ZillaSlab-Bold.eot?#iefix') format('embedded-opentype'),
    /* url('ZillaSlab-Bold.woff') format('woff'),
    url('ZillaSlab-Bold.woff'),  */
    url('ZillaSlab-Bold.ttf') format('truetype');
}

@font-face {
  font-family: ZillaSlab-Regular;
  src: url('ZillaSlab-Regular.eot');
  src: url('ZillaSlab-Regular.eot?#iefix') format('embedded-opentype'),
    /* url('ZillaSlab-Regular.woff') format('woff'),
    url('ZillaSlab-Regular.woff2'), */
    url('ZillaSlab-Regular.ttf') format('truetype');
}

@font-face {
  font-family: Baskerville-SemiBoldItalic;
  src: url('LibreBaskerville-Italic.eot');
  src: url('LibreBaskerville-Italic.eot?#iefix') format('embedded-opentype'),
    /* url('LibreBaskerville-Italic.woff') format('woff'),
    url('LibreBaskerville-Italic.woff2'), */
    url('LibreBaskerville-Italic.otf') format('truetype');
}

@font-face {
  font-family: Baskerville-SemiBold;
  src: url('LibreBaskerville-Bold.eot');
  src: url('LibreBaskerville-Bold.eot?#iefix') format('embedded-opentype'),
    /* url('LibreBaskerville-Bold.woff') format('woff'),
    url('LibreBaskerville-Bold.woff2'),   */
    url('LibreBaskerville-Bold.otf') format('truetype');
}
@font-face {
  font-family: Baskerville;
  src: url('LibreBaskerville-Regular.eot');
  src: url('LibreBaskerville-Regular.eot?#iefix') format('embedded-opentype'),
    /* url('LibreBaskerville-Regular.woff') format('woff'),
    url('LibreBaskerville-Regular.woff2'),   */
    url('LibreBaskerville-Regular.otf')  format('truetype');
}
@font-face {
  font-family: Baskerville-Bold;
  src: url('LibreBaskerville-Bold.eot');
  src: url('LibreBaskerville-Bold.eot?#iefix') format('embedded-opentype'),
    /* url('LibreBaskerville-Bold.woff') format('woff'),
    url('LibreBaskerville-Bold.woff2'), */
    url('LibreBaskerville-Bold.otf') format('truetype');
}

@font-face {
  font-family: LibreBaskerville-Bold;
  src: url('LibreBaskerville-Bold.eot');
  src: url('LibreBaskerville-Bold.eot?#iefix') format('embedded-opentype'),
    /* url('LibreBaskerville-Bold.woff') format('woff'),
    url('LibreBaskerville-Bold.woff2'),   */
    url('LibreBaskerville-Bold.otf') format('truetype');
}

@font-face {
  font-family: LibreBaskerville-Italic;
  src: url('LibreBaskerville-Italic.eot?#iefix');
  src: url('LibreBaskerville-Italic.eot?#iefix') format('embedded-opentype'),
    /* url('LibreBaskerville-Italic.woff') format('woff'),
    url('LibreBaskerville-Italic.woff2'), */
    url('LibreBaskerville-Italic.otf') format('truetype');
}

@font-face {
  font-family: LeagueGothic-CondensedRegular;
  src: url('LeagueGothic-CondensedRegular.eot?#iefix') format('embedded-opentype'),
    url('LeagueGothic-CondensedRegular.otf') format('truetype');
}

@font-face {
  font-family: LeagueGothic-Regular;
  src: url('LeagueGothic-Regular.eot');
  src: url('LeagueGothic-Regular.eot?#iefix') format('embedded-opentype'),
    /* url('LeagueGothic-Regular.woff') format('woff'),
    url('LeagueGothic-Regular.woff2'), */
    url('LeagueGothic-Regular.otf') format('truetype');
}

@font-face {
  font-family: SourceSerifRoman-Bold;
  src: url('SourceSerifRoman-Bold.eot?#iefix');
  src: url('SourceSerifRoman-Bold.eot?#iefix') format('embedded-opentype'),
    /* url('SourceSerifRoman-Bold.woff') format('woff'),
    url('SourceSerifRoman-Bold.woff2'), */
    url('SourceSerifRoman-Bold.ttf') format('truetype');
}

/*leave*/
@font-face {
  font-family: Utopia;
  src: url('Utopia.eot?#iefix') format('embedded-opentype'),
    url('Utopia.ttf') format('truetype');
}

@font-face {
  font-family: Utopia-Bold;
  src: url('Utopia-Bold.eot?#iefix') format('embedded-opentype'),
    url('Utopia-Bold.ttf') format('truetype');
}

@font-face {
  font-family: Utopia-Bold;
  src: url('Utopia-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('Utopia-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: Unit-Regular;
  src: url('Unit-Regular.eot?#iefix') format('embedded-opentype'),
    url('Unit-Regular.ttf') format('truetype');
}

@font-face {
  font-family: Unit-Thin;
  src: url('Unit-Thin.eot?#iefix') format('embedded-opentype'),
    url('Unit-Thin.ttf') format('truetype');
}

@font-face {
  font-family: Unit-Medium;
  src: url('Unit-Medium.eot?#iefix') format('embedded-opentype'),
    url('Unit-Medium.otf') format('truetype');
}


@font-face {
  font-family: Unit-Light;
  src: url('Unit-Light.eot?#iefix') format('embedded-opentype'),
    url('Unit-Light.ttf') format('truetype');
}

@font-face {
  font-family: Handset-Condensed-Bold;
  src: url('Handset Condensed W02 Bold.ttf') format('truetype');
}
/*end-leave*/

.padding
{
  min-height: 100%;
  width: 100%;
  padding: 40px;
  background-color: white;

}

.tempviewer

{
  background-color: transparent;
  background-image:       linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, .05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, .05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .05) 76%, transparent 77%, transparent);
  height:100%;
  background-size:50px 50px;
  position: relative;
  overflow: hidden;
  xtouch-action: none;
  width: 768px;
  height: 1024px;
}

.viewer

{
  background-color: transparent;
  background-image:       linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, .05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, .05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .05) 75%, rgba(0, 0, 0, .05) 76%, transparent 77%, transparent);
  height:100%;
  background-size:50px 50px;
  position: relative;
  overflow: hidden;
  xtouch-action: none;
  width: 768px;
  height: 1024px;
}


.contentcolumns
{
  display: inline-block;
  white-space: nowrap;
  position: relative;
  overflow: visible;
  vertical-align: top;
}

.itemelement
{
  display: inline-block;
  white-space: nowrap;
  position: relative;
  overflow: visible;
  vertical-align: top;
}

.columns
{
  display: inline-block;
  white-space: nowrap;
  position: relative;
  overflow: visible;
  vertical-align: top;
}

.rows
{
  position: relative;
}

.columnelement
{
  overflow: hidden !important;
}


.view
{
  width:100%;
  height: 100%;
}


pre {
  margin: 20px;
  padding: 10px;
  background: #eee;
  border: 1px solid silver;
  border-radius: 4px;
  overflow: auto;
}
