/* =Layout
-----------------------------------------------------------------------------*/

@font-face {
    font-family: 'Intro';
    src: url('fonts/intro.eot');
    src: url('fonts/intro.eot?#iefix') format('embedded-opentype'),
    url('fonts/intro.woff') format('woff'),
    url('fonts/intro.ttf') format('truetype'),
    url('fonts/intro.svg#intro_regular') format('svg');
    font-weight: bold;
    font-style: normal;
}



@font-face {
    font-family: "Helios";
    src: url("helioscondc-bold-webfont.eot");
    src: url("helioscondc-bold-webfont.woff") format("woff"),
         url("helioscondc-bold-webfont.ttf") format("truetype");
}

@font-face {
    font-family: "ALS";
    src: url("rouble.woff") format("woff"),
         url("rouble.ttf") format("truetype");
}

.hide {
	display:none;
}

.show {
	display:block;
}

body {
	background:#e3e3e3;
	font-family: Helvetica;
}

body.dark {
    background-color: #21292b;
}

.wrapper {
	width:100%;
	min-height:600px;
	min-width: 1000px;
	position:absolute;
	z-index:-100;
	background-repeat: no-repeat;
	background-position: center top;
}


#loading {
	width:100%;
	height:100px;
	background:url(../images/loading.gif) center center no-repeat;
	display:none;
}

.b_loading {
	width:100%;
	height:100px;
	background:url(../images/loading.gif) center center no-repeat;
	display:none;
}

/* =Header
-----------------------------------------------------------------------------*/
#header {
	width:943px;
	min-height:195px;
	overflow: hidden;
	margin-bottom: 1.5em;
	margin:0 auto;
}


#header .box {
	width:100%;
	height:161px;
	background-color:#1d2625;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top,#141a1a,#1d2625);
	background: -webkit-gradient(linear, left top, left bottom, from(#141a1a), to(#1d2625));
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#141a1a,endColorstr=#1d2625,GradientType=0); zoom: 1;
	background: linear-gradient(top,#141a1a,#1d2625);
	background-clip: border-box;
	-moz-background-clip: border;
	-webkit-background-clip: border-box;
	background-origin: border-box;
	-moz-background-origin: border;
	-webkit-background-origin: border-box;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	-khtml-border-radius: 3px; /* KHTML */
	border-radius: 3px; /* CSS3 */
	behavior: url(border-radius.htc); /* учим IE border-radius */
}

#header .box .logo {
	width:203px;
	height:46px;
	margin-left:14px;
	float:left;
	margin-top:56px;
}

#header .box .links {
	float:right;
	margin:6px;
}

#header .box .links ul li {
	border-right:1px #77bb0d solid;
	padding:0 14px;
	margin:0;
    color:#77bb0d;
    font-size:.9em;

}

#header .box .links ul li:last-child {
	border:none;
}

#header .box .links li a {
	color:#77bb0d;
	font-size:.9em;
}


#header .box .cart {
	width:50px;
	margin:5px 0 0 10px;
	color:#fff;
	float:right;
	text-decoration:none;
}

#header .box .cart span {
	width:15px;
	height:13px;
	background:url(../images/icons.png) 0 0;
	float:left;
	margin-top:5px;
	margin-right:5px;
}

#header .box .cart:hover {
	color:#77bb0d;
}

#header .box .cart:hover span {
	background:url(../images/icons-hover.png) 0 0;
}

#header .box .soc-links {
	margin:6px 20px 0 0;
	float:right;
	border-left:1px #fff solid;
}

#header .box .soc-links li {
	margin:0;
	padding:0;
	margin-left:3px;
}


#header .box .soc-links > ul > li > a {
    color:#fff;
    margin:0;
    padding:0;
    font-size:.9em;
    margin-left:10px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width:88px;
    display: inline-block;
    float: left;
}

#header .box .soc-links > ul > li > span {
    color:#fff;
    margin:0;
    padding:0;
    font-size:.9em;
    float: left;
}

#header .box .soc-links a.bronze,
#header .box .soc-links a.silver,
#header .box .soc-links a.gold {
    margin-left:30px;
}

#header .box .soc-links a.bronze:before {
    content:"";
    width:22px;
    height:22px;
    position: absolute;
    display: block;
    background: url("../images/personal-icons.png") 0 -117px no-repeat;
    margin-left:-25px;
    margin-top:-2px;
}


#header .box .soc-links a.silver:before {
    content:"";
    width:22px;
    height:22px;
    position: absolute;
    display: block;
    background: url("../images/personal-icons.png") -22px -117px no-repeat;
    margin-left:-25px;
    margin-top:-2px;
}


#header .box .soc-links a.gold:before {
    content:"";
    width:22px;
    height:22px;
    display: block;
    background: url("../images/personal-icons.png") -44px -117px no-repeat;
    position: absolute;
    margin-left:-25px;
    margin-top:-2px;
}



#ORDER_FORM { margin-bottom: 0px; }


#header .box .soc-links a.facebook {
	width:16px;
	height:16px;
	background:url(../images/icons.png) -18px 0;
	margin-top:3px;
}

#header .box .soc-links a.facebook:hover {
	background:url(../images/icons-hover.png) -18px 0;
}

#header .box .soc-links a.vk {
	width:16px;
	height:16px;
	background:url(../images/icons.png) -36px 0;
	margin-top:3px;
}

#header .box .soc-links a.vk:hover {
	background:url(../images/icons-hover.png) -36px 0;
}

#header .box .soc-links a.twiter {
	width:16px;
	height:16px;
	background:url(../images/icons.png) -54px 0;
	margin-top:3px;
}

#header .box .soc-links a.twiter:hover {
	background:url(../images/icons-hover.png) -54px 0;
}

#header .nav {
	position:absolute;
	width:900px;
	margin:0 auto;
	height:70px;
	background:#485859 url(../images/top-menu-bg.png);
	margin-top:-42px;
	border:1px #6c7a7b solid;
	-webkit-box-shadow: 0 0px 10px #1A1A1A;
    -moz-box-shadow: 0 0px 10px #1A1A1A;
    box-shadow: 0 0px 10px #1A1A1A;
    z-index:1;
    margin-left:20px;
}

#header .nav:before {
	content:'';
	display:block;
    position:absolute;
	width:900px;
	height:53px;
    z-index:-1;
	margin-top:-1px;
    background-image: url(../images/menu_light.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#header .nav div a {
	text-align:center;
	width:100%;
	display:block;
	padding:27px 0;
	height:16px;
	color:#fff;
	border-right:1px #313f40 solid;
	border-left:1px #546263 solid;
	text-decoration:none;
	text-shadow: 1px 1px 0px black;
	font-size:1.1em;
	font-family: Intro, arial;
}

#header .nav div {
	width:20%;
}

#header .nav div:first-child a {
	margin-left:1px;
}

#header .nav div a:hover {
	background: rgba(255, 255, 255, 0.10);
}

#header .nav div:first-child a {
	border-left:none;
	margin-left:-1px;
}

#header .nav div:last-child a {
	border-right:none;
	padding-left:3px;
}

/* =Slider
-----------------------------------------------------------------------------*/

#sliderBox {
	margin: auto;
	max-width: 1440px;
	_width: 943px;
	min-height:300px;

}

#sliderBox .bx-wrapper {
    width: 955px;
    position: relative;
    margin: 0 auto;
    padding: 0;
}

#sliderBox .bx-wrapper .bx-viewport {
	box-shadow: 0 0 0;
	border: 0;
	left: -5px;
	background: none;
}

#sliderBox .bx-wrapper ul li {
    height:300px;
}

#sliderBox .leftButton {
	position:relative;
	float:left;
	margin-top:-170px;
	padding:6px 10px 5px 10px;
	height:36px;
	background: rgba(255, 255, 255, 0.80);
	background-image:url(../images/slider-controll-left.png);
	background-position:center left;
	background-repeat: no-repeat;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	-khtml-border-radius: 3px; /* KHTML */
	border-radius: 3px; /* CSS3 */
	behavior: url(border-radius.htc); /* учим IE border-radius */
}

#sliderBox .leftButton a {
	min-width:50px;
	display:block;
	color:#373737;
	font-weight:bold;
		padding-left:30px;
	text-decoration:none;
    display:table-cell;
    vertical-align:middle;
    line-height:2.7em;
}

#sliderBox .rightButton {
	position:relative;
	float:right;
	margin-top:-170px;
	height:36px;
	padding:6px 10px 5px 10px;
	background: rgba(255, 255, 255, 0.80);
	background-image:url(../images/slider-controll-right.png);
	background-position:center right;
	background-repeat: no-repeat;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	-khtml-border-radius: 3px; /* KHTML */
	border-radius: 3px; /* CSS3 */
	behavior: url(border-radius.htc); /* учим IE border-radius */
}


#sliderBox .rightButton a {
	min-width:50px;
	display:block;
	padding-right:30px;
	color:#373737;
	font-weight:bold;
	text-decoration:none;
    line-height:2.7em;
}


#sliderBox .leftButton:hover,
#sliderBox .rightButton:hover {background-color: rgba(255, 255, 255, 1);}

#sliderBox .bx-wrapper ul li .box {
	float:right;
	width:399px;
	height:186px;
	margin-right:30px;
	margin-top:40px;
	background: rgba(0, 0, 0, 0.60);
	padding:20px 20px;
	text-align:center;
}

#sliderBox .bx-wrapper ul li .box .title {
	font-size:2em;
	font-family: Intro, arial;
	color:white;
	line-height:1.3em;
	text-shadow: 1px 1px 0px black;
	text-decoration:none;
	min-height:110px;
	display:block;
	margin-top:13px;
}

#sliderBox .bx-wrapper ul li .box .title:hover {
	color:#77bb0d;
}

#sliderBox .bx-wrapper ul li .box .buy-button{
}



#sliderBox .bx-wrapper ul li .box table.price,
#sliderBox .bx-wrapper ul li .box table.price tr td{
    padding:0 5px;
    border:0;
}

#sliderBox .bx-wrapper ul li .box table.price {
    margin-top:21px;
    margin-left:136px;
}

#sliderBox .bx-wrapper ul li .box span{
    float:left;
	color:white;
	font-size:2em;
    margin-top:12px;
	font-family: Intro, arial;
}

#sliderBox .bx-wrapper ul li .box span.small {
	font-size:18px!important;
    margin-top:15px;
}

#sliderBox .bx-wrapper ul li .box .progress{
	width:439px;
	height:4px;
	background: rgba(0, 0, 0, 0.80);
	margin-left:-20px;
	margin-top:13px;
}

#sliderBox .bx-wrapper ul li .box .progress div{
	background: rgba(124, 252, 0, 0.60);
	width:0%;
	height:4px;
}



/* =Main
-----------------------------------------------------------------------------*/
#main {
	width:960px;
	margin:30px auto;
	min-height:340px;
}

.returnButton {
	position:absolute;
	text-decoration:none;
	float:left;
	margin-top:6px;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 2px;
	color:#383838;
	padding:2px 10px;
	font-size:0.9em;
}

#main nav {
	width:100%;
	margin:0 auto;
	height:62px;
	background:#f1f1f1;
	-webkit-box-shadow: 0 1px 1px #7F7F7F;
    -moz-box-shadow: 0 1px 1px #7F7F7F;
    box-shadow: 0 1px 1px #7F7F7F;
}

#main nav ul {
	padding-left:21px;
}


#main nav ul li a {
	text-align:right;
	width:100%;
	display:block;
	padding:23px 5px;
	color:#000;
	font-size:0.95em;
	text-decoration: none;
	float:right;
	font-family: Intro, arial;
}


#main nav ul li a:hover {
	color:#77bb0d;
}

#main nav ul li a span {
	width:20px;
	height:20px;
	float:left;
	margin-left:47px;
	margin-top:-1px;
}



#main nav ul li a span.icon1 {

    background:url(../images/icons.png) -23px -25px;
}

#main nav ul li a:hover span.icon1 {

    background:url(../images/icons.png) -23px -50px;
}

#main nav ul li a span.icon2 {
    background:url(../images/icons.png) -66px -20px;
    width:18px;
    height:25px;
    margin-top:-5px;
}

#main nav ul li:hover a span.icon2 {
    background:url(../images/icons.png) -66px -46px;
}

#main nav ul li a span.icon3 {
    background:url(../images/icons.png) -82px -23px;
    margin-top:-3px;
    height:24px;
}

#main nav ul li:hover a span.icon3 {
    background:url(../images/icons.png) -82px -48px;
}

#main nav ul li a span.icon4 {
    background:url(../images/icons.png) -102px -24px;
    margin-top:-3px;
}

#main nav ul li:hover a span.icon4 {
    background:url(../images/icons.png) -102px -48px;
}

#main nav ul li a span.icon5 {
    background:url(../images/icons.png) -146px -22px;
    width: 23px;
    height: 23px;
    margin-top:-3px;
}

#main nav ul li:hover a span.icon5 {
    background:url(../images/icons.png) -146px -48px;
}

#main nav ul li a span.icon6 {
    background:url(../images/icons.png) -196px -22px;
    width:25px;
    height:25px;
    margin-top:-3px;
}

#main nav ul li:hover a span.icon6 {
    background:url(../images/icons.png) -196px -48px;

}

#main nav ul li a span.icon7 {
    background:url(../images/icons.png) -297px -24px;
}

#main nav ul li:hover a span.icon7 {
    background:url(../images/icons.png) -297px -50px;
}


#main .blocks {
	margin-top:20px;
}

#main .leftBlock {
	width:720px;
	min-height:300px;
	background:#f1f1f1;
	-webkit-box-shadow: 0 1px 1px #BFBFBF;
    -moz-box-shadow: 0 1px 1px #BFBFBF;
    box-shadow: 0 1px 1px #BFBFBF;
}

#main .leftBlock .header {
	width:700px;
	height:37px;
	background:url(../images/hits-menu-bg.png);
	font-size:2em;
	padding:23px 0 0 20px;
	color:#fff;
	text-shadow: 1px 1px 0px black;
	font-family: Intro, arial;
}

#main .leftBlock .row {
	margin:0;
	/*border-top:1px #fff solid;*/
}

#main .leftBlock .row .box {
	border-right:1px #dadada solid;
	border-left:1px #fefefe solid;
	width:208px;
	padding:45px 15px 20px 15px;
	text-align:center;
	min-height:315px;
}

#main .leftBlock .row .box .container {
	width:195px;
	height:257px;
	margin-left:7px;
}

#main .leftBlock .row .box .shadow:hover, .game_box .shadow:hover{
	opacity: 1;
}

#main .leftBlock .row .box .shadow, .game_box .shadow{
	background: rgba(0, 0, 0, 0.45);
	width:195px;
	display:block;
	height:257px;
	position:absolute;
	opacity: 0;
}

.game_box .shadow{ 
  margin-left: 0px;
  z-index: 3;
  margin-top: -265px;
}

#main .leftBlock .row .box .shadow .title, .game_box .shadow .title {

	display:block;
	color:white;
	text-decoration:none;
	font-family: "PtSansBold";
	text-align: center;
	padding: 0 20px;
	font-size: 18px;
	text-transform: uppercase;
	margin-top:80px;
}

#main .leftBlock .row .box .shadow .title:hover, .game_box .shadow .title:hover {
	color:#77bb0d;
}

#main .leftBlock .row .box .shadow .buy-button.preorder, .game_box .shadow .buy-button.preorder {
    width:145px;
    margin-left:30px;
    background-position: -417px -160px;
}

#main .leftBlock .row .box .shadow .buy-button.preorder:hover, .game_box .shadow .buy-button.preorder:hover{
    background-position: -417px -200px;
}

#main .leftBlock .row .box .shadow .buy-button.preorder:active, .game_box .shadow .buy-button.preorder:active{
    background-position: -417px -240px;
}

#main .leftBlock .row .box .box-wrapper{
	position:absolute;
	width:205px;
	height:267px;
	background-image:url(../images/case.png);
	background-repeat:no-repeat;
	background-position: center center;
	margin-top:-2px;
	margin-left:-3px;
}

.game_box .box-wrapper{
	width:200px;
	height:267px;
	position: relative;
	z-index: 2;
	background-image:url(../images/case_main.png);
	background-repeat:no-repeat;
	background-position: center center;
}

#main .leftBlock .row .box span {
	margin-top:25px;
	display:block;
	font-size:1.3em;
	color:#373737;
	font-family: Intro, arial;
}

#main .rightBlock {
	min-height:400px;
	background:#f1f1f1;
	width:217px;
	margin-left:23px;
	-webkit-box-shadow: 0 1px 1px #BFBFBF;
    -moz-box-shadow: 0 1px 1px #BFBFBF;
    box-shadow: 0 1px 1px #BFBFBF;
}

#main .rightBlock .header {
	width:100%;
	height:26px;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top,#f5f6f8,#e2e2e2);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f6f8), to(#e2e2e2));
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#f5f6f8,endColorstr=#e2e2e2,GradientType=0); zoom: 1;
	background: linear-gradient(top,#f5f6f8,#e2e2e2);
	background-clip: border-box;
	-moz-background-clip: border;
	-webkit-background-clip: border-box;
	background-origin: border-box;
	-moz-background-origin: border;
	-webkit-background-origin: border-box;
	border-bottom:1px #d0d0d0 solid;
	text-align:center;
	padding-top:10px;
	text-shadow: 1px 0px 0px #9f9f9f;
	margin-bottom:20px;
	font-family: Intro, arial;
}

#main .rightBlock .box{
	width:110px;
	padding:0 45px;
	text-align:center;
}

#main .rightBlock .box .container {
	width:101px;
	margin-left:10px;
}
#main .rightBlock .box .container img {
	width:101px;
}

#main .rightBlock .box .box-wrapper {
	position:absolute;
	width:120px;
	height:148px;
	background-image:url(../images/case-min.png);
	background-repeat:no-repeat;
	background-position: center center;
	margin-top:-1.5px;
	cursor:pointer;
}

#main .rightBlock .box .box-wrapper:hover:after {
    content:'';
    position: absolute;
    width:111px;
    height:143px;
    border:1px #288826 solid;
    display: block;
    -webkit-box-shadow: 1px 1px 3px #288826;
    -moz-box-shadow: 1px 1px 3px #288826;
    box-shadow: 1px 1px 3px #288826;
}

#main .rightBlock .box span {
	color:#373737;
	font-size:1em;
	font-weight:normal;
	margin-top:8px;
	display:block;
	text-align:center;
	margin-left:-15px;
    width:140px;

}

#payments {
	width:943px;
	margin:0 auto;
	padding:25px;
    margin-top:40px;
}

body.dark #payments {
    color:#727c7d;
    margin-top: 47px !important;
}

#payments span {
	float:left;
	margin-top:5px;
	margin-right:20px;
	font-size:.9em;
}

#payments .payment{
	float:left;
  background:url("../images/payments.png?v3") left top no-repeat;
  width:420px;
  height:50px;
  margin-top:-10px;
}
.dark #payments .payment{
  background-image: url("../images/payments_dark.png");
  margin-top: -1px;
}
.dark #payments span{
  color: #848E8E;
}
#payments .soc-links {
	width:109px;
	margin:-3px 0 0 0;
	float:right;
    margin-right:46px;
}

#payments .soc-links li {
	margin:0;
	padding:0;
	margin-left:3px;
    float:right;
}

#payments .soc-links a {
	width:109px;
	height:30px;
	margin-top:3px;
    text-decoration: none;
}

#payments .soc-links a.vk {
	background:url(../images/soc-icons.png) 0 0;
    text-decoration: none;
}

#payments .soc-links a.vk:hover {
    background:url(../images/soc-icons.png) 0 -30px;
}


/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	width:943px;
	padding-top: 1.5em;
	margin: 1.5em 0;
	font-size: .85em;
	margin:0 auto;
	border-top:1px #c3c3c3 solid;
	margin-top:30px;
}

body.dark #footer {
    border-top:1px #293133 solid;
    color:#727c7d;
}

#footer span {
	float:left;
}

#footer nav {
	float:left;
	margin-top:2px;
}

#footer nav ul li {
	border-right:1px #77bb0d solid;
	padding:0 20px;
	margin:0;

}

body.dark #footer nav ul li {
    border-right:1px #727c7d solid;
}

#footer nav ul li:last-child {
	border:none;
}

#footer nav li a {
	color:#77bb0d;
	font-size:1em;
}

body.dark #footer nav li a {
    color:#eff2f1;
}



/*//////////////////////////////////////////////////*/
/*                    CATALOG                       */
/*//////////////////////////////////////////////////*/

#main.catalog {
    min-height: 400px;
}

#main.catalog .blocks {
	margin-top:100px;
}

#main.catalog .optionsBlock {
	width:217px;
}

#main.catalog .optionsBlock .block {
	min-height:60px!important;
	background:#f1f1f1;
	-webkit-box-shadow: 0 1px 1px #BFBFBF;
    -moz-box-shadow: 0 1px 1px #BFBFBF;
    box-shadow: 0 1px 1px #BFBFBF;
    margin-bottom:20px;
    padding-top:8px;
}

#main.catalog .optionsBlock ul li {
	font-family: Intro, arial;
	font-size:1.1em;
}

#main.catalog .optionsBlock ul.genres {
	list-style-type:none;
	padding:20px 0;
	margin-left:15px;
}

#main.catalog .optionsBlock ul.genres li {
	margin-bottom:15px;
	clear: both;
}

#main.catalog .optionsBlock ul.genres li.active a,
#main.catalog .optionsBlock ul.genres li:hover a {
	color:#77bb0d;
}

#main.catalog .optionsBlock ul.genres li span {
        width:22px;
        height:22px;
        background-repeat:no-repeat;
        background-image:url(../images/icons.png?v1);
        float:left;
        margin-right:15px;
        margin-top:-2px;
 }

#main.catalog .optionsBlock ul.genres li.all span {
	background-position: 0 -20px;
}

#main.catalog .optionsBlock ul.genres li.all:hover span,
#main.catalog .optionsBlock ul.genres li.all.active span{
    background-position: 0 -45px;
}

#main.catalog .optionsBlock ul.genres li.actions span {
	background-position: -22px -25px;
}

#main.catalog .optionsBlock ul.genres li.actions:hover span,
#main.catalog .optionsBlock ul.genres li.actions.active span{
    background-position: -22px -50px;
}


#main.catalog .optionsBlock ul.genres li.shooter span {
	background-position: -46px -22px;
}

#main.catalog .optionsBlock ul.genres li.shooter:hover span,
#main.catalog .optionsBlock ul.genres li.shooter.active span{
    background-position: -46px -46px;
}

#main.catalog .optionsBlock ul.genres li.strategy span {
	background-position: -66px -20px;
    width:18px;
    height:24px;
    margin-right:17px;
    margin-left:2px;
}

#main.catalog .optionsBlock ul.genres li.strategy:hover span,
#main.catalog .optionsBlock ul.genres li.strategy:hover span{
    background-position: -66px -46px;
}


#main.catalog .optionsBlock ul.genres li.rpg span {
	background-position: -82px -23px;
	height:22px;
    width:20px;
    margin-right:16px;
    margin-left:1px;
}

#main.catalog .optionsBlock ul.genres li.rpg:hover span,
#main.catalog .optionsBlock ul.genres li.rpg.active span{
    background-position: -82px -48px;
}

#main.catalog .optionsBlock ul.genres li.adventure span {
	background-position: -100px -22px;
	width:22px;
	margin-right:15px;
}

#main.catalog .optionsBlock ul.genres li.adventure:hover span,
#main.catalog .optionsBlock ul.genres li.adventure.active span{
    background-position: -100px -46px;
}

#main.catalog .optionsBlock ul.genres li.mmorpg span {
	background-position: -122px -24px;
	width:23px;
	height:22px;
    margin-right:14px;
}

#main.catalog .optionsBlock ul.genres li.mmorpg:hover span,
#main.catalog .optionsBlock ul.genres li.mmorpg.active span{
    background-position: -122px -48px;
}

#main.catalog .optionsBlock ul.genres li.race span {
	background-position: -147px -22px;
	width:23px;
	height:23px;
    margin-right:14px;
}

#main.catalog .optionsBlock ul.genres li.race:hover span,
#main.catalog .optionsBlock ul.genres li.race.active span{
    background-position: -147px -48px;
}

#main.catalog .optionsBlock ul.genres li.simulator span {
	background-position: -173px -22px;
    width:24px;
    margin-right:13px;
}

#main.catalog .optionsBlock ul.genres li.simulator:hover span,
#main.catalog .optionsBlock ul.genres li.simulator.active span{
    background-position: -173px -48px;
}

#main.catalog .optionsBlock ul.genres li.arcade span {
	background-position: -196px -22px;
	width:25px;
	height:25px;
	margin-right:12px;
}

#main.catalog .optionsBlock ul.genres li.arcade:hover span,
#main.catalog .optionsBlock ul.genres li.arcade.active span{
    background-position: -196px -48px;
}

#main.catalog .optionsBlock ul.genres li.sport span {
	background-position: -221px -22px;
	width:24px;
	height:24px;
	margin-right:13px;
}

#main.catalog .optionsBlock ul.genres li.sport:hover span,
#main.catalog .optionsBlock ul.genres li.sport.active span{
    background-position: -221px -48px;
}

#main.catalog .optionsBlock ul.genres li.puzzles span {
	background-position: -244px -23px;
	height:25px;
    width:24px;
    margin-right:13px;
    margin-top: -3px;
}

#main.catalog .optionsBlock ul.genres li.puzzles:hover span,
#main.catalog .optionsBlock ul.genres li.puzzles.active span{
    background-position: -244px -48px;
}

#main.catalog .optionsBlock ul.genres li.horror span {
	background-position: -270px -24px;
	width:27px;
	margin-right:10px;
}

#main.catalog .optionsBlock ul.genres li.horror:hover span,
#main.catalog .optionsBlock ul.genres li.horror.active span {
    background-position: -270px -48px;
}

#main.catalog .optionsBlock ul.genres li.formacos span {
	background-position: -297px -23px;
    width:20px;
    margin-right:15px;
}

#main.catalog .optionsBlock ul.genres li.formacos:hover span,
#main.catalog .optionsBlock ul.genres li.formacos.active span{
    background-position: -297px -49px;
}

#main.catalog .optionsBlock ul.genres li.u299 span {
    background-position: -318px -23px;
    width:20px;
    margin-right:17px;
 }

#main.catalog .optionsBlock ul.genres li.u149 span {
    background-position: -530px top;
    width:20px;
    margin-right:17px;
    margin-top: 0px;
 }

#main.catalog .optionsBlock ul.genres li.u149:hover span,
#main.catalog .optionsBlock ul.genres li.u149.active span{
    background-position: -500px top;
}

#main.catalog .optionsBlock ul.genres li.u299:hover span,
#main.catalog .optionsBlock ul.genres li.u299.active span{
    background-position: -318px -48px;
}

#main.catalog .optionsBlock ul.genres li.promo span {
    width:20px;
    margin-right:14px;
    margin-left: 3px;
    background-position: -417px -51px;
 }

#main.catalog .optionsBlock ul.genres li.promo a { color: red; float: left; max-width: 150px; }

#main.catalog .optionsBlock ul.genres li.promo:hover span,
#main.catalog .optionsBlock ul.genres li.promo.active span{
    
}

#main.catalog .optionsBlock ul.genres li.cards span {
    background-position: -365px -49px;
    width:25px;
    margin-right:12px;
}

#main.catalog .optionsBlock ul.genres li.cards:hover span,
#main.catalog .optionsBlock ul.genres li.cards.active span{
    background-position: -390px -49px;
}

#main.catalog .optionsBlock ul.genres li.dlc span {
    background-position: -505px -52px;
    width:25px;
    height: 24px;
    margin-right:12px;
}

#main.catalog .optionsBlock ul.genres li.dlc:hover span,
#main.catalog .optionsBlock ul.genres li.dlc.active span{
    background-position: -540px -52px;
}

#main.catalog .optionsBlock ul.genres li.season_pass span {
    background-position: -440px -52px;
    width:25px;
    margin-right:12px;
}

#main.catalog .optionsBlock ul.genres li.season_pass:hover span,
#main.catalog .optionsBlock ul.genres li.season_pass.active span{
    background-position: -470px -52px;
}

#main.catalog .optionsBlock ul.genres li.mac span {
    background-position: -299px -23px;
    width:18px;
    margin-left: 2px;
    margin-right:17px;
}

#main.catalog .optionsBlock ul.genres li.mac:hover span,
#main.catalog .optionsBlock ul.genres li.mac.active span{
    background-position: -299px -49px;
}

#main.catalog .optionsBlock ul.genres li.software span {
	background-position: -471px 2px;
	width: 18px;
	margin-left: 2px;
	margin-right: 17px;
}

#main.catalog .optionsBlock ul.genres li.software:hover span,
#main.catalog .optionsBlock ul.genres li.software.active span{
	background-position: -115px 2px;
}

#main.catalog .optionsBlock ul.genres li.steam span {
    background-image: url('/local/templates/baseimages/star.png');
    width:22px;
    height: 22px;
    margin-right:12px;
}

#main.catalog .optionsBlock ul.genres li.steam:hover span,
#main.catalog .optionsBlock ul.genres li.steam.active span{
     background-image: url('/local/templates/baseimages/star2.png');
}


#main.catalog .optionsBlock ul.genres li a{
	text-decoration:none;
	color:black;
	font-size:.9em;
}

#main.catalog .optionsBlock ul.filter {
	list-style-type:none;
	padding:10px 0;
	margin-left:10px;
}

#main.catalog .optionsBlock ul.filter li {
	padding:10px 0;
	font-size:.9em;
	position: relative;
	z-index: 1;
}

#main.catalog .optionsBlock ul.filter li .checkbox {
	width:14px;
	position: relative;
	height:14px;
	float:left;
	cursor:pointer;
	margin-top:2px;
	background:#778383;
	margin-right:10px;
    box-shadow:
        inset 0 3px 8px 1px rgba(0,0,0,0.2),
        0 1px 0 rgba(255,255,255,0.5);
}

#main.catalog .optionsBlock ul.filter li .checkbox.active {
	background:#83c616 url(../images/icons.png) -301px -3px no-repeat;
}


#main.catalog .optionsBlock ul.filter li .checkbox:before {
	content:'';
	position: absolute;
	z-index: -1;
	margin-left:-10px;
	width:18px;
	height:18px;
	margin-top:-3px;
	margin-left:-3px;
	border:1px #858384 solid;
	background-color:#e8e8e8;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top,#e8e8e8,#afadae);
	background: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#afadae));
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#e8e8e8,endColorstr=#afadae,GradientType=0); zoom: 1;
	background: linear-gradient(top,#e8e8e8,#afadae);
	background-clip: border-box;
	-moz-background-clip: border;
	-webkit-background-clip: border-box;
	background-origin: border-box;
	-moz-background-origin: border;
	-webkit-background-origin: border-box;
}

/* switch button */


.switch {
    width: 24px;
    height: 12px;
    float:left;
    margin-right:10px;
    border:3px #e6e6e6 solid;
    border-radius: 40px;
    box-shadow: 0 0 2px rgba(0,0,0,0.3),
        0 1px 1px rgba(0,0,0,0.25);
}

.switch label {
    cursor:pointer;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: #778282;
    border-radius: 40px;
    box-shadow:
        inset 0 3px 8px 1px rgba(0,0,0,0.2),
        0 1px 0 rgba(255,255,255,0.5);
}


.switch label i {
    display: block;
    height: 80%;
    width: 40%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    margin-top:1px;
    margin-left:2px;
    margin-right:2px;
    border-radius: inherit;
    background: #f9f9f9; /* Fallback */
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top,#f9f9f9,#e6e6e6);
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e6e6e6));
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#f9f9f9,endColorstr=#e6e6e6,GradientType=0); zoom: 1;
	background: linear-gradient(top,#f9f9f9,#e6e6e6);
	background-clip: border-box;
	-moz-background-clip: border;
	-webkit-background-clip: border-box;
	background-origin: border-box;
	-moz-background-origin: border;
	-webkit-background-origin: border-box;
    box-shadow:
        inset 0 1px 0 white,
        0 0 8px rgba(0,0,0,0.3),
        0 5px 5px rgba(0,0,0,0.2);
}

.switch label.active { /* Background */
    background: #82c41b;
}

.switch label.active i { /* Toggle */
    left: auto;
    right: -1%;
}

.switch label.active i:before { /* On/off */
    content: "";
    right: 115%;
    color: #82a06a;
    text-shadow: 0 1px 0 #afcb9b, 0 -1px 0 #6b8659;
}


#main.catalog .optionsBlock .slider {
	min-height:120px!important;
}

#main.catalog .optionsBlock .slider ul li {
	text-align:center;
}

#main.catalog .optionsBlock .slider .sliderBox {
	padding:10px 5px;
	margin:-30px 10px;
	background: #e8e8e8; /* Fallback */
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top,#e8e8e8,#aeaeae);
	background: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#aeaeae));
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#e8e8e8,endColorstr=#aeaeae,GradientType=0); zoom: 1;
	background: linear-gradient(top,#e8e8e8,#aeaeae);
	background-clip: border-box;
	-moz-background-clip: border;
	-webkit-background-clip: border-box;
	background-origin: border-box;
	-moz-background-origin: border;
	-webkit-background-origin: border-box;
    border:1px #cdcdcd solid;
    border-radius:4px;

}

#main.catalog .optionsBlock #slider {
	margin:0 10px!important;
	height:5px;
	background:#788283;
    box-shadow:
        inset 0 1px 0 #3e4141,
        0 0 1px rgba(0,0,0,0.3),
        0 1px 1px rgba(0,0,0,0.2);
}

#main.catalog .optionsBlock .slider .sliderBox span{
	position:relative;
	width:20px;
	float:left;
	font-size:0.8em;
	text-align:center;
	margin-right:25px;
	padding-left:1px;
	margin-top:10px;
}

#main.catalog .optionsBlock .slider .sliderBox span:last-child {
	margin:0;
	margin-top:10px;
}
#main.catalog .optionsBlock #slider .ui-slider-range {
	background:#82c41b;
	z-index:1;
	height:4px;
	margin-top:1px;
}

#main.catalog .optionsBlock #slider .ui-slider-handle{
	border-radius: 10px!important;
	background:#b6ec61;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top,#b6ec61,#679f11);
	background: -webkit-gradient(linear, left top, left bottom, from(#b6ec61), to(#679f11));
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#b6ec61,endColorstr=#679f11,GradientType=0); zoom: 1;
	background: linear-gradient(top,#b6ec61,#679f11);
	background-clip: border-box;
	-moz-background-clip: border;
	-webkit-background-clip: border-box;
	background-origin: border-box;
	-moz-background-origin: border;
	-webkit-background-origin: border-box;
	width:15px!important;
	height:15px!important;
    box-shadow:
        inset 0 1px 0 #3e4141,
        0 0 2px rgba(0,0,0,0.3),
        0 2px 2px rgba(0,0,0,0.2);
    border:none;
}

#main.catalog .rightBlock {
	min-height:458px;
	background:#f1f1f1;
	width:720px;
	margin-left:23px;
	-webkit-box-shadow: 0 1px 1px #BFBFBF;
    -moz-box-shadow: 0 1px 1px #BFBFBF;
    box-shadow: 0 1px 1px #BFBFBF;
}

#main.catalog .rightBlock .header {
	width:700px;
	height:37px;
	background:url(../images/hits-menu-bg.png);
	font-size:2em;
	padding:23px 0 0 20px;
	color:#fff;
	text-align:left;
	text-shadow: 1px 1px 0px black;
	margin:0;
}


#main.catalog .rightBlock .sort {
	border-bottom:1px #dadada solid;
	width:660px;
	font-family:arial;
	font-size:0.96em;
	text-align:right;
	float:right;
	padding:20px 30px;
}

#main.catalog .rightBlock .sort a {
	text-decoration:none;
	color:black;
	margin-left:20px;
	padding-right:10px;
}

#main.catalog .rightBlock .sort a.down:after {
	position:absolute;
	content:'';
    width:0;
	height:0;
	border-top:7px solid;
	border-left:5px solid transparent!important;
	border-right:5px solid transparent;
	margin-left:3px;
	margin-top:8px;
}

#main.catalog .rightBlock .sort a.up:after {
	position:absolute;
	content:'';
    width:0;
	height:0;
	border-bottom:7px solid;
	border-left:5px solid transparent!important;
	border-right:5px solid transparent;
	margin-left:3px;
	margin-top:8px;
}

#main.catalog .rightBlock .sort a.active {
	color:#5d990a;
}


#main.catalog .rightBlock .month {
    text-align: center;
    border-bottom:1px #dadada solid;
    border-top:1px #fefefe solid;
    font-family: Intro, arial;
    font-size:1.6em;
    padding:15px 0;
}

#main.catalog .rightBlock .row {
	margin:0;
}

#main.catalog .rightBlock .row a {
    text-decoration: none;
}

#main.catalog .rightBlock .row .box {
	border-right:1px #dadada solid;
	border-left:1px #fefefe solid;
	border-bottom:1px #dadada solid;
	border-top:1px #fefefe solid;
	width:198px;
	padding:20px 20px;
	text-align:center;
	min-height:334px;
}

#main.catalog .rightBlock .row .box:hover {
	background:#ffffff;
	cursor:pointer;
}

#main.catalog .rightBlock .row .box span {
	margin-top:0px!important;
	display:block;
	font-size:1.1em;
	color:#373737;
}

#main.catalog .rightBlock .row .box .container {
	width:183px;
	height:257px;
	margin-left:12px;
}

#main.catalog .rightBlock .row .box .container img{
	width:183px;
	height:257px;
}

#main.catalog .rightBlock .row .box .rating {
	position:relative;
	width:21px;
	height:27px;
	margin-top:-50px;
	float:right;
	margin-right:-2px;
	color:#fff;
	line-height:1.85em!important;
	text-align:left;
	padding-left:9px;
	font-weight:bold;
}


#main.catalog .rightBlock .row .box .rating.red {
	background-image:url(../images/rating.png);
	background-position:0 -100px;
}

#main.catalog .rightBlock .row .box .rating.yellow {
	background-image:url(../images/rating.png);
	background-position:0 -130px;
}


#main.catalog .rightBlock .row .box .rating.green {
	background-image:url(../images/rating.png);
	background-position:0 -72px;
}


#main.catalog .rightBlock .row .box .box-wrapper {
	position:absolute;
	width:205px;
	height:267px;
	background-image:url(../images/case.png);
	background-repeat:no-repeat;
	background-position: center center;
	margin-top:-2px;
	margin-left:-3px;
}

#main.catalog .rightBlock .row .box .box-wrapper:hover:after {
    border:none;
    box-shadow: none;
}


#main.catalog .rightBlock .row .box span {
	padding-top:15px;
	display:block;
	font-size:1.7em;
	color:#373737;
	font-family: Intro, arial;
    margin-left:0px!important;
    width:190px;
    height:23px;
}

#main.catalog .rightBlock .row .box span strike {
	color:#e50c0c;
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	margin-right:5px;
	margin-left: 5px;
}

.option {
	color:white;
	z-index:10000;
	position:absolute;
	margin-top:-9px;
	font-size:0.8em;
	height:20px;
	text-transform:uppercase;
}

.option:before {
	 content:'';
     width:0;
     height:0;
     border-right:7px solid;
     border-top:10px solid transparent!important;
     border-bottom:10px solid transparent!important;
     float:left;
     margin-left:-7px;
}

.option:after {
	 content:'';
     width:0;
     height:0;
     border-left:7px solid;
     border-top:10px solid transparent!important;
     border-bottom:10px solid transparent!important;
     float:right;
     margin-right:-7px;

}

#main.catalog .rightBlock .row .box .option.hit {
	margin-left:80px;
	width:50px;
	background-color:#e70a0a;
}
#main.catalog .rightBlock .row .box .option.hit:before,
#main.catalog .rightBlock .row .box .option.hit:after{
	border-color:#e70a0a;
}

.option.new {
	margin-left:60px;
	width:80px;
	background-color:#7ac408;
}
.option.new:before,
.option.new:after{
	border-color:#7ac408;
}

.option.next_t {
    background-color: #14A9E7;
    margin-left:60px;
    width:80px;
}
.option.next_t:before,
.option.next_t:after{
	border-color:#14A9E7;
}
#main.catalog .rightBlock .row .box .option.leader {
	margin-left:50px;
	width:120px;
	color:black;
	background-color:#ffde00;
}
#main.catalog .rightBlock .row .box .option.leader:before,
#main.catalog .rightBlock .row .box .option.leader:after{
	border-color:#ffde00;
}


#main.catalog .rightBlock .row .box .option.addon, .hits_placement .option.addon {
	width: 55px;
	margin-top: 1px;
	margin-left: -1px;
	height: 60px;
	overflow: hidden;
	/*
	border-bottom:20px solid #212121;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	-webkit-transform: rotate(-45deg);
	-moz-transform:    rotate(-45deg);
	-ms-transform:     rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
	*/
	background: url("/public/images/sprite_components.png") left -840px no-repeat;
	color:#eae703;
	z-index:99;
}

#main.catalog .rightBlock .row .box .option.addon {
  margin-top: -1px !important;
}

/*
#main.catalog .rightBlock .row .box .option.addon:before, .hits_placement .option.addon:before,
#main.catalog .rightBlock .row .box .option.addon:after, .hits_placement .option.addon:after{
	border:none;
	margin:0;
}
*/

#main.catalog .rightBlock .row .box .option.mac {
	width:20px;
	height:20px;
	background:url(../images/icons.png) -200px 0 no-repeat;
	margin-left:-20px;
	margin-top:235px;
}
#main.catalog .rightBlock .row .box .option.mac:before,
#main.catalog .rightBlock .row .box .option.mac:after{
	border:none;
	margin:0;
}

#main.catalog .rightBlock .row .box .title {
	color:black;
	text-align:center;
	width:100%;
	font-size:1em;
	width:215px;
	margin-left:-10px;
	min-height:16px;
	margin-top:15px;
	font-family: Intro, arial;
	line-height:1.15em;
    display:block;
}

#main.catalog .rightBlock .row.two .box .title {
    min-height:34px;
}

#main.catalog .rightBlock .row.three .box .title {
    min-height:48px!important;
}


#main.catalog .rightBlock .row .box .genre {
	color:black;
	text-align:center;
	width:180px;
    display:block;
    margin:0 auto;
	font-family:arial;
	font-size:.9em;
}

#main.catalog .rightBlock .row .box .lang {
	color:black;
	text-align:left;
	width:100%;
	font-family:arial;
	font-size:.9em;
	margin-top:-3px;
}

#main.catalog .rightBlock .row .box .lang.rus span {
	width:15px;
	height:20px;
	float:left;
	background:url(../images/icons.png) -220px 0 no-repeat;
	margin-left:20px;
	margin-right:10px;
	padding:0;
}




/*//////////////////////////////////////////////////*/
/*                    GAME                          */
/*//////////////////////////////////////////////////*/

.wrapper.game {
	background-image:url(../images/bg3.png);
	min-height:3000px!important;
}

#main.game .blocks {
	margin-top:20px;
}

#main.game { margin-top: 28px; }

#main.game .descriptionBlock {
	width:720px;
	min-height:300px;
}

#main.game .descriptionBlock .block {
	width:678px;
	background:#f1f1f1;
	-webkit-box-shadow: 0 1px 1px #BFBFBF;
    -moz-box-shadow: 0 1px 1px #BFBFBF;
    box-shadow: 0 1px 1px #BFBFBF;
	/*min-height:100px;*/
	margin-bottom:20px;
	padding:20px 20px 20px 20px;
	border:1px white solid;
}

#main.game .descriptionBlock .block {
	text-shadow: 0px;
}

#main.game .descriptionBlock .block.notice {
	text-align:center;
	background:url(../images/game-notice-bg.png) center center no-repeat;
	
	border:0;
	padding: 0px 20px;
	width:680px;
	font-family: Helvetica;
	font-weight:bold;
	font-size:1.1em;
}

#main.game .descriptionBlock .block.notice a {
	color:white;
}

#main.game .descriptionBlock .block.notice b {
	font-size:1.1em;
	display:block;
	padding: 0;
	padding-top: 15px;
	letter-spacing:0.3em;
	font-family: Intro, arial;
}

#main.game .descriptionBlock .block.notice p {
  margin-top: 7px;
  padding-bottom: 15px;
}

#main.game .descriptionBlock .block:first-child .header {
	width:680px;
	min-height:10px!important;
	background:url(../images/hits-menu-bg.png);
	font-size:2em;
	padding:20px 20px 10px 20px;
	color:#fff;
	height:100%;
	line-height:1.2em;
    text-shadow: 1px 1px 0px black;
}

#main.game .descriptionBlock .block:first-child .container, #card_page .container {
	width:235px;
	height:330px;
	margin-left:20px;
	float:left;
}
#card_page .container {
  margin-left: 15px;
}
#main.game .descriptionBlock .block:first-child .container img, #card_page .container img {
	width:235px;
}

#main.game .descriptionBlock .block:first-child .box-wrapper, #card_page .box-wrapper {
	position:absolute;
	width:264px;
	height:345px;
	background-image:url(../images/case-big.png);
	background-repeat:no-repeat;
	background-position: 0 -3px;
	margin-top:-2px;
	margin-left:5px;
}

#card_page .box-wrapper {
  margin-left: 0px;
  margin-top: -1px;
}

#main.game .descriptionBlock .block:first-child table {
	float:right;
	width:400px;
	font-size:.9em;
	color:#383838;
}

#main.game .descriptionBlock .block:first-child table tr td {
	border-bottom:1px #d7d7d7 solid;
}
#main.game .descriptionBlock .block:first-child table tr td.lang.rus span {
	width:15px;
	height:20px;
	float:left;
	background:url(../images/icons.png) -220px 0 no-repeat;
	margin-right:3px;
	padding:0;
}

#main.game .descriptionBlock .block:first-child table tr:first-child td {
	border-top:1px #d7d7d7 solid;
}

#main.game .descriptionBlock .block:first-child table tr td:first-child {
	width:130px;
	color:#383838;
}

#main.game .descriptionBlock .block:first-child table tr td:last-child {
	font-weight:bold;
}

#main.game .descriptionBlock .block .header {
    font-family: Intro, arial;
	width:705px;
	height:29px;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top,#f5f6f8,#e2e2e2);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f6f8), to(#e2e2e2));
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#f5f6f8,endColorstr=#e2e2e2,GradientType=0); zoom: 1;
	background: linear-gradient(top,#f5f6f8,#e2e2e2);
	background-clip: border-box;
	-moz-background-clip: border;
	-webkit-background-clip: border-box;
	background-origin: border-box;
	-moz-background-origin: border;
	-webkit-background-origin: border-box;
	border-bottom:1px #d0d0d0 solid;
	text-align:left;
	padding-top:11px;
	padding-left:15px;
	margin:-21px 0 20px -21px;
}

#main.game .descriptionBlock .block .header h2 {
    font-family: Intro, arial;
    font-size: 1em;
    margin-top:1px;
}

#main.game .descriptionBlock .block .header .title {
	float:left;
    width:680px;
}

#main.game .descriptionBlock .block .header .title h1{
    font-size: 1em;
    margin:0;
    padding:0;
    color: white;
    font-family: Intro, arial;
    display: inline;
}

#main.game .descriptionBlock .header .option {
	color:white;
	font-size:11px;
	font-family: Helvetica;
	height:20px;
  line-height: 2em;
  vertical-align: middle;
  position: static;
	text-shadow: none;
	text-align:center;
	display:inline-block;
	margin-left:30px;
	margin-top: 0px;
	text-transform: uppercase;
}



#main.game .descriptionBlock .header .option:before {
	 content:'';
     width:0;
     height:0;
     border-right:7px solid;
     border-top:10px solid transparent!important;
     border-bottom:10px solid transparent!important;
     float:left;
     margin-left:-7px;
}

#main.game .descriptionBlock .header .option:after {
	 content:'';
     width:0;
     height:0;
     border-left:7px solid;
     border-top:10px solid transparent!important;
     border-bottom:10px solid transparent!important;
     float:right;
     margin-right:-7px;

}

#main.game .descriptionBlock .header .option.new {
	width:80px;
	background-color:#7ac408;
}
#main.game .descriptionBlock .header .option.new:before,
#main.game .descriptionBlock .header .option.new:after{
	border-color:#7ac408;
}


#main.game .descriptionBlock .header .option.hit {
	width:50px;
	background-color:#e70a0a;
}
#main.game .descriptionBlock .header .option.hit:before,
#main.game .descriptionBlock .header .option.hit:after{
	border-color:#e70a0a;
}


#main.game .descriptionBlock .header .option.leader {
	width:120px;
	color:black;
	background-color:#ffde00;
}
#main.game .descriptionBlock .header .option.leader:before,
#main.game .descriptionBlock .header .option.leader:after{
	border-color:#ffde00;
}

#main.game .descriptionBlock .addition {
	padding:0;
	font-size:.9em;
	margin-top:-7px;
	font-weight:bold;
	color:#333;
}

#main.game .descriptionBlock .addition a {
	color:#5d990a;
}

#main.game .descriptionBlock .addition a:hover { color: #91cf41; }

#main.game .descriptionBlock .block p {
	font-size:1em;
	color:#201D1D;
}

#main.game .descriptionBlock .block ul {
	margin:0 20px;
}

#main.game .descriptionBlock .block ul li {
	font-size:.9em;
	color:#201D1D;
	margin-top:5px;
}

#main.game .descriptionBlock .block b{
	font-size:.9em;
	padding:15px 0;
}

/* Дополнения к игре */

#main.game .descriptionBlock .block.addition {
	width:718px;
	border-bottom:0;
}


#main.game .descriptionBlock .block.addition .header {
	margin:-1px 0 0 -1px;
	text-shadow: none!important;
	font-size:1.1em;
	color:black;
}

#main.game .descriptionBlock .block.addition .row {
	margin:0;
}

#main.game .descriptionBlock .block.addition .row .box {
	border-right:1px #dadada solid;
	border-left:1px #fefefe solid;
	border-bottom:1px #dadada solid;
	border-top:1px #fefefe solid;
	width:198px;
	padding:20px 20px;
	text-align:center;
	min-height:358px;
}

#main.game .descriptionBlock .block.addition .row .box:last-child {
	border-right:0;
}
#main.game .descriptionBlock .block.addition .row .box:first-child {
	border-left:0;
}


#main.game .descriptionBlock .block.addition .row .box:hover {
	background:#ffffff;
	cursor:pointer;
}

#main.game .descriptionBlock .block.addition .row .box.empty:hover {
    background:transparent;
    cursor:default;
}
#main.game .descriptionBlock .block.addition .row .box.empty {
    border-bottom: none !important;
}

#main.game .descriptionBlock .block.addition .row .box span {
	margin-top:0px!important;
	display:block;
	font-size:1.1em;
	color:#373737;
}

#main.game .descriptionBlock .block.addition .row .box .container {
	width:183px;
	height:257px;
	margin-left:12px;
}

#main.game .descriptionBlock .block.addition .row .box .container img{
	width:183px;
	height:257px;
}


#main.game .descriptionBlock .block.addition .row .box .box-wrapper {
	position:absolute;
	width:205px;
	height:267px;
	background-image:url(../images/case.png);
	background-repeat:no-repeat;
	background-position: center center;
	margin-top:-2px;
	margin-left:-3px;
}


#main.game .descriptionBlock .block.addition .row .box span {
	padding-top:15px;
	display:block;
	font-size:1.7em;
	color:#373737;
	font-family: Intro, arial;
}

#main.game .descriptionBlock .block.addition .row .box span strike {
	color:#e50c0c;
	font-family: arial;
	font-size:0.7em;
	margin-right:10px;
}

#main.game .descriptionBlock .block.addition .row .box .title {
	color:black;
	text-align:center;
	font-size:1.1em;
	width:215px;
	margin-left:-10px;
	min-height:18px;
	margin-top:15px;
	font-family: Intro, arial;
	line-height:1.15em;
    display:block;
    text-decoration: none;
}

#main.game .descriptionBlock .block.addition .row .box .genre {
	color:black;
	text-align:center;
	width:100%;
	font-family:arial;
	font-size:1em;
	font-weight:normal;
}

#main.game .descriptionBlock .block.addition .row .box .lang {
	color:black;
	text-align:left;
	width:100%;
	font-family:arial;
	font-size:1em;
	margin-top:-3px;
	font-weight:normal;
}

#main.game .descriptionBlock .block.addition .row .box .lang.rus span {
	width:15px;
	height:20px;
	float:left;
	background:url(../images/icons.png) -220px 0 no-repeat;
	margin-left:20px;
	padding:0;
}


#main.game .descriptionBlock .block.video {
	min-height:400px;
    padding-bottom:12px;
}

#main.game .descriptionBlock .block.video iframe {
	width:100%;
	height:400px;
	z-index:-1;
}

#main.game .descriptionBlock .block.sreenshots {
	height:164px;
}

#main.game .descriptionBlock .block.sreenshots .screenSlider ul li img {
	width:150px;
	height:114px;
}

#main.game .descriptionBlock .block.sreenshots .bx-wrapper .bx-viewport {
	border:none!important;
	padding:0!important;
	box-shadow:none;
}

#main.game .descriptionBlock .block.sreenshots .screenSlider ul {
	list-style:none;
	position:relative;
	z-index:100;
}

#main.game .descriptionBlock .block.sreenshots .screenSlider ul li {
	float:left;
	margin-left:16px;
	cursor:pointer;
}

#main.game .descriptionBlock .block.sreenshots .screenSlider ul li:hover {
	background: rgba(0, 0, 0, 0.80);
	position:relative;
	background-image:url(../images/search-icon.png);
	background-position:center center;
	background-repeat:no-repeat;
}



#main.game .descriptionBlock .block.sreenshots .screenSlider ul li img {
	z-index:-1;
	position:relative;
}

#main.game .descriptionBlock .block.sreenshots .screenSlider ul li:first-child {
	margin-left:0;
}

#main.game .descriptionBlock .block.sreenshots .rightButton {
	position:relative;
	float:right;
	margin-top:-69px;
	margin-right:-13px;
	width:23px;
	height:23px;
}

#main.game .descriptionBlock .block.sreenshots .rightButton a {
	width:23px;
	height:23px;
	display:block;
	position: relative;
	left: 1px;
	background-image:url("/public/images/new_buttons.png");
	background-position: -1080px -591px;
	background-repeat: no-repeat;
	text-decoration:none;
}
#main.game .descriptionBlock .block.sreenshots .rightButton a:hover {
  background-position: -1080px -630px;
}
#main.game .descriptionBlock .block.sreenshots .rightButton a:active { 
  background-position: -1080px -666px;
}

#main.game .descriptionBlock .block.sreenshots .leftButton {
	position:relative;
	float:left;
	margin-top:-69px;
	margin-left:-15px;
	width:23px;
	height:23px;
}

#main.game .descriptionBlock .block.sreenshots a.bx-next.disabled,
#main.game .descriptionBlock .block.sreenshots a.bx-prev.disabled {
    display:none;
}

#main.game .descriptionBlock .block.sreenshots .leftButton a {
	width:23px;
	height:23px;
	display:block;
	position: relative;
	left: -1px;
	background-image:url("/public/images/new_buttons.png");
	background-position: -1054px -591px;
	background-repeat: no-repeat;
}

#main.game .descriptionBlock .block.sreenshots .leftButton a:hover {
  background-position: -1054px -630px;
}
#main.game .descriptionBlock .block.sreenshots .leftButton a:active { 
  background-position: -1054px -666px;
}
#main.game .descriptionBlock .block.sreenshots .bx-wrapper{
	margin: 0 auto;
}

#main.game .descriptionBlock .block.sreenshots .bx-wrapper{
	margin: 0 auto;
}

#main.game .descriptionBlock .block.sreenshots .view{
	padding:0px;
	position:absolute;
	margin-top:-270px;
	width:500px;
	z-index:99;
    min-height: 300px;
    display:none;
}

#main.game .descriptionBlock .block.sreenshots .view img {
	border:1px white solid;
	background:#eee;
	-webkit-box-shadow: 0 0 12px #000;
    -moz-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
}


#main.game .descriptionBlock .block.experts .node {
	background:#d8d8d8;
	min-height:100px;
	margin:20px 0;
	padding:20px;
}

#main.game .descriptionBlock .block.experts .node .rating {
	float:left;
	width:90px;
	height:70px;
	text-align:center;
	margin-right:20px;
}

#main.game .descriptionBlock .block.experts .node .rating.green {
	background: url(../images/rating.png) 0 0 no-repeat;
}

#main.game .descriptionBlock .block.experts .node .rating.red {
	background: url(../images/rating.png) -90px 0 no-repeat;
}

#main.game .descriptionBlock .block.experts .node .rating.yellow {
	background: url(../images/rating.png) -180px 0 no-repeat;
}

#main.game .descriptionBlock .block.experts .node .rating span {
	text-shadow: 1px 1px 1px black;
	font-family: Intro, arial;
	font-size:3.2em;
	color:white;
	display:block;
	width:90px;
	margin-top:27px;
}



#main.game .descriptionBlock .block.experts .node p {
	float:left;
	width:510px;
}

#main.game .descriptionBlock .block.experts .node p a {
	float:left;
	margin-top:10px;
	color:#5d990a;
	font-weight:bold;
}

#main.game .descriptionBlock .block.experts .node p a:after {
	content:'';
	width:8px;
	height:7px;
	background:red;
	position:absolute;
	margin-left:4px;
	background:url('../images/icons.png') -321px -8px no-repeat;
}

#main.game .descriptionBlock .block.requirements {
	width:718px!important;
}

#main.game .descriptionBlock .block.requirements .header {
	margin:-1px 0 0 -1px;
    color:black;
}

#main.game .descriptionBlock .block.requirements .header .title {
	float:left;
}

#main.game .descriptionBlock .block.requirements .header .buttons {
	float:right;
	margin-right:20px;
	margin-top:3px;
}

#main.game .descriptionBlock .block.requirements .header .buttons a {
	text-decoration:none;
	padding:0;
	margin:0;
	text-align:center;
	background-color:#e5e5e5;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top,#e5e5e5,#cdcdcd);
	background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#cdcdcd));
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#e5e5e5,endColorstr=#cdcdcd,GradientType=0); zoom: 1;
	background: linear-gradient(top,#e5e5e5,#cdcdcd);
	color:#3e4c4d;
	border-top:1px white solid;
	-webkit-box-shadow: 0 1px 2px #4D4D4D;
    -moz-box-shadow: 0 1px 2px #4D4D4D;
    box-shadow: 0 1px 2px #4D4D4D;
    font-family:arial;
    font-weight:bold;
    font-size:0.7em;
    width:50px;
    float:left;
    margin-top:-5px;
	text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
}

#main.game .descriptionBlock .block.requirements .header .buttons a:first-child {
	background-clip: border-box;
	-moz-background-clip: border;
	-webkit-background-clip: border-box;
	background-origin: border-box;
	-moz-background-origin: border;
	-webkit-background-origin: border-box;
	-moz-border-radius: 3px 0px 0px 3px; /* Firefox */
	-webkit-border-radius: 3px 0px 0px 3px; /* Safari, Chrome */
	-khtml-border-radius: 3px 0px 0px 3px; /* KHTML */
	border-radius: 3px 0px 0px 3px; /* CSS3 */
	behavior: url(border-radius.htc); /* учим IE border-radius */
}


#main.game .descriptionBlock .block.requirements .header .buttons a:last-child {
	background-clip: border-box;
	-moz-background-clip: border;
	-webkit-background-clip: border-box;
	background-origin: border-box;
	-moz-background-origin: border;
	-webkit-background-origin: border-box;
	-moz-border-radius: 0px 3px 3px 0px; /* Firefox */
	-webkit-border-radius: 0px 3px 3px 0px; /* Safari, Chrome */
	-khtml-border-radius: 0px 3px 3px 0px; /* KHTML */
	border-radius: 0px 3px 3px 0px; /* CSS3 */
	behavior: url(border-radius.htc); /* учим IE border-radius */
}

#main.game .descriptionBlock .block.requirements .header .buttons a.active {
	border-top:1px #4d7909 solid;
	background-color:#6aa60c;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top,#6aa60c,#82be24);
	background: -webkit-gradient(linear, left top, left bottom, from(#6aa60c), to(#82be24));
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#6aa60c,endColorstr=#82be24,GradientType=0); zoom: 1;
	background: linear-gradient(top,#6aa60c,#82be24);
	color:white;
}


#main.game .descriptionBlock .block.requirements {
	padding:0;
	width:720px;
	color:#383838;
}

#main.game .descriptionBlock .block.requirements > .afterTitle {
    padding:20px;
    padding-bottom: 0;
    font-size: 12px;
    line-height: 1.5em;
    color: rgb(56, 56, 56);
}

#main.game .descriptionBlock .block.requirements table {
	margin:0;
	border-bottom:1px #d8d8d8 solid;
    width:720px;

}

#main.game .descriptionBlock .block.requirements .mac {
	display:none;
}



#main.game .descriptionBlock .block.requirements table:last-child {
	border-bottom:0;
    margin-bottom:10px;
}

#main.game .descriptionBlock .block.requirements table tr td,
#main.game .descriptionBlock .block.requirements table tr th {
	border:none;
	padding-left:20px;
}

#main.game .descriptionBlock .block.requirements table tr td {
	font-size:0.9em;
}

#main.game .descriptionBlock .block.requirements table tr td:first-child {
	width:180px;
}

#main.game .descriptionBlock .block.requirements table tr td:last-child {
	font-weight:bold;
}

#main.game .descriptionBlock .block.requirements table tr th {
	font-family: Intro, arial;
	color:black;
	padding-top:20px;
}

/* правый блок */


#main.game .priceBlock {
	width:200px;
	margin-left:40px;
	min-height:300px;
}

#main.game .priceBlock.scroll {
	position:fixed;
	margin-left:760px;
	bottom:130px;
}

#main.game .priceBlock:before{
	content:'';
	width: 200px;
	height: 59px;
	position:absolute;
	background:url(../images/top-left-game.png) center top no-repeat;
}


#main.game .priceBlock .header{
	background:#ebebeb;
	min-height:60px;
	margin-top:59px;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top,#f1f1f1,#e3e3e3);
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e3e3e3));
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#f1f1f1,endColorstr=#e3e3e3,GradientType=0); zoom: 1;
	background: linear-gradient(top,#f1f1f1,#e3e3e3);
	background-clip: border-box;
	-moz-background-clip: border;
	-webkit-background-clip: border-box;
	background-origin: border-box;
	-moz-background-origin: border;
	-webkit-background-origin: border-box;
	padding:10px;
	border-bottom:1px #dadada solid;
	border-right:1px white solid;
	border-left:1px white solid;
		-webkit-box-shadow: 0 1px 3px #BFBFBF;
    -moz-box-shadow: 0 1px 3px #BFBFBF;
    box-shadow: 0 1px 3px #BFBFBF;
}


#main.game .priceBlock .header .title {
	text-align:center;
	font-size:.7em;
	color:#5d990a;
	font-family: Intro, arial;
	margin-top:-10px;
	margin-bottom:10px;
}


#main.game .priceBlock .header span {
	display:block;
	font-size:2.1em;
	color:#373737;
	font-family: Intro, arial;
	text-align:center;
}

#main.game .priceBlock .header span strike {
	color:#e50c0c;
	font-family: "Trebuchet MS";
	font-size:16px;
	float:left;
	margin-left: 5px;
	font-weight: bold;
	margin-top: 3px;
}

#main.game .priceBlock .header .description {
	text-align:center;
	padding:10px 0;
	font-size:0.8em;
	line-height:1.4em;
}

#main.game .priceBlock .header .balls {
    margin-top:10px;
    text-align: center;
    font-size: .85em;
}

#main.game .priceBlock .header .balls > span {
    font-size: 11px;
    padding:0;
    margin:0;
    display: inline-block;
    width:15px;
    height:15px;
    background-color: #5d990a;
    color:white;
    border-radius: 10px;
    font-weight: normal;
    font-family: arial;
    line-height: 1.5em;
    margin-left:3px;
    cursor: pointer;
}

#main.game .priceBlock .header .balls > .balls-description {
    color:#383838;
    background-color: #d8d8d8;
    width:243px;
    height:45px;
    position: absolute;
    margin-left:-20px;
    margin-top:20px;
    padding:15px;
    line-height: 1.3em;
    text-align: left;
    font-size: .95em;
    display: none;
}

#main.game .priceBlock .block {
	width:198px;
	min-height:120px;
	-webkit-box-shadow: 0 1px 3px #BFBFBF;
    -moz-box-shadow: 0 1px 3px #BFBFBF;
    box-shadow: 0 1px 3px #BFBFBF;
	background:#f1f1f1;
	border-top:1px #fefefe solid;
	border-bottom:1px transparent solid;
	border-right:1px white solid;
	border-left:1px white solid;
}

#main.game .priceBlock .block:after{
	content:'';
	width: 200px;
	margin:0;
    margin-left:-1px;
	height: 10px;
	float:left;
	background:url(../images/top-left-game.png) center bottom no-repeat;
}

#main.game .priceBlock .block p {
	margin:15px 20px;
	font-size:.83em;
	line-height:1.5em;
	color:#383838;
}

#main.game .priceBlock .block p.icon {
	text-align:center;
	border-bottom:1px #d8d8d8 solid;
}

#main.game .priceBlock .block p a {
		color:#5d990a;
}

#main.game .priceBlock .block p a:after {
	content:'';
	width:8px;
	height:7px;
	background:red;
	position:absolute;
	margin-left:4px;
	background:url('../images/icons.png') -321px -8px no-repeat;
}

#main.game .priceBlock .block img {
	padding:10px 0;
	text-align:center;
}



#main.game .priceBlock .block .rating {
	width:90px;
	height:70px;
	text-align:center;
	margin:0 auto;
	text-shadow: 1px 1px 1px black;
	font-family: Helios;
	font-size:3.2em;
	color:white;
	line-height:1.3em;
	margin-top:45px;
	margin-bottom:15px;
}

#main.game .priceBlock .block .rating:before {
	content:'';
	display:block;
	margin-top:-29px;
	position:absolute;
	width:90px;
	height:30px;
	background:url(../images/rating.png) -174px -70px no-repeat;

}


#main.game .priceBlock .block .rating.green {
	background: url(../images/rating.png) 0 0 no-repeat;
}

#main.game .priceBlock .block .rating.red {
	background: url(../images/rating.png) -90px 0 no-repeat;
}

#main.game .priceBlock .block .rating.yellow {
	background: url(../images/rating.png) -180px 0 no-repeat;
}


#main.game .priceBlock .soc-icons {
	padding:20px 0;
}

#main.game .priceBlock .advantageLink {
    display:block;
    text-align: center;
    color:#3e4c4d;
    text-decoration: none;
    width:154px;
    font-size: .8em;
    line-height: 2.2em;
    font-family: Intro, arial;
    height:22px;
    margin:0 auto;
    border-top:1px white solid;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    -khtml-border-radius: 3px; /* KHTML */
    border-radius: 3px; /* CSS3 */
    background: -moz-linear-gradient(top,#e0e0e0,#c8c8c8);
    background: -webkit-gradient(linear,left top,left bottom, from(#e0e0e0), to(#c8c8c8));
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#e0e0e0,endColorstr=#c8c8c8,GradientType=0); zoom: 1;
    background: linear-gradient(top,#e0e0e0,#c8c8c8);
    -webkit-box-shadow: 0 1px 2px #858585;
    -moz-box-shadow: 0 1px 2px #858585;
    box-shadow: 0 1px 2px #858585;
}

#main.game .priceBlock .advantageBlock {
    background:#f1f1f1;
    padding:10px 0 11px 0;
    border-top:1px white solid;
    border-bottom:1px #dadada solid;
    border-right:1px white solid;
    border-left:1px white solid;
}

#main.game .priceBlock .advantageLink.active {
    border-top:1px #4d7909 solid;
    background: -moz-linear-gradient(top,#6aa60c,#82be24);
    background: -webkit-gradient(linear,left top, left bottom, from(#6aa60c), to(#82be24));
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#6aa60c,endColorstr=#82be24,GradientType=0); zoom: 1;
    background: linear-gradient(top,#6aa60c,#82be24);
    color:white;
    -webkit-box-shadow: 0 1px 2px #9fce58;
    -moz-box-shadow: 0 1px 2px #9fce58;
    box-shadow: 0 1px 2px #9fce58;
}

.advantagePopup {
    position:absolute;
    z-index: 999;
    width:440px;
    min-height:200px;
    background-color: #ffffff;
    margin-left:-500px;
    margin-top:-200px;
    -webkit-box-shadow: 0 0 15px #858585;
    -moz-box-shadow: 0 0 15px #858585;
    box-shadow: 0 0 15px #858585;
    padding:30px;
    display:none;
}

.advantagePopup.active {
    display:block;
}


.advantagePopup:before {
    content:'';
    width:0;
    height:0;
    border-left:10px solid #ffffff;
    border-top:10px solid transparent!important;
    border-bottom:10px solid transparent;
    float:right;
    margin-top:150px;
    margin-right:-40px;
    padding:0!important;
}

.advantagePopup > .title {
    font-family: Intro, arial;
    font-size: 1em;
}

.advantagePopup > p {
    margin:0;
    margin-bottom: 20px;
    font-size:.9em;

}

.advantagePopup > p:last-child {
    margin:0;
}

.fb_iframe_widget span { width: 500px !important; }
.fb-like-box iframe { width: 500px !important; }




/*********     CART     ***********/


#main.cart #loading {
	width:720px;
	height:100px;
	position:fixed;
	background:url(../images/loading.gif) center center no-repeat;
	display:none;
    z-index:9999;
}


#main.cart .leftBlock {
	width:720px;
	min-height:300px;
	background:none;
    box-shadow: none;
    padding-bottom:100px;
}


#main.cart.successPage .leftBlock {
    padding-bottom:0px;
}

#main.cart .leftBlock .button-block {
	padding:0 0 20px 0;
}

#main.cart .leftBlock .block {
	width:100%;
	background:#f1f1f1;
	-webkit-box-shadow: 0 1px 1px #BFBFBF;
    -moz-box-shadow: 0 1px 1px #BFBFBF;
    box-shadow: 0 1px 1px #BFBFBF;
	min-height:100px;
	margin-bottom:20px;
	border:1px white solid;
}

#main.cart .leftBlock .block {
	text-shadow: 0px;
}

#main.cart .leftBlock .block .header {
	width:702px;
	height:37px;
	margin:-1px 0 0 -1px;
	background:url(../images/hits-menu-bg.png);
	font-size:2em;
	padding:23px 0 0 20px;
	color:#fff;
	text-shadow: 1px 1px 0px black;
	font-family: Intro, arial;
}


#main.cart .leftBlock .block .footer {
	width:700px;
	min-height:30px;
	background-color:#ffffff;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top,#ffffff,#f1f1f1);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#ffffff,endColorstr=#f1f1f1,GradientType=0); zoom: 1;
	background: linear-gradient(top,#ffffff,#f1f1f1);
	background-clip: border-box;
	-moz-background-clip: border;
	-webkit-background-clip: border-box;
	background-origin: border-box;
	-moz-background-origin: border;
	-webkit-background-origin: border-box;
	border-top:1px #d0d0d0 solid;
    padding:0;
}

#main.cart .leftBlock .block .footer input[type="text"] {
	width:250px;
	height:42px;
	border-radius: 5px;
  font-size:19px;
}

#main.cart .leftBlock .block .footer > table,
#main.cart .leftBlock .block .footer > table tr,
#main.cart .leftBlock .block .footer > table tr td {
    border:none;
    padding:0;
}

#main.cart .leftBlock .block .footer > table {
    float:right;
    margin:0;
    min-width:100px;
}

#main.cart .leftBlock .block .footer > table tr td {
    text-align:right;
    font-size: 13px;
}

#main.cart .leftBlock .block .footer > table tr:first-child td:last-child {
    font-weight: bold;
}

#main.cart .leftBlock .block .footer > table tr.itogo td {
    color:black;
    font-family: Intro, arial;
    font-size:1.1em;
    padding:10px 0 5px 0;
}

#main.cart .leftBlock .block .footer > table tr.itogo td:last-child {
    font-size: 2em;
    line-height: .6em;
    padding-left:20px;
}

#main.cart .leftBlock .block .footer > table tr.sale td {
    color: #b7b7b7;
}

#main.cart .leftBlock .block .footer > table tr.sale td form {
    display:none;
}


.checkbox {
  width: 22px;
  height: 22px;
  background: url("/public/images/new_buttons.png") -990px -471px no-repeat;
  cursor: pointer;
  position: relative;
  float:left;
  margin-top:-2px;
  margin-right:10px;
}
.checkbox:hover {
  background-position: -990px -503px;
}
.checkbox.active{
  background-position: -990px -533px;
}

#main.cart .leftBlock .block .footer > table tr.text td {
  color: #383838;
  font-size: .9em;
}
.quest_tooltip {
  display: inline-block;
  background: url("/public/images/new_buttons.png") -1111px -595px no-repeat;
  width: 15px;
  height: 15px;
  overflow: hidden;
  margin-left: 4px;
}
/*
#main.cart .leftBlock .block .footer > table tr.text td.balls > span {
    font-size: 11px;
    padding:0;
    margin:0;
    display: inline-block;
    width:15px;
    height:15px;
    background-color: #5d990a;
    color:white;
    border-radius: 10px;
    font-weight: normal;
    font-family: arial;
    line-height: 1.5em;
    margin-left:3px;
    cursor: pointer;
    text-align: center;
}
*/
#main.cart .leftBlock .block .footer > table tr.text td.balls {
  line-height: 25px;
}
#main.cart .leftBlock .block .footer > table tr.text td.balls .quest_tooltip {
  top: 3px;
  position: relative;
}
#main.cart .leftBlock .block .footer > table tr.text td > .balls-description {
    color:#383838;
    background-color: #d8d8d8;
    width:243px;
    height:45px;
    position: absolute;
    z-index: 100000;
    margin-left:160px;
    margin-top:20px;
    padding:15px;
    line-height: 1.3em;
    text-align: left;
    font-size: .95em;
    display: none;
}

#main.cart .leftBlock .block.game .row {
	position: relative;
	padding:20px 20px 25px 20px;
	border-bottom: 1px solid #E5E5E5;
}
#main.cart .leftBlock .block.game .row.not-buy{
	background: #f5ebeb;
}

#main.cart .leftBlock .block.game .row:first-child{
  border-top: none;
}

#main.cart .leftBlock .block.game .row:last-child{
  border-bottom: none;
}

#main.cart .leftBlock .block.game .row .half:first-child {
	width:400px;
}

/*#main.cart .leftBlock .block.game .row .half:last-child {*/
/*	width:280px;*/
/*}*/
#main.cart .leftBlock .block.game .row .half.edit {
	width:280px;
}

#main.cart .leftBlock .block.game .container {
    width:101px;
    margin-left:7px;
	float:left;
}

#main.cart .leftBlock .block.game .box-wrapper {
	position:absolute;
	width:111px;
	height:148px;
	background-image:url(../images/case-min.png);
	background-repeat:no-repeat;
	background-position: center center;
	margin-top:-1.5px;
	cursor:pointer;
}

#main.cart .leftBlock .block.game .description {
	float:left;
	margin-left:20px;
	width:255px;
}

#main.cart .leftBlock .block.game .description span {
	width:100%;
	float:left;
	padding:3px 0;
	font-size:.9em;
	color:#393939;
}

#main.cart .leftBlock .block.game .description .title {
	font-family: Intro, arial;
	color:black;
	margin-bottom:5px;
}

#main.cart .leftBlock .block.game .description a {
    text-decoration: none;
}

#main.cart .leftBlock .block.game .description a.addon {
	color:#5d9300;
	font-size:.9em;
	float:left;
}


#main.cart .leftBlock .block.game .description a.addon:after {
	content:'';
	width:21px;
	height:13px;
	float:right	;
	background:url(../images/icons.png) -389px -6px;
	margin-top:4px;
	margin-left:3px;
}


#main.cart .leftBlock .block.game .edit {
    height:24px;
    vertical-align: middle;
    padding-top:55px;
}

#main.cart .leftBlock .block.game .minus,
#main.cart .leftBlock .block.game .plus {
	text-decoration:none;
	color:#465a58;
    vertical-align: middle;
	font-size:3.2em;
	float:left;
	margin:3px 5px;
    font-family: Intro, arial;
}

#main.cart .leftBlock .block.game .plus {
    margin-top:6px;
    vertical-align: middle;
}

#main.cart .leftBlock .block.game .del {
	float: right;
  vertical-align: middle;
  margin-top: 4px;
	width: 23px;
	height: 23px;
	background: url("/public/images/new_buttons.png") -1029px -591px no-repeat;
}

#main.cart .leftBlock .block.game .del:hover {
	background-position: -1029px -630px;
}

#main.cart .leftBlock .block.game .del:active {
	background-position: -1029px -666px;
}

#main.cart .leftBlock .block.game .edit .price {
	width:140px;
	float:right;
	text-align:center;
	font-family: Intro, arial;
	font-size:2em;
	color:black;
    margin-top:4px;
}

#main.cart .leftBlock .block.game .quantity {
	width:50px;
	height:24px;
	text-align:center;
	float:left;
    font-size:2.2em;
    color:#465a58;
    vertical-align: middle;
    font-family: arial;
    margin-top:2px;
}

#main.cart .leftBlock .block.game .row .cart-not-buy-text{
	/*position: absolute;*/
	float: right;
	width: 100%;
	bottom: 20px;
	font-size: .9em;
	color: #cc0000;
	text-align: center;
}

#main.cart .leftBlock .block.game .footer {
	text-align:right;
	font-size:.9em;
	padding:10px 10px;
}

#main.cart .leftBlock .block.game .footer .price {
	font-family: Intro, arial;
	font-size:1.7em;
}

/*   AUTH    */

#main.cart .leftBlock .authBlock {
    width:330px;
    height:45px;
    background-color: #d8d8d8;
    border-radius: 10px;
    display: block;
    margin:0 auto;
    margin-bottom: 20px;
    text-align: center;
    color:#383838;
    font-size:11px;
    padding:10px;
}

#main.cart .leftBlock .authBlock > a {
    color:#5d990a;
    text-decoration: none;
    border-bottom:1px #5d990a dotted;
}





/*  Форма контактов  */

#main.cart .leftBlock .block.form {
	width:680px;
	padding:20px 20px 0 20px;
}

#main.cart .leftBlock .block.form .view{
	width:415px;
	float:left;
}

#main.cart .leftBlock .block.form .view .row{
	width:100%;
	border:0;
	margin-bottom:10px;
}

#main.cart .leftBlock .block.form .view .row label,
#main.cart .leftBlock .block.form .view .row.error label{
	float:left;
	width:155px;
	font-size:14px!important;
	padding:14px 0;
	color:#333333!important;
}

#main.cart input[type="text"]{
  border-radius: 5px;
  height: 40px;
  font-size: 19px;
  padding-left: 10px;
  font-family: "Trebuchet MS";
  border: 1px solid #DCDCDC;
}
#main.cart input[type="text"]:focus{
  border: 1px solid #469F1F;
}
#main.cart .leftBlock .block.form .view .row input[type="text"]{
	width: 220px;
	margin-right: 10px;
	float: right;  
}

#main.cart .leftBlock .block.form .view .row.error input[type="text"]{
    border:1px #cc0000 solid !important;
}

#main.cart .leftBlock .block.form .row span.error{
	margin-top:-10px;
	float:left;
	margin-left:170px;
	font-size:13px;
	font-family: "Trebuchet MS";
	color:#cc0000;
  height:16px;
  width:200px;
  margin-bottom: 3px;
}

#main.cart .leftBlock .block.form .row:first-child {
    margin-top:-8px;
}

#main.cart .leftBlock .block.form .row:last-child {
	border-top:1px #d8d8d8 solid;
	padding:10px 0 0 0;
}

#main.cart .leftBlock .block.form .row:last-child .checkbox {
    width:20px;
    position: relative;
    height:20px;
    float:left;
    cursor:pointer;
    margin-top:-4px;
    background:white;
    margin-right:15px;
    border:1px #cbcbcb solid;
    border-radius: 4px;
    box-shadow:
        inset 0 1px 1px 0px rgba(0,0,0,0.2)
}

#main.cart .leftBlock .block.form .row:last-child .checkbox.active {
    background: #fff url(../images/icons.png) -343px -52px no-repeat;
}

#main.cart .leftBlock .block.form .row:last-child label{
	float:left;
	width:370px;
	padding:0;
	font-size:.85em!important;
	line-height:1.4em;
    font-family: Helvetica;
    font-style:italic;
}

#main.cart .leftBlock .block.form .description {
	float:right;
	width:230px;
	background:#d8d8d8;
	font-size:.85em;
	line-height:1.4em;
	padding:10px;
	border-radius: 5px;
	color:#343434;
	font-style:italic;
}

/*  Форма qiwi  */

#main.cart .leftBlock .block.qiwi {
    width:680px;
    padding:20px;
}

#main.cart .leftBlock .block.qiwi .view{
    width:500px;
    float:left;
}

#main.cart .leftBlock .block.qiwi .view .row{
    width:100%;
    border:0;
    margin-bottom:10px;
}

#main.cart .leftBlock .block.qiwi .view .row label,
#main.cart .leftBlock .block.qiwi .view .row.error label{
    float:left;
    width:240px;
    font-size:14px!important;
    padding:12px 0px 4px 0px;
    margin-top:-10px;
    color:#333333!important;
}

#main.cart .leftBlock .block.qiwi .view .row input[type="text"]{
    width:250px;
    float:right;
    margin-top: -4px;
}

#main.cart .leftBlock .block.qiwi .view .row.error input[type="text"]{
    border:1px #cc0000 solid;
}

#main.cart .leftBlock .block.qiwi .row span.error{
    margin-top:-23px;
    float:left;
    position: absolute;
    margin-left:255px;
    font-size:13px;
    font-family: "Trebuchet MS";
    color:#cc0000;
}



#main.cart .leftBlock .block.qiwi .description {
    float:left;
    width:600px;
    background:#d8d8d8;
    font-size:.85em;
    line-height:1.4em;
    padding:10px;
    border-radius: 5px;
    color:#343434;
    font-style:italic;
}



/*  Форма platron  */

#main.cart .leftBlock .block.platron {
    width:680px;
    padding:20px;
}

#main.cart .leftBlock .block.platron .view{
    width:500px;
    float:left;
}

#main.cart .leftBlock .block.platron .view .row{
    width:100%;
    border:0;
    margin-bottom:10px;
}

#main.cart .leftBlock .block.platron .view .row label,
#main.cart .leftBlock .block.platron .view .row.error label{
    float:left;
    width:240px;
    font-size:14px!important;
    padding:12px 0px 5px 12px;
    margin-top:2px;
    color:#333333!important;
}

#main.cart .leftBlock .block.platron .view .row input[type="text"]{
    width:250px;
    height:42px;
    border-radius: 5px;
    float:right;
    font-size:19px;
}

#main.cart .leftBlock .block.platron .view .row.error input[type="text"]{
    border:1px #cc0000 solid;
}

#main.cart .leftBlock .block.platron .row span.error{
    margin-top:-10px;
    float:left;
    margin-left:245px;
    font-size:13px;
    color:#cc0000;
}



#main.cart .leftBlock .block.platron .description {
    float:left;
    width:600px;
    background:#d8d8d8;
    font-size:.85em;
    line-height:1.4em;
    padding:10px;
    border-radius: 5px;
    color:#343434;
    font-style:italic;
}


#main.cart .leftBlock .block.payment .row .third{
	height:95px;
	/*width:358.9px;*/
	width: 20%;
	border-right:1px #dadada solid;
	border-left:1px #fefefe solid;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	display: table-cell;
	box-sizing: border-box;
}

#main.cart .leftBlock .block.payment .row .third input{
	display:none;
}

#main.cart .leftBlock .block.payment .row .third.enable:hover{
    background-color:#fff!important;
}

#main.cart .leftBlock .block.payment .row .third.active{
	background-color:#fff!important;
}

#main.cart .leftBlock .block.payment .row .third.active:before{
	content:'';
	background:url(../images/icons.png) -390px -24px;
	width:26px;
	height:24px;
	display:block;
	position:absolute;
	margin-left:20px;
	margin-top:35px;

}

#main.cart .leftBlock .block.payment .row .third.disable {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

#main.cart .leftBlock .block.payment .row .third.disable:after {
    content:"временно не работает";
    margin-top:75px;
    display: block;
    font-weight: bold;
    font-size: 1.2em;
    color:red;
}

#main.cart .leftBlock .block.payment .row:first-child {
	border-bottom:1px #dadada solid;
	border-top:0;
}

#main.cart .leftBlock .block.payment .row:last-child {
	border-top:1px #fefefe solid;
}

#main.cart .leftBlock div.error.payment{
    width:700px;
	font-size:13px;
	color:#cc0000;
	text-align:center;
    position:absolute;
    margin-top:-20px;
}

#main.cart .leftBlock .block.payment .list-pay-lines{
	padding: 8px 20px 20px 20px;
}

#main.cart .leftBlock .block.payment .list-pay-lines .pay-line-border{
	margin-top: 12px;
	border-radius: 12px;
	border: 1px solid #d3d4dd;
}
#main.cart .leftBlock .block.payment .list-pay-lines .pay-line-border.active{
	border: 1px solid #5D990A;
	/*border: 1px solid #00b000;*/
}

#main.cart .leftBlock .block.payment .list-pay-lines .pay-line-border .pay-line{
	width: 100%;
	padding: 11px 16px 13px;
	display: flex;
	flex-wrap: wrap;
	cursor: pointer;
}
#main.cart .leftBlock .block.payment .list-pay-lines .pay-line-border .pay-line .pay-picture{
	width: 60px;
	min-width: 28px;
	height: 22px;
	margin-right: 12px;
}
#main.cart .leftBlock .block.payment .list-pay-lines .pay-line-border .pay-line .pay-text-block{
	font-size: 16px;
	line-height: 22px;
	color: #242424;
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
}
#main.cart .leftBlock .block.payment .list-pay-lines .pay-line-border .pay-line .pay-text-block .pay-text{

}

/*#main.cart .leftBlock .block.payment .row .third:first-child{*/
/*	border-left:0px;*/
/*	padding-left:1px;*/
/*}*/

/*#main.cart .leftBlock .block.payment .row .third:last-child{*/
/*	border-right:0px;*/
/*	padding-right:1px;*/
/*}*/

#main.cart .leftBlock .block.success .header {
	width:702px;
	height:37px;
	margin:-1px 0 0 -1px;
	background:url(../images/hits-menu-bg.png);
	font-size:2em;
	padding:23px 0 0 20px;
	color:#fff;
	text-shadow: 1px 1px 0px black;
	font-family: Intro, arial;
	box-sizing: border-box;
}

#main.cart .leftBlock .success {
	padding:20px 20px 0px 20px;
	color:#333;
    font-size: 1em;
}

#main.cart .leftBlock  .sale_order_full_table {
	margin:0px 20px 0px 20px;
	color:#333;
    border:0px;
}

#main.cart .leftBlock  .sale_order_full_table td {
      border:none;
}

#main.cart .leftBlock  .sale_order_full_table tr {
    border:none;
}

#main.cart .leftBlock  .sale_order_full_table tr td span.status {
    color:green;
    font-size: 2em;
    font-weight: bold;
    font-family: Intro, arial;
    color:#508013;
}

#main.cart .payment-description {
    width:364px;
    margin:0 auto;
    background:#d8d8d8;
    font-size:.85em;
    line-height:1.4em;
    padding:10px;
    border-radius: 5px;
    color:#343434;
    font-style:italic;
    text-align: center;
}

#main.cart .rightBlock.scroll {
	position:fixed;
	margin-left:743px;
	top:40px;
}

#main.cart .rightBlock .header {
	padding:20px 0 10px 0;
}

#main.cart .rightBlock .description {
	padding:0 22px;
	font-size:.9em;
	line-height:1.3em;
}

#main.cart .rightBlock .steps {
	width:100%;
	margin-top:20px;
}

#main.cart .rightBlock .steps .row {
	padding-left: 15px;
}



#main.cart .rightBlock .steps .row .point {
	float:left;
	width:20px;
	height:20px;
	border-radius: 15px;
	background:#d6d6d6;
	margin-right:5px;
	margin-top:-5px;
	padding:4px;
    box-shadow:
        inset 0 2px 2px 1px rgba(0,0,0,0.3),
        0 1px 0 rgba(255,255,255,0.5);
}

#main.cart .rightBlock .steps .row .point:after {
	content:'';
	width:5px;
	height:34px;
	float:left;
	background:#d6d6d6;
	position:absolute;
	margin-left:-12px;
	margin-top:23px;
    box-shadow:
        inset 0 0 0.5px 0 rgba(0,0,0,0.3),
        0 0 0 rgba(255,255,255,0.5);
}

#main.cart .rightBlock .steps .row .point span {
	width:20px;
	height:20px;
	font-size:1em;
	text-align:center;
	font-weight:bold;
	margin:0;
	color:transparent;
	border-radius: 10px;
	background-color:#f9f9f9;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top,#f9f9f9,#e5e5e5);
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e5e5e5));
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#f9f9f9,endColorstr=#e5e5e5,GradientType=0); zoom: 1;
	background: linear-gradient(top,#f9f9f9,#e5e5e5);
	background-clip: border-box;
	-moz-background-clip: border;
	-webkit-background-clip: border-box;
	background-origin: border-box;
	-moz-background-origin: border;
	-webkit-background-origin: border-box;
    box-shadow: 0 0 2px rgba(0,0,0,0.3),0 1px 1px rgba(0,0,0,0.25);
	text-shadow: 0.03px 0.06px 0.1px rgba(0,0,0,0.5);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
}

#main.cart .rightBlock .steps .row.done .point span {
	color:white;
	background-color:#88D810;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top,#88D810,#508013);
	background: -webkit-gradient(linear, left top, left bottom, from(#88D810), to(#508013));
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#88D810,endColorstr=#508013,GradientType=0); zoom: 1;
	background: linear-gradient(top,#88D810,#508013);
	background-clip: border-box;
	-moz-background-clip: border;
	-webkit-background-clip: border-box;
	background-origin: border-box;
	-moz-background-origin: border;
	-webkit-background-origin: border-box;
	box-shadow: 0 0 1px rgba(0,0,0,0.2),0 1px 1px rgba(0,0,0,0.1);
}

#main.cart .rightBlock .steps .row.current .point span {
	color:#508013;
}

#main.cart .rightBlock .steps .row.last .point:after {
	display:none;
}

#main.cart .rightBlock .steps .row .title {
	float:left;
	font-family: Intro, arial;
	color:#939393;
    width:155px;
}

#main.cart .rightBlock .steps .row.done .title {
	color:#508013;
}

#main.cart .rightBlock .steps .row.current .title {
	color:black;
}

#main.cart .rightBlock .steps .row span {
	float:left;
	color:#939393;
	font-size:.9em;
	width:100px;
	margin-top:-2px;
	min-height:20px;
}


/**    SORRY BLOCK     **/

#main.cart .full {
    width:100%;
    background:#f1f1f1;
    -webkit-box-shadow: 0 1px 1px #BFBFBF;
    -moz-box-shadow: 0 1px 1px #BFBFBF;
    box-shadow: 0 1px 1px #BFBFBF;
    min-height:100px;
    margin-bottom:20px;
    margin-top:20px;
    border:1px white solid;
}

#main.cart .full .header {
    width:925px;
    height:37px;
    margin:-1px 0 0 -1px;
    background:url(../images/hits-menu-bg.png);
    font-size:2em;
    padding:23px 0 0 20px;
    color:#fff;
    text-shadow: 1px 1px 0px black;
    font-family: Intro, arial;
}

#main.cart .full .block {
    padding:45px 20px 20px 20px;
}

#main.cart .full .row {
    margin:0;
    padding:0 0 0 80px;
}

#main.cart .full .row .box {
    width:208px;
    padding:45px 65px 20px 0px;
    text-align:center;
    min-height:315px;
}

#main.cart .full .row .box .container {
    width:195px;
    height:257px;
    margin-left:7px;
}

#main.cart .full .row .box .shadow:hover {
    opacity: 1;
}

#main.cart .full .row .box .shadow {
    background: rgba(0, 0, 0, 0.85);
    width:195px;
    display:block;
    height:257px;
    position:absolute;
    opacity: 0;
}

#main.cart .full .row .box .shadow .title {

    display:block;
    color:white;
    text-decoration:none;
    font-family: Intro, arial;
    width:180px;
    margin:0 auto;
    margin-top:80px;
}

#main.cart .full .row .box .shadow .title:hover {
    color:#77bb0d;
}

#main.cart .full .row .box .shadow .buy-button{
    z-index:100;
    margin-top:20px;
    position:absolute;
    margin-left:15px;
    width:170px;
    background-position: -250px 0;
}
#main.cart .full .row .box .shadow .buy-button:hover{
    background-position: -250px -40px;
}
#main.cart .full .row .box .shadow .buy-button:active{
    background-position: -250px -80px;
}


#main.cart .full .row .box .box-wrapper {
    position:absolute;
    width:205px;
    height:267px;
    background-image:url(../images/case.png);
    background-repeat:no-repeat;
    background-position: center center;
    margin-top:-2px;
    margin-left:-3px;
}


#main.cart .full .row .box span {
    margin-top:25px;
    display:block;
    font-size:1.3em;
    color:#373737;
    font-family: Intro, arial;
}


/*********     HELP PAGE     ***********/

#main.help .menu_left {
    float:left;
    width:196px;
    padding:20px 0 20px 0;
    border-right:1px #c1c1c1 solid;
}

#main.help .menu_left .nav-v {
    background-color: transparent;
    box-shadow: none;
}

#main.help .menu_left ul {
    padding:0 0 0 0;
}
#main.help .menu_left ul li {
    border:none;
}

#main.help .menu_left ul li.active a {
    color:#5d990a;
}


#main.help .menu_left ul li a {
    padding:10px 0 0 0;
    text-align: left;
    text-transform: uppercase;
    font-size: .9em;
}

#main.help .content {
    float:right;
    width:725px;
    margin-right: 3px;
    min-height: 100px;
}

#main.help .content > .header {
    font-family: Intro, arial;
    border-bottom:1px #c1c1c1 solid;
    padding-bottom:14px;
}

#main.help .content .tabs > .header {
    font-family: Intro, arial;
    font-size: .8em;
}

#main.help .content .tabs > .nav-g {
    box-shadow: none;
    padding:0;
    margin-top:-10px;
    background-color: #f1f1f1;
    min-height: 105px;
    border:1px white solid;

}

#main.help .content .tabs > .nav-g ul {
    padding:0;
    margin:0;
}


#main.help .content .tabs > .nav-g ul li {
    /*background-image: url(../images/distributions.png);*/
    /*background-repeat: no-repeat;*/
    margin:0;
    padding:10px;
    border-right:1px #d9d9d9 solid;
    border-left:1px white solid;
    height:85px;
}

#main.help .content .tabs > .nav-g ul li.active,
#main.help .content .tabs > .nav-g ul li:hover {
    background-color: white;
}

#main.help .content .tabs > .nav-g ul li:hover a {
    color:black;
}

#main.help .content .tabs > .nav-g ul li:first-child {
    border-left:0px;
}

#main.help .content .tabs > .nav-g ul li:last-child {
    border-right:0px;
}


/*#main.help .content .tabs > .nav-g ul li.steam {*/
/*    background-position: 10px 10px;*/
/*}*/

/*#main.help .content .tabs > .nav-g ul li.origin {*/
/*    background-position: -167px 10px;*/
/*}*/

/*#main.help .content .tabs > .nav-g ul li.battlenet {*/
/*    background-position: -340px 10px;*/
/*}*/

/*#main.help .content .tabs > .nav-g ul li.uplay {*/
/*    background-position: -510px 10px;*/
/*}*/

/*#main.help .content .tabs > .nav-g ul li.bethesda {*/
/*	background-position: -688px 10px;*/
/*}*/

/*#main.help .content .tabs > .nav-g ul li.epic-games {*/
/*	background-position: -860px 10px;*/
/*}*/

#main.help .content .tabs > .nav-g ul li a {
	position: relative;
	width:81.8px;
	max-height: 66px;
	padding:0;
	background-repeat: no-repeat;
	background-size: contain;
}

#main.help .content .tabs > .nav-g ul li a > .title {
    text-align: center;
    margin:70px 0 0 0;
    font-size: .85em;
}

#main.help .content .steps {
    margin-top:15px;
}

#main.help .content .steps > .step > .number {
    float:left;
    color:white;
    background-color:#88D810;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(top,#88D810,#508013);
    background: -webkit-gradient(linear, left top, left bottom, from(#88D810), to(#508013));
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#88D810,endColorstr=#508013,GradientType=0); zoom: 1;
    background: linear-gradient(top,#88D810,#508013);
    background-clip: border-box;
    -moz-background-clip: border;
    -webkit-background-clip: border-box;
    background-origin: border-box;
    -moz-background-origin: border;
    -webkit-background-origin: border-box;
    box-shadow: 0 0 1px rgba(0,0,0,0.2),0 1px 1px rgba(0,0,0,0.1);
    width:30px;
    height:30px;
    margin:0 10px 0 0;
    text-align: center;
    line-height: 30px;
    border-radius: 20px;
    font-family: Intro, arial;
}

#main.help .content .steps > .step > .number_title {
    float:left;
    margin-left: 5px;
    font-family: Intro, arial;
    color:#5d990a;
    font-size: .8em;
    line-height: 30px;
}

#main.help .content .steps > .step > .title {
    float:left;
    line-height: 30px;
    font-family: Intro, arial;
    font-size: .8em;
    margin-left:20px;
    width:600px;
}

#main.help .content .steps > .step > img {
    border:1px white solid;
    margin-top:10px;
    margin-left:34px;
    -webkit-box-shadow:0 0 4px #737373;
    -moz-box-shadow:0 0 4px #737373;
    box-shadow:0 0 4px #737373;
}

/*********     HOW BUY PAGE     ***********/

#main.how_buy {
  padding-top: 0px !important;
}

#main.how_buy > .descriptionBlock {
    width:100%;
    min-height:200px;
    background:#f1f1f1;
    -webkit-box-shadow: 0 1px 1px #BFBFBF;
    -moz-box-shadow: 0 1px 1px #BFBFBF;
    box-shadow: 0 1px 1px #BFBFBF;
}

#main.how_buy > .descriptionBlock p {
    margin:20px;
}

#main.how_buy > .descriptionBlock .header {
    width:940px;
    height:37px;
    background:url(../images/hits-menu-bg.png);
    font-size:2em;
    padding:23px 0 0 20px;
    color:#fff;
    text-shadow: 1px 1px 0px black;
    font-family: Intro, arial;
}

#main.how_buy > .steps {
    width:100%;

}
#main.how_buy > .steps .header {
    font-family: Intro, arial;
    border-bottom:1px #c1c1c1 solid;
    padding-bottom:14px;
}

#main.how_buy > .steps .step {
    width:100%;
    margin:20px 0;
}


#main.how_buy > .steps .step > .number {
    float:left;
    color:white;
    background-color:#88D810;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(top,#88D810,#508013);
    background: -webkit-gradient(linear, left top, left bottom, from(#88D810), to(#508013));
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#88D810,endColorstr=#508013,GradientType=0); zoom: 1;
    background: linear-gradient(top,#88D810,#508013);
    background-clip: border-box;
    -moz-background-clip: border;
    -webkit-background-clip: border-box;
    background-origin: border-box;
    -moz-background-origin: border;
    -webkit-background-origin: border-box;
    box-shadow: 0 0 1px rgba(0,0,0,0.2),0 1px 1px rgba(0,0,0,0.1);
    width:30px;
    height:30px;
    margin:0 10px 0 0;
    text-align: center;
    line-height: 30px;
    border-radius: 20px;
    font-family: Intro, arial;
}

#main.how_buy > .steps .step > .number_title {
    float:left;
    margin-left: 5px;
    font-family: Intro, arial;
    color:#5d990a;
    font-size: .8em;
    line-height: 30px;
}

#main.how_buy > .steps .step > .slider3d > .title {
    float:left;
    line-height: 20px;
    padding-top:5px;
    font-family: Intro, arial;
    font-size: .8em;
    color:#5d990a;
    margin-left:60px;
    width:835px;
    margin-top:-52px;
}
#main.how_buy > .steps .step > .slider3d > .title a {
    text-decoration: none;
    color:#5d990a;
    border-bottom:#5d990a 1px dashed;
}

#main.how_buy > .steps .step > .slider3d > .title a.active {
    color:black;
    border-bottom: 0;
}

/* slider3d */

#main.how_buy > .steps .step > .slider3d{
    width:900px;
    position: relative;
    margin-top: 22px;
    margin-left:40px;
    min-height: 440px;
}
#main.how_buy > .steps .step > .slider3d .arr-l, .slider3d .arr-r{
  background-image:url("/public/images/new_buttons.png");
  background-repeat: no-repeat;
  width: 23px;
  height: 23px;
  top: 50%;
  margin-top: -43px;
  position: absolute;
  cursor: pointer;
}

#main.how_buy > .steps .step > .slider3d .arr-l{
  left: -35px;
  background-position: -1054px -591px;
}

#main.how_buy > .steps .step > .slider3d .arr-l:hover{
  background-position: -1054px -630px;
}

#main.how_buy > .steps .step > .slider3d .arr-l:active{
  background-position: -1054px -666px;
}

#main.how_buy > .steps .step > .slider3d .arr-r{
  right: -7px;
  background-position: -1080px -591px;
}

#main.how_buy > .steps .step > .slider3d .arr-r:hover{
  background-position: -1080px -630px;
}

#main.how_buy > .steps .step > .slider3d .arr-r:active{
  background-position: -1080px -666px;
}

#main.how_buy > .steps .step > .slider3d .slide{
    height: 389px;
    width: 850px;
    position: absolute;
    top: 0;
    left: 0;
    border:1px white solid;
    -webkit-box-shadow:0 0 4px #737373;
    -moz-box-shadow:0 0 4px #737373;
    box-shadow:0 0 4px #737373;
}



#backTop {
    width:50px;
    height:50px;
    display: block;
    position: fixed;
    z-index: 10;
    margin-left:780px;
    background-image:url(../images/icons.png);
    background-repeat: no-repeat;
    background-position: -417px 0;
    top:500px;
    cursor: pointer;
}

#alertMessage {
    width:325px;
    height:111px;
    position:absolute;
    background-color: #d8d8d8;
    padding:30px;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px; /* KHTML */
    border-radius: 5px; /* CSS3 */
    -webkit-box-shadow:0 0 20px #525252;
    -moz-box-shadow:0 0 20px #525252;
    box-shadow:0 0 20px #525252;
    z-index: 10001;
    top:40%;
    left:50%;
    margin-left:-200px;
    display: none;

}

#alertMessage > .close {
  position:absolute;
  background-image:url("/public/images/new_buttons.png");
  width: 23px;
  height: 23px;
  display:block!important;
  top: -13px;
  right: -12px;
  cursor: pointer;
  background-position: -1029px -591px;
}

#alertMessage .close:hover {
  background-position: -1029px -630px;
}

#alertMessage .close:active {
  background-position: -1029px -666px;
}

#alertMessage > .text {
    vertical-align: middle;
    display: table-cell;
    height:110px;
    width:320px;
}


/* REDACTOR BLOCK   */

#main.redactorBlock {
  padding-bottom: 100px;
}

#main.redactorBlock .content { float: left; width: 679px; margin: 0px 0px 43px 20px; }

/*
.redactorBlock {
    font-size:1em!important;
}
*/

.redactorBlock > h1,
.redactorBlock > h2,
.redactorBlock > h3 {
    font-family: Intro, arial;
}

.redactorBlock > a {
    color:#5d990a;
}

.redactorBlock p:last-child {
    margin-bottom: 0;
}

.redactorBlock > table tr td,
.redactorBlock > table tr th {
    border-bottom:1px #cccccc solid;
    color:#383838;
    padding-left:10px;
    padding-right:10px;
    min-width:170px;
}

.redactorBlock > table tr td {
    font-weight: bold;
}
.redactorBlock > blockquote {
    background-color: #d8d8d8;
    border:0;
    color:#383838;
    padding:20px;
    width:640px;
}

.redactorBlock > ol {
    list-style: none;
    margin-left:20px;
    counter-reset:li;
}

.redactorBlock > ol li {
    margin-bottom: 15px;
    position:relative;
    color:#383838;
}

.redactorBlock > ol li:last-child {
    margin-bottom: 0px;
}

.redactorBlock > ol li:before {
    content:counter(li)'.'; /* В качестве данных используем счетчик */
    counter-increment:li; /* Увеличиваем значение счетчика на 1 */
    /* Позиционируем и оформляем цифры */
    position:absolute;
    left:-20px;
    font-weight:bold;
}

.redactorBlock > ul {
    list-style: none;
    margin-left:14px;
}

.redactorBlock > ul li {
    margin-bottom: 15px;
    position:relative;
    color:#383838;
    font-size:14px!important;
}

.redactorBlock > ul li:last-child {
    margin-bottom: 0px;
}

.redactorBlock > ul li:before {
    content:'';
    position: absolute;
    width:5px;
    height:5px;
    background-color: #383838;
    left:-14px;
    top:7px;
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    -khtml-border-radius: 4px; /* KHTML */
    border-radius: 4px; /* CSS3 */
}


/***   LOGIN BLOCK BEGIN    **/

div#loginBlock {
    position:fixed;
    left:0px;
    top:0px;
    background: rgba(0, 0, 0, 0.80);
    height:100%;
    width:100%;
    z-index:100001;
    display: none;
}


#loginBlock  > .block {
    width:807px;
    height:337px;
    top:30%;
    position:fixed;
    z-index: 10001;
    margin-left:20%;
    background-color: #f1f1f1;
    border:1px #fcffff solid;
}

#loginBlock  > .block > .form {
    float:left;
}

.form .close {
    position:absolute;
    background-image:url("/public/images/new_buttons.png");
    width: 23px;
    height: 23px;
    display:block!important;
    top: -13px;
    right: -12px;
    cursor: pointer;
    background-position: -1029px -591px;
}

.form .close:hover {
  background-position: -1029px -630px;
}

.form .close:active {
  background-position: -1029px -666px;
}

#loginBlock   > .block  > .form > .header {
    height:20px;
    width:360px;
    text-align: center;
    color:black;
    font-family: Intro, arial;
    font-size:2em;
    padding:40px 20px 20px 20px;
    text-shadow: 0px -1px 0px #303030;
}


#loginBlock  > .block > .form > form {
    width:318px;
    height:238px;
    padding:10px 40px;
}

#loginBlock  > .block > .form > form > .description {
    font-style: italic;
    font-size:.9em;
    margin:10px 0;
}

#loginBlock  > .block > .form > form > .row {
    margin-left:0;
    font-size:1em;
}

#loginBlock  > .block > .form > form > .row.last {
    margin-top:-10px;
}

#loginBlock  > .block > .form > form > .row.last label {
    font-size:.9em;

}

#loginBlock  > .block > .form > form > .row > label {
    width:200px;
    float:left;
    display: block;
    color:black!important;
}

#loginBlock  > .block > .form > form > .row > a {
    float:right;
    margin-right:-5px;
    text-decoration: none;
    font-size: .9em;
    line-height: 1em;
    margin-top:3px;
}


.form > form > .row > input[type="text"],
.form > form > .row > input[type="password"]
{
  width:100%;
  display: block;
  border-radius: 5px;
  float:left;
  height:40px;
  margin:0;
  font-size: 19px;
  padding-left: 10px;
  font-family: "Trebuchet MS";
  border: 1px solid #DCDCDC;
}
.form > form > .row > input[type="text"]:focus,
.form > form > .row > input[type="password"]:focus
{
  border: 1px solid #469F1F;
}
#loginBlock  > .block > .form > form > .row.error > input[type="text"],
#loginBlock  > .block > .form > form > .row.error > input[type="password"]{
    border:1px #fd0606 solid;
    background: #fbdfdf url("../images/input-alert-icon.png") 290px center no-repeat;
}



#loginBlock  > .block > .form > form > .row > .checkbox {
    width:20px;
    position: relative;
    height:20px;
    float:left;
    cursor:pointer;
    margin-top:-2px;
    background:white;
    margin-right:15px;
    border:1px #cbcbcb solid;
    border-radius: 4px;
    box-shadow:
        inset 0 1px 1px 0px rgba(0,0,0,0.2)
}

#loginBlock  > .block > .form > form > .row > .checkbox.active {
    background: #fff url(../images/icons.png) -343px -52px no-repeat;
}

#loginBlock  > .block > .form > form > .errorMessage {
    color:red;
    width:100%;
    text-align: center;
    margin-top:5px;
    display:none;
}

/***   LOGIN BLOCK END    **/

div#regBlock {
    position:fixed;
    left:0px;
    top:0px;
    background: rgba(0, 0, 0, 0.80);
    height:100%;
    width:100%;
    z-index:100001;
    display: none;
}


#regBlock  > .block {
    width:807px;
    height:337px;
    top:30%;
    position:fixed;
    z-index: 10001;
    margin-left:20%;
    background-color: #f1f1f1;
    border:1px #fcffff solid;
}

#regBlock  > .block > .form {
    float:left;
}

#regBlock   > .block  > .form > .header {
    height:20px;
    width:360px;
    text-align: center;
    color:black;
    font-family: Intro, arial;
    font-size:2em;
    padding:40px 20px 20px 20px;
    text-shadow: 0px -1px 0px #303030;
}


#regBlock  > .block > .form > form {
    width:318px;
    height:238px;
    padding:10px 40px;
}

#regBlock  > .block > .form > form > .description {
    font-style: italic;
    font-size:.9em;
    margin:10px 0;
}

#regBlock  > .block > .form > form > .row {
    margin-left:0;
    font-size:1em;
}

#regBlock  > .block > .form > form > .row.last {
    margin-top:-10px;
}

#regBlock  > .block > .form > form > .row.last label {
    font-size:.9em;

}

#regBlock  > .block > .form > form > .row > label {
    width:200px;
    float:left;
    display: block;
    color:black!important;
}

#regBlock  > .block > .form > form > .row > a {
    float:right;
    margin-right:-5px;
    color:#5d990a;
    font-size: .9em;
    border-bottom:1px #5d990a dotted;
    line-height: 1em;
    margin-top:3px;
    text-decoration: none;
}


#regBlock  > .block > .form > form > .row > input[type="text"],
#regBlock  > .block > .form > form > .row > input[type="password"]{
    width:100%;
    display: block;
    border-radius: 5px;
    float:left;
    height:40px;
    font-size:19px;
    margin:0;
}

#regBlock  > .block > .form > form > .row.error > input[type="text"],
#regBlock  > .block > .form > form > .row.error > input[type="password"]{
    border:1px #fd0606 solid;
    background: #fbdfdf url("../images/input-alert-icon.png") 290px center no-repeat;
}



#regBlock  > .block > .form > form > .row > .checkbox {
    width:20px;
    position: relative;
    height:20px;
    float:left;
    cursor:pointer;
    margin-top:-2px;
    background:white;
    margin-right:15px;
    border:1px #cbcbcb solid;
    border-radius: 4px;
    box-shadow:
        inset 0 1px 1px 0px rgba(0,0,0,0.2)
}

#regBlock  > .block > .form > form > .row > .checkbox.active {
    background: #fff url(../images/icons.png) -343px -52px no-repeat;
}

#regBlock  > .block > .form > form > .errorMessage {
    color:red;
    width:100%;
    text-align: center;
    margin-top:5px;
    display:none;
}


#regBlock  > .block > .form > form > input#auth {
    width:100%;
    background:url(../images/buttons.png);
    background-repeat:no-repeat;
    width:211px;
    background-position: -820px 0;
    height:41px;
    border:none;
    margin-left:55px;
}

/***   RECOVERY BLOCK END    **/


div#recoveryBlock {
    position:fixed;
    left:0px;
    top:0px;
    background: rgba(0, 0, 0, 0.80);
    height:100%;
    width:100%;
    z-index:100001;
    display: none;
}


#recoveryBlock  > .form {
    width:440px;
    height:308px;
    top:30%;
    position:fixed;
    z-index: 10001;
    margin-left:35%;
    border:1px #fcffff solid;
    background-color: #f1f1f1;
}

#recoveryBlock  > .form > .header {
    height:20px;
    width:440px;
    color:black;
    text-align: center;
    font-family: Intro, arial;
    font-size:1.8em;
    padding:40px 0 0 0;
    text-shadow: 0px -1px 0px #303030;
}


#recoveryBlock > .form > form {
    width:318px;
    height:200px;
    padding:30px 40px;
    margin-left:20px;
}

#recoveryBlock > .form > form > .row {
    margin-left:0;
    font-size:1em;
}


#recoveryBlock > .form > form > .description {
    margin-top:-10px;
    font-size: .9em;
    font-style: italic;
}

#recoveryBlock > .form > form > .row > label {
    width:200px;
    float:left;
    display: block;
}


#recoveryBlock > .form > form > .row > input[type="text"] {
    width:100%;
    display: block;
    border-radius: 5px;
    float:left;
    height:40px;
    font-size:19px;
}

#recoveryBlock > .form > form > .row.error > input[type="text"] {
    border:1px #fd0606 solid;
    background: #fbdfdf url("../images/input-alert-icon.png") 290px center no-repeat;
}

#recoveryBlock > .form  > form > .errorMessage {
    color:red;
    width:100%;
    text-align: center;
    margin-top:10px;
    display:none;
}

/***   PERSONAL PAGE BLOCK END    **/

.new_profile_block {
    min-height:500px;
}
.new_profile_block hr{
  margin: 25px 0;
}
.new_profile_block > .columnLeft {
    float:left;
    width:220px;
}

.new_profile_block > .columnLeft > ul {
    float:left;
    margin:0;
    padding:0;
    margin-top: 20px;
}

.new_profile_block > .columnLeft > ul > li {
    height:20px;
    width:180px;
    font-size: .9em;
    padding:5px;
}

.new_profile_block > .columnLeft > ul > li.active {
    height:18px;
    background: url("../images/personal-icons.png") -545px -1px;
    padding: 10px;
    margin: 5px 0;
}

.new_profile_block > .columnLeft > ul > li.active:first-child {
    margin-top: 0px;
}

.new_profile_block > .columnLeft > ul > li a {
    color:white;
    text-decoration: none;
    font-family: Intro, arial;
}

.new_profile_block > .columnLeft > ul > li.active a {
    color:white!important;
}

.new_profile_block > .columnLeft > ul > li:hover a {
    color:#5d990a;
    text-decoration: none;
    font-family: Intro, arial;
}

.new_profile_block > .columnLeft > .description {
    display:block;
    float:left;
    margin-top:25px;
    margin-bottom:50px;
    color:#727c7d;
}


.new_profile_block > .columnRight {
    float:left;
    width:740px;
    margin-top: 20px;
}

.new_profile_block > .columnRight > .profileBlock {
    width:520px;
    float:left;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background-color: #f1f1f1;
    padding:0px 20px 20px 20px;
}

.new_profile_block > .columnRight > .profileBlock > .name {
    color:#000000;
    font-size: 16px;
    font-family: "Trebuchet MS";
    font-weight: bold;
    float:left;
    margin-top: 23px;
    width:300px;
}

.new_profile_block > .columnRight > .profileBlock > .edit {
    text-decoration: none;
    font-size: .8em;
    padding:0;
}

.new_profile_block > .columnRight > .profileBlock > .edit:last-child {
    margin-top:-1px;
    float:left;
    line-height: 1em;
}

.new_profile_block > .columnRight > .profileBlock > .status {
    width:160px;
    float:right;
    margin-top: 19px;
}

.new_profile_block > .columnRight > .profileBlock > .status > .icon{
  margin-left:-48px;
  width:34px;
  height:34px;
  float:left;
  background-image: url("../images/personal-icons.png");
  background-repeat: no-repeat;
}
.new_profile_block > .columnRight > .profileBlock > .status > .icon.bronze {
   background-position: 0 -84px;
}
.new_profile_block > .columnRight > .profileBlock > .status > .icon.silver {
  background-position: -34px -84px;
}
.new_profile_block > .columnRight > .profileBlock > .status > .icon.gold { 
  background-position: -68px -84px;
}
.new_profile_block > .columnRight > .profileBlock > .status > .title {
  color:#000000;
  font-weight: bold;
  margin-top: 5px;
  font-family: "Trebuchet MS";
  font-size: 13px;
}

.new_profile_block > .columnRight > .profileBlock > .status > .description {
  color:#565656;
  font-family: "Trebuchet MS";
  font-size: 11px;
  line-height: 15px;
  margin-top: 2px;
}

.new_profile_block > .columnRight > .summaryBlock {
    width:150px;
    height:60px;
    float:right;
    background-color: #f1f1f1;
    text-align: center;
    font-family: Intro, arial;
    margin-top:40px;
    font-size: 42px;
}
.new_profile_block > .columnRight > .summaryBlock > .count {
  display: inline-block;
  font-size: 44px;
  line-height: 64px;
  font-weight: bold;
  margin-right:3px;
  font-family: 'PTSansBold' !important;
}
.new_profile_block > .columnRight > .summaryBlock:before {
  content:"";
  display: block;
  width:150px;
  height:42px;
  margin-top: -40px;
  background: url("../images/personal-icons.png") -2px 0 no-repeat;
}
#main.personalBlock > .columnRight > .list {
    margin-top:10px;
}
#main.personalBlock > .columnRight > .list  .game {
    width:720px;
    min-height:64px;
    margin-top:10px;
    float:left;
}
#main.personalBlock > .columnRight > .list > .game  .date {
    float:left;
    display: block;
    height:100%;
    width:54px;
    text-align: center;
    color:#393939;
    font-size: .9em;
    line-height: 1.3em;
    padding: 17px 10px 11px 10px;
    background-color: #ececec;
    border-right:1px #dadada solid;
}

#main.personalBlock > .columnRight > .list  .game  .rows  {
    float:left;
    background-color: #f1f1f1;
    width:495px;
    padding:0 10px;
    border:1px #ffffff solid;
    border-right:1px #f1f1f1 solid;
    min-height:14px;
}

#main.personalBlock > .columnRight > .list  .game  .rows  .row  {
    height:62px;
    margin:0;
}

#main.personalBlock > .columnRight > .list  .game  .rows  .row  .title {
    font-family: Intro, arial;
}

#main.personalBlock > .columnRight > .list  .game  .rows  .row  .price {
    text-align: right;
    color:#3e4849;
    font-weight: bold;
}

#main.personalBlock > .columnRight > .list  .game  .rows .row  .price > .sale {
    color:#3e4c4d;
    font-family: Intro, arial;
    font-size:.8em;
    display: block;
    margin-top:-5px;
}

#main.personalBlock > .columnRight > .list  .game  .rows  .row  .price  .sale > span {
    color:#5d990a;
}

#main.personalBlock > .columnRight > .list  .game  .balls {
    float:left;
    width:166px;
    height:64px;
    font-family: Intro, arial;
    color:white;
    font-size: .9em;
    text-align: right;
    background:url("../images/personal-icons.png") -202px 0 no-repeat;
    position:absolute;
    margin-left:552px;

}

#main.personalBlock > .columnRight > .list  .game  .balls.none {
    background:url("../images/personal-icons.png") -368px 0 no-repeat;
}

#main.personalBlock > .columnRight > .list  .game  .balls  .count {
    font-size: 30px;
    height:64px;
    width:70px;
    line-height: 2.5em;
    color: white;
    font-family: Intro;
}

#main.personalBlock > .columnRight > .list  .game  .balls  .text {
    float:right;
    height:24px;
    width:90px;
    line-height: 1.2em;
    text-align:left;
    padding: 22px 0 17px 0px;
    color: white;
    font-size: 11px;
}

#main.personalBlock > .columnRight > .list  .summary {
    float:right;
    font-family: Intro, arial;
    color:white;
    margin-right:150px;
    margin-top:20px;
}

#main.personalBlock > .columnRight > .list > .summary > .title {
    float:left;
    width:100px;
    line-height: 1.1em;
    height:40px;
    font-size:1em;
}

#main.personalBlock > .columnRight > .list > .summary > .count {
    float:right;
    font-size: 3em;
    margin-left:10px;
    line-height: .8em;
}

#main.personalBlock > .columnRight > .list > .summary.none {
    float:right;
    font-family: Intro, arial;
    color:white;
    margin-top:20px;
    width:560px;
}

#main.personalBlock > .columnRight > .list > .summary.none > .title {
    float:left;
    width:100%;
    line-height: 1.1em;
    height:40px;
    font-size:1em;
    text-align: center;
}

/***   COLLECTIONS PAGE BLOCK END    **/

#main.collectionsBlock > .columnCenter {
    margin-top:50px;
    min-height:100px;
}

#main.collectionsBlock > .columnCenter > .header {
    width:100%;
    text-align:center;
    color:white;
    font-family: Intro, arial;
    font-size:2em;
}

#main.collectionsBlock > .columnCenter > .header.none {
    text-align: left;
    width:700px;
    margin-left:220px;
}

#main.collectionsBlock > .columnCenter > .list {
    width:100%;
    min-height:100px;
}


#main.collectionsBlock > .columnCenter > .list > .row {
    width:790px;
    margin:0 auto;
}


#main.collectionsBlock > .columnCenter > .list > .row .box {
    width:212px;
    padding:36px 25px 0 25px;
    margin-top:34px;
    text-align:center;
    min-height:390px;
    background: url("../images/collection-game-bg.png") center top no-repeat;

}

#main.collectionsBlock > .columnCenter > .list > .row .box:hover {
    background:none;
}

#main.collectionsBlock > .columnCenter > .list > .row .box .container {
    width:196px;
    height:276px;
    border:5px #494949 solid;
    margin:0 auto;
    -webkit-box-shadow: 0 5px 6px #000;
    -moz-box-shadow: 0 5px 6px #000;
    box-shadow: 0 5px 6px #000;
}

#main.collectionsBlock > .columnCenter > .list > .row .box .container img {
    width:196px;
}

#main.collectionsBlock > .columnCenter > .list > .row .box .box-wrapper {
    position:absolute;
    width:205px;
    height:267px;
    background-image:url(../images/collection-game-shadow.png);
    background-repeat:no-repeat;
    background-position: 5px 5px;
}

#main.collectionsBlock > .columnCenter > .list > .row .box:hover:before {
    content:"";
    width:272px;
    height:218px;
    position: absolute;
    z-index:100;
    margin-top:-114.5px;
    margin-left:-30px;
    display: block;
    background: url("../images/collection-game-bg-hover.png") center center no-repeat;
}

#main.collectionsBlock > .columnCenter > .list > .row .box > .date {
    width:147px;
    height:30px;
    margin:0 auto;
    margin-top:20px;
    background: url("../images/personal-icons.png") 0 -46px no-repeat;
    font-size: .9em;
    line-height: 2.8em;
    font-family: Intro, arial;
    color:#383838;
}


/***   COLLECTIONS PAGE BLOCK END    **/

#main.profileFormBlock > .columnRight > .columnCenter {
    width:680px;
    height:390px;
    background-color: #f1f1f1;
    border:1px #bbbdbe solid;
    margin-top:20px;
    padding:30px;
}

#main.profileFormBlock > .columnRight > .columnCenter > .message{
    width:660px;
    color:#5d990a;
    text-align: center;
    padding:20px 0;
    margin-top:-35px;
}

#main.profileFormBlock > .columnRight > .columnCenter > form > .row {
    float:left;
    width:400px;
    margin-bottom: 0;
}

#main.profileFormBlock > .columnRight > .columnCenter > form > .row.password {
    float:left;
    width:500px;
}

#main.profileFormBlock > .columnRight > .columnCenter > form > .row.password label {
    width:190px;
}

#main.profileFormBlock > .columnRight > .columnCenter > form > .row.checkbox {
    width:660px;
}

#main.profileFormBlock > .columnRight > .columnCenter > form > .row > label {
    width:140px;
    display: block;
    float:left;
    height:40px;
    line-height: 3.4em;
    font-size: 14px;
}

#main.profileFormBlock > .columnRight > .columnCenter > form > .row > label.tel {
    line-height: 1.3em;
    height:30px;
    padding:5px 0;
}

#main.profileFormBlock > .columnRight > .columnCenter > form > .row > label.password {
    width:180px;
}


#main.profileFormBlock > .columnRight > .columnCenter > form > .row > label.checkbox {
    line-height: 1.3em;
    width:620px;
    float:right;
}

#main.profileFormBlock > .columnRight > .columnCenter > form > .row > .error {
    float:right;
    margin-right:10px;
    position: relative;
    margin-top:-20px;
    font-size: 1em;
}


#main.profileFormBlock > .columnRight > .columnCenter > form > .row.error {
    margin-left:0;
}

#main.profileFormBlock > .columnRight > .columnCenter > form > .row.password > .error {
    float:right;
    margin-right:70px;
    position: relative;
    margin-top:-20px;
    font-size: 1em;
}

#main.profileFormBlock > .columnRight > .columnCenter > form > .row > input[type="text"],
#main.profileFormBlock > .columnRight > .columnCenter > form > .row > input[type="password"]{
  width:240px;
  height:40px;
  float:left;
  font-size: 19px;
  padding-left: 10px;
  font-family: "Trebuchet MS";
  border: 1px solid #DCDCDC;
  border-radius: 5px;
}
#main.profileFormBlock > .columnRight > .columnCenter > form > .row > input[type="text"]:focus,
#main.profileFormBlock > .columnRight > .columnCenter > form > .row > input[type="password"]:focus
{
  border: 1px solid #469F1F;
}
#main.profileFormBlock > .columnRight > .columnCenter > form > .row.error > input[type="text"],
#main.profileFormBlock > .columnRight > .columnCenter > form > .row.error > input[type="password"]{
    border:1px #fd0606 solid;
    background: #fbdfdf url("../images/input-alert-icon.png") 290px center no-repeat;
    margin:0;
}


#main.profileFormBlock > .columnRight > .columnCenter > form > .row > div.checkbox {
    width:20px;
    width:20px;
    position: relative;
    height:20px;
    float:left;
    cursor:pointer;
    margin-top:-2px;
    background:white;
    margin-right:15px;
    border:1px #cbcbcb solid;
    border-radius: 4px;
    box-shadow:
        inset 0 1px 1px 0px rgba(0,0,0,0.2)
}

#main.profileFormBlock > .columnRight > .columnCenter > form > .row > div.checkbox.active {
    background: #fff url(../images/icons.png) -343px -52px no-repeat;
}

#main.profileFormBlock > .columnRight > .columnCenter > form > .description {
    float:right;
    width:200px;
    background-color: #d8d8d8;
    border-radius: 5px;
    padding:15px;
    font-size: .9em;
    line-height: 1.3em;
}

/***   PROFILE PAGE BLOCK END    **/



/***   CHANGE PASSWORD BLOCK END    **/


div#changePasswordBlock {
    position:fixed;
    left:0px;
    top:0px;
    background: rgba(0, 0, 0, 0.80);
    height:100%;
    width:100%;
    z-index:100001;
}


#changePasswordBlock  > .form {
    width:400px;
    height:337px;
    top:20%;
    position:fixed;
    z-index: 10001;
    left:50%;
    margin-left:-200px;
    border:1px #fcffff solid;
    background-color: #f1f1f1;
}

#changePasswordBlock  > .form.full {
    width:400px;
    height:490px;
}
#changePasswordBlock  > .form.full > .description {
    display: block;
    margin:0 auto;
    width:300px;
    background-color: #d8d8d8;
    border-radius: 5px;
    padding:15px;
    font-size: .9em;
    line-height: 1.3em;
    margin-top:25px;
}

#changePasswordBlock  > .form > .header {
    height:20px;
    width:400px;
    text-align: center;
    color:black;
    font-family: Intro, arial;
    font-size:2em;
    padding:40px 0 0 0;
    text-shadow: 0px -1px 0px #303030;
}


#changePasswordBlock > .form > form {

    width:318px;
    height:220px;
    padding:30px 40px;
}

#changePasswordBlock > .form.full > form {
    width:318px;
    height:220px;
    padding:20px 40px;
}

#changePasswordBlock > .form > form > .row {
    margin-left:0;
    font-size:1em;
}


#changePasswordBlock > .form > form > .description {
    margin-top:-10px;
    font-size: .9em;
    font-style: italic;
}

#changePasswordBlock > .form > form > .row > label {
    width:200px;
    float:left;
    display: block;
}


#changePasswordBlock > .form > form > .row > input[type="text"],
#changePasswordBlock > .form > form > .row > input[type="password"] {
    width:100%;
    display: block;
    border-radius: 5px;
    float:left;
    height:40px;
    font-size:19px;
}

#changePasswordBlock > .form > form > .row.error > input[type="text"],
#changePasswordBlock > .form > form > .row.error > input[type="password"]{
    border:1px #fd0606 solid;
    background: #fbdfdf url("../images/input-alert-icon.png") 290px center no-repeat;
}

#changePasswordBlock > .form > form > input[type="submit"] {
    width:100%;
    background:url(/public/images/new_buttons.png);
    background-repeat:no-repeat;
    width:211px;
    background-position: -1029px top;
    height:41px;
    border:none;
    margin-left:60px;
    margin-top:0px;
}

#changePasswordBlock > .form > form > input[type="submit"]:hover{
  background-position: -1029px -48px;
}
#changePasswordBlock > .form > form > input[type="submit"]:active{
  background-position: -1029px -97px;
}
#changePasswordBlock > .form > form > .errorMessage {
    margin-top:10px;
    display:none;
    height:34px;
    width:100%;
    margin-top:0px;
    line-height: 1em;
}

#changePasswordBlock  > .form.full > form > .errorMessage {

}

#changePasswordBlock  > .form > form > .errorMessage > .text {
    display:table-cell;
    vertical-align:middle;
    color:red;
    text-align: center;
    position: absolute;
    margin-top: -2px;
    height:34px;
    font-size: 12px;
    width:320px;
}

/***   CHANGE PASSWORD BLOCK END    **/

/** UPCOMING BLOCK CALENDAR STYLE **/
.block_upcoming { padding-top: 0px !important; }
.menu_left_head { padding: 8px 0; border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; text-align: center; background: url("/local/templates/baseimages/left_menu_sprite.png") left top repeat; }
.menu_left_head span { font-family: Intro, arial; font-size: 16px; }
.menu_left_head_first { border-top: none !important; }
.white_line { background: white; height: 1px; }
.block_upcoming a { position: relative; display: block; padding: 10px 20px; text-align: left; font-size: .9em; font-family: Intro, arial; text-decoration: none; color: black; }
.block_upcoming a span { display: none; }
.block_upcoming a:hover, .block_upcoming a.active { color: white; background: url("/local/templates/baseimages/left_menu_sprite.png") left -60px repeat-x; }
.block_upcoming a:hover span, .block_upcoming a.active span { height: 41px; width: 13px; overflow: hidden; position: absolute; right: -13px; top: 0; display: block; background: url("/local/templates/baseimages/left_menu_sprite.png") left -120px no-repeat; }
.block_upcoming .upcoming_mon { margin-top: 2px; }
/** UPCOMING BLOCK CALENDAR STYLE END **/

#main.help .content .tabs > .nav-g ul li a .logo-img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
blockquote.help-guide{
	border-left: 1px solid #00ab00;
	font-size: 16px;
}
blockquote.help-guide .help-guide-bold{
	font-weight: bold;
	font-style: italic;
}
blockquote.help-guide .help-guide-text{
	font-style: italic;
}
.green_button{
	margin: 5px 0;
	cursor: pointer;
}
.green_button span{
	padding: 10px;
	color: white;
	background: #00AE00;
	border-radius: 2px;
	text-transform: uppercase;
	font-size: 13px;
	font-family: 'Roboto';
}
.game_video .green_button{
	margin: 10px 0 0;
	text-align: center;
}
.game_video .game_video_other{
	display: none;
}
/**
Корзина keyless
 */
.sing_in_epic_games:before {
	content: ' ';
	position: absolute;
	top: 9px;
	left: 20px;
	bottom: auto;
	right: auto;
	background: url(/public/images/epic_games_logo.png) no-repeat;
	background-size: cover;
	width: 28px;
	height: 32px;
}
.sing_in_epic_games.epic_games_green:before{
	background: url(/public/images/epic_games_logo_black.png) no-repeat;
	background-size: cover;
}

.sing_in_epic_games{
	display: inline-block;
	position: relative;
	padding: 15px 30px 15px 65px;
	background-color: #2a2a2a;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', 'PT Sans', Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}

.sing_in_epic_games.epic_games_green{
	background-color: #00af00;
}

.sing_in_epic_games:hover{
	color: #fff;
	opacity: 0.9;
}
.block.keyless .sing_in_epic_games{
	margin: 20px 0 0;
}

.button-block-center{
	text-align: center;
}

.next-step-button{
	display: inline-block;
	padding: 10px 35px;
	font-family: 'Source Sans Pro', 'PT Sans', Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	font-size: 14px;
	background-color: #00AE00;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	text-align: center;
	text-transform: uppercase;
}

.block.keyless .view{
	padding: 20px;
}
.block.keyless .keyless-title{
	text-align: center;
}
.block.keyless .description{
	position: relative;
	width: 244px;
	background: #d8d8d8;
	font-size: .85em;
	line-height: 1.4em;
	padding: 10px;
	margin: 0 10px;
	border-radius: 5px;
	color: #343434;
	font-style: italic;
	display: inline-block;
	top: 7px;
}
.block.keyless .keyless-epic-games-access{
	padding: 20px 0 0 0;
	font-size: 12px;
	font-style: italic;
	text-align: center;
	line-height: 1.3em;
}
.block.keyless .change-account-epic-games{
	padding: 20px 0 0 0;
	text-align: center;
}
.block.keyless .change-account-epic-games .btn-change-epic-games .sing_in_epic_games{
	margin: 20px 0 0;
}

.app-info-banner {
	background-color: #b8020e;
	text-align: center;
	color: #fefefe;
	font-size: 16px;
	font-family: 'Roboto';
	font-weight: 700;
	text-transform: uppercase;
}
.app-info-banner .app-info-banner-info{
	height: 75px;
	line-height: 75px;
	color: #fefefe;
}
.app-info-banner .app-info-banner-title{
	color: #fefefe;
	font-size: 12px;
	padding: 14px 0 5px 0;
}
.app-info-banner .app-info-banner-text{
	color: #fefefe;
	font-size: 14px;
	padding: 0 0 14px 0;
	text-transform: none;
}