/* 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 7, ../sass/portal.scss */
body {
  margin-top: -47px;
}

/* line 11, ../sass/portal.scss */
.small {
  font-size: inherit;
}

/* line 16, ../sass/portal.scss */
span.outlink_marker {
  display: inline-block;
  position: relative;
  top: -.5em;
  left: 0.25em;
  line-height: 0;
}
/* line 23, ../sass/portal.scss */
span.outlink_marker:before {
  content: "\21d7";
  font-weight: normal;
  overflow: visible;
  position: relative;
}

/* line 34, ../sass/portal.scss */
i.coin_symbol {
  font-style: normal;
  display: inline-block;
  font-size: 100%;
  width: 1.8em;
  position: relative;
  margin: 0 .2em 0 0;
  text-align: center;
}
/* line 47, ../sass/portal.scss */
i.coin_symbol:before {
  content: "\274D";
  display: inline-block;
  font-size: 200%;
  width: .9em;
  position: absolute;
  left: .075em;
}

/* line 65, ../sass/portal.scss */
.login_form .content span {
  color: #fbbb21;
}
/* line 67, ../sass/portal.scss */
.login_form .content span a {
  text-decoration: underline;
  color: #fbbb21;
}

/* line 77, ../sass/portal.scss */
.cn-wrapper ul {
  z-index: 1;
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
}
/* line 90, ../sass/portal.scss */
.cn-wrapper ul li {
  /*
  a {
	color: #000 !important;
	font-size: 20px !important;
	line-height: 70px !important;
	height: 120px !important;
	width: 160px !important;
	z-index: 2;
  }
  */
}
/* line 112, ../sass/portal.scss */
.cn-wrapper.opened-nav .overlay-icons {
  position: relative;
  z-index: 0;
  width: 100%;
  top: 210px;
  text-align: center;
}
/* line 124, ../sass/portal.scss */
.cn-wrapper.opened-nav .overlay-icons span {
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 0;
  color: #000;
}
/* line 134, ../sass/portal.scss */
.cn-wrapper.opened-nav .overlay-icons span:before {
  background-image: url("../css/portal/images/spritesheet.png");
  content: ' ';
  width: inherit;
  height: inherit;
  display: inherit;
  /*
  font-family: 'gfont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 30px;
  z-index: 0;
  */
}
/* line 152, ../sass/portal.scss */
.cn-wrapper.opened-nav .overlay-icons span.icon_4 {
  right: 40px;
  top: 10px;
}
/* line 156, ../sass/portal.scss */
.cn-wrapper.opened-nav .overlay-icons span.icon_4:before {
  background-position: -90px -260px;
}
/* line 160, ../sass/portal.scss */
.cn-wrapper.opened-nav .overlay-icons span.icon_3 {
  right: 105px;
  top: 60px;
}
/* line 164, ../sass/portal.scss */
.cn-wrapper.opened-nav .overlay-icons span.icon_3:before {
  background-position: -60px -260px;
}
/* line 169, ../sass/portal.scss */
.cn-wrapper.opened-nav .overlay-icons span.icon_2 {
  left: 105px;
  top: 60px;
}
/* line 173, ../sass/portal.scss */
.cn-wrapper.opened-nav .overlay-icons span.icon_2:before {
  background-position: -30px -260px;
}
/* line 177, ../sass/portal.scss */
.cn-wrapper.opened-nav .overlay-icons span.icon_1 {
  left: 40px;
  top: 10px;
}
/* line 181, ../sass/portal.scss */
.cn-wrapper.opened-nav .overlay-icons span.icon_1:before {
  background-position: 0px -260px;
}

/* line 193, ../sass/portal.scss */
#search_list {
  display: none;
  position: absolute;
  width: 233px;
}
/* line 197, ../sass/portal.scss */
#search_list ul {
  position: absolute;
  display: inline-block;
  background-color: #ffffff;
}
/* line 201, ../sass/portal.scss */
#search_list ul li {
  width: 233px;
  cursor: pointer;
  padding: 5px 0 5px 15px;
  height: 35px;
  border-left: 4px solid #000000;
}
/* line 207, ../sass/portal.scss */
#search_list ul li a {
  color: #000000;
}
/* line 209, ../sass/portal.scss */
#search_list ul li a:hover {
  text-decoration: none;
}
/* line 213, ../sass/portal.scss */
#search_list ul li a span {
  top: -10px;
  position: relative;
  padding-left: 20px;
}
/* line 220, ../sass/portal.scss */
#search_list ul li:hover {
  border-left: 4px solid #fbbb21;
  background-color: #EEE;
}

/* line 228, ../sass/portal.scss */
.lang {
  padding-left: 25px;
  background-position: top left;
  background-repeat: no-repeat;
}
/* line 233, ../sass/portal.scss */
.lang.de {
  background-image: url("../images/global/lang_de.jpg");
}
/* line 236, ../sass/portal.scss */
.lang.en {
  background-image: url("../images/global/lang_en.jpg");
}
/* line 239, ../sass/portal.scss */
.lang.it {
  background-image: url("../images/global/lang_it.jpg");
}
/* line 242, ../sass/portal.scss */
.lang.fr {
  background-image: url("../images/global/lang_fr.jpg");
}
/* line 245, ../sass/portal.scss */
.lang.pl {
  background-image: url("../images/global/lang_pl.jpg");
}
/* line 248, ../sass/portal.scss */
.lang.tr {
  background-image: url("../images/global/lang_tr.jpg");
}
/* line 251, ../sass/portal.scss */
.lang.es {
  background-image: url("../images/global/lang_es.jpg");
}
/* line 254, ../sass/portal.scss */
.lang.pt {
  background-image: url("../images/global/lang_pt.jpg");
}
/* line 257, ../sass/portal.scss */
.lang.ru {
  background-image: url("../images/global/lang_ru.jpg");
}

/* line 263, ../sass/portal.scss */
.languages li {
  list-style-type: none;
  margin: 10px 0;
  padding-left: 30px;
}
/* line 268, ../sass/portal.scss */
.languages li a {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #1f1f1f;
  text-decoration: none;
}

/* line 277, ../sass/portal.scss */
.centered {
  position: relative;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  overflow: visible;
  padding-bottom: 40px;
}
/* line 285, ../sass/portal.scss */
.centered.nospacing {
  padding: 0;
}

/* line 290, ../sass/portal.scss */
#header_placeholder {
  height: 95px;
  width: 100%;
}

/* line 294, ../sass/portal.scss */
#header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
}
/* line 301, ../sass/portal.scss */
#header #headbar {
  width: 100%;
  height: 55px;
  border-bottom: 2px solid #FFFFFF;
  background-color: #fbbb21;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
/* line 312, ../sass/portal.scss */
#header #headbar #header_options {
  position: absolute;
  right: 105px;
  top: 20px;
  color: #ffffff;
  height: 55px;
}
/* line 320, ../sass/portal.scss */
#header #headbar #header_options #lang_chooser {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  height: 20px;
  bottom: 0;
  cursor: pointer;
}
/* line 328, ../sass/portal.scss */
#header #headbar #header_options #lang_items {
  position: absolute;
}
/* line 332, ../sass/portal.scss */
#header #headbar #header_options #options {
  position: relative;
  display: inline-block;
  bottom: 0;
  cursor: pointer;
  vertical-align: top;
}
/* line 339, ../sass/portal.scss */
#header #headbar #header_options #options .gicon-settings {
  display: inline-block;
  width: 20px;
  height: 20px;
}
/* line 344, ../sass/portal.scss */
#header #headbar #header_options #options .gicon-settings:before {
  width: inherit;
  height: inherit;
  display: inherit;
  background-image: url("../css/portal/images/spritesheet.png");
  background-position: 0px -360px;
  content: " ";
}
/* line 358, ../sass/portal.scss */
#header #headbar #login_btn {
  padding: 0;
  position: absolute;
  right: 0;
  width: 75px;
  height: 52px;
  cursor: pointer;
}
/* line 367, ../sass/portal.scss */
#header #headbar .centered {
  width: 1020px;
  margin: 0 auto;
}
/* line 370, ../sass/portal.scss */
#header #headbar .centered .options {
  float: right;
}
/* line 374, ../sass/portal.scss */
#header #headbar .centered .avatar {
  background-color: #FFFFFF;
  float: right;
  width: 75px;
  height: 55px;
  -moz-box-shadow: 0px 5px #333333;
  -webkit-box-shadow: 0px 5px #333333;
  box-shadow: 0px 5px #333333;
}
/* line 381, ../sass/portal.scss */
#header #headbar .centered .avatar img {
  margin: 2px 0;
}
/* line 384, ../sass/portal.scss */
#header #headbar .centered .avatar .login {
  color: #fbbb21;
  border-top: 1px solid #fbbb21;
  position: relative;
  display: block;
  margin: 0 5px;
  padding-top: 2px;
}
/* line 396, ../sass/portal.scss */
#header #logo {
  width: 200px;
  height: 67px;
  top: 5px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../images/gamigologo.png");
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  z-index: 3;
}
/* line 411, ../sass/portal.scss */
#header #nav {
  border-top: 2px solid #fbbb21;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  -moz-box-shadow: #888 0 0px 2px 2px;
  -webkit-box-shadow: #888 0 0px 2px 2px;
  box-shadow: #888 0 0px 2px 2px;
}
/* line 418, ../sass/portal.scss */
#header #nav.with_sub {
  height: 62px;
}
/* line 426, ../sass/portal.scss */
#header #nav #nav_ul_contain {
  margin: 0 auto;
  width: 1020px;
  position: relative;
}
/* line 434, ../sass/portal.scss */
#header #nav .nav_ul {
  display: inline-block;
  position: relative;
  height: 40px;
  overflow: hidden;
}
/* line 441, ../sass/portal.scss */
#header #nav .nav_ul li {
  display: inline-block;
  padding: 0 10px;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 18px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 450, ../sass/portal.scss */
#header #nav .nav_ul li a {
  color: #000000;
  text-decoration: none;
  text-transform: lowercase;
}
/* line 455, ../sass/portal.scss */
#header #nav .nav_ul li a.keep_case {
  text-transform: none;
}
/* line 459, ../sass/portal.scss */
#header #nav .nav_ul li a:hover {
  text-decoration: underline;
}
/* line 463, ../sass/portal.scss */
#header #nav .nav_ul li.active {
  font-weight: bold;
}
/* line 466, ../sass/portal.scss */
#header #nav .nav_ul li:first-child {
  padding-left: 0;
}
/* line 469, ../sass/portal.scss */
#header #nav .nav_ul li.right {
  float: right;
}
/* line 474, ../sass/portal.scss */
#header #nav .nav_ul.spacing {
  position: absolute;
  right: 0;
  top: 0;
}
/* line 487, ../sass/portal.scss */
#header #nav #subnav {
  height: 20px;
  line-height: 20px;
  background-color: #f0f0f0;
  position: relative;
  top: -40px;
  width: 100%;
}
/* line 498, ../sass/portal.scss */
#header #nav #subnav li {
  font-size: 12px;
}

/* line 506, ../sass/portal.scss */
#option_items {
  position: absolute;
}

/* line 510, ../sass/portal.scss */
ul.option_list li {
  height: 30px;
  line-height: 30px;
  min-width: 150px;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #1f1f1f;
  text-decoration: none;
}
/* line 520, ../sass/portal.scss */
ul.option_list li a {
  color: #202020;
  text-decoration: none;
}
/* line 529, ../sass/portal.scss */
ul.option_list li span {
  color: #f8ac24;
}

/* line 536, ../sass/portal.scss */
#main {
  margin-top: 0px;
  width: 100%;
}
/* line 542, ../sass/portal.scss */
#main div.gfx, #main div.gfxdivider {
  width: 100%;
  display: block;
  background-position: center center;
  background-repeat: repeat;
  position: relative;
}
/* line 551, ../sass/portal.scss */
#main div.gfx {
  min-height: 180px;
  background-image: url(../images/header_02.jpg);
  top: -40px;
  margin-bottom: 20px;
}
/* line 563, ../sass/portal.scss */
#main div.gfxdivider {
  height: 100px;
  background-color: #ccc;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  background-position: 50% 50%;
}
/* line 572, ../sass/portal.scss */
#main h1 {
  display: block;
  width: 470px;
  height: 132px;
  background-image: url(../images/iconholder.png);
  background-repeat: no-repeat;
  overflow: visible;
  position: absolute;
  right: 0;
  top: -115px;
  margin: 2px -1px 0 0;
  line-height: 168px;
  font-size: 35px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
  color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 15px;
  z-index: 1;
}
/* line 595, ../sass/portal.scss */
#main h1.home {
  top: -55px;
}
/* line 599, ../sass/portal.scss */
#main h1:before {
  content: ' ';
  position: absolute;
  top: 22px;
  left: 90px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  font-size: 40px;
  vertical-align: middle;
  text-align: center;
  background-image: url("../css/portal/images/spritesheet.png");
}
/* line 616, ../sass/portal.scss */
#main.news h1:before, #main.game h1:before, #main.home h1:before {
  background-position: 0px 0px;
}
/* line 628, ../sass/portal.scss */
#main.news h1:before, #main.news.feed h1:before {
  background-position: -180px 0px;
}
/* line 636, ../sass/portal.scss */
#main.home h1:before {
  background-position: 0px 0px;
}
/* line 646, ../sass/portal.scss */
#main.game h1:before {
  background-position: -90px 0px;
}
/* line 659, ../sass/portal.scss */
#main h2, #main h3 {
  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;
  padding-right: 80px;
  margin: 20px 0 10px 0;
}
/* line 27, ../sass/_base.scss */
#main h2:before, #main h3:before {
  content: '//';
  width: 35px;
  display: inline-block;
  text-align: right;
  padding-right: 5px;
}
/* line 35, ../sass/_base.scss */
#main h2 a, #main h3 a {
  color: inherit;
  text-decoration: none;
}
/* line 42, ../sass/_base.scss */
#main h2:after, #main h3:after {
  content: '';
  position: absolute;
  display: inline-block;
  border-top: 40px solid transparent;
  border-left: 40px solid rgba(50, 50, 50, 0.8);
  right: -40px;
}
/* line 51, ../sass/_base.scss */
#main h2 span.decorate, #main h3 span.decorate {
  overflow: hidden;
  position: absolute;
  display: inline-block;
  width: 125px;
  right: -45px;
  height: 100%;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
/* line 62, ../sass/_base.scss */
#main h2 span.decorate:before, #main h2 span.decorate:after, #main h3 span.decorate:before, #main h3 span.decorate:after {
  content: '';
  display: inline-block;
  position: relative;
  width: 19px;
  height: 80px;
  top: -20px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 71, ../sass/_base.scss */
#main h2 span.decorate:before, #main h3 span.decorate:before {
  background-color: #bbb;
  left: 25px;
}
/* line 75, ../sass/_base.scss */
#main h2 span.decorate:after, #main h3 span.decorate:after {
  background-color: #ddd;
  left: 32px;
}

/* line 668, ../sass/portal.scss */
.gamepage #top_nav {
  margin-top: -44px;
}

/* line 674, ../sass/portal.scss */
#main.home #top_nav {
  display: none;
}
/* line 678, ../sass/portal.scss */
#main.home #top_nav.pinned {
  display: inline-block;
}

/* line 684, ../sass/portal.scss */
#top_nav_play {
  width: 100%;
  min-height: 50px;
  background-color: #b0b0b0;
  text-align: center;
  border-bottom: 5px solid #888;
}

/* line 692, ../sass/portal.scss */
#top_ad.active {
  width: 100%;
  height: 100%;
  background-color: rgba(221, 221, 221, 0.8);
  text-align: center;
  padding-top: 47px;
  padding-bottom: 50px;
  border-bottom: 5px solid #888;
}
/* line 708, ../sass/portal.scss */
#top_ad.active .sample_top_ad {
  display: inline-block;
  position: relative;
  background-color: #aac;
  border-collapse: collapse;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #88a;
  width: 728px;
  height: 90px;
  cursor: pointer;
}

/* line 720, ../sass/portal.scss */
#top_nav_play #top_ad.active {
  padding-top: 5px;
  padding-bottom: 45px;
  border-bottom: none;
}

/*
#page_header #top_ad.active {
  // The game page has a different position of the circle element in the h1-container in the top right:
  padding-bottom: 57px;
}
*/
/* line 733, ../sass/portal.scss */
#side_ad_right.active {
  position: fixed;
  margin-left: 1040px;
  margin-top: -40px;
  z-index: 2;
  -moz-transition-property: margin-top;
  -o-transition-property: margin-top;
  -webkit-transition-property: margin-top;
  transition-property: margin-top;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 743, ../sass/portal.scss */
#side_ad_right.active .sample_side_ad_right {
  display: inline-block;
  position: relative;
  background-color: #aca;
  border-collapse: collapse;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #8a8;
  width: 160px;
  height: 600px;
  cursor: pointer;
}

/* line 755, ../sass/portal.scss */
#main.gamepage #side_ad_right.active {
  margin-top: 20px;
}

/* line 760, ../sass/portal.scss */
body.scrolled #side_ad_right.active {
  -moz-transition-property: margin-top;
  -o-transition-property: margin-top;
  -webkit-transition-property: margin-top;
  transition-property: margin-top;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  margin-top: -230px;
}
/* line 768, ../sass/portal.scss */
body.scrolled #main.gamepage #side_ad_right.active {
  margin-top: -170px;
}

/* line 774, ../sass/portal.scss */
#top_nav {
  display: inline-block;
  position: absolute;
  margin-top: -105px;
  padding-bottom: 40px;
  width: inherit;
  max-width: inherit;
  top: 0;
  -moz-transition-property: top, margin-top;
  -o-transition-property: top, margin-top;
  -webkit-transition-property: top, margin-top;
  transition-property: top, margin-top;
  -moz-transition-duration: 0, 200ms;
  -o-transition-duration: 0, 200ms;
  -webkit-transition-duration: 0, 200ms;
  transition-duration: 0, 200ms;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
/* line 782, ../sass/portal.scss */
#top_nav ul {
  display: block;
  font-size: 0px;
}
/* line 786, ../sass/portal.scss */
#top_nav ul.right {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: -10px;
}
/* line 793, ../sass/portal.scss */
#top_nav ul li {
  list-style-type: none;
  display: inline-block;
  padding: 0 10px;
  height: 35px;
  line-height: 35px;
  font-size: 12px;
  margin-right: 10px;
  background-color: #fff;
  border: 1px solid #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 810, ../sass/portal.scss */
#top_nav ul li.icon a:before {
  background-image: url("../css/portal/images/spritesheet.png");
  content: ' ';
  font-size: 20px;
  line-height: 12px;
  vertical-align: middle;
  display: inline-block;
  width: 20px;
  height: 24px;
  text-align: left;
  position: relative;
  margin-left: -5px;
  margin-right: 5px;
}
/* line 837, ../sass/portal.scss */
#top_nav ul li.icon.game a:before {
  background-position: 0px -320px;
}
/* line 843, ../sass/portal.scss */
#top_nav ul li.icon.news a:before {
  background-position: -60px -320px;
}
/* line 849, ../sass/portal.scss */
#top_nav ul li.icon.info a:before {
  background-position: -20px -320px;
}
/* line 855, ../sass/portal.scss */
#top_nav ul li.icon.media {
  margin: 0;
  overflow: visible;
}
/* line 859, ../sass/portal.scss */
#top_nav ul li.icon.media a:before {
  background-position: -40px -320px;
}
/* line 869, ../sass/portal.scss */
#top_nav ul li a {
  text-transform: uppercase;
  color: #585858;
  font-weight: bold;
  text-decoration: none;
}
/* line 875, ../sass/portal.scss */
#top_nav ul li a span.small {
  text-transform: none;
}
/* line 890, ../sass/portal.scss */
#top_nav.pinned {
  position: fixed;
  z-index: 8;
  top: 125px;
  margin-top: -100px;
  padding-bottom: 0px;
  -moz-transition-property: top, margin-top;
  -o-transition-property: top, margin-top;
  -webkit-transition-property: top, margin-top;
  transition-property: top, margin-top;
  -moz-transition-duration: 0, 200ms;
  -o-transition-duration: 0, 200ms;
  -webkit-transition-duration: 0, 200ms;
  transition-duration: 0, 200ms;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 907, ../sass/portal.scss */
#top_nav.pinned ul li {
  border-color: #fbbb21;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px 0;
}

/* line 915, ../sass/portal.scss */
#sidebar {
  display: inline-block;
  position: absolute;
  right: 0;
  margin: 0 auto;
  overflow: hidden;
  width: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  -moz-transition-property: width;
  -o-transition-property: width;
  -webkit-transition-property: width;
  transition-property: width;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

@media screen and (min-width: 1000px) {
  /* line 934, ../sass/portal.scss */
  #sidebar {
    width: 300px;
    -moz-transition-property: width;
    -o-transition-property: width;
    -webkit-transition-property: width;
    transition-property: width;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
}
/* line 943, ../sass/portal.scss */
#footer {
  height: 195px;
  background-color: #fbbb21;
  color: #FFFFFF;
  bottom: 0;
  width: 100%;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: lighter;
  position: relative;
  z-index: 1;
}
/* line 952, ../sass/portal.scss */
#footer .seperator {
  width: 100%;
  border-bottom: 1px solid #FFFFFF;
}
/* line 960, ../sass/portal.scss */
#footer .content {
  width: 1020px;
  margin: 0 auto;
}
/* line 964, ../sass/portal.scss */
#footer .content .linkline {
  width: 100%;
  height: 40px;
  line-height: 40px;
}
/* line 968, ../sass/portal.scss */
#footer .content .linkline a {
  color: #FFFFFF;
  text-decoration: none;
  padding: 0 10px;
  border-right: 1px solid #FFFFFF;
}
/* line 973, ../sass/portal.scss */
#footer .content .linkline a:first-child {
  padding-left: 0;
}
/* line 976, ../sass/portal.scss */
#footer .content .linkline a:last-child {
  border-right: none;
}
/* line 979, ../sass/portal.scss */
#footer .content .linkline a:hover {
  text-decoration: underline;
}
/* line 984, ../sass/portal.scss */
#footer .content .imprintbox {
  font-size: 15px;
  padding-top: 25px;
  float: left;
  width: 160px;
  height: 120px;
}
/* line 990, ../sass/portal.scss */
#footer .content .imprintbox span {
  padding: 2px 0;
  display: block;
}
/* line 996, ../sass/portal.scss */
#footer .content .footer_g {
  float: right;
  background-image: url(../images/gamigo_g_footer.png);
  background-position: -20px;
  height: 155px;
  width: 180px;
}

/* line 1007, ../sass/portal.scss */
#page_header {
  background-position: 50% -50px;
  background-repeat: none;
  width: 100%;
  background-color: #000000;
  min-height: 190px;
  position: relative;
  top: -40px;
  margin-bottom: -40px;
}
/* line 1024, ../sass/portal.scss */
#page_header.login, #page_header.logout {
  top: 0px;
  margin-bottom: 0px;
  background-position: 50% -8px;
}
/* line 1029, ../sass/portal.scss */
#page_header.login .centered, #page_header.logout .centered {
  text-align: center;
}
/* line 1035, ../sass/portal.scss */
#page_header.logout {
  background-image: url("../images/auth/head_logout.jpg");
  height: 250px;
  border-bottom: 8px solid #fbbb21;
}
/* line 1040, ../sass/portal.scss */
#page_header.logout #header_teaser {
  display: inline-block;
  text-align: center;
  position: relative;
  top: 20px;
  text-transform: uppercase;
  border-bottom: 18px solid rgba(245, 245, 245, 0.7);
  margin-left: 100px;
}
/* line 1049, ../sass/portal.scss */
#page_header.logout #header_teaser .teaser_text {
  padding: 10px 30px;
  background-color: #2a2a2a;
  display: inline-block;
  height: 130px;
  font-size: 90px;
  color: #ffffff;
  font-style: italic;
  font-weight: bold;
}
/* line 1058, ../sass/portal.scss */
#page_header.logout #header_teaser .teaser_text .teaser_small {
  margin-top: 20px;
  font-size: 20px;
}
/* line 1062, ../sass/portal.scss */
#page_header.logout #header_teaser .teaser_text .duck {
  position: absolute;
  background-image: url("../images/auth/sadgirl.png");
  background-repeat: no-repeat;
  background-position: top center;
  width: 172px;
  height: 242px;
  top: -12px;
  right: -150px;
}
/* line 1077, ../sass/portal.scss */
#page_header.login {
  background-image: url("../images/head_login_bg.jpg");
  height: 250px;
  border-bottom: 8px solid #fbbb21;
}
/* line 1093, ../sass/portal.scss */
#page_header.login.error #header_teaser .teaser_text .duck {
  display: inline-block;
}
/* line 1103, ../sass/portal.scss */
#page_header.login #header_teaser {
  display: inline-block;
  text-align: center;
  position: relative;
  top: 20px;
  text-transform: uppercase;
  padding: 0px 50px;
}
/* line 1111, ../sass/portal.scss */
#page_header.login #header_teaser .teaser_text {
  padding: 10px 30px;
  background-color: #2a2a2a;
  display: inline-block;
  height: 130px;
  font-size: 90px;
  color: #ffffff;
  font-style: italic;
  font-weight: bold;
  border-bottom: 18px solid rgba(245, 245, 245, 0.7);
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
}
/* line 1125, ../sass/portal.scss */
#page_header.login #header_teaser .teaser_text .teaser_small {
  margin-top: 20px;
  font-size: 20px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
}
/* line 1131, ../sass/portal.scss */
#page_header.login #header_teaser .teaser_text .duck {
  position: absolute;
  /*background-image: url("../images/auth/ducky.png");*/
  background-repeat: no-repeat;
  background-position: top center;
  width: 172px;
  height: 230px;
  top: -12px;
  right: -150px;
  display: none;
}

/* line 1147, ../sass/portal.scss */
#main.logoutpage {
  background-image: url("../images/auth/bg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  padding: 100px 0;
  background-color: #f5f5f5;
}
/* line 1156, ../sass/portal.scss */
#main.logoutpage .login_container {
  margin-bottom: 30px;
}
/* line 1158, ../sass/portal.scss */
#main.logoutpage .login_container .cry {
  background-image: url("../images/auth/crything.png");
  background-position: top left;
  top: -50px;
  position: relative;
  background-repeat: no-repeat;
  min-width: 255px;
  width: 68%;
  height: 185px;
  right: 90px;
  z-index: 3;
  margin-left: auto;
}
/* line 1171, ../sass/portal.scss */
#main.logoutpage .login_container .cry_back {
  position: absolute;
  background-color: #2a2a2a;
  width: 68%;
  height: 66px;
  right: 0px;
}
/* line 1178, ../sass/portal.scss */
#main.logoutpage .login_container .cry_back .login_textbox {
  position: relative;
  height: 59px;
  z-index: 3;
  padding-left: 180px;
  padding-top: 7px;
  line-height: 26px;
  font-size: 20px;
  color: white;
  min-width: 400px;
}
/* line 1189, ../sass/portal.scss */
#main.logoutpage .login_container .cry_back .login_buttonbox {
  width: 325px;
  height: 60px;
  background-color: #ffffff;
  margin-left: 205px;
  border: solid #2a2a2a;
  border-width: 0px 10px 10px 10px;
  z-index: 10;
}
/* line 1198, ../sass/portal.scss */
#main.logoutpage .login_container .cry_back .button_loginagain {
  border-bottom: 5px solid #fbbb21;
  background-color: #2a2a2a;
  height: 32px;
  width: 134px;
  position: relative;
  float: left;
  margin: 10px 0 10px 12px;
  color: white;
  text-align: center;
  line-height: 34px;
  z-index: 10;
}
/* line 1212, ../sass/portal.scss */
#main.logoutpage .login_container .cry_back .button_loginagain:hover {
  cursor: pointer;
  opacity: .9;
  z-index: 10;
  color: #fbbb21;
}
/* line 1220, ../sass/portal.scss */
#main.logoutpage .logout_container {
  padding-bottom: 100px;
}
/* line 1222, ../sass/portal.scss */
#main.logoutpage .logout_container .logout_similargames_text {
  position: relative;
  height: 100%;
  z-index: 3;
  padding-right: 30px;
  text-align: right;
  line-height: 50px;
  font-size: 24px;
  color: white;
}
/* line 1232, ../sass/portal.scss */
#main.logoutpage .logout_container .logout_similargames_back {
  position: absolute;
  background-color: #2a2a2a;
  width: 56%;
  height: 50px;
  left: 0px;
  border-bottom: 10px solid #4a4a4a;
}
/* line 1244, ../sass/portal.scss */
#main.loginpage {
  text-align: center;
  padding: 20px 0;
  background-image: url("../images/login_bg.jpg");
  background-color: #f5f5f5;
}
/* line 1250, ../sass/portal.scss */
#main.loginpage #login_form {
  margin: 20px 0 0 0;
}
/* line 1254, ../sass/portal.scss */
#main.loginpage .steps {
  display: inline-block;
  position: relative;
  margin-top: 30px;
  width: 100%;
  min-width: 750px;
  height: 120px;
}
/* line 1263, ../sass/portal.scss */
#main.loginpage .hexagon2 {
  display: inline-block;
  overflow: hidden;
  width: 136px;
  height: 120px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 70px;
  width: 138px;
}
/* line 119, ../sass/_tilemask.scss */
#main.loginpage .hexagon2 .tilt {
  border-top: 1px solid #2a2a2a;
  border-bottom: 1px solid #2a2a2a;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 137px;
  height: 120.5px;
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  margin: 0 0 0 -0.5px;
}
/* line 124, ../sass/_tilemask.scss */
#main.loginpage .hexagon2 .tilt .tilt {
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  margin: -0.5px 0 0 0;
}
/* line 130, ../sass/_tilemask.scss */
#main.loginpage .hexagon2 .tilt .tilt .content {
  border-top: 1px solid #2a2a2a;
  border-bottom: 1px solid #2a2a2a;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 137px;
  height: 120.5px;
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  width: 136px;
  height: 120px;
  background: #5d5d5d;
  top: -1px;
}
/* line 143, ../sass/_tilemask.scss */
#main.loginpage .hexagon2 .tilt .tilt .content * {
  position: relative;
  left: 1px;
}
/* line 1274, ../sass/portal.scss */
#main.loginpage .hexagon2 .tilt .tilt .content {
  background-color: #2a2a2a;
  color: #ffffff;
  font-size: 80px;
  line-height: 120px;
  font-weight: bold;
  letter-spacing: -2px;
}
/* line 1286, ../sass/portal.scss */
#main.loginpage .form_input {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -375px;
  width: 750px;
  text-align: right;
  font-size: 0;
  height: 120px;
}
/* line 1297, ../sass/portal.scss */
#main.loginpage .form_input .label {
  margin: 5px 0 5px 25px;
  display: inline-block;
}
/* line 1302, ../sass/portal.scss */
#main.loginpage .form_input input {
  height: 50px;
  line-height: 50px;
  width: 400px;
  padding: 0 20px;
  color: #000;
  font-size: 20px;
}
/* line 1315, ../sass/portal.scss */
#main.loginpage .form_input input:focus {
  border: 1px solid #ccc;
  outline: none;
  -moz-box-shadow: 0px 0px 2px 0px #fbbb21;
  -webkit-box-shadow: 0px 0px 2px 0px #fbbb21;
  box-shadow: 0px 0px 2px 0px #fbbb21;
}
/* line 1323, ../sass/portal.scss */
#main.loginpage .form_input span {
  width: 205px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  font-size: 20px;
  padding-left: 10px;
  background-color: #2a2a2a;
  color: #ffffff;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  /*
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  */
  background-image: url("../images/auth/inputboxshade.jpg");
  background-position: top right;
  background-repeat: no-repeat;
}
/* line 1351, ../sass/portal.scss */
#main.loginpage .form_input .submit {
  line-height: 52px;
  background-image: url("../images/auth/btnsprite.png");
  background-repeat: no-repeat;
  width: 254px;
  height: 52px;
  display: inline-block;
  background-position: 0 -67px;
  color: #ffffff;
  text-decoration: none;
  margin-top: 35px;
  text-transform: uppercase;
  font-size: 18px;
}
/* line 1365, ../sass/portal.scss */
#main.loginpage .form_input .submit:hover {
  background-position: 0 0;
}
@media (max-width: 910px) {
  /* line 1372, ../sass/portal.scss */
  #main.loginpage .hexagon2 {
    display: none;
  }
  /* line 1375, ../sass/portal.scss */
  #main.loginpage .form_input {
    text-align: center;
  }
}
/* line 1380, ../sass/portal.scss */
#main.loginpage .centered {
  padding-bottom: 10px;
}
/* line 1385, ../sass/portal.scss */
#main.loginpage .login_with_facebook {
  width: 100%;
  max-width: 100%;
  min-width: 750px;
  border-width: 2px 0 2px 0;
  border-style: solid none solid none;
  border-color: #fbbb21 transparent #fbbb21 transparent;
  padding: 20px 0;
  margin: 40px auto;
  background-color: white;
}
/* line 1401, ../sass/portal.scss */
#main.loginpage .seperator {
  background-image: url("../images/auth/divider.jpg");
  height: 70px;
  width: 100%;
  background-position: 50% top;
  background-repeat: repeat-x;
  margin: 50px 0;
  border-width: 5px 0 5px 0;
  border-style: solid none solid none;
  border-color: #fbbb21;
}
/* line 1414, ../sass/portal.scss */
#main.loginpage .login_help {
  margin: 50px auto;
  width: 750px;
  background-color: #fafafa;
  text-transform: uppercase;
  text-align: center;
  color: #2a2a2a;
}
/* line 1423, ../sass/portal.scss */
#main.loginpage .login_help h3 {
  width: 750px;
}
/* line 1426, ../sass/portal.scss */
#main.loginpage .login_help .login_help_txt {
  text-align: left;
  margin: 5px 0 5px 70px;
}
/* line 1430, ../sass/portal.scss */
#main.loginpage .login_help .login_help_txt a {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #2a2a2a;
  text-decoration: none;
}
/* line 1436, ../sass/portal.scss */
#main.loginpage .login_help .login_help_txt a:hover {
  color: #fbbb21;
}
/* line 1441, ../sass/portal.scss */
#main.loginpage .login_help .button_list {
  margin-top: 25px;
}
/* line 1443, ../sass/portal.scss */
#main.loginpage .login_help .button_list li {
  background-color: #ffffff;
  display: inline-block;
}
/* line 1446, ../sass/portal.scss */
#main.loginpage .login_help .button_list li a {
  background-color: #ffffff;
  padding: 10px 15px;
  border-bottom: 5px solid #fbbb21;
  font-size: 16px;
  font-weight: bold;
  color: #2a2a2a;
  text-decoration: none;
}
/* line 1459, ../sass/portal.scss */
#main.loginpage .captcha_login {
  /*
  font-size: 0;
  height: 120px;
  text-align: left;
  width: 400px;
  margin-left: -200px;
  left: 50%;
  position: absolute;
  */
}
/* line 1474, ../sass/portal.scss */
#main.loginpage .captcha_login #recaptchapublickey-label {
  display: none;
}
/* line 1478, ../sass/portal.scss */
#main.loginpage .captcha_login .recaptchatable a {
  color: #888;
}
/* line 1484, ../sass/portal.scss */
#main.loginpage #recaptcha_widget_div {
  display: inline-block;
}
/* line 1489, ../sass/portal.scss */
#main.loginpage h3 {
  color: #2a2a2a;
  font-size: 24px;
  font-weight: bold;
  background-color: #ffffff;
  text-transform: uppercase;
  border-bottom: 5px solid #4a4a4a;
  display: inline-block;
}
/* line 1501, ../sass/portal.scss */
#main.loginpage h3:after {
  border: none;
}
/* line 1505, ../sass/portal.scss */
#main.loginpage .underline {
  background-color: #ffffff;
  border: 1px solid #000000;
  border-top: none;
  position: relative;
  top: -3px;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  padding: 5px 30px;
  text-transform: uppercase;
}

/* line 1520, ../sass/portal.scss */
a.forward {
  display: inline-block;
  position: absolute;
  right: -9px;
  bottom: 30px;
  width: 133px;
  height: 45px;
  background-image: url(../images/forward.png);
  background-repeat: no-repeat;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 45px;
  text-align: right;
  text-decoration: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 10px 0 0;
  margin-top: -45px;
  -moz-box-shadow: rgba(0, 0, 0, 0.7) 2px 10px 2px -11px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.7) 2px 10px 2px -11px;
  box-shadow: rgba(0, 0, 0, 0.7) 2px 10px 2px -11px;
}
/* line 1545, ../sass/portal.scss */
a.forward:before {
  width: 20px;
  height: 20px;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  left: 0;
  margin: 10px;
  background-image: url("../css/portal/images/spritesheet.png");
  content: ' ';
  background-position: -120px -320px;
  font-size: 20px;
  font-weight: normal;
}
/* line 1569, ../sass/portal.scss */
a.forward:hover {
  margin-top: -46px;
  -moz-box-shadow: rgba(0, 0, 0, 0.9) 2px 11px 5px -11px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 2px 11px 5px -11px;
  box-shadow: rgba(0, 0, 0, 0.9) 2px 11px 5px -11px;
}

/* line 1576, ../sass/portal.scss */
#login_form_popover .form-control {
  margin-bottom: 10px;
}

/* line 1581, ../sass/portal.scss */
.popover {
  position: fixed;
}

/* line 1588, ../sass/portal.scss */
.header_button {
  display: block;
  background: #f8ac24;
  /*
	background-repeat: none;
	float: right;
	clear: right;
	*/
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 20px;
  margin-top: 10px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  text-transform: lowercase;
  text-shadow: #d97e14 0px 1px 2px;
  border: 1px solid #f49d18;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #fcce64 0px 5px 5px -5px inset;
  -webkit-box-shadow: #fcce64 0px 5px 5px -5px inset;
  box-shadow: #fcce64 0px 5px 5px -5px inset;
}
/* line 1613, ../sass/portal.scss */
.header_button:hover {
  color: #ffffff;
  text-decoration: none;
}

/* line 1623, ../sass/portal.scss */
#scrollToTop {
  position: fixed;
  top: 23px;
  left: 50%;
  margin-left: 534px;
  z-index: 1;
  display: none;
  width: 40px;
  height: 40px;
  border: 5px solid #fbbb21;
  font-size: 16px;
  background-image: none !important;
  background: rgba(255, 255, 255, 0.75) !important;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-family: monospace;
  text-align: center;
  line-height: 32px;
  color: #aaa;
  text-decoration: overline;
  cursor: pointer;
}
/* line 1652, ../sass/portal.scss */
#scrollToTop:hover {
  border-color: #aaa;
  color: #fff;
  background: #fbbb21 !important;
}

/* line 1659, ../sass/portal.scss */
#social_links {
  position: absolute;
  margin-top: 25px;
  margin-left: 500px;
}
/* line 1664, ../sass/portal.scss */
#social_links a.social {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 20px;
  top: 0;
  float: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  position: relative;
  -moz-transition-property: top;
  -o-transition-property: top;
  -webkit-transition-property: top;
  transition-property: top;
  -moz-transition-duration: 100ms;
  -o-transition-duration: 100ms;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
  -moz-transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);
  -o-transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);
  -webkit-transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);
  transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);
}
/* line 1678, ../sass/portal.scss */
#social_links a.social:before {
  width: inherit;
  height: 40px;
  display: inherit;
  background-image: url("../css/portal/images/spritesheet.png");
  content: ' ';
}
/* line 1686, ../sass/portal.scss */
#social_links a.social:hover {
  height: 60px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  top: -8px;
  -moz-transition-property: top;
  -o-transition-property: top;
  -webkit-transition-property: top;
  transition-property: top;
  -moz-transition-duration: 100ms;
  -o-transition-duration: 100ms;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
  -moz-transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);
  -o-transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);
  -webkit-transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);
  transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);
}
/* line 1697, ../sass/portal.scss */
#social_links a.social.facebook:before {
  background-position: 0px -180px;
}
/* line 1700, ../sass/portal.scss */
#social_links a.social.google:before {
  background-position: -40px -180px;
}
/* line 1703, ../sass/portal.scss */
#social_links a.social.twitter:before {
  background-position: -80px -180px;
}
/* line 1706, ../sass/portal.scss */
#social_links a.social.youtube:before {
  background-position: -120px -180px;
}

/* line 1712, ../sass/portal.scss */
input.form-control:focus {
  border: 1px solid #ccc;
  outline: none;
  -moz-box-shadow: 0px 0px 2px 0px #fbbb21;
  -webkit-box-shadow: 0px 0px 2px 0px #fbbb21;
  box-shadow: 0px 0px 2px 0px #fbbb21;
}

/* line 1719, ../sass/portal.scss */
a.fb_button {
  display: inline-block;
  text-align: center;
  margin: 5px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: #516B9D;
  padding: 5px 10px;
  border: 1px solid #333333;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
/* line 1738, ../sass/portal.scss */
a.fb_button:hover {
  text-decoration: none;
}
/* line 1742, ../sass/portal.scss */
a.fb_button.big {
  border: 0 none #fff;
  background-color: transparent;
  background-image: url(../images/auth/fb_connect_big.png);
  width: 238px;
  height: 39px;
  line-height: 39px;
  font-size: 16px;
  padding: 0 5px 0 40px;
}
/* line 1752, ../sass/portal.scss */
a.fb_button.mid {
  border: 0 none #fff;
  background-color: transparent;
  background-image: url(../images/auth/fb_connect_mid.png);
  width: 191px;
  height: 33px;
  line-height: 33px;
  font-size: 14px;
  padding: 0 5px 0 35px;
}

/* Small fix for external agb */
#label_externalagb {
  max-height: 90px;
  overflow: auto;
  background-color: #f0f0f0;
  max-width: 305px;
  border: 1px solid #e0e0e0;
}