/* reset ------------------------------------------*/

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, figcaption, figure, footer, header, hgroup, menu, nav, div, summary, time, mark, audio, video, input {
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* NEW FOR TEST */
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
ol {
	/*list-style: none;
	 padding: 0; */
	padding: 80px 0px 0px 0px;
	margin: 0;
}
/* NEW FOR TEST END */
.cont ul {
	list-style: disc;
  padding-left: 15px;
  margin-left: 15px;
  float: left;
  width: 100%;
	margin-top:10px;
	margin-bottom:25px;
}
.cont ul li{
	margin-top:10px;
}

.cont ol {
  padding-left: 15px;
  margin-left: 15px;
  float: left;
	width: 100%;
	padding:0!important;
}

em {
	font-style: italic;
}

a, a * {
	text-decoration: none;
	cursor: pointer;
	outline: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, div {
	display: block;
}

sup {
	vertical-align: super;
	font-size: 80%;
}

sub {
	vertical-align: sub;
	font-size: 80%;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-text-size-adjust: none;
}

input[type=text], input[type=password], input[type=submit], input[type=datetime], input[type=email], input[type=search], input[type=tel], input[type=url], textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
	outline: none;
}

select {
	background: #fff;
	outline: none;
}

/* content --------------------------------------------------------------------------*/

body {
	font-size: 15px;
	font-family: 'Open Sans', Arial, Helvetica;
	font-weight: 400;
	color: #4e5155;
	margin: 0 auto;
	width: 100%;
}

b, strong {
	font-weight: 700;
}

div.web {
	width: 1140px;
	padding: 0 20px;
	margin: 0 auto;
	background: #fff !important;
	position: relative;
}

header {
	float: left;
	width: 100%;
	height: 110px;
	background: url('images/header.png') no-repeat;
}

header div.logo {
	height: 109px;
	width: 260px;
	float: left;
	background: url('images/logo.png') no-repeat center left;
	margin: 0 0 0 30px;
}

header div.logo a {
	float: left;
	width: 100%;
	height: 100%;
}

header div.search {
	float: right;
	width: 353px;
	padding: 35px 30px 0 0;
}

header div.search fieldset {
	float: left;
	position: relative;
}

header div.search fieldset input.searchtext {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	color: #404040;
	background: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 0 58px 0 28px;
	height: 41px;
	float: left;
	margin-left: 10px;
	font-family: 'Open Sans', Arial, Helvetica;
	font-weight: 600;
	width: 353px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

header div.search fieldset input.search {
	width: 41px;
	height: 41px;
	background: url('images/search.png') no-repeat center center;
	position: absolute;
	right: 0;
	margin: 0 10px 0 0;
	cursor: pointer;
}

header div.buttons {
	float: right;
	padding: 35px 0 0 15px;
	position: relative;
}

header div.buttons span.user {
	float: left;
	font-size: 14px;
	line-height: 19px;
	padding: 2px 20px 0 0;
}

header div.buttons a {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	color: #000000;
	background: #e1ebed;
	font-size: 12px;
	font-weight: 700;
	padding: 12px 23px 12px 49px;
	float: left;
	margin-left: 10px;
	transition: all .2s ease-in-out;
}

header div.buttons a.login {
	background: #e1ebed url('images/login.png') no-repeat 23px center;
}

header div.buttons a.register {
	background: #e1ebed url('images/register.png') no-repeat 23px center;
}

header div.buttons a.login:hover {
	background: #f0f7f8 url('images/login.png') no-repeat 23px center;
}

header div.buttons a.register:hover {
	background: #f0f7f8 url('images/register.png') no-repeat 23px center;
}

header div.buttons div.submenu {
	position: absolute;
	margin: 50px 50px 0 0;
	right: 0;
	padding: 0;
	float: left;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.37);
	-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.37);
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.37);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: none;
	z-index: 999;
}

header div.buttons div.submenu ul li a {
	color: #2c2c2c;
	background: #fff;
	float: left;
	padding: 0;
	margin: 0;
	padding: 12px 20px 12px 20px;
	width: 100%;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #d7dbe2;
	font-size: 14px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

header div.buttons div.submenu ul li:last-of-type a {
	border: none;
}

header div.buttons div.submenu ul li:first-of-type a {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

header div.buttons div.submenu ul li:last-of-type a {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

header div.buttons div.submenu ul li a:hover {
	text-decoration: underline;
}

header div.buttons #submenu.visible {
	display: initial;
}

header div.buttons div.submenu2 {
	position: fixed;
	margin: 50px 0 0 60px;
	width: 250px;
	padding: 20px;

	float: left;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.37);
	-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.37);
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.37);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: none;
	background: #fff;
	z-index: 999;
	left:43%
	top:15%;
}

header div.buttons div.submenu2 input.text {
	color: #404040;
	font-size: 13px;
	font-weight: 700;
	padding: 15px 20px;
	float: left;
	width: 250px;
	font-family: 'Open Sans', Arial, Helvetica;
	font-weight: 600;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #908e8e;
	border-bottom: 1px solid #acacac;
	border-left: 1px solid #acacac;
	border-right: 1px solid #acacac;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
}

header div.buttons div.submenu2 input.login {
	float: left;
	border: 2px solid #00afde;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #00afde;
	font-size: 14px;
	font-weight: 600;
	padding: 12px 0;
	background: #fff;
	margin: 5px 0 0 0;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	font-family: 'Open Sans', Arial, Helvetica;
	width: 250px;
}
header div.buttons  div.submenu2 input.login:hover {
	background: #00afde;
	color: #fff;
}



header div.buttons div.submenu2 a.pass {
	background: none;
	padding: 0;
	font-size: 13px;
	float: left;
	width: 100%;
	text-align: center;
	margin: 10px 0px 0px 10px;
}

header div.buttons div.submenu2 a.pass:hover {
	text-decoration: underline;
}

header div.buttons div.submenu2 a.fb {
	float: left;
	border: 2px solid #48659f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 12px 0;
	background: #48659f;
	margin: 5px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	width: 250px;
}

header div.buttons div.submenu2 a.fb span {
	background: url('images/fb_login.png') no-repeat;
	background-size: 24px;
	padding: 3px 0 3px 34px;
}
/*----------*/
div.extra_loginform {
	display: none;
}

div.extra_loginform div.submenu2 {
	position: fixed;

	margin: 50px 0 0 60px;
	width: 250px;
	padding: 20px;
	left: 0;
	float: left;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.37);
	-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.37);
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.37);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	z-index: 999;

	left:45%;
}

div.extra_loginform div.submenu2 input.text {
	color: #404040;
	font-size: 13px;
	font-weight: 700;
	padding: 15px 20px;
	float: left;
	width: 250px;
	font-family: 'Open Sans', Arial, Helvetica;
	font-weight: 600;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #908e8e;
	border-bottom: 1px solid #acacac;
	border-left: 1px solid #acacac;
	border-right: 1px solid #acacac;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
}

div.extra_loginform div.submenu2 input.login {
	float: left;
	border: 2px solid #00afde;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #00afde;
	font-size: 14px;
	font-weight: 600;
	padding: 12px 0;
	background: #fff;
	margin: 5px 0 0 0;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	font-family: 'Open Sans', Arial, Helvetica;
	width: 250px;
}
div.extra_loginform  div.submenu2 input.login:hover {
	background: #00afde;
	color: #fff;
}



div.extra_loginform div.submenu2 a.pass {
	background: none;
	padding: 0;
	font-size: 13px;
	float: left;
	width: 100%;
	text-align: center;
	margin: 10px 0;
}

div.extra_loginform div.submenu2 a.pass:hover {
	text-decoration: underline;
}

div.extra_loginform div.submenu2 a.fb {
	float: left;
	border: 2px solid #48659f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 12px 0;
	background: #48659f;
	margin: 5px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	width: 250px;
}

div.extra_loginform div.submenu2 a.fb span {
	background: url('images/fb_login.png') no-repeat;
	background-size: 24px;
	padding: 3px 0 3px 34px;
}

/*----------*/

div.commentslist input.login:hover {
	background: #00afde;
	color: #fff;
}

div.commentslist input.login {
	float: left;
	border: 2px solid #00afde;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #00afde;
	font-size: 14px;
	font-weight: 600;
	padding: 12px 0;
	background: #fff;
	margin: 5px 0 0 0;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	font-family: 'Open Sans', Arial, Helvetica;
	width: 250px;
	margin-left:65%;
}


a.fb:hover {
	filter: opacity(0.8);
}

header div.buttons #submenu2.visible {
	display: initial;
}


nav {
	float: left;
	width: 100%;
	background: url('images/menu.png') no-repeat right top;
	height: 70px;
}

nav.subpage {
	border-bottom: 1px solid #e1ebed;
}

nav ul {
	overflow: hidden;
	float: left;
	padding: 24px 0px 0px 30px;
}

nav ul li {
	float: left;
	padding: 0 45px 0 0;
}

nav ul li:last-of-type {
	border: none;
}

nav ul li a {
	color: #2f2f2f;
	font-weight: 700;
}

nav ul li.home a {
	width: 14px;
	height: 46px;
	float: left;
	background: url('images/home.png') no-repeat center 6px;
}

nav ul li a:hover {
	color: #00afde;
	text-decoration: underline;
}

div.lead {
	float: left;
	width: 100%;
	height: 491px;
}

div.lead div.leadbig {
	background: #242829;
	width: 760px;
	height: 491px;
	float: left;
	margin: 0 1px 0 0;
	/*background-size: 100% !important;*/
	background-size: cover !important;
}

div.lead div.leadbig div.bg {
	float: left;
	width: 100%;
	height: 100%;
	background-color: rgba(80,80,80,0.35);
}

div.lead div.leadbig div.tools {
	float: left;
	width: 100%;
	height: 62px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.temperature {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	padding: 10px 15px 10px 40px;
}

div.temp_1 {
	background: #6ebec5 url('images/hot.png') no-repeat 15px center;
}

div.temp_2 {
	background: #09b5c5 url('images/hot.png') no-repeat 15px center;
}

div.temp_3 {
	background: #7bab4b url('images/hot.png') no-repeat 15px center;
}

div.temp_4 {
	background: #59a437 url('images/hot.png') no-repeat 15px center;
}

div.temp_5 {
	background: #f1a31c url('images/hot.png') no-repeat 15px center;
}

div.temp_6 {
	background: #f97822 url('images/hot.png') no-repeat 15px center;
}

div.temp_7 {
	background: #f05322 url('images/hot.png') no-repeat 15px center;
}

div.temp_8 {
	background: #d92310 url('images/hot.png') no-repeat 15px center;
}

div.lead div.leadbig div.tools div.comments {
	background: url('images/comment.png') no-repeat 0 2px;
	color: #fff;
	font-size: 14px;
	float: right;
	font-weight: 600;
	padding: 0 0 0 25px;
	margin: 10px 10px 0 0;
}

div.lead div.leadbig div.cont {
	width: 100%;
	height: 429px;
	text-align: center;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
}

div.lead div.leadbig div.cont a.big {
	width: 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

div.lead div.leadbig div.cont span.title1 {
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	width: 100%;
	float: left;
	line-height: 50px;
}

div.lead div.leadbig div.cont span.title2 {
	color: #fff;
	font-size: 20px;
	line-height: 28px;
	font-weight: 300;
	width: 100%;
	float: left;
}

div.lead div.leadbig div.cont span.button {
	border: 2px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 25px 14px 25px;
	line-height: 110px;
	background-color: rgba(15,15,15,0.5);
}

div.lead div.leadbig div.cont span.button:hover {
	border: 2px solid #00afde;
	background: #00afde;
}

div.lead div.leadsmall {
	width: 378px;
	float: left;
	background: #242829;
	height: 245px;

}

div.lead div.leadsmall:nth-child(2n) {
	margin-bottom: 1px;
}

div.lead div.leadsmall div.bg {
	float: left;
	width: 100%;
	height: 100%;
	background-color: rgba(80,80,80,0.35);
}

div.lead div.leadsmall div.tools {
	float: left;
	width: 100%;
	height: 62px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.lead div.leadsmall div.tools div.comments {
	background: url('images/comment.png') no-repeat 0 2px;
	color: #fff;
	font-size: 14px;
	float: left;
	font-weight: 600;
	padding: 0 0 0 25px;
	margin: 10px 0 0 10px;
}

div.lead div.leadsmall div.tools div.temperature {
	float: right;
}

div.lead div.leadsmall div.cont {
	width: 100%;
	height: 183px;
	text-align: center;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
}

div.lead div.leadsmall div.cont a.big {
	width: 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

div.lead div.leadsmall div.cont span.title1 {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	width: 100%;
	float: left;
	line-height: 34px;
}

div.lead div.leadsmall div.cont span.title2 {
	color: #fff;
	font-size: 17px;
	line-height: 25px;
	font-weight: 300;
	width: 100%;
	float: left;
}

div.lead div.leadsmall div.cont span.button {
	border: 2px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 25px 14px 25px;
	line-height: 85px;
	background-color: rgba(15,15,15,0.5);
}

div.lead div.leadsmall div.cont span.button:hover {
	border: 2px solid #00afde;
	background: #00afde;
}
/* News in slider */
div.lead2 div.newsslider {
	width: 379px;
	float: left;
	background: #242829;
	margin: 0.5px;
	height: 245px;

}

div.lead2 div.newsslider:nth-child(2n) {
	margin-bottom: 1px;
}

div.lead2 div.newsslider div.bg {
	float: left;
	width: 100%;
	height: 100%;
	background-color: rgba(80,80,80,0.35);
}

div.lead2 div.newsslider div.tools {
	float: left;
	width: 100%;
	height: 62px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.lead2 div.newsslider div.tools div.comments {
	background: url('images/comment.png') no-repeat 0 2px;
	color: #fff;
	font-size: 14px;
	float: left;
	font-weight: 600;
	padding: 0 0 0 25px;
	margin: 10px 0 0 10px;
}

div.lead2 div.newsslider div.tools div.temperature {
	float: right;
}

div.lead2 div.newsslider div.cont {
	width: 100%;
	height: 183px;
	text-align: center;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
}

div.lead2 div.newsslider div.cont a.big {
	width: 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

div.lead2 div.newsslider div.cont span.title1 {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	width: 100%;
	float: left;
	line-height: 34px;
}

div.lead2 div.newsslider div.cont span.title2 {
	color: #fff;
	font-size: 17px;
	line-height: 25px;
	font-weight: 300;
	width: 100%;
	float: left;
}

div.lead2 div.newsslider div.cont span.button {
	border: 2px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 25px 14px 25px;
	line-height: 85px;
	background-color: rgba(15,15,15,0.5);
}

div.lead2 div.newsslider div.cont span.button:hover {
	border: 2px solid #00afde;
	background: #00afde;
}


div.left {
	width: 739px;
	float: left;
}

div.margintop {
	margin-top: 40px;
}

div.left div.news {
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 40px 0 0 0;
	padding: 0 0 40px 0;
	border-bottom: 1px solid #e0e0e0;
}

div.left div.news:last-of-type {
	border-bottom: none;
}

div.left div.newsoftheday {
	border: 1px solid #00afde;
	padding: 30px;
}

div.left div.news div.picture {
	width: 250px;
	height: 250px;
	background-size: 100% !important;
	float: left;
}

div.left div.newsoftheday div.picture {
	width: 220px;
	height: 220px;
}

div.left div.news div.picture div.tools {
	float: left;
	width: 100%;
	height: 62px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.left div.news div.picture div.tools div.comments {
	background: url('images/comment.png') no-repeat 0 2px;
	color: #fff;
	font-size: 14px;
	float: right;
	font-weight: 600;
	padding: 0 0 0 25px;
	margin: 10px 10px 0 0;
}

div.left div.news div.cont {
	float: left;
	padding: 0 0 0 30px;
	width: 459px;
}

div.left div.newsoftheday div.cont {
	float: left;
	padding: 0 0 0 30px;
	width: 427px;
}

div.left div.news div.cont div.date {
	background: url('images/clock.png') no-repeat;
	font-size: 12px;
	color: #4e4f50;
	padding: 0 20px 0 25px;
	background-position: right;
  margin-top:10px;
}
div.left div.news  div.category {
	float: right;
	padding: 0 0 0 25px;
	margin: 0 0 0 10px;
}

div.category span {
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 10px;
	margin: 0 0 0 5px;
}
div.left div.news div.cont div.platforms {
	float: right;
	width: 300px;
}

div.left div.news div.cont div.platforms span {
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 10px;
	float: right;
	margin: 0 0 0 5px;
}

span.pc {
	background: #777777;
}

span.xone {
	background: #8cb82c;
}

span.xonex {
	background: #21d71e;
}

span.ps {
	background: #00afde;
}
span.pspro {
	background: #008db3;
}
span.and {
	background: #159614;
}
span.ios {
	background: #2a8a90;
}
span.color_game {/*new*/
	background: #00afde;
}

span.color_news {/*new*/
	background: #f35726;
}
span.news {/*new*/
	background: #f35726;
}
span.e-sport {/*new*/
	background: #00afde;
}
span.recenzja {
	background: #159614;
}
span.publicystyka {
	background: #21d71e;
}
span.film {
	background: #2a8a90;

}
span.nintendo {
	background: #e1e9eb;
	color: #33373f !important;
}
span.nsh {
	background: #ff3e3e;
	color: #000 !important;
}

span.n3ds {
	background: #f7554a;
	color: #000 !important;
}
span.str {
	background: #ED980C;
	color: #000 !important;
}
div.left div.news div.cont a.newstitle {
	float: left;
	width: 100%;
	color: #33373f;
	font-size: 32px;
	line-height: 36px;
	margin: 20px 0 0 0;
	font-weight: 300;
}

div.left div.news div.cont a.newstitle:hover {
	text-decoration: underline;
}

div.left div.news div.cont p {
	font-size: 15px;
	line-height: 23px;
	float: left;
	width: 100%;
	padding: 30px 0 0 0;
}

div.left div.news div.cont a.more {
	color: #00afde;
	font-weight: 700;
}

div.left div.news div.cont a.more:hover {
	text-decoration: underline;
}

div.left div.pager {
	float: left;
	width: 100%;
	padding: 40px 0 0 0;
	text-align: center;
	font-size: 14px;
}

div.left div.pager span {
	padding: 0 10px 0 0;
}

div.left div.pager a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e0e0e0;
	padding: 6px 10px;
	color: #4e5155;
}

div.left div.pager a.active {
	font-weight: 700;
	border: 1px solid #858585;
}

div.left div.pager a:hover {
	border: 1px solid #858585;
}

div.right {
	float: left;
	margin: 0 0 0 40px;
	width: 361px;
}

div.box1 {
	background: #e1ebed;
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
}

div.box1 div.header {
	color: #33373f;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 30px;
	font-size: 25px;
	color: #33373f;
	font-weight: 700;
	float: left;
}
/* replacment for mobile class */
div.box1 h3.mobile_main2, h2.mobile_main {
	color: #33373f;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 30px;
	font-size: 25px;
	color: #33373f;
	font-weight: 700;
	float: left;
}


div.right div.box1 div.game {
	border-top: 1px solid #fff;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 30px;
}

div.right div.box1 div.game div.cover {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
}

div.right div.box1 div.game div.cover img {
	float: left;
	width: 100%;
}

div.right div.box1 div.game a.title {
	color: #33373f;
	font-size: 20px;
	font-weight: 300;
	float: left;
	width: 100%;
}

div.right div.box1 div.game a.title:hover {
	text-decoration: underline;
}

div.right div.box1 div.game a.category {
	color: #00afde;
	font-weight: 700;
}

div.right div.box1 div.game a.category:hover {
	text-decoration: underline;
}


div.right div.box1 div.mingame {
	border-top: 1px solid #fff;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	padding: 30px;
	height: 360px;

}

div.right div.box1 div.mingame div.cover {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
}

div.right div.box1 div.mingame div.cover img {
	float: left;
	width: 100%;
	height: 180px;
}

div.right div.box1 div.mingame a.title {
	color: #33373f;
	font-size: 20px;
	font-weight: 300;
	float: left;
	width: 100%;
}

div.right div.box1 div.mingame a.title:hover {
	text-decoration: underline;
}

div.right div.box1 div.mingame a.category {
	color: #00afde;
	font-weight: 700;
}
div.right div.box1 .hit{
	font-weight: 950  !important;
}
div.right div.box1 a.subpage {
	color: #00afde;
	font-weight: 700;
}
div.right div.box1 a.subpage:hover {
	color: #33373f;
	font-weight: 700;
}


div.right div.box1 a.subpage span::before{
content: "";
width: 5px;
height: 5px;
background: #33373f;
display: block;
position: relative;
top: 8px;
left: 3px;
float: left;
margin-right:10px;
}
div.right div.box1 div.mingame a.category:hover {
	text-decoration: underline;
}
div.ads_box {
	background: #e1ebed;
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
}

div.ads_box div.header {
	color: #33373f;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 30px;
	font-size: 25px;
	color: #33373f;
	font-weight: 700;
	float: left;
}

div.right div.ads_box div.game {
	border-top: 1px solid #fff;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 30px;
}

div.right div.ads_box div.game div.cover {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
}

div.right div.ads_box div.game div.cover img {
	float: left;
	width: 100%;
}

div.right div.ads_box div.game a.title {
	color: #33373f;
	font-size: 20px;
	font-weight: 300;
	float: left;
	width: 100%;
}

div.right div.ads_box div.game a.title:hover {
	text-decoration: underline;
}

div.right div.ads_box div.game a.category {
	color: #00afde;
	font-weight: 700;
}

div.right div.ads_box div.game a.category:hover {
	text-decoration: underline;
}


div.right div.ads_box div.mingame {
	border-top: 1px solid #fff;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	padding: 30px;
	height: 360px;

}

div.right div.ads_box div.mingame div.cover {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
}

div.right div.ads_box div.mingame div.cover img {
	float: left;
	width: 100%;
	height: 180px;
}

div.right div.ads_box div.mingame a.title {
	color: #33373f;
	font-size: 20px;
	font-weight: 300;
	float: left;
	width: 100%;
}

div.right div.ads_box div.mingame a.title:hover {
	text-decoration: underline;
}

div.right div.ads_box div.mingame a.category {
	color: #00afde;
	font-weight: 700;
}
div.right div.ads_box .hit{
	font-weight: 950  !important;
}
div.right div.ads_box a.subpage {
	color: #00afde;
	font-weight: 700;
}
div.right div.ads_box a.subpage:hover {
	color: #33373f;
	font-weight: 700;
}


div.right div.ads_box a.subpage span::before{
content: "";
width: 5px;
height: 5px;
background: #33373f;
display: block;
position: relative;
top: 8px;
left: 3px;
float: left;
margin-right:10px;
}
div.right div.ads_box div.mingame a.category:hover {
	text-decoration: underline;
}
div.right div.banner {
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
}

div.box2 {
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
}

div.box2 div.header {
	color: #33373f;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 30px;
	font-size: 25px;
	color: #33373f;
	font-weight: 300;
	float: left;
	border-bottom: 1px solid #e0e0e0;
}

div.right div.box2 div.rank {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 30px;
	float: left;
}

div.right div.box2 table.rank {
	float: left;
	width: 100%;
}

div.right div.box2 table.rank td {
	padding: 10px 0;
}

div.right div.box2 table.rank td.avatar {
	vertical-align: middle;
	width: 80px;
}

div.right div.box2 table.rank td.avatar img {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	float: left;
}

div.right div.box2 table.rank td.user {
	vertical-align: middle;
	color: #61646a;
	font-size: 14px;
}

div.right div.box2 table.rank td.user a.user {
	color: #33373f;
	font-weight: 700;
}

div.right div.box2 table.rank td.user a.user:hover {
	text-decoration: underline;
}

div.right div.box2 table.rank td.user span.vip {
	color: #fff;
	font-size: 12px;
	background: #00afde;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 5px;
	margin: 0 0 0 6px;
}

div.right div.box2 table.rank td.points {
	vertical-align: middle;
	color: #00afde;
	font-size: 20px;
	font-weight: 700;
}

div.right div.box2 table.rank td.points a {
	border: 2px solid #00afde;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #00afde;
	font-size: 14px;
	font-weight: 600;
	padding: 8px 10px 8px 10px;
	background: #fff;
	float: right;
}

div.right div.box2 table.rank td.points a:hover {
	color: #fff;
	background: #00afde;
}

div.wide {
	float: left;
	width: 100%;
}

div.wide div.box2 {
	float: left;
	margin: 40px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	float: left;
}

div.wide div.box2 div.column {
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 30px 30px 30px;
}

div.wide div.box2 div.column div.news {
	float: left;
	padding: 30px 0 0 0;
}

div.wide div.box2 div.column div.news div.picture {
	float: left;
	width: 60px;
	height: 60px;
}

div.wide div.box2 div.column div.news div.picture img {
	float: left;
	width: 60px;
	height: 60px;
}

div.wide div.box2 div.column div.news div.cont {
	float: left;
	width: calc(100% - 80px);
	margin: 0 0 0 20px;
}

div.wide div.box2 div.column div.news div.cont div.date {
	background: url('images/clock.png') no-repeat;
	font-size: 12px;
	color: #4e4f50;
	padding: 0 0 0 25px;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.wide div.box2 div.column div.news div.cont a.title {
	color: #33373f;
	font-size: 20px;
	font-weight: 300;
	line-height: 24px;
	margin: 10px 0 0 0;
	float: left;
}

div.wide div.box2 div.column div.news div.cont a.title:hover {
	text-decoration: underline;
}

div.wide div.reviews {
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
}

div.wide div.reviews div.header {
	color: #33373f;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 0 0 20px 0;
	font-size: 25px;
	color: #33373f;
	font-weight: 300;
	float: left;
}

div.wide div.reviews div.review {
	background: #e1ebed;
	float: left;
	width: 105px;
	margin: 0 30px 0 0;
	padding: 30px;
	position: relative;
}

div.wide div.reviews div.review:last-of-type {
	margin: 0;
}

div.wide div.reviews div.review div.note {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	margin: -25px 0 0 0;
	color: #292929;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	padding: 16px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

div.note1 {
	background: #fff url('images/circle1.png') no-repeat;
}
div.note2 {
	background: #fff url('images/circle2.png') no-repeat;
}
div.note3 {
	background: #fff url('images/circle3.png') no-repeat;
}
div.note4 {
	background: #fff url('images/circle4.png') no-repeat;
}
div.note5 {
	background: #fff url('images/circle5.png') no-repeat;
}
div.note6 {
	background: #fff url('images/circle6.png') no-repeat;
}
div.note7 {
	background: #fff url('images/circle7.png') no-repeat;
}
div.note8 {
	background: #fff url('images/circle8.png') no-repeat;
}
div.note9 {
	background: #fff url('images/circle9.png') no-repeat;
}
div.note10 {
	background: #fff url('images/circle10.png') no-repeat;
}

div.wide div.reviews div.review div.cover {
	float: left;
	width: 130px;
	height: 205px;
}

div.wide div.reviews div.review div.cover img {
	aspect-ratio: attr(width) / attr(height);
	aspect-ratio: 1 / 1;
	float: left;
}

div.wide div.reviews div.review div.cont {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

div.wide div.reviews div.review div.cont a.title {
	color: #33373f;
	font-size: 15px;
	font-weight: 700;

}

div.wide div.reviews div.review div.cont a.title:hover {
	text-decoration: underline;
}

div.wide div.reviews div.review div.cont div.platform {
	float: left;
	width: 100%;
	padding: 15px 0 0 0;
}

div.wide div.reviews div.review div.cont div.platform span {
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 10px;
	float: left;
	margin: 0 5px 0 0;
}

div.wide div.reviews div.review div.cont a.text p {
	float: left;
	width: 100%;
	padding: 15px 0 0 0;
	color: #4d5054;
	font-size: 14px;
	line-height: 21px;
}

div.wide div.prizes {
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
}

div.wide div.prizes div.header {
	color: #33373f;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 0 0 20px 0;
	font-size: 25px;
	color: #33373f;
	font-weight: 300;
	float: left;
}

div.wide div.prizes div.prizescont {
	background: #e1ebed;
	float: left;
	width: 100%;
}

div.wide div.prizes div.prize {
	width: 380px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px;
	display: table;
	height: 209px;
}

div.wide div.prizes div.prize:nth-child(3n) {
	border-right: 0;
}

div.wide div.prizes div.prize:nth-child(1), div.wide div.prizes div.prize:nth-child(2), div.wide div.prizes div.prize:nth-child(3) {
	border-top: 0;
}

div.wide div.prizes div.prize div.picture {
	width: 150px;
	height: 150px;
	float: left;
	margin: 0 30px 0 0;
}

div.wide div.prizes div.prize div.picture img {
	width: 100%;
	height: 100%;
	float: left;
}

div.wide div.prizes div.prize div.points {
	background: #00afde;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	float: left;
	padding: 10px 30px;
	color: #fff;
	font-size: 14px;
	margin: 0 0 20px -30px;
}

div.wide div.prizes div.prize a.title {
	color: #33373f;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
}

div.wide div.prizes div.prize a.title:hover {
	text-decoration: underline;
}

div.wide div.prizes div.prize div.how {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

div.wide div.prizes div.prize div.how a.how {
	border: 2px solid #00afde;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #00afde;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 25px 14px 25px;
	background: #fff;
}

div.wide div.prizes div.prize div.how a.how:hover {
	color: #fff;
	background: #00afde;
}

footer {
	border-top: 10px solid #00afde;
	width: 100%;
	float: left;
	margin: 40px 0 0 0;
}

footer div.footercont {
	background: #e1ebed;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px;
}

footer div.footercont div.footerleft {

}

footer div.footercont div.footerleft span.head {
	font-size: 24px;
	color: #33373f;
	font-weight: 300;
	float: left;
	padding: 12px 0 0 0;
	width: 210px;
}

footer div.footercont div.footerleft div.editors {
	float: left;
	width: calc(100% - 326px);
}

footer div.footercont div.footerleft div.editor {
	float: left;
}

footer div.footercont div.footerleft div.editor img {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	float: left;
	margin: 0 20px 0 0;
}

footer div.footercont div.footerleft div.editor div.dets {
	float: left;
	padding: 12px 20px 0 0;
	font-size: 13px;
}

footer div.footercont div.footerleft div.editor a.name {
	color: #61646a;
	font-size: 13px;
	font-weight: 700;
	color: #33373f;
}

footer div.footercont div.footerleft div.editor a.name:hover {
	text-decoration: underline;
}

footer div.footercont div.footerleft div.editor span.mail {
	color: #00afde;
	font-weight: 700;
}

footer div.footercont div.icons {
	width: 116px;
	float: right;
	margin: 12px 0 0 0;
}

footer div.footercont div.icons a.twitter {
	float: left;
	width: 32px;
	height: 32px;
	background: url('images/twitter.png') no-repeat;
	margin: 0 10px 0 0;
}

footer div.footercont div.icons a.fblogo {
	float: left;
	width: 32px;
	height: 32px;
	background: url('images/fb.png') no-repeat;
	margin: 0 10px 0 0;
}

footer div.footercont div.icons a.mail {
	float: left;
	width: 32px;
	height: 32px;
	background: url('images/mail.png') no-repeat;
}

footer div.copyrights1 {
	font-size: 13px;
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 30px;
}

footer div.copyrights2 {
	font-size: 13px;
	float: left;
	text-align: right;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 30px;
}

footer div.copyrights2 a {
	color: #00afde;
	font-weight: 700;
}

footer div.copyrights2 a:hover {
	text-decoration: underline;
}

div.left div.widenews {
	float: left;
	width: 100%;
}

div.left div.widenews div.date {
	background: url('images/clock.png') no-repeat;
	font-size: 12px;
	color: #4e4f50;
	padding: 0 0 0 25px;
	width: 300px;
	float: left;

}

div.left div.widenews div.platforms {
	float: right;
	width: 400px;
}

div.left div.widenews div.platforms span {
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 10px;
	float: right;
	margin: 0 0 0 5px;
}

div.left div.widenews div.cont {
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	position: relative;
	/* debug wy�wietlania newsa itp./*text-align:justify; */
}

div.left div.widenews div.cont h1 {
	float: left;
	width: 100%;
	color: #33373f;
	font-size: 32px;
	line-height: 36px;
	font-weight: 300;
	margin: 30px 0 0 0;
}

div.left div.widenews div.cont h1 span {
	color: #00afde;
	font-weight: 700;
}

div.left div.widenews div.cont h1:first-of-type {
	margin-top: 0;
}

div.left div.widenews div.cont h2 {
	float: left;
	width: 100%;
	color: #33373f;
	font-size: 26px;
	line-height: 30px;
	font-weight: 600;
	margin: 30px 0 20px 0;
}

div.left div.widenews div.cont h3 {
	float: left;
	width: 100%;
	color: #33373f;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	margin: 30px 0 10px 0;
}

div.left div.widenews div.cont p {
	font-size: 15px;
	line-height: 23px;

	width: 100%;
	padding: 30px 0 0 0;
}

div.left div.widenews div.cont div img.small {
	float: left;
	margin: 6px 30px 30px 0;
	width:250px;
	height:250px;
}

div.left div.widenews div.cont p img.left {
	float: left;
	margin: 6px 30px 30px 0;
}

div.left div.widenews div.cont p img.right {
	float: right;
	margin: 6px 0 30px 30px;
}

div.left div.widenews div.cont p img.wide {
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}

div.left div.widenews div.cont div.tools {
	float: left;
	width: 250px;
	height: 62px;
	margin: 0px 0 0 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
}

div.left div.widenews div.cont div.tools div.comments {
	background: url('images/comment.png') no-repeat 0 2px;
	color: #fff;
	font-size: 14px;
	float: right;
	font-weight: 600;
	padding: 0 0 0 25px;
	margin: 10px 10px 0 0;
}

div.left div.commentslist {
	float: left;
	width: 100%;
	border-top: 1px solid #e0e0e0;
	margin: 60px 0 0 0;
	padding: 40px 0 0 0;
}

div.left div.noborder {
	border: none;
	margin: 0 0 20px 0;
}

div.left div.commentslist span.head {
	color: #33373f;
	font-size: 26px;
	font-weight: 300;
	float: left;
	width: 500px;
}

div.left div.commentslist fieldset {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
}

div.left div.commentslist fieldset textarea {
	color: #404040;
	font-size: 13px;
	font-weight: 700;
	padding: 15px 20px;
	height: 100px;
	float: left;
	width: 98%;
	margin-left:1%;
	font-family: 'Open Sans', Arial, Helvetica;
	font-weight: 600;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #908e8e;
	border-bottom: 1px solid #acacac;
	border-left: 1px solid #acacac;
	border-right: 1px solid #acacac;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.left div.commentslist fieldset input.add {
	float: right;
	border: 2px solid #00afde;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #00afde;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 25px 14px 25px;
	background: #fff;
	margin: 10px 0 0 0;
	cursor: pointer;
}

div.left div.commentslist fieldset input.add:hover {
	color: #fff;
	background: #00afde;
}

div.left div.commentslist div.comment {
	font-size: 14px;
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
}

div.left div.commentslist div.comment div.avatar {
	width: 80px;
	float: left;
}

div.left div.commentslist div.comment div.avatar img {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	float: left;
}

div.left div.commentslist div.comment div.text {
	float: left;
	width: calc(100% - 80px);
}

div.left div.commentslist div.comment div.text div.user {
	color: #61646a;
	padding: 9px 0 0 0;
}

div.left div.commentslist div.comment div.text div.user a {
	color: #33373f;
	font-weight: 700;
}

div.left div.commentslist div.comment div.text div.user a:hover {
	text-decoration: underline;
}

div.left div.commentslist div.comment div.text div.comcount {
	color: #00afde;
	font-weight: 700;
	float: left;
	width: 300px;
}

div.left div.commentslist div.comment div.text div.data {
	background: url('images/clock.png') no-repeat;
	font-size: 12px;
	color: #4e4f50;
	padding: 0 0 0 25px;
	float: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.left div.commentslist div.comment div.text p {
	float: left;
	border: 1px solid #e0e0e0;
	padding: 25px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	margin: 20px 0 0 0;
}

div.left div.commentslist div.comment div.text p.admin_comment {
	float: left;
	border: 1px solid #00afde;
	padding: 25px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	margin: 20px 0 0 0;
}


div.left div.commentslist div.admin div.text p {
	border: 1px solid #00afde;
}

div.left div.newstype_2 div.cont img.big {
	float: left;
	width: 100%;
	margin: 30px 0 15px 0;
}

div.left div.newstype_2 div.cont div.tools {
	margin: 30px 0 0 0;
	top: 0;
	width: 100%;
}

div.newstype_3 {
	float: left;
	width: 100%;
	position: relative;
}

div.newstype_3 img {
	width: 100%;
	float: left;
}

div.newstype_3 div.tools {
	float: left;
	width: 100%;
	height: 62px;
	margin: 30px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
}

div.newstype_3 div.tools div.comments {
	background: url('images/comment.png') no-repeat 0 2px;
	color: #fff;
	font-size: 14px;
	float: right;
	font-weight: 600;
	padding: 0 0 0 25px;
	margin: 10px 40px 0 0;
}

div.newstype_3 div.bg {
	float: left;
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color: rgba(49,71,79,0.75);
	padding: 40px 0;
}

div.newstype_3 div.bg div.date {
	background: url('images/clock.png') no-repeat;
	font-size: 12px;
	color: #4e4f50;
	padding: 0 0 0 25px;
	width: 300px;
	float: left;
	color: #fff;
}

div.newstype_3 div.bg div.platforms {
	float: right;
	width: 400px;
}

div.newstype_3 div.bg div.platforms span {
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 10px;
	float: right;
	margin: 0 0 0 5px;
}

div.newstype_3 div.bg h1 {
	font-size: 50px;
	float: left;
	width: 100%;
	line-height: 58px;
	color: #fff;
	font-weight: 300;
}

div.right div.box1 div.review {
	background: #e1ebed;
	float: left;
	width: 100%;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #fff;
}

div.right div.box1 div.review div.cover {
	float: left;
	width: 130px;
}

div.right div.box1 div.review div.cover img {
		aspect-ratio: attr(width) / attr(height);
		aspect-ratio: 1 / 1;
		float: left;
	}

div.right div.box1 div.review div.cont {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: calc(100% - 130px);
}

div.right div.box1 div.review div.cont a.title {
	color: #33373f;
	font-size: 15px;
	font-weight: 700;
	line-height: 22px;
}

div.right div.box1 div.review div.cont a.title:hover {
	text-decoration: underline;
}

div.right div.box1 div.review div.cont div.platform {
	float: left;
	width: 100%;
	padding: 15px 0 0 0;
}

div.right div.box1 div.review div.cont div.platform span {
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 10px;
	float: left;
	margin: 0 5px 0 0;
}

div.right div.box1 div.review div.cont a.text p {
	float: left;
	width: 100%;
	padding: 0 0 0 0;
	color: #4d5054;
	font-size: 14px;
	line-height: 21px;
}

div.left div.review div.cont {
	margin: 0;
}
div.right div.box1 div.dlc {
	background: #e1ebed;
	float: left;
	width: 100%;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #fff;
}


div.right div.box1 div.dlc div.cover {
	text-align: center;
	width: 100%;
}


div.right div.box1 div.dlc div.cover img {

}

div.right div.box1 div.dlc div.cont {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}

div.right div.box1 div.dlc div.cont a.title {
	color: #33373f;
	font-size: 120%;
	font-weight: 700;
	line-height: 22px;
}

div.right div.box1 div.dlc div.cont a.title:hover {
	text-decoration: underline;
}

div.right div.box1 div.dlc div.cont div.platform {
	float: left;
	width: 100%;
	padding: 15px 0 0 0;
}

div.right div.box1 div.dlc div.cont div.platform span {
	color: #fff;
	font-size: 100%;
	font-weight: 600;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 10px;
	float: left;
	margin: 0 5px 0 0;
}

div.right div.box1 div.dlc div.cont a.text p {
	float: left;
	width: 100%;
	padding: 0 0 0 0;
	color: #4d5054;
	font-size: 120%;
	line-height: 21px;
}
div.left div.widenews div.cover {
	float: left;
	width: 200px;
	margin: 40px 40px 0 0;
}

div.left div.widenews div.cover img {
	float: left;
	width: 100%;
}

div.left div.widenews div.cover a {
	float: left;
	border: 2px solid #00afde;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #00afde;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 0 14px 0;
	background: #fff;
	margin: 10px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}

div.left div.widenews div.cover a:hover {
	color: #fff;
	background: #00afde;
}


div.left div.widenews div.extrabutton a {
	float: left;
	border: 2px solid #00afde;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #00afde;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 10px 14px 10px;
	background: #fff;
	margin: 10px 10px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}

div.left div.widenews div.extrabutton a:hover {
	color: #fff;
	background: #00afde;
}
div.left div.widenews div.dets {
	float: left;
	width: calc(100% - 240px);
	margin: 40px 0 0 0;
}

div.left div.widenews div.dets div.notes {
	float: left;
	width: 100%;
}

div.left div.widenews div.dets div.notes div.notebox {
	float: left;
	color: #33373f;
	background: #e1ebed;
}

div.left div.widenews div.dets div.notes div.notebox div.notee {
	padding: 22px;
	border-right: 1px solid #fff;
	float: left;
	text-align: center;
}

div.left div.widenews div.dets div.notes div.notebox div.notee span {
	font-size: 20px;
	font-weight: 700;
}

div.left div.widenews div.dets div.notes div.note {
	width: 87px;
	height: 87px;
	float: right;
	margin: 10px 0 0 0;
	color: #292929;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	padding: 27px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	margin-top:5px;

}

div.left div.widenews div.dets div.notes div.note1 {
	background: #fff url('images/circle1_big.png') no-repeat;
}
div.left div.widenews div.dets div.notes div.note2 {
	background: #fff url('images/circle2_big.png') no-repeat;
}
div.left div.widenews div.dets div.notes div.note3 {
	background: #fff url('images/circle3_big.png') no-repeat;
}
div.left div.widenews div.dets div.notes div.note4 {
	background: #fff url('images/circle4_big.png') no-repeat;
}
div.left div.widenews div.dets div.notes div.note5 {
	background: #fff url('images/circle5_big.png') no-repeat;
}
div.left div.widenews div.dets div.notes div.note6 {
	background: #fff url('images/circle6_big.png') no-repeat;
}
div.left div.widenews div.dets div.notes div.note7 {
	background: #fff url('images/circle7_big.png') no-repeat;
}
div.left div.widenews div.dets div.notes div.note8 {
	background: #fff url('images/circle8_big.png') no-repeat;
}
div.left div.widenews div.dets div.notes div.note9 {
	background: #fff url('images/circle9_big.png') no-repeat;
}
div.left div.widenews div.dets div.notes div.note10 {
	background: #fff url('images/circle10_big.png') no-repeat;
}

div.left div.widenews div.dets div.plusminus {
	float: left;
	width: 100%;
	border: 1px solid #e0e0e0;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 20px 0 0 0;
}

div.left div.widenews div.dets div.plusminus div.col {
	width: 45%;
	padding: 0 5% 0 0;
	float: left;
	font-size: 14px;
}

div.left div.widenews div.dets div.plusminus div.col span {
	float: left;
	color: #33373f;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
}

div.left div.widenews div.dets div.plusminus div.col ul {
	float: left;
	padding: 20px 0 0 0;
	width: 100%;
}

div.left div.widenews div.dets div.plusminus div.col ul li {
	padding: 4px 0 4px 28px;
}

div.left div.widenews div.dets div.plusminus div.col ul.plus li {
	background: url('images/plus.png') no-repeat center left;
	list-style: none;
}

div.left div.widenews div.dets div.plusminus div.col ul.minus li {
	background: url('images/minus.png') no-repeat center left;
	list-style: none;
}
div.left div.widenews span.head {
	float: left;
	width: 100%;
	font-size: 26px;
	font-weight: 300;
	padding: 40px 0 0 0;
}

div.left div.widenews div.about {
	float: left;
	width: 100%;
	border: 1px solid #e0e0e0;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 30px 0 0 0;
	font-size: 14px;
	line-height: 24px;
}

div.left div.widenews div.about div.details {
	float: left;
	width: 300px;
}

div.left div.widenews div.about div.vote {
	float: right;
	margin: 0 0 0 30px;
}

div.left div.widenews div.about div.vote a.good {
	float: left;
	border: 2px solid #00afde;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #00afde;
	font-size: 13px;
	font-weight: 600;
	padding: 8px 20px 8px 50px;
	background: #fff;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	background: url('images/up.png') no-repeat 20px center;
	width: 130px;
}

div.left div.widenews div.about div.vote a.bad {
	float: left;
	border: 2px solid #ff7031;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #ff7031;
	font-size: 13px;
	font-weight: 600;
	padding: 8px 20px 8px 50px;
	background: #fff;
	margin: 10px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	background: url('images/down.png') no-repeat 20px center;
	width: 130px;
}

div.left div.widenews div.about div.usersnote {
	float: right;
	padding: 20px 0 0 0;
}

div.left div.widenews div.about div.usersnote span {
	float: left;
	padding: 13px 10px 0 0;
}

div.left div.widenews div.about div.usersnote div.note {
	width: 50px;
	height: 50px;
	float: left;
	color: #292929;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	padding: 13px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

div.left div.widenews div.cont table.rank {
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
	font-size: 14px;
}

div.left div.widenews div.cont table.rank tr th {
	background: #00afde;
	color: #fff;
	font-weight: 700;
	padding: 20px 20px;
	border-right: 2px solid #fff;
}

div.left div.widenews div.cont table.rank tr th:last-of-type {
	border: none;
}

div.left div.widenews div.cont table.rank tr:nth-child(odd) td {
	background: #e1ebed;
}

div.left div.widenews div.cont table.rank tr td {
	border-right: 2px solid #fff;
	vertical-align: middle;
	padding: 15px 20px;
}

div.left div.widenews div.cont table.rank tr td:last-of-type {
	border: none;
}

div.left div.widenews div.cont table.rank tr td.avatar {
	border: none;
	width: 80px;
	padding: 15px 0 15px 20px;
}

div.left div.widenews div.cont table.rank tr td.avatar img {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	float: left;
}

div.left div.widenews div.cont table.rank tr td.achievements {
	text-align: center;
}

div.left div.widenews div.cont table.rank tr td.achievements img {
	width: 40px;
	height: 40px;
	margin: 0 5px 0 0;
}

div.left div.widenews div.cont table.rank tr td.place {
	color: #33373f;
	font-size: 20px;
	font-weight: 700;
}

div.left div.widenews div.cont table.rank tr td.user {
	color: #61646a;
	font-size: 14px;
	padding: 15px 20px 15px 0;
}

div.left div.widenews div.cont table.rank tr td.user a.user {
	color: #33373f;
	font-weight: 700;
}

div.left div.widenews div.cont table.rank tr td.user a.user:hover {
	text-decoration: underline;
}

div.left div.widenews div.cont table.rank tr td.points {
	vertical-align: middle;
	color: #00afde;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}

div.left div.widenews div.cont div.prizescont {
	background: #e1ebed;
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
}

div.left div.widenews div.cont div.prize {
	width: 50%;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px;
	display: table;
	height: 209px;
}

div.left div.widenews div.cont div.prize div.picture {
	width: 150px;
	height: 150px;
	float: left;
	margin: 0 30px 0 0;
}

div.left div.widenews div.cont div.prize div.picture img {
	width: 100%;
	height: 100%;
	float: left;
}

div.left div.widenews div.cont div.prize div.points {
	background: #00afde;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	float: left;
	padding: 10px 25px;
	color: #fff;
	font-size: 14px;
	margin: 0 0 20px -30px;
}

div.left div.widenews div.cont div.prize a.title {
	color: #33373f;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
}

div.left div.widenews div.cont div.prize a.title:hover {
	text-decoration: underline;
}

div.right span.header {
	color: #33373f;
	font-size: 24px;
	font-weight: 300;
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
}

div.right p {
	float: left;
	margin: 30px 0 0 0;
	font-size: 14px;
	line-height: 22px;
	width: 100%  :
}

div.right table.points {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
}

div.right table.points th {
	background: #00afde;
	color: #fff;
	font-weight: 700;
	padding: 20px 20px;
	border-right: 2px solid #fff;
}

div.right table.points th:last-of-type {
	border: none;
}

div.right table.points tr:nth-child(odd) td {
	background: #e1ebed;
}

div.right table.points td {
	padding: 15px 20px;
	border-right: 2px solid #fff;
}

div.right table.points td:last-of-type {
	border: none;
}

div.right table.points td.what {
	color: #33373f;
	font-weight: 700;
}

div.right table.points td.points {
	color: #00afde;
	text-align: center;
	font-weight: 700;
}

fieldset.form {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
}

fieldset.form textarea {
	color: #404040;
	font-size: 13px;
	font-weight: 700;
	padding: 15px 20px;
	height: 100px;
	float: left;
	width: 100%;
	font-family: 'Open Sans', Arial, Helvetica;
	font-weight: 600;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #908e8e;
	border-bottom: 1px solid #acacac;
	border-left: 1px solid #acacac;
	border-right: 1px solid #acacac;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

fieldset.form input.add {
	float: right;
	border: 2px solid #00afde;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #00afde;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 25px 14px 25px;
	background: #fff;
	margin: 10px 0 0 10px;
	cursor: pointer;
}

fieldset.form input.add:hover {
	color: #fff;
	background: #00afde;
}

fieldset.form input.add2 {
	float: right;
	border: 2px solid #00afde;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 25px 14px 25px;
	margin: 10px 0 0 10px;
	cursor: pointer;
	color: #fff;
	background: #00afde;
}

fieldset.form input.add2:hover {
	background: #fff;
	color: #00afde;
}

fieldset.form p.form {
	float: left;
	width: 100%;
	padding: 0 !important;
	margin: 10px 0 0 0;
}

fieldset.form p.catalog {
	margin: 10px 0 30px 0;
}

fieldset.form label.text {
	float: left;
	width: 250px;
	padding: 16px 0 0 0;
	margin: 0;
}
fieldset.form label.text2 {
	float: left;
	width: 250px;
	margin: 0;
}

fieldset.form input.text {
	color: #404040;
	font-size: 13px;
	font-weight: 700;
	padding: 15px 20px;
	float: left;
	width: 489px;
	font-family: 'Open Sans', Arial, Helvetica;
	font-weight: 600;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #908e8e;
	border-bottom: 1px solid #acacac;
	border-left: 1px solid #acacac;
	border-right: 1px solid #acacac;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

fieldset.form input.size1 {
	width: 150px;
}

fieldset.form input.size2 {
	width: 329px;
	margin-left: 10px;
}

fieldset.form input.search {
	width: 359px;
}

fieldset.form input.error {
	border: 1px solid #ed5749;
}

fieldset.form span.errorsmall {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 13px;
	float: left;
	margin: 10px 0 0 250px;
	padding: 6px 15px 6px 40px;
	background: #ed5749 url('images/error.png') no-repeat 15px center;
}

fieldset.form select {
	color: #404040;
	font-size: 13px;
	font-weight: 700;
	padding: 15px 20px;
	float: left;
	width: 489px;
	font-family: 'Open Sans', Arial, Helvetica;
	font-weight: 600;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #908e8e;
	border-bottom: 1px solid #acacac;
	border-left: 1px solid #acacac;
	border-right: 1px solid #acacac;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

fieldset.form input.check {
	margin: 0 10px 0 0;
}

fieldset.form label.check {

}

fieldset.form label.catalog {
	margin: 0 30px 0 0;
}

fieldset.form input.searchbutton {
	float: right;
	border: 2px solid #00afde;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #00afde;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 25px 14px 25px;
	background: #fff;
	text-align: center;
	width: 120px;
	margin: 0px 0 0 10px;
	cursor: pointer;
}

fieldset.form input.searchbutton:hover {
	color: #fff;
	background: #00afde;
}

a.link {
	color: #00afde;
	font-weight: 700;
}

a.link:hover {
	text-decoration: underline;
}

span.message {
	padding: 15px 15px 15px 45px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 100px 0 0 0;
}

span.m_ok {
	background: #8cb82c url('images/ok.png') no-repeat 15px center;
}

span.m_error {
	background: #ed5749 url('images/error.png') no-repeat 15px center;
}

span.m_info {
	background: #00afde url('images/info.png') no-repeat 15px center;
}

table.tab {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
	font-size: 14px;
}

table.tab th {
	background: #00afde;
	color: #fff;
	font-weight: 700;
	padding: 20px 20px;
	border-right: 2px solid #fff;
}

table.tab th:last-of-type {
	border: none;
}

table.tab tr:nth-child(odd) td {
	background: #e1ebed;
}

table.tab tr td {
	padding: 15px 20px;
	border-right: 2px solid #fff;
}

table.tab tr td:last-of-type {
	border: none;
}

table.tab a.button {
	background: #00afde;
	color: #fff;
	font-size: 11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 2px;
	padding: 3px 6px;
}

a.button {
	background: #00afde;
	color: #fff;
	font-size: 11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 2px;
	padding: 3px 6px;
}
div.left div.widenews div.catalog {
	float: left;
	width: 100%;
	position: relative;
	padding: 40px 0;
	border-bottom: 1px solid #e0e0e0;
}
div.left div.widenews div.blue {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #e1ebed;
	padding: 40px 20px;
}
div.left div.widenews div.catalog div.note {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	margin: 40px 0 0 0;
	color: #292929;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	padding: 16px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

div.left div.widenews div.catalog div.cover {
	float: left;
	width: 130px;
	margin: 0;
}

div.left div.widenews div.catalog div.cover img {
	width: 100px;
	float: left;
}

div.left div.widenews div.catalog div.cont {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: calc(100% - 130px);
}

div.left div.widenews div.catalog div.cont a.title {
	color: #33373f;
	font-size: 15px;
	font-weight: 700;
	line-height: 22px;
}

div.left div.widenews div.catalog div.cont a.title:hover {
	text-decoration: underline;
}

div.left div.widenews div.catalog div.cont div.platform {
	float: left;
	width: 100%;
	padding: 15px 0 0 0;
}

div.left div.widenews div.catalog div.cont div.platform span {
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 10px;
	float: left;
	margin: 0 5px 0 0;
}

div.left div.widenews div.catalog div.cont a.text p {
	float: left;
	width: 100%;
	padding: 15px 0 0 0;
	color: #4d5054;
	font-size: 14px;
	line-height: 21px;
}

div.left div.widenews div.profile {
	background: #e1ebed;
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
	color: #33373f;
	font-size: 14px;
}

div.left div.widenews div.profile div.avatar {
	float: left;
	padding: 30px 20px 30px 30px;
}

div.left div.widenews div.profile div.avatar img {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	float: left;
}

div.left div.widenews div.profile div.profile1 {
	float: left;
	padding: 30px;
}

div.left div.widenews div.profile div.profile1 span {
	color: #00afde;
	font-weight: 700;
}

div.left div.widenews div.profile div.profile2 {
	float: left;
	padding: 30px 30px 30px 0;
}

div.left div.widenews div.profile div.pts {
	float: right;
	text-align: right;
	padding: 20px 30px;
	border-left: 1px solid #fff;
}

div.left div.widenews div.profile div.pts span.big {
	color: #00afde;
	font-size: 28px;
	font-weight: 700;
}

div.left div.widenews div.profile div.pts a {
	color: #00afde;
	font-weight: 700;
}

div.left div.widenews div.profile div.pts a:hover {
	text-decoration: underline;
}

div.left div.widenews div.equipment {
	float: left;
	width: 100%;
	border: 1px solid #e0e0e0;
	margin: 30px 0 0 0;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.left div.widenews div.equipment div.e1 {
	float: left;
	width: 45%;
	padding: 0 5% 0 0;
	background: url('images/pc.png') no-repeat 0px 60px;
	min-height: 110px;
}

div.left div.widenews div.equipment div.e2 {
	float: left;
	width: 45%;
	padding: 0 5% 0 0;
	background: url('images/console.png') no-repeat 0px 60px;
	min-height: 110px;
}

div.left div.widenews div.equipment p {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 100%;
	padding: 30px 0 0 70px;
	font-size: 14px !important;
}

div.left div.widenews div.equipment span {
	color: #33373f;
	font-size: 16px;
	font-weight: 700;
}

div.left div.widenews div.covers {
	float: left;
	width: 100%;
	padding: 30px 0 40px 0;
	border-bottom: 1px solid #e0e0e0;
}

div.left div.widenews div.covers img {
	float: left;
	width: 14%;
	padding: 0 0 10px 3.2%;
}

div.left div.widenews div.covers img.first {
	padding: 0 0 10px 0;
}

div.left div.widenews div.achiev {
	float: left;
	width: 100%;
	padding: 30px 0 0 0;
}

div.left div.widenews div.achiev img {
	float: left;
	width: 9%;
	padding: 0 0 10px 2.37%;
}

div.left div.widenews div.achiev img:first-of-type {
	padding: 0 0 10px 0;
}

div.wide div.stream {
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
}

div.wide div.stream div.streamer {
	float: left;
	padding: 0 30px 20px 0;
}

div.wide div.stream div.streamer div.lleft {
	color: #33373f;
	float: left;
	line-height: 20px;
	font-size: 13px;
}

div.wide div.stream div.streamer div.lleft span.big {
	font-size: 30px;
	font-weight: 700;
}
div.wide div.stream div.streamer div.lleft span.big a {
	font-size: 30px;
	font-weight: 700;
	color: #000;
}
div.wide div.stream div.streamer div.lright {
	color: #00afde;
	font-size: 12px;
	line-height: 12px;
	font-weight: 700;
	float: left;
	padding: 0 0 0 8px;
}

div.wide div.stream div.streamcont {
	float: left;
	width: 100%;
	padding: 20px 0 0 0;
}

div.wide div.stream div.streamcont div.video {
	float: left;
	width: 800px;
	padding: 0 30px 0 0;
}

div.wide div.stream div.streamcont div.chat {
	float: left;
	width: 310px;
}

@media (max-width: 1000px) {

	div.newstype_3 img {
		width: auto;
		float: left;
		overflow: none;
	}

}

/*gra*/

div.left div.widenews div.aboutshort {
	float: left;
	width: calc(100% - 240px);
	margin: 40px 0 0 0;
}

div.left div.widenews div.aboutshort div.details {
	width: 100%;
}

div.left div.widenews div.aboutshort div.vote {
	float: left;
	margin: 30px 30px 0 0;
}

div.left div.widenews div.aboutshort div.usersnote {
	float: left;
	margin: 30px 0 0 0;
}

/*gra*/
/*szukajka*/
span.color_game {/*new*/
	background: #00afde;
}

span.color_news {/*new*/
	background: #f35726;
}
div.left div.widenews div.searchresult div.cont {/*new*/
	width: 100%;
}
div.left div.widenews div.searchresult div.cont div.platform {/*new*/
	float: left;
	width: auto;
	padding: 0 10px 0 0;
}

/*****/
.fbright {
	margin-top: 10px;
	float: left;
	width: 361px;
}
.fix_review {
	width: 100%;
	float: left;
}

.fix_review h2{
	margin-bottom:10px !important;

}

.fix_review h3{
	margin-bottom:10px !important;

}
div.left div.additional {
	float: left;
	width: 100%;
	padding: 20px 0 20px 0;
	/*margin: 0 0 -10px 0; */
	border-bottom: 1px solid #e0e0e0;
}

div.left div.additional div.author {
	float: left;
	font-size: 14px;
	width: 20%;
	float: right;
	text-align: right;
}

div.left div.additional div.author a {
	color: #00afde;
	font-weight: 700;
}

div.left div.additional div.author a:hover {
	text-decoration: underline;
}

div.left div.additional div.fb {
	float: left;
	width: 16%;
	padding: 4px 0 0 0;
}

div.left div.additional div.twitter {
	float:left;
	margin-top:5px;
	width:100px;
}

.overwatch_opis {
	vertical-align: middle;
	padding-left: 10px;
	margin-right: 5px;
	width: 500px;
}
.overwatch_linki {
	text-align: center;
	vertical-align: middle;
	width: 100px;
	padding-left: 10px;
}

#overwatch img {
	padding-top: 10px;
}

#overwatch a {
	font-weight: bold;
}

#overwatch {
	width: 730px;
}

#overwatch a.how {
	border: 2px solid #00afde;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #00afde;
	font-size: 15px;
	font-weight: 600;
	padding: 5px 5px 5px 5px;
	background: #fff;
}
#overwatch  a.how:hover {
	color: #fff;
	background: #00afde;
}
.div_news2 {
	padding: 0px 0px 30px 0px;
}
.text-a-r {
	text-align: right;
}
table.dodajgre td {
	padding: 0px 40px 0px 0px;
}
.wid300px {
	width: 100%;

}
.labelblock {
	display: inline-block;
	width: 100px;
}
.lbpolecalead {
	bottom: 0;
	right: 0;
	position: absolute;
	width: 50% !important;
	z-index: -1;
	padding: 10px;
}
.lbpolecanews {
	bottom: 0;
	right: 0;
	position: absolute;
	width: 50% !important;
	margin: 6px 30px 30px 0;
}

div.fix1 {
	padding: 2px;
	float: left;
}
div.margintop25 {
	margin-top: 25px;
}
.pluskom {
	background: #00c310;
	height: 30px;
	width: 25px;
	margin-top: 20px;
	border: 1px solid transparent;
}
.minuskom {
	background: #d00606;
	height: 30px;
	width: 25px;
	margin-top: 20px;
	border: 1px solid transparent;
}
.error {
	padding: 15px 15px 15px 45px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 100px 0 0 0;
	background: #d00606 url(images/info.png) no-repeat 15px center;
}
.info {
	padding: 15px 15px 15px 45px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 100px 0 0 0;
	background: #00afde url(images/info.png) no-repeat 15px center;
}
.info_stan {
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
	/* margin: 100px 0 0 0; */
	background: #00afde url(images/info.png) no-repeat 15px center;
	text-align: center;
}
div.left div.widenews div.cont .leftdiv {
	font-size: 15px;
	line-height: 23px;
	float: left;
	width: 100%;
	padding: 30px 0 10px 0;
}
.spoiler {
	border: 2px solid #00afde;
	background-color: #fff;;
	border-radius: 2px;
	float: left;
	width: 100%;
}
.spoiler-toggle {
	font-weight: bold;
	cursor: default;
	padding: 5px;
	font-size: 12px;
	color: #00afde;
}
.spoiler-text {
	padding: 5px;
}

div.left div.widenews div.cont div.spoiler div.spoiler-text p {
	font-size: 15px;
	line-height: 23px;
	float: none;
	width: 100%;
	padding: 30px 0 0 0;
}

div.newsnormal a:not(.tweet-button):not(.fb),
div.coloredlinks a:not(.tweet-button):not(.fb) {
	border-style: solid;
	border-color: black;
	color: black;
	background-size: 200% 200%;
	background-image: linear-gradient(to top, #00afde 50%, transparent 50%);
	-webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
	-moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
	-ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
	-o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
	transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
	border-bottom: 2px solid #00afde;
	padding: 1px;
}

div.newsnormal a:hover:not(.tweet-button):not(.fb),
div.coloredlinks a:hover:not(.tweet-button):not(.fb) {
	color: #fff !important;
	text-decoration: none !important;
	background-image: linear-gradient(to top, #00afde 51%, transparent 50%);
	background-position: 0 100%;
	-webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
	-moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
	-ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
	-o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
	transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
}

/*
 * sweet alert 2 custom
 */
 .text-align-left .swal2-content #swal2-content{
	text-align: left;
   }
   .scrollable .swal2-content{
	overflow-y: scroll;
   }


   @media (min-width: 1366px) {
	.scrollable .swal2-content{
	  height:400px;
	 }
   }

   @media (min-width: 1920px) {
	.scrollable .swal2-content{
	  height:600px;
	 }
   }
.hidden{
	display: none;
}
#splash{

	 height: 100%;
	 width: 100%;
}
#splashZone {
    position: absolute;

    height: 100%;
    width: 100%;
    background: #ffffff;
		z-index:5;
		opacity:0.9;
		z-index: 4;
}
#closeWelcomeScreen
{
	top: 1%;
left: 90%;
position: absolute;
opacity:1;
text-align:center;
 z-index: 5;
}
.buttonCloseWelcomeScreen {
			border: 2px solid #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color:	#fff;
		font-size: 15px;
		font-weight: 600;
		padding: 12px 25px 14px 25px;
		line-height: 110px;
		background-color:	rgba(15,15,15,0.5);
		cursor: pointer;
}

.buttonCloseWelcomeScreen:hover {
	border: 2px solid #00afde;
	background: #00afde;
}
.splashimg {
	top: 5%;
	left: 30%;
	position: absolute;
	opacity:1;
	text-align:center;
	 z-index: 5;
}
.solution_text{
	width:100%;
	float:left;
	margin-top:15px;
}

table.solution_text {
	border: 1px solid black;
	text-align: center;
}

.solution_text td {
	border: 1px solid black;
	text-align: center;
	vertical-align: middle;
}

.small_img{
	position:relative;
	float:left;

}

.source {
	font-size:12px  !important;
	word-break: break-all;
}

.h2Allnews{
	font-size:20px;
	font-weight:0px;
}

#video {
	margin-top:10px;
}

.tweet-button {
    float: right;
    padding: 1px 15px !important;
    background-color: #1b95e0  !important;
    color: white  !important;
    border-radius: 5px;
}

.tweet-button i {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: transparent 0 0 no-repeat;
        background-image: none;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E);
}


a.fb {
    font-family: Lucida Grande, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: inline-block;
    font-size: 12px  !important;
    padding: 4px 15px 4px 39px !important;
    background: #3A5A97  !important;
    color: #fff  !important;
    text-shadow: 0 -1px 0 rgba(0,0,20,.4);
    text-decoration: none;
    line-height: 1;
    position: relative;
    border-radius: 5px;
		margin-right:5px;
}

.connect:before {
    display: inline-block;
    position: relative;
    background-image: url('/images/fb0.png');
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    text-indent: -9999px;
    text-align: center;
    width: 15px;
    line-height: 23px;
    margin: -8px 7px -7px -30px;
    padding: 2 25px 0 0 !important;
    content: "f";
}