/* 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/home.scss */
#slideshow {
  height: 260px;
  margin-bottom: -20px;
  width: 100%;
  background-color: #58585a;
}

/* line 14, ../sass/home.scss */
#main {
  overflow: hidden;
  zoom: 1;
  background-color: #f5f5f5;
  background-image: url("../images/home/bg.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  /*
  #news_1 {
    .contain {
      background-image: url(../images/header_02.jpg);
      background-position: -490px -10px;
    }
  }
  */
  /*
  .newsbox {
	display: inline-block;
	width: 300px;
	height: 150px;
	position: relative;

	text-decoration: none;
	color: #333;
	margin: 10px 0;

	.title {
	  position: absolute;
	  display: inline-block;
	  width: 100%;
	  top: 0;
	  height: 12px;
	  line-height: 12px;
	  font-size: 12px;
	  text-transform: uppercase;
	  background-color: #d2d2d2;
	  @include box-shadow(#efefef 0px 8px 8px -5px inset);

	  // Only on hover?
	  font-weight: bold;

	  &:before {
		content: '\00BB';
		font-weight: normal;
		font-size: 11px;
		position: relative;
		top: -1px;
		padding: 0 2px;
	  }
	}
	.info {
	  position: absolute;
	  right: 0;
	  height: 24px;
	  width: 148px;
	  line-height: 11px;
	  font-size: 12px;
	  background-image: url(../images/news/topright_02.png);
	  @include box-sizing(border-box);
	  padding: 1px 0 0 32px;

	}

	.contain {
	  // "contain"-wrapper is necessary because the "newsbox" can't have "overflow:hidden" (because of the ":before")
	  width: 100%;
	  height: 136px;
	  overflow: hidden;

	  .content {
		position: relative;
		top: 100px;
		height: 110px;
		background-color: rgba(#000000, .5);

		border-top: 2px solid #f0f0f0;
		@include box-sizing(border-box);

		background-image: url(../images/news/rolloverbar_05.png);
		background-repeat: no-repeat;
		background-position: 0 -1px;

		@include transition-property(all);
		@include transition-duration(300ms);
		@include transition-timing-function(ease-in);
		@include transition-delay(100ms);

		color: #fff;
		text-transform: uppercase;
		padding: 0 4px;

		.subtitle {
		  font-size: 14px;
		  font-weight: normal;
		  height: 14px;
		  line-height: 16px;
		  margin: 14px 0 4px 0;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  white-space: nowrap;
		}
		.text {
		  font-weight: bold;
		  font-style: italic;
		  display: inline-block;
		  font-size: 11px;
		  line-height: 14px;
		  height: 58px;
		  overflow: hidden;
		  text-overflow: ellipsis;
		}
	  }
	}

	.botbar {
	  width: 100%;
	  height: 14px;
	  position: relative;
	  background-image: url(../images/news/botbar_07.jpg);
	  //top: -2px;
	}

	&:hover {

	  @include box-shadow( rgba(#000000, .5) 2px 0px 1px -1px, rgba(#000000, .5) -2px 0px 1px -1px );
	  //border: 2px solid #ffffff;
	  //margin: 0 11px;

      &:after {

        top: -2px;
        height: 154px;

        @include box-shadow(
            rgba(#000000, 1)	0px 	10px 	10px 	-10px		inset,
            rgba(#000000, 1)	0px		-10px 	10px 	-10px		inset,
            rgba(#FFFFFF, 1)	0px 	10px 	10px 	-10px,
            rgba(#FFFFFF, 1)	0px		-10px 	10px 	-10px
        );

        left: -5px;
        width: 310px;

        //background-color: #FBBB21;
      }

      .content {
        top: 40px;
        background-color: rgba(#000000, .8);

        @include transition-property(all);
        @include transition-duration(300ms);
        @include transition-timing-function(ease-out);
        @include transition-delay(100ms);

      }
    }
  }
  */
}
/* line 22, ../sass/home.scss */
#main #about {
  padding-top: 150px;
  position: relative;
  height: 550px;
  z-index: 0;
}
/* line 28, ../sass/home.scss */
#main #about h2 {
  width: 600px;
  position: relative;
  z-index: 3;
}
/* line 34, ../sass/home.scss */
#main #about .content {
  width: 600px;
  font-size: 16px;
  color: #494949;
  position: absolute;
  z-index: 2;
  margin: 5px 10px;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  line-height: 1.7em;
}
/* line 47, ../sass/home.scss */
#main #about .content strong {
  font-weight: bold;
}
/* line 51, ../sass/home.scss */
#main #about .content ul li {
  list-style: circle;
  margin-left: 20px;
}
/* line 58, ../sass/home.scss */
#main #about .img {
  background-image: url("../images/home/aboutaside.jpg");
  width: 500px;
  height: 523px;
  top: 65px;
  right: -120px;
  position: absolute;
  z-index: 1;
}
/* line 71, ../sass/home.scss */
#main .moregames {
  margin: 40px 0;
  position: absolute;
  z-index: 1;
  background-color: #717171;
  height: 80px;
  padding: 0 50px;
  margin: -30px -20px 0 -20px;
  width: 1060px;
}
/* line 83, ../sass/home.scss */
#main .moregames:before {
  content: '';
  border-bottom: 5px solid #000;
  border-left: 20px solid transparent;
  position: absolute;
  top: -5px;
  left: 0;
}
/* line 91, ../sass/home.scss */
#main .moregames:after {
  content: '';
  border-bottom: 5px solid #000;
  border-right: 20px solid transparent;
  position: absolute;
  top: -5px;
  right: 0;
}
/* line 100, ../sass/home.scss */
#main .moregames ul {
  font-size: 0;
}
/* line 103, ../sass/home.scss */
#main .moregames ul li {
  margin-top: -20px;
  background-color: #888;
  width: 100px;
  height: 100px;
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
  position: relative;
}
/* line 115, ../sass/home.scss */
#main .moregames ul li a {
  position: relative;
  display: block;
  height: 100%;
}
/* line 121, ../sass/home.scss */
#main .moregames ul li .imgbox {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 126, ../sass/home.scss */
#main .moregames ul li .imgbox img {
  height: 100%;
  right: 0;
}
/* line 133, ../sass/home.scss */
#main .moregames ul li:hover:before {
  content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 1;
}
/* line 144, ../sass/home.scss */
#main .moregames ul li:after {
  content: '';
  position: absolute;
  display: inline-block;
  right: -10px;
  top: 10px;
  width: 10px;
  height: 100%;
  background-color: #222;
}
/* line 155, ../sass/home.scss */
#main .moregames ul li .overlay {
  width: 108px;
  height: 50px;
  background: url("../images/home/box_over.png");
  position: absolute;
  left: -4px;
  bottom: -20px;
  z-index: 1;
  font-size: 0;
  color: #202020;
}
/* line 166, ../sass/home.scss */
#main .moregames ul li .overlay span {
  position: absolute;
  display: inline-block;
  bottom: 15px;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  background: none;
}
/* line 175, ../sass/home.scss */
#main .moregames ul li .overlay span.left {
  left: 8px;
}
/* line 178, ../sass/home.scss */
#main .moregames ul li .overlay span.right {
  right: 8px;
}
/* line 185, ../sass/home.scss */
#main .moregames ul li.plus {
  background-image: none;
  background-color: #58585a;
  width: 70px;
  color: #fbbb21;
  font-size: 100px;
  line-height: 100px;
  height: 100px;
  text-align: center;
  vertical-align: top;
  margin: -10px 0 0 5px;
}
/* line 197, ../sass/home.scss */
#main .moregames ul li.plus a {
  color: inherit;
  text-decoration: none;
}
/* line 202, ../sass/home.scss */
#main .moregames ul li.plus:after {
  content: none;
}
/* line 206, ../sass/home.scss */
#main .moregames ul li.plus:hover {
  color: #fff;
  background-color: #646466;
  	/*
	&:before {
	  content: '';
	  position: absolute;
	  width: 70px;
	  height: 100px;
	  background-color: rgba(#fff, .2);
	  margin-left: -6px;
	}
  	*/
}
/* line 210, ../sass/home.scss */
#main .moregames ul li.plus:hover:before {
  content: none;
}
/* line 231, ../sass/home.scss */
#main .col1 {
  position: relative;
  left: 0;
  padding-top: 80px;
  background-color: rgba(255, 255, 255, 0.8);
  margin-top: 20px;
  min-height: 1900px;
  width: 750px;
  padding-left: 35px;
  border-bottom: 2px solid #888;
}
/* line 247, ../sass/home.scss */
#main .col1 .gamelist {
  width: 720px;
}
/* line 251, ../sass/home.scss */
#main .col1 h2 {
  font-size: 43px;
  letter-spacing: -2px;
  background-color: #2a2a2a;
  padding: 20px 20px 20px 10px;
  height: auto;
}
/* line 257, ../sass/home.scss */
#main .col1 h2:after {
  border: none;
}
/* line 260, ../sass/home.scss */
#main .col1 h2:before {
  content: '';
  width: 0;
}
/* line 267, ../sass/home.scss */
#main .col2 {
  position: absolute;
  padding-top: 100px;
  width: 270px;
  right: 0;
  top: 0;
  height: 1950px;
  background-color: #ffffff;
  -moz-box-shadow: #2a2a2a -12px 0px 10px -12px, #2a2a2a 12px -8px 10px -12px;
  -webkit-box-shadow: #2a2a2a -12px 0px 10px -12px, #2a2a2a 12px -8px 10px -12px;
  box-shadow: #2a2a2a -12px 0px 10px -12px, #2a2a2a 12px -8px 10px -12px;
  	/*
  	&:before {
  	  content: '';
  	  position: absolute;
  	  bottom: -5px;
  	  width: 100%;
  	  height: 30px;
  	  background-color: rgba(#222, .8);
  
  	  border-top: 25px solid #fff;
  	  border-left: 40px solid transparent;
  	  border-right: 40px solid transparent;
  	}
  	&:after {
  	  content: '';
  	  position: absolute;
  	  bottom: -30px;
  	  width: 100%;
  	  height: 0px;
  	  border-top: 25px solid rgba(#222, .8);
  	  border-left: 80px solid transparent;
  	  border-right: 80px solid transparent;
  	}
  	*/
}
/* line 285, ../sass/home.scss */
#main .col2 h2 {
  height: 50px;
}
/* line 316, ../sass/home.scss */
#main .col2 #latestvideos {
  padding: 20px 0;
}
/* line 330, ../sass/home.scss */
#main .col2 #latestvideos .video {
  margin: 0 0 20px 0;
  margin-left: 10px;
  background-color: #000;
  width: 250px;
  height: 218px;
  position: relative;
  z-index: 0;
  font-size: 0;
}
/* line 341, ../sass/home.scss */
#main .col2 #latestvideos .video .badge {
  position: absolute;
  display: inline-block;
  background-image: url("../images/video/badge.png");
  background-color: transparent;
  overflow: visible;
  width: 66px;
  height: 66px;
  top: -3px;
  left: -3px;
  z-index: 1;
}
/* line 353, ../sass/home.scss */
#main .col2 #latestvideos .video .badge .text {
  width: 100%;
  text-align: center;
  color: #fff;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  font-size: 12px;
  position: relative;
  top: 20px;
  left: -8px;
}
/* line 366, ../sass/home.scss */
#main .col2 #latestvideos .video .player {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 371, ../sass/home.scss */
#main .col2 #latestvideos .video .player .pressPlay {
  position: relative;
  margin: 0 auto;
  margin-bottom: -40px;
  top: 90px;
  width: 40px;
  height: 40px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: rgba(85, 85, 85, 0.8);
  z-index: 1;
}
/* line 382, ../sass/home.scss */
#main .col2 #latestvideos .video .player .pressPlay:after {
  content: '';
  display: inline-block;
  position: relative;
  top: 9px;
  left: 12px;
  border-left: 15px solid #f5f5f5;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
/* line 394, ../sass/home.scss */
#main .col2 #latestvideos .video .player img {
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
/* line 401, ../sass/home.scss */
#main .col2 #latestvideos .video .title {
  position: absolute;
  width: 200px;
  height: 45px;
  background-color: #555;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 20px;
  padding-top: 5px;
  bottom: 25px;
  right: 0px;
  text-transform: uppercase;
}
/* line 417, ../sass/home.scss */
#main .col2 #latestvideos .video .title .sub {
  display: block;
  font-size: 10px;
  line-height: 15px;
}
/* line 424, ../sass/home.scss */
#main .col2 #latestvideos .video .title, #main .col2 #latestvideos .video .badge {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
/* line 430, ../sass/home.scss */
#main .col2 #latestvideos .video .bottom_bar {
  display: inline-block;
  width: 250px;
  height: 25px;
  position: absolute;
  bottom: 0;
  background-color: #f3f3f3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #e0e0e0;
}
/* line 444, ../sass/home.scss */
#main .col2 #latestvideos .video .bottom_bar .social {
  display: inline-block;
  width: 100px;
  height: 30px;
  position: relative;
  bottom: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 25px;
  background-color: #f0f0f0;
  border-bottom: 5px solid #fff;
  border-top: 1px solid #e0e0e0;
}
/* line 461, ../sass/home.scss */
#main .col2 #latestvideos .video .bottom_bar .social a.share {
  width: 24px;
  height: 10px;
  line-height: 10px;
  margin-top: 7px;
  text-align: center;
  color: #555;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  border-right: 1px solid #e0e0e0;
}
/* line 476, ../sass/home.scss */
#main .col2 #latestvideos .video .bottom_bar .social a.share:last-child {
  border-right: none;
}
/* line 487, ../sass/home.scss */
#main .col2 #latestvideos .video .bottom_bar .divider {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  background-color: #a4a4a4;
  bottom: 0px;
}
/* line 495, ../sass/home.scss */
#main .col2 #latestvideos .video .bottom_bar .divider:before {
  content: '';
  position: absolute;
  top: -5px;
  border-left: 25px solid #a4a4a4;
  border-top: 5px solid transparent;
}
/* line 502, ../sass/home.scss */
#main .col2 #latestvideos .video .bottom_bar .divider:after {
  content: '';
  position: absolute;
  bottom: 0px;
  border-left: 25px solid #fff;
  border-top: 5px solid transparent;
}
/* line 518, ../sass/home.scss */
#main .col2 #latestvideos .video:hover .player .pressPlay {
  background-color: rgba(85, 85, 85, 0.9);
}
/* line 521, ../sass/home.scss */
#main .col2 #latestvideos .video:hover .player .pressPlay:after {
  border-left: 15px solid #fff;
}
/* line 526, ../sass/home.scss */
#main .col2 #latestvideos .video:hover .player img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 531, ../sass/home.scss */
#main .col2 #latestvideos .video:hover .title, #main .col2 #latestvideos .video:hover .badge {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -moz-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}
/* line 543, ../sass/home.scss */
#main .col2 .center {
  text-align: center;
}
/* line 545, ../sass/home.scss */
#main .col2 .center .more_news_link {
  margin-top: 40px;
  display: inline-block;
  padding: 5px;
  color: #ffffff;
  background-color: #2a2a2a;
  text-transform: uppercase;
  overflow: hidden;
  max-width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 560, ../sass/home.scss */
#main .col2 #sidebar_home {
  width: 250px;
  padding: 0 10px;
}
/* line 565, ../sass/home.scss */
#main .col2 #sidebar_home h2.sidebar_title {
  padding-right: 0px;
  max-width: 200px;
  margin-top: 25px;
  margin-bottom: 37px;
  background-color: #2a2a2a;
  position: relative;
  line-height: 50px;
  overflow: hidden;
}
/* line 575, ../sass/home.scss */
#main .col2 #sidebar_home h2.sidebar_title span {
  font-size: 25px;
  top: 5px;
  left: -20px;
  position: relative;
}
/* line 582, ../sass/home.scss */
#main .col2 #sidebar_home h2.sidebar_title:before {
  content: '';
  width: 0;
}
/* line 586, ../sass/home.scss */
#main .col2 #sidebar_home h2.sidebar_title:after {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  border-left: none;
  border-top: none;
  top: 0;
  right: 0;
  position: absolute;
}
/* line 599, ../sass/home.scss */
#main .col2 #sidebar_home h2.sidebar_title.title_news:before, #main .col2 #sidebar_home h2.sidebar_title.title_videos:before {
  background-image: url("../css/portal/images/spritesheet.png");
  content: " ";
  height: 20px;
  width: 20px;
  margin: -2px 10px;
}
/* line 609, ../sass/home.scss */
#main .col2 #sidebar_home h2.sidebar_title.title_news:before {
  background-position: -80px -320px;
}
/* line 614, ../sass/home.scss */
#main .col2 #sidebar_home h2.sidebar_title.title_videos:before {
  background-position: -100px -320px;
}
/* line 3, ../sass/_newsbox.scss */
#main .newsbox {
  display: inline-block;
  width: 300px;
  height: 150px;
  position: relative;
  margin: 11px;
  text-decoration: none;
  color: #333;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
}
/* line 20, ../sass/_newsbox.scss */
#main .newsbox.home {
  width: 250px;
}
/* line 24, ../sass/_newsbox.scss */
#main .newsbox:before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 302px;
  height: 152px;
  background-color: #fff;
  z-index: -1;
  margin: -1px;
}
/* line 36, ../sass/_newsbox.scss */
#main .newsbox:after {
  content: '';
  position: absolute;
  top: -3px;
  height: 156px;
  left: -7px;
  width: 314px;
  box-shadow: black 0px 10px 10px -10px inset, black 0px -10px 10px -10px inset;
  box-shadow: black 0px 10px 10px -10px inset, black 0px -10px 10px -10px inset;
  box-shadow: black 0px 10px 10px -10px inset, black 0px -10px 10px -10px inset;
  z-index: -2;
}
/* line 52, ../sass/_newsbox.scss */
#main .newsbox .title {
  position: absolute;
  display: inline-block;
  width: 100%;
  top: 0;
  height: 12px;
  line-height: 12px;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #d2d2d2;
  box-shadow: #efefef 0px 8px 8px -5px inset;
  box-shadow: #efefef 0px 8px 8px -5px inset;
  box-shadow: #efefef 0px 8px 8px -5px inset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}
/* line 71, ../sass/_newsbox.scss */
#main .newsbox .title:before {
  content: ' ';
  /*
  font-weight: normal;
  font-size: 11px;
  position: relative;
  top: -1px;
  padding: 0 2px;
  */
}
/* line 84, ../sass/_newsbox.scss */
#main .newsbox .info {
  display: none;
  position: absolute;
  right: 0;
  height: 24px;
  width: 148px;
  line-height: 11px;
  font-size: 12px;
  background-image: url(../images/news/topright_02.png);
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 0 0 57px;
  font-weight: bold;
  letter-spacing: 1px;
}
/* line 103, ../sass/_newsbox.scss */
#main .newsbox .contain {
  width: 100%;
  height: 136px;
  overflow: hidden;
  background-color: #aaa;
  background-size: cover;
}
/* line 113, ../sass/_newsbox.scss */
#main .newsbox .contain .content {
  position: relative;
  top: 100px;
  height: 110px;
  background-color: rgba(0, 0, 0, 0.5);
  border-top: 2px solid #f0f0f0;
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(../images/news/rolloverbar_05.png);
  background-repeat: no-repeat;
  background-position: 0 -1px;
  transition-property: all;
  transition-property: all;
  transition-property: all;
  transition-property: all;
  transition-duration: 300ms;
  transition-duration: 300ms;
  transition-duration: 300ms;
  transition-duration: 300ms;
  transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  transition-delay: 100ms;
  transition-delay: 100ms;
  transition-delay: 100ms;
  transition-delay: 100ms;
  color: #fff;
  text-transform: uppercase;
  padding: 0 4px;
}
/* line 135, ../sass/_newsbox.scss */
#main .newsbox .contain .content .subtitle {
  font-size: 14px;
  font-weight: normal;
  height: 14px;
  line-height: 16px;
  margin: 14px 0 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 145, ../sass/_newsbox.scss */
#main .newsbox .contain .content .text {
  font-weight: bold;
  font-style: italic;
  display: inline-block;
  font-size: 11px;
  line-height: 14px;
  height: 58px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 158, ../sass/_newsbox.scss */
#main .newsbox .botbar {
  width: 100%;
  height: 14px;
  position: relative;
  background-image: url(../images/news/botbar_07.jpg);
}
/* line 168, ../sass/_newsbox.scss */
#main .newsbox.show .content {
  top: 40px;
  background-color: rgba(0, 0, 0, 0.8);
}
/* line 174, ../sass/_newsbox.scss */
#main .newsbox:hover {
  box-shadow: rgba(0, 0, 0, 0.5) 2px 0px 1px -1px, rgba(0, 0, 0, 0.5) -2px 0px 1px -1px;
  box-shadow: rgba(0, 0, 0, 0.5) 2px 0px 1px -1px, rgba(0, 0, 0, 0.5) -2px 0px 1px -1px;
  box-shadow: rgba(0, 0, 0, 0.5) 2px 0px 1px -1px, rgba(0, 0, 0, 0.5) -2px 0px 1px -1px;
}
/* line 190, ../sass/_newsbox.scss */
#main .newsbox:hover .content {
  top: 40px;
  background-color: rgba(0, 0, 0, 0.8);
  transition-property: all;
  transition-property: all;
  transition-property: all;
  transition-property: all;
  transition-duration: 300ms;
  transition-duration: 300ms;
  transition-duration: 300ms;
  transition-duration: 300ms;
  transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  transition-delay: 100ms;
  transition-delay: 100ms;
  transition-delay: 100ms;
  transition-delay: 100ms;
}
/* line 635, ../sass/home.scss */
#main .newssidebar .newsbox {
  margin: 0 0 10px 0;
  box-shadow: none;
  box-shadow: none;
  box-shadow: none;
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
}
/* line 638, ../sass/home.scss */
#main .newssidebar .newsbox .info {
  font-size: 11px;
  padding: 8px 0 0 40px;
  line-height: 5px;
  width: 120px;
  height: 20px;
}
/* line 646, ../sass/home.scss */
#main .newssidebar .newsbox:before, #main .newssidebar .newsbox:after {
  content: none;
}
/* line 652, ../sass/home.scss */
#main .newssidebar .newsbox .content {
  position: relative;
  top: 100px;
  height: 110px;
  background-color: rgba(0, 0, 0, 0.5);
  border-top: 2px solid #f0f0f0;
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(../images/news/rolloverbar_05.png);
  background-repeat: no-repeat;
  background-position: 0 -1px;
  transition-property: all;
  transition-property: all;
  transition-property: all;
  transition-property: all;
  transition-duration: 300ms;
  transition-duration: 300ms;
  transition-duration: 300ms;
  transition-duration: 300ms;
  transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  transition-delay: 100ms;
  transition-delay: 100ms;
  transition-delay: 100ms;
  transition-delay: 100ms;
  color: #fff;
  text-transform: uppercase;
  padding: 0 4px;
}
/* line 674, ../sass/home.scss */
#main .newssidebar .newsbox .content .subtitle {
  font-size: 14px;
  font-weight: normal;
  height: 14px;
  line-height: 16px;
  margin: 14px 0 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 684, ../sass/home.scss */
#main .newssidebar .newsbox .content .text {
  font-weight: bold;
  font-style: italic;
  display: inline-block;
  font-size: 11px;
  line-height: 14px;
  height: 58px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 696, ../sass/home.scss */
#main .newssidebar .newsbox:hover {
  box-shadow: none;
  box-shadow: none;
  box-shadow: none;
}
/* line 699, ../sass/home.scss */
#main .newssidebar .newsbox:hover .content {
  top: 40px;
  background-color: rgba(0, 0, 0, 0.8);
  transition-property: all;
  transition-property: all;
  transition-property: all;
  transition-property: all;
  transition-duration: 300ms;
  transition-duration: 300ms;
  transition-duration: 300ms;
  transition-duration: 300ms;
  transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  transition-delay: 100ms;
  transition-delay: 100ms;
  transition-delay: 100ms;
  transition-delay: 100ms;
}