/* line 5, ../../../../../../../Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 84, ../sass/_base.scss */
body {
  font-family: Arial;
}

/* line 87, ../sass/_base.scss */
button {
  border: none;
}

/* line 90, ../sass/_base.scss */
.clear {
  clear: both;
}

/*
@font-face {
  font-family: 'gfont';

  // Original Code by Arne:
    src:url('../fonts/gfont.eot?6rk3j5');
    src:url('../fonts/gfont.eot?#iefix6rk3j5') format('embedded-opentype'),
    url('../fonts/gfont.woff?6rk3j5') format('woff'),
    url('../fonts/gfont.ttf?6rk3j5') format('truetype'),
    url('../fonts/gfont.svg?6rk3j5#gfont') format('svg');

  // Attempt to fix the gfont for FireFox (didn't work):
  //  src:url('../fonts/gfont.eot?6rk3j5'); /* IE 5-8 * /
  //  src:local(''),             /* sneakily trick IE * /
  //  url('../fonts/gfont.eot?#iefix6rk3j5') format('embedded-opentype'),
  //  url('../fonts/gfont.woff?6rk3j5') format('woff'),    /* FF 3.6, Chrome 5, IE9 * /
  //  url('../fonts/gfont.ttf?6rk3j5') format('truetype'), /* Opera, Safari * /
  //  url('../fonts/gfont.svg?6rk3j5#font') format('svg'); /* iOS * /

  // Newly generated by Matthias:
  //  src:url('../fonts/gfont2.eot?-qc658r');
  //  src:url('../fonts/gfont2.eot?#iefix-qc658r') format('embedded-opentype'),
  //  url('../fonts/gfont2.woff?-qc658r') format('woff'),
  //  url('../fonts/gfont2.ttf?-qc658r') format('truetype'),
  //  url('../fonts/gfont2.svg?-qc658r#icomoon') format('svg');

  font-weight: normal;
  font-style: normal;

}

[class^="gicon-"], [class*=" gicon-"] {
  font-family: 'gfont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  // Better Font Rendering ===========
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.gicon-promotednews:before {
  content: "\e60a";
}
.gicon-readmore:before {
  content: "\e621";
}
.gicon-war:before {
  content: "\e600";
}
.gicon-twitter:before {
  content: "\e601";
}
.gicon-strategy:before {
  content: "\e602";
}
.gicon-sports:before {
  content: "\e603";
}
.gicon-similargames:before {
  content: "\e604";
}
.gicon-settings:before {
  content: "\e605";
}
.gicon-rss2:before {
  content: "\e606";
}
.gicon-rss:before {
  content: "\e607";
}
.gicon-rpg:before {
  content: "\e608";
}
.gicon-recentnews:before {
  content: "\e609";
}
.gicon-ppl2:before {
  content: "\e60b";
}
.gicon-ppl:before {
  content: "\e60c";
}
.gicon-portal:before {
  content: "\e60d";
}
.gicon-play:before {
  content: "\e60e";
}
.gicon-newspageicon:before {
  content: "\e60f";
}
.gicon-mygamigo:before {
  content: "\e610";
}
.gicon-mmo:before {
  content: "\e611";
}
.gicon-media:before {
  content: "\e612";
}
.gicon-mail:before {
  content: "\e613";
}
.gicon-magnifier:before {
  content: "\e614";
}
.gicon-joystick2:before {
  content: "\e615";
}
.gicon-joystick:before {
  content: "\e616";
}
.gicon-info:before {
  content: "\e617";
}
.gicon-home:before {
  content: "\e618";
}
.gicon-guild:before {
  content: "\e619";
}
.gicon-gplus:before {
  content: "\e61a";
}
.gicon-gamepad:before {
  content: "\e61b";
}
.gicon-freundewerben:before {
  content: "\e61c";
}
.gicon-fb:before {
  content: "\e61d";
}
.gicon-fantasy:before {
  content: "\e61e";
}
.gicon-browser:before {
  content: "\e61f";
}
.gicon-action:before {
  content: "\e620";
}
*/
/* line 6, ../sass/_gamecard.scss */
.gamelist {
  width: 1065px;
  font-size: 0;
  padding-bottom: 40px;
}
/* line 16, ../sass/_gamecard.scss */
.gamelist h1 {
  /*
  font-size: 20px;
  margin: 0;
  padding: 40px 0 10px 0;
  */
}
/* line 25, ../sass/_gamecard.scss */
.gamelist .gamecard {
  display: inline-block;
  position: relative;
  top: 0;
  vertical-align: top;
  width: 310px;
  height: 270px;
  margin: 30px 45px 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 38, ../sass/_gamecard.scss */
.gamelist .gamecard .logo {
  position: absolute;
  right: -20px;
  top: -15px;
  z-index: 1;
}
/* line 44, ../sass/_gamecard.scss */
.gamelist .gamecard .logo img {
  max-width: 200px;
  max-height: 70px;
}
/* line 50, ../sass/_gamecard.scss */
.gamelist .gamecard .screen {
  width: 100%;
  height: 205px;
  overflow: hidden;
}
/* line 55, ../sass/_gamecard.scss */
.gamelist .gamecard .screen img {
  min-width: 100%;
  width: 100%;
  min-height: 100%;
}
/* line 68, ../sass/_gamecard.scss */
.gamelist .gamecard .name {
  display: inline-block;
  position: absolute;
  margin-top: -40px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  font-size: 22px;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 100ms;
  -o-transition-duration: 100ms;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
/* line 91, ../sass/_gamecard.scss */
.gamelist .gamecard .links {
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-transform: uppercase;
  color: #222;
  background-color: #fff;
  overflow: hidden;
  font-size: 0;
  position: relative;
}
/* line 103, ../sass/_gamecard.scss */
.gamelist .gamecard .links * {
  display: inline-block;
  font-size: 12px;
}
/* line 108, ../sass/_gamecard.scss */
.gamelist .gamecard .links .info, .gamelist .gamecard .links .play {
  width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 60px;
  position: absolute;
  text-decoration: none;
  top: 0;
  /*
  @include transition-property(width);
  @include transition-duration(200ms);
  @include transition-timing-function(ease-in);
  */
}
/* line 130, ../sass/_gamecard.scss */
.gamelist .gamecard .links .info:before, .gamelist .gamecard .links .play:before {
  content: '';
  width: 45px;
  height: 45px;
  background-color: #f0f0f0;
  position: absolute;
  left: 0;
  text-align: center;
}
/* line 140, ../sass/_gamecard.scss */
.gamelist .gamecard .links .info:after, .gamelist .gamecard .links .play:after {
  content: '';
  width: 5px;
  height: 100%;
  position: absolute;
  right: 0;
}
/* line 150, ../sass/_gamecard.scss */
.gamelist .gamecard .links .info {
  color: #222;
  left: 0;
}
/* line 154, ../sass/_gamecard.scss */
.gamelist .gamecard .links .info.full {
  width: 100%;
}
/* line 157, ../sass/_gamecard.scss */
.gamelist .gamecard .links .info.full:after {
  width: 1px;
}
/* line 162, ../sass/_gamecard.scss */
.gamelist .gamecard .links .info:before {
  background-image: url("../css/portal/images/spritesheet.png");
  background-position: -20px -320px;
  content: ' ';
  border-style: solid;
  border-width: 13px 13px 12px 12px;
  border-color: #f0f0f0;
}
/* line 181, ../sass/_gamecard.scss */
.gamelist .gamecard .links .info:after {
  background-color: #999999;
}
/* line 186, ../sass/_gamecard.scss */
.gamelist .gamecard .links .play {
  background-image: url("../images/global/play_button.png");
  background-repeat: no-repeat;
  background-position: 0 -50px;
  color: #FFF;
  padding-left: 0px;
  text-align: center;
  right: 0;
}
/* line 196, ../sass/_gamecard.scss */
.gamelist .gamecard .links .play:hover {
  background-position: 0 0;
}
/* line 200, ../sass/_gamecard.scss */
.gamelist .gamecard .links .play:before {
  color: #FBBB21;
  width: 0px;
}
/* line 205, ../sass/_gamecard.scss */
.gamelist .gamecard .links .play:after {
  background-color: #FBBB21;
}
/* line 211, ../sass/_gamecard.scss */
.gamelist .gamecard .social, .gamelist .gamecard .category {
  width: 270px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  background-color: #222;
  position: absolute;
  right: 20px;
  z-index: 0;
  /*
  &:after {
	content: '';
	width: 20px;
	height: 250px;
	background-color: #222;
	position: absolute;
	right: -20px;
	bottom: 0;
  }
  */
}
/* line 224, ../sass/_gamecard.scss */
.gamelist .gamecard .social:before, .gamelist .gamecard .category:before {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #999999;
  font-size: 0;
  position: relative;
  top: 0px;
  margin-left: -20px;
}
/* line 236, ../sass/_gamecard.scss */
.gamelist .gamecard .social:after, .gamelist .gamecard .category:after {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #999999;
  font-size: 0;
  position: absolute;
  top: 0px;
  right: -20px;
}
/* line 249, ../sass/_gamecard.scss */
.gamelist .gamecard .social *, .gamelist .gamecard .category * {
  display: inline-block;
  position: relative;
  margin-left: 5px;
}
/* line 267, ../sass/_gamecard.scss */
.gamelist .gamecard .social .title, .gamelist .gamecard .category .title {
  padding: 0 5px;
  text-transform: uppercase;
  font-style: italic;
  font-size: 12px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 280, ../sass/_gamecard.scss */
.gamelist .gamecard .social .share, .gamelist .gamecard .category .share {
  width: 25px;
  text-align: center;
  color: #fff;
  text-decoration: none;
}
/* line 293, ../sass/_gamecard.scss */
.gamelist .gamecard .extra {
  display: none;
}
/* line 298, ../sass/_gamecard.scss */
.gamelist .gamecard:before {
  position: absolute;
  content: '';
  opacity: 0;
}
/* line 308, ../sass/_gamecard.scss */
.gamelist .gamecard:hover {
  z-index: 2;
  	  /*
  	  &:before {
  		position: absolute;
  		content: '';
  		width: 350px;
  		height: 100%;
  		//padding: 20px 20px 210px 20px;
  		padding: 20px 20px 500px 20px;
  		//background-color: $highlighColor;
  		background-color: #2a2a2a;
  		z-index: -1;
  		left: -20px;
  		top: -18px;
  
  		opacity: 1;
  		@include transition-property(opacity);
  		@include transition-duration(300ms);
  		@include transition-timing-function(ease-out);
  
  	  }
  
  	  &:after {
  		position: absolute;
  		content: '';
  		width: 380px;
  		height: 100%;
  		//padding: 35px 35px 225px 35px;
  		padding: 35px 35px 515px 35px;
  		//background-color: #fff;
  		background-color: #FFF;
          border: 1px solid #000;
  		z-index: -2;
  		left: -35px;
  		top: -33px;
  	  }
  	  */
  	  /*
  	  .links {
  		overflow: hidden;
  
  		.info, .play {
  		  white-space: nowrap;
  			overflow: hidden;
  
  		  @include transition-property(width, opacity);
  		  @include transition-duration(500ms, 300ms);
  		  @include transition-timing-function(ease-out, ease-out);
  		}
  
  		.info {
  		  width: 100%;
  		  font-size: 15px;
  		  color: $highlighColor;
  		  text-decoration: underline;
  
  		  &:before {
  			font-size: 13px;
  		  }
  		  &:after {
  			background-color: $highlighColor;
  			left: 45px;
  		  }
  		}
  
  		.play {
  		  width: 0%;
  		  color: $highlighColor;
  		  opacity: 0;
  
  		  &:before {
  			width: 50px;
  		  }
  		  &:after {
  			left: 0px;
  			background-color: $edgeColor;
  		  }
  		}
  	  }
  	  */
  	  /*
  	  .links {
  		position: absolute;
  		z-index: 2;
  		bottom: 48px;
  
  		@include scale( .9, .85 );
  
  		.info, .play {
  		  &:before {
  			height: 90%;
  			background-color: rgba(#000, .2);
  			color: #fff;
  			margin: 2px;
  		  }
  		  &:after {
  			content: none;
  		  }
  
  		  width: 49%;
  		  background-color: $highlighColor;
  		  color: #fff;
  		}
  
  		.info {
  		  margin-right: 5px;
  		}
  	  }
  	  */
  /*
  .category, .social {
  	&:after {
	  content: none;
	}
  }
  */
}
/* line 350, ../sass/_gamecard.scss */
.gamelist .gamecard:hover .screen:before {
  position: absolute;
  width: inherit;
  height: inherit;
  content: '';
  -moz-box-shadow: #FFF 0px 0px 10px inset;
  -webkit-box-shadow: #FFF 0px 0px 10px inset;
  box-shadow: #FFF 0px 0px 10px inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 361, ../sass/_gamecard.scss */
.gamelist .gamecard:hover .name {
  display: none;
  /*
  @include transition-property(background-color);
  @include transition-duration(50ms);
  @include transition-timing-function(ease-out);
  background-color: rgba(#000, .9);
  */
}
/* line 453, ../sass/_gamecard.scss */
.gamelist .gamecard:hover .extra {
  display: inline-block;
  position: relative;
  top: 30px;
  width: 100%;
  		/*
  		ul {
  		  margin: 10px auto;
  		  padding: 0;
  		  color: #fff;
  		  width: 230px;
  
  		  li {
  			margin: 2px 0 5px 10px;
  			font-size: 10px;
  			text-transform: uppercase;
  			font-style:italic;
  			line-height: 14px;
  
  			// TODO: actual image: list-style: image('g.png');
  
  			&:before {
  			  content: 'g';
  			  font-size: 14px;
  			  text-transform: lowercase;
  			  font-style: normal;
  			  position: relative;
  			  left: -5px;
  			}
  		  }
  		}
  		*/
}
/* line 460, ../sass/_gamecard.scss */
.gamelist .gamecard:hover .extra .screens {
  font-size: 0;
  position: absolute;
  top: -160px;
  margin: 0 15px;
}
/* line 467, ../sass/_gamecard.scss */
.gamelist .gamecard:hover .extra .screens .screen {
  display: inline-block;
  width: 90px;
  height: 70px;
  border: 2px solid #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  margin-right: 5px;
}
/* line 478, ../sass/_gamecard.scss */
.gamelist .gamecard:hover .extra .screens .screen:before {
  width: 86px;
  height: 66px;
  -moz-box-shadow: #000 0px 0px 5px inset;
  -webkit-box-shadow: #000 0px 0px 5px inset;
  box-shadow: #000 0px 0px 5px inset;
}
/* line 487, ../sass/_gamecard.scss */
.gamelist .gamecard:hover .extra .screens .screen:last-child {
  margin-right: 0;
}
/* line 491, ../sass/_gamecard.scss */
.gamelist .gamecard:hover .extra .screens .screen img {
  height: 100%;
}
/* line 500, ../sass/_gamecard.scss */
.gamelist .gamecard:hover .extra .infotext {
  position: absolute;
  top: -280px;
  margin: 4px;
  height: 196px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 60px 10px 5px 10px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
}
/* line 515, ../sass/_gamecard.scss */
.gamelist .gamecard:hover .extra .infotext p {
  font-size: 12px;
  line-height: 16px;
  /*
  &.min {
    // Short Text for miniature
    display: none;
  }
  &.max {
    // Long text for full size
  }
  */
}
/* line 560, ../sass/_gamecard.scss */
.gamelist .gamecard:hover .extra .play {
  display: block;
  width: 276px;
  height: 35px;
  position: relative;
  top: -53px;
  margin: 0 auto;
  line-height: 35px;
  background-color: #FBBB21;
  font-size: 15px;
  text-transform: uppercase;
  padding-left: 40px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  /*
  &:after {
	content: '';
	width: 100%;
	border-bottom: 3px solid $edgeColor;
	position: absolute;
	bottom: -4px;
	left: 0;
  }
  */
}
/* line 582, ../sass/_gamecard.scss */
.gamelist .gamecard:hover .extra .play:before {
  background-color: rgba(0, 0, 0, 0.2);
  display: inline-block;
  width: 0px;
  height: 31px;
  line-height: 31px;
  position: absolute;
  top: 2px;
  left: 2px;
  text-align: center;
}
/* line 612, ../sass/_gamecard.scss */
.gamelist.miniatures {
  width: 690px;
}
/* line 615, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard {
  width: 210px;
  height: 155px;
  margin-right: 20px;
}
/* line 620, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard .logo {
  right: -15px;
  top: -10px;
}
/* line 624, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard .logo img {
  max-width: 120px;
  max-height: 50px;
}
/* line 629, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard .screen {
  height: 120px;
}
/* line 633, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard .name {
  margin-top: -30px;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  padding: 0 5px;
}
/* line 641, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard .links {
  height: 30px;
  line-height: 30px;
  border-bottom: 2px solid #000;
}
/* line 646, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard .links .info, .gamelist.miniatures .gamecard .links .play {
  font-size: 8px;
  padding-left: 35px;
}
/* line 650, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard .links .info:before, .gamelist.miniatures .gamecard .links .play:before {
  font-size: 14px;
  zoom: 0.6;
  -moz-transform: scale(0.6);
  -moz-transform-origin: 0 0;
}
/* line 657, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard .links .info:after, .gamelist.miniatures .gamecard .links .play:after {
  width: 3px;
}
/* line 663, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard .links .info:before {
  border-right-width: 14px;
}
/* line 667, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard .links .play {
  padding: 0px;
  text-align: center;
}
/* line 671, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard .links .play:before {
  width: 0;
}
/* line 677, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard .category, .gamelist.miniatures .gamecard .social {
  display: none;
  /*
  width: 200px;
  height: 10px;
  */
  /*
  &:after {
    height: 150px;
    width: 10px;
    right: -10px;
  }
  */
}
/* line 684, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard .category:before, .gamelist.miniatures .gamecard .social:before {
  content: none;
}
/* line 695, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard .category .title, .gamelist.miniatures .gamecard .category .share, .gamelist.miniatures .gamecard .social .title, .gamelist.miniatures .gamecard .social .share {
  display: none;
}
/* line 700, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard:hover {
  		/*
  		.links {
  		  .info {
  			font-size: 12px;
  
  			&:before {
  			  font-size: 8px;
  			}
  			&:after {
  			  left: 30px;
  			}
  		  }
  		}
  		*/
}
/* line 701, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard:hover:before {
  padding: 14px 14px 210px 14px;
  left: -14px;
  top: -14px;
}
/* line 706, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard:hover:after {
  padding: 25px 25px 220px 25px;
  left: -25px;
  top: -25px;
}
/* line 727, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard:hover .category, .gamelist.miniatures .gamecard:hover .social {
  display: none;
}
/* line 731, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard:hover .extra {
  top: 10px;
  		  /*
  		  .play {
  			height: 26px;
  			line-height: 26px;
  			width: 185px;
  			top: -42px;
  			font-size: 12px;
  			padding-left: 50px;
  
  			&:before {
  			  height: 22px;
  			  line-height: 22px;
  			  width: 40px;
  			}
  		  }
  		  */
}
/* line 734, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard:hover .extra .screens {
  display: none;
  			/*
  			margin: 0 11px;
  			top: -94px;
  
  			.screen {
  			  width: 60px;
  			  height: 46px;
  			  margin-right: 4px;
  
  			  &:before {
  			  	width: 56px;
  			  	height: 42px;
  			  }
  
  			  //margin: 0;
  
  			  &:first-child {
  				margin-right: 10px;
  			  }
  
  			  &:last-child {
  				margin-right: 0;
  			  }
  			}
  			*/
}
/* line 764, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard:hover .extra .infotext {
  top: -160px;
  margin: 2px;
  height: 116px;
  padding: 40px 8px 5px 8px;
}
/* line 774, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard:hover .extra .infotext p {
  font-size: 12px;
  line-height: 14px;
  /*
  &.min {
	display: inline-block;
  }
  &.max {
	display: none;
  }
  */
}
/* line 789, ../sass/_gamecard.scss */
.gamelist.miniatures .gamecard:hover .extra ul {
  width: 185px;
}

/* line 6, ../sass/game.scss */
#page_header {
  background-image: url("../images/gamepage_dn_head.jpg");
}

/* line 11, ../sass/game.scss */
body {
  background-color: #f5f5f5;
}

/*
.game{
  background-color: #f5f5f5;
}
*/
/* line 22, ../sass/game.scss */
#main.game {
  background-color: #fff;
  background-image: url(../images/bg_selectednews.jpg);
  background-position: top center;
  background-repeat: no-repeat;
}
/* line 28, ../sass/game.scss */
#main.game .centered {
  padding-bottom: 10px;
}
/* line 32, ../sass/game.scss */
#main.game .top_summary {
  height: 40px;
  line-height: 40px;
  position: relative;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background-color: rgba(50, 50, 50, 0.8);
  min-width: 250px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 70px;
  line-height: 70px;
  font-size: 35px;
  padding-left: 10px;
  width: 600px;
  background-color: #333;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
}
/* line 27, ../sass/_base.scss */
#main.game .top_summary:before {
  content: '//';
  width: 35px;
  display: inline-block;
  text-align: right;
  padding-right: 5px;
}
/* line 35, ../sass/_base.scss */
#main.game .top_summary a {
  color: inherit;
  text-decoration: none;
}
/* line 43, ../sass/game.scss */
#main.game .top_summary:before {
  content: none;
}
/* line 48, ../sass/game.scss */
#main.game h2 {
  min-width: 500px;
}
/* line 51, ../sass/game.scss */
#main.game h2 .small {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: none;
}
/* line 59, ../sass/game.scss */
#main.game .search {
  width: 350px;
  position: relative;
  z-index: 0;
}
/* line 64, ../sass/game.scss */
#main.game .search:before {
  background-image: url("../css/portal/images/spritesheet.png");
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  bottom: 0px;
  z-index: 3;
  font-style: normal;
  text-transform: none;
}
/* line 84, ../sass/game.scss */
#main.game .search input.field {
  position: relative;
  width: 100%;
  height: 30px;
  border: 1px solid #ccc;
  border-top: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: collapse;
  padding-left: 29px;
  z-index: 2;
  background-color: #f0f0f0;
  color: #000;
  font-size: 14px;
  font-style: italic;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 3px -3px 10px -5px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 3px -3px 10px -5px inset;
  box-shadow: rgba(0, 0, 0, 0.5) 3px -3px 10px -5px inset;
}
/* line 101, ../sass/game.scss */
#main.game .search input.field:focus {
  outline: none;
}
/* line 105, ../sass/game.scss */
#main.game .search input.field.hint {
  color: #888;
  text-transform: uppercase;
}
/* line 112, ../sass/game.scss */
#main.game h4 {
  height: 40px;
  line-height: 40px;
  position: relative;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background-color: rgba(50, 50, 50, 0.8);
  min-width: 250px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
}
/* line 27, ../sass/_base.scss */
#main.game h4:before {
  content: '//';
  width: 35px;
  display: inline-block;
  text-align: right;
  padding-right: 5px;
}
/* line 35, ../sass/_base.scss */
#main.game h4 a {
  color: inherit;
  text-decoration: none;
}
/* line 121, ../sass/game.scss */
#main.game .col1 .category_container {
  margin-top: -10px;
  padding: 10px 0 0 0;
  background-color: rgba(255, 255, 255, 0.8);
  margin-bottom: 20px;
}
/* line 130, ../sass/game.scss */
#main.game .col1 .gamelist {
  padding-left: 15px;
  padding-bottom: 20px;
}
/* line 134, ../sass/game.scss */
#main.game .col1 .gamelist .gamecard {
  margin-right: 30px;
}
/* line 137, ../sass/game.scss */
#main.game .col1 .gamelist .gamecard.plus {
  text-align: center;
  vertical-align: middle;
  padding: 30px;
}
/* line 142, ../sass/game.scss */
#main.game .col1 .gamelist .gamecard.plus .teaser {
  display: inline-block;
  background-color: #383838;
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: #fbbb21;
  font-size: 200px;
  line-height: 210px;
}
/* line 159, ../sass/game.scss */
#main.game .col1 .gamelist .gamecard.plus .teaser .regular {
  display: inline-block;
  height: 100%;
}
/* line 163, ../sass/game.scss */
#main.game .col1 .gamelist .gamecard.plus .teaser .focus {
  display: none;
  font-size: 220px;
}
/* line 168, ../sass/game.scss */
#main.game .col1 .gamelist .gamecard.plus .teaser:hover {
  background-color: #646464;
  color: #fff;
  text-decoration: none;
}
/* line 174, ../sass/game.scss */
#main.game .col1 .gamelist .gamecard.plus .teaser:hover .focus {
  display: inline-block;
  height: 100%;
}
/* line 178, ../sass/game.scss */
#main.game .col1 .gamelist .gamecard.plus .teaser:hover .regular {
  display: none;
}
/* line 192, ../sass/game.scss */
#main.game .bottom_text {
  width: 100%;
  background-color: #fff;
  padding: 20px 30px 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 198, ../sass/game.scss */
#main.game .bottom_text p {
  font-size: 16px;
  line-height: 25px;
  padding-bottom: 20px;
}
/* line 203, ../sass/game.scss */
#main.game .bottom_text p span.highlight {
  font-weight: bold;
  text-transform: uppercase;
}
/* line 208, ../sass/game.scss */
#main.game .bottom_text p.header {
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 0;
}
/* line 215, ../sass/game.scss */
#main.game .bottom_closer {
  width: 100%;
  overflow: hidden;
  display: inline-block;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 140px;
  font-size: 13px;
  text-align: justify;
  z-index: 1;
  line-height: 15px;
  height: 115px;
  margin-bottom: 25px;
}
/* line 230, ../sass/game.scss */
#main.game .bottom_closer b {
  font-weight: bold;
}
/* line 234, ../sass/game.scss */
#main.game .bottom_closer:before {
  content: '';
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 115px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-top: 115px solid #fff;
  border-left: 115px solid transparent;
  border-right: 115px solid transparent;
}
/* line 252, ../sass/game.scss */
#main.game .bottom_closer:after {
  content: '';
  position: absolute;
  height: 25px;
  width: 790px;
  background-color: #fff;
  display: inline-block;
  box-sizing: border-box;
  left: 0;
  bottom: 0px;
  z-index: 2;
  margin: 0 115px;
}

/* line 282, ../sass/game.scss */
#main.gamepage .newscontainer {
  width: 760px;
  background-color: rgba(255, 255, 255, 0.6);
  margin-top: 20px;
  padding: 10px;
  -moz-box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 20px 10px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 20px 10px;
  box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 20px 10px;
  margin-bottom: 50px;
  border: 0;
}
/* line 292, ../sass/game.scss */
#main.gamepage .newscontainer .messagebox {
  background-color: rgba(255, 255, 255, 0.6);
}
/* line 295, ../sass/game.scss */
#main.gamepage .newscontainer .messagebox strong {
  font-weight: bold;
}
/* line 299, ../sass/game.scss */
#main.gamepage .newscontainer .messagebox .center {
  text-align: center;
}
/* line 303, ../sass/game.scss */
#main.gamepage .newscontainer .messagebox.teaser {
  margin: 75px 15px 20px 0;
}
/* line 306, ../sass/game.scss */
#main.gamepage .newscontainer .messagebox.teaser:after {
  background-color: rgba(255, 255, 255, 0.6);
}

/* line 314, ../sass/game.scss */
.gamepage {
  /*
  .news_container{
    width: 760px;
    background-color: rgba(255, 255, 255, 0.6);
    margin-top: 50px;
    padding: 10px;
    @include box-shadow(rgba(255, 255, 255, 0.6) 0px 0px 20px 10px);
    margin-bottom: 50px;

    .more_news_link{
      background-image: url('../images/gamepage/more_news.png');
      background-position: 0 -60px;
      background-repeat: no-repeat;
      margin-left: -10px;
      width: 161px;
      height: 60px;
      text-transform: uppercase;
      color: #ffffff;
      text-decoration: none;
      display: block;
      line-height: 75px;
      padding-left: 10px;
      &:hover{
        background-position: 0 0;
      }
    }

    .news_item{
      margin: 40px 0;
      position: relative;

      &.odd{
        .news_text{
          left: 20px;
          .text{
            .more_link{
              background-image: url('../images/gamepage/read_more_odd.png');
              left: -20px;
              a{
                right: 38px;
              }
            }
          }
        }
        img{
          margin-left: 430px;
        }
        .image_badge{
          margin-left: 426px;
        }

      }
      img{
        margin-left: 5px;
      }
      .image_badge{
        text-align: center;
        background-image: url('../images/gamepage/news_banderole.png');
        background-repeat: no-repeat;
        width: 330px;
        height: 40px;
        margin-top: -5px;
        line-height: 40px;
        color: #ffffff;
        font-size: 25px;
      }
      .news_text{
        position: absolute;
        width: 400px;
        left: 350px;
        top: 0;
        .headline{
          color: #2a2a2a;
          font-size: 24px;
          margin-bottom: 10px;
        }
        .text{
          color: #2a2a2a;
          font-size: 16px;
          line-height: 20px;
          .more_link{
            background-image: url('../images/gamepage/read_more.png');
            background-repeat: no-repeat;
            background-position: 0 -50px;
            width: 120px;
            height: 50px;
            position: absolute;
            right: -20px;
            a{
              color: #ffffff;
              text-decoration: none;
              position: absolute;
              right: 5px;
              bottom: 8px;
              text-transform: uppercase;
              font-size: 12px;
            }
            &:hover{
              background-position: 0 0;
              cursor: pointer;
            }
          }
        }
      }
    }
  }
  */
}
/* line 319, ../sass/game.scss */
.gamepage .news {
  background-position: top center;
  background-repeat: no-repeat;
}
/* line 434, ../sass/game.scss */
.gamepage #game_teaser_1 {
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 300px;
  margin: 10px 0 40px 0;
}
/* line 443, ../sass/game.scss */
.gamepage .content {
  background-position: 350px 0;
  background-repeat: no-repeat;
}
/* line 452, ../sass/game.scss */
.gamepage #footer .content {
  background-image: none;
}
/* line 462, ../sass/game.scss */
.gamepage h3.gamepage_title {
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  color: #ffffff;
  background-color: #4a4a4a;
  padding: 5px 30px 5px 10px;
  text-transform: uppercase;
}
/* line 472, ../sass/game.scss */
.gamepage #game_slider {
  margin: -10px 0 20px 0;
  display: block;
  position: relative;
  height: 300px;
  overflow: visible;
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0) 100%);
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0.9, rgba(255, 255, 255, 0.8)), color-stop(1, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0) 100%);
}
/* line 487, ../sass/game.scss */
.gamepage #game_slider #slider_content {
  padding: 10px 20px;
}
/* line 491, ../sass/game.scss */
.gamepage #game_slider .slider_item {
  display: none;
  overflow: visible;
  padding-top: 15px;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  line-height: 1.5em;
}
/* line 499, ../sass/game.scss */
.gamepage #game_slider .slider_item .title {
  font-size: 37px;
  font-weight: bold;
}
/* line 504, ../sass/game.scss */
.gamepage #game_slider .slider_item .slide_content {
  margin: 20px 0 10px 0;
  font-size: 16px;
  color: #2a2a2a;
  width: 60%;
}
/* line 513, ../sass/game.scss */
.gamepage #game_slider .slider_item .slide_image {
  position: absolute;
  right: -140px;
  bottom: -20px;
}
/* line 521, ../sass/game.scss */
.gamepage #game_slider #slider_items {
  position: absolute;
  bottom: -20px;
  z-index: 1;
  font-size: 0;
}
/* line 527, ../sass/game.scss */
.gamepage #game_slider #slider_items li {
  list-style-type: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  cursor: pointer;
  width: 100px;
  background-color: rgba(136, 136, 136, 0.2);
  		/*
          &:first-child{
            margin:0;
          }
          */
}
/* line 537, ../sass/game.scss */
.gamepage #game_slider #slider_items li span {
  display: inline-block;
  position: relative;
}
/* line 541, ../sass/game.scss */
.gamepage #game_slider #slider_items li .item_image {
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 50px;
  width: inherit;
}
/* line 547, ../sass/game.scss */
.gamepage #game_slider #slider_items li .item_title {
  width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
  font-size: 12px;
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}
/* line 562, ../sass/game.scss */
.gamepage #game_slider #slider_items li:hover {
  background-color: rgba(136, 136, 136, 0.4);
}
/* line 565, ../sass/game.scss */
.gamepage #game_slider #slider_items li:hover .item_image {
  background-position: 0 -50px;
}
/* line 568, ../sass/game.scss */
.gamepage #game_slider #slider_items li:hover .item_title {
  font-weight: bold;
}
/* line 581, ../sass/game.scss */
.gamepage #about {
  float: left;
  width: 530px;
  min-height: 300px;
}
/* line 586, ../sass/game.scss */
.gamepage #about .about_text {
  margin: 20px 0;
  float: left;
  width: 600px;
  font-size: 16px;
  color: #494949;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  line-height: 1.5em;
}
/* line 599, ../sass/game.scss */
.gamepage #about .about_text strong {
  font-weight: bold;
}
/* line 603, ../sass/game.scss */
.gamepage #about .about_text ul {
  margin: 10px 0;
}
/* line 606, ../sass/game.scss */
.gamepage #about .about_text ul li {
  list-style: circle;
  margin-left: 20px;
}
/* line 612, ../sass/game.scss */
.gamepage #about .about_text .about_gamelogo {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
/* line 619, ../sass/game.scss */
.gamepage #header_buttons {
  float: right;
}
/* line 621, ../sass/game.scss */
.gamepage #header_buttons .game_badge {
  width: 487px;
  height: 279px;
  background-image: url("../images/gamepage_title.png");
  background-position: top center;
  background-repeat: no-repeat;
  margin-top: -55px;
  margin-right: -9px;
}
/* line 630, ../sass/game.scss */
.gamepage #header_buttons .game_badge span {
  display: inline-block;
  width: 250px;
  position: absolute;
  top: 15px;
  right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 33px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
/* line 648, ../sass/game.scss */
.gamepage #header_buttons .game_badge .buttons_container {
  position: absolute;
  top: 90px;
  right: 30px;
}
/* line 659, ../sass/game.scss */
.gamepage #header_buttons .game_badge .buttons_container a.gbtn.reg {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}
/* line 665, ../sass/game.scss */
.gamepage #header_buttons .game_badge .buttons_container .gbtn {
  display: block;
  background: none;
  background-repeat: none;
  position: absolute;
  right: 0;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 20px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 685, ../sass/game.scss */
.gamepage #header_buttons .game_badge .buttons_container .gbtn:hover {
  text-decoration: none;
}
/* line 689, ../sass/game.scss */
.gamepage #header_buttons .game_badge .buttons_container .gbtn.reg {
  top: 0px;
  background-image: url("../images/register_button.png");
  width: 218px;
  height: 60px;
  line-height: 50px;
  font-size: 22px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2), 0px 0px 10px rgba(0, 0, 0, 0.5), 0px 0px 2px rgba(0, 0, 0, 0.2);
  padding-top: 0px;
  padding-bottom: 7px;
  background-position: 0 -60px;
}
/* line 707, ../sass/game.scss */
.gamepage #header_buttons .game_badge .buttons_container .gbtn.reg:hover {
  background-position: 0 0;
  text-shadow: 0px 0px 4px white, 0px 0px 10px rgba(0, 0, 0, 0.5), 0px 0px 2px rgba(0, 0, 0, 0.2);
}
/* line 713, ../sass/game.scss */
.gamepage #header_buttons .game_badge .buttons_container .gbtn.second {
  top: 66px;
  background-image: url("../images/download_button.png");
  width: 188px;
  height: 54px;
  line-height: 50px;
  padding-top: 0px;
  padding-bottom: 7px;
  font-size: 20px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2), 0px 0px 10px rgba(0, 0, 0, 0.5), 0px 0px 2px rgba(0, 0, 0, 0.2);
  background-position: 0 -56px;
}
/* line 731, ../sass/game.scss */
.gamepage #header_buttons .game_badge .buttons_container .gbtn.second:hover {
  background-position: 0 0;
  text-shadow: 0px 0px 4px white, 0px 0px 10px rgba(0, 0, 0, 0.5), 0px 0px 2px rgba(0, 0, 0, 0.2);
}

/* line 742, ../sass/game.scss */
.gamelayout_submit_asd {
  top: 66px;
  color: #ffffff;
  background-image: url("../images/download_button.png");
  width: 188px;
  border: none;
  height: 54px;
  line-height: 50px;
  text-transform: uppercase;
  padding-top: 0px;
  padding-bottom: 7px;
  font-size: 20px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2), 0px 0px 10px rgba(0, 0, 0, 0.5), 0px 0px 2px rgba(0, 0, 0, 0.2);
  background-position: 0 -56px;
}
/* line 760, ../sass/game.scss */
.gamelayout_submit_asd:hover {
  background-position: 0 0;
  text-shadow: 0px 0px 4px white, 0px 0px 10px rgba(0, 0, 0, 0.5), 0px 0px 2px rgba(0, 0, 0, 0.2);
}

/* line 767, ../sass/game.scss */
.relatedgames h4 {
  height: 40px;
  line-height: 40px;
  position: relative;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background-color: rgba(50, 50, 50, 0.8);
  min-width: 250px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  line-height: 50px;
  font-weight: normal;
  padding-right: 20px;
  width: 700px;
  background-color: #333;
  border-bottom: 10px solid #555;
  margin: 20px 0 5px -3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 27, ../sass/_base.scss */
.relatedgames h4:before {
  content: '//';
  width: 35px;
  display: inline-block;
  text-align: right;
  padding-right: 5px;
}
/* line 35, ../sass/_base.scss */
.relatedgames h4 a {
  color: inherit;
  text-decoration: none;
}

/* line 781, ../sass/game.scss */
div.category_description {
  font-size: 16px;
  line-height: 25px;
  margin: 0 0 20px 0;
  padding: 0 10px;
}

/* line 791, ../sass/game.scss */
#media_slider {
  background-image: url("../images/gamepage/media_bg.jpg");
  height: 680px;
  margin-bottom: 30px;
  width: 100%;
}
/* line 799, ../sass/game.scss */
#media_slider #slider_control {
  margin-top: 35px;
  margin-left: 7px;
  font-size: 0;
}
/* line 804, ../sass/game.scss */
#media_slider #slider_control li {
  list-style-type: none;
  display: inline-block;
  cursor: pointer;
  margin-left: 5px;
  overflow: hidden;
  width: 120px;
  height: 70px;
}
/* line 814, ../sass/game.scss */
#media_slider #slider_control li img {
  width: 100%;
}
/* line 821, ../sass/game.scss */
#media_slider #slider_content {
  padding: 10px;
  margin: 0;
  width: 100%;
  height: 565px;
  position: relative;
}
/* line 828, ../sass/game.scss */
#media_slider .media_item {
  position: absolute;
  width: 1000px;
  height: 100%;
  display: none;
  overflow: hidden;
}
/* line 835, ../sass/game.scss */
#media_slider .media_item img {
  min-width: 100%;
  min-height: 100%;
  padding-bottom: 10px;
}
/* line 841, ../sass/game.scss */
#media_slider .media_item:first-child {
  display: block;
}