.jq-checkbox {
	top: -1px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: 0 4px 0 0;
	border: 1px solid #C3C3C3;
	border-radius: 3px;
	background: #F5F5F5;
	background: -webkit-linear-gradient(#FFF, #E6E6E6);
	background:         linear-gradient(#FFF, #E6E6E6);
	box-shadow: 0 1px 1px rgba(0,0,0,.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
	cursor: pointer;
}
.jq-checkbox.checked .jq-checkbox__div {
	width: 12px;
	height: 12px;
	margin: 2px 0 0 2px;
	border-radius: 2px;
	background: #666;
	box-shadow: inset 0 -3px 6px #AAA;
}
.jq-checkbox.focused {
	border: 1px solid #08C;
}
.jq-checkbox.disabled {
	opacity: .55;
}


.jq-radio {
	top: -1px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: 0 4px 0 0;
	border: 1px solid #C3C3C3;
	border-radius: 50%;
	background: #F5F5F5;
	background: -webkit-linear-gradient(#FFF, #E6E6E6);
	background:         linear-gradient(#FFF, #E6E6E6);
	box-shadow: 0 1px 1px rgba(0,0,0,.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
	cursor: pointer;
}
.jq-radio.checked .jq-radio__div {
	width: 10px;
	height: 10px;
	margin: 3px 0 0 3px;
	border-radius: 50%;
	background: #777;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,.7);
}
.jq-radio.focused {
	border: 1px solid #08C;
}
.jq-radio.disabled {
	opacity: .55;
}


.jq-file {
	width: 270px;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.jq-file input {
	height: auto;
	line-height: 1em;
	cursor: pointer;
}
.jq-file__name {
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 34px;
	padding: 0 80px 0 10px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	background: #FFF;
	box-shadow: inset 1px 1px #F1F1F1;
	font: 14px/32px Arial, sans-serif;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.jq-file__browse {
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 0 10px;
	border-left: 1px solid #CCC;
	border-radius: 0 4px 4px 0;
	background: #F5F5F5;
	background: -webkit-linear-gradient(#FFF, #E6E6E6);
	background:         linear-gradient(#FFF, #E6E6E6);
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px/32px Arial, sans-serif;
	color: #333;
	text-shadow: 1px 1px #FFF;
}
.jq-file:hover .jq-file__browse {
	background: #E6E6E6;
	background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
	background:         linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-file:active .jq-file__browse {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
.jq-file.focused .jq-file__name {
	border: 1px solid #5794BF;
}
.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}


.jq-number {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 36px 0 0;
}
.jq-number__field {
	width: 100px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
}
.jq-number__field:hover {
	border-color: #B3B3B3;
}
.jq-number__field input {
	box-sizing: border-box;
	width: 100%;
	padding: 8px 9px;
	border: none;
	outline: none;
	background: none;
	font: 14px Arial, sans-serif;
	color: #333;
	text-align: left; /* для Opera Presto */
	-moz-appearance: textfield;
}
.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
	margin: 0; /* в каких-то браузерах присутствует отступ */
	-webkit-appearance: none;
}
.jq-number__spin {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 14px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	background: #F5F5F5;
	background: -webkit-linear-gradient(#FFF, #E6E6E6);
	background:         linear-gradient(#FFF, #E6E6E6);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	text-shadow: 1px 1px #FFF;
	cursor: pointer;
}
.jq-number__spin.minus {
	top: auto;
	bottom: 0;
}
.jq-number__spin:hover {
	background: #E6E6E6;
	background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
	background:         linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-number__spin:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
.jq-number__spin:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 11px;
	width: 0;
	height: 0;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #999;
	border-left: 5px solid transparent;
}
.jq-number__spin.minus:after {
	top: 5px;
	border-top: 5px solid #999;
	border-right: 5px solid transparent;
	border-bottom: none;
	border-left: 5px solid transparent;
}
.jq-number__spin.minus:hover:after {
	border-top-color: #000;
}
.jq-number__spin.plus:hover:after {
	border-bottom-color: #000;
}
.jq-number.focused .jq-number__field {
	border: 1px solid #5794BF;
}
.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-number.disabled .jq-number__spin:after {
	border-bottom-color: #AAA;
}
.jq-number.disabled .jq-number__spin.minus:after {
	border-top-color: #AAA;
}


.jq-selectbox {
	vertical-align: middle;
	cursor: pointer;
}
.jq-selectbox__select {
	height: 32px;
	padding: 0 45px 0 10px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	background: #F5F5F5;
	background: -webkit-linear-gradient(#FFF, #E6E6E6);
	background:         linear-gradient(#FFF, #E6E6E6);
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px/32px Arial, sans-serif;
	color: #333;
	text-shadow: 1px 1px #FFF;
}
.jq-selectbox__select:hover {
	background: #E6E6E6;
	background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
	background:         linear-gradient(#F6F6F6, #E6E6E6);
}
.jq-selectbox__select:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
.jq-selectbox.focused .jq-selectbox__select {
	border: 1px solid #5794BF;
}
.jq-selectbox.disabled .jq-selectbox__select {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-selectbox__select-text {
	display: block;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.jq-selectbox .placeholder {
	color: #888;
}
.jq-selectbox__trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 100%;
	border-left: 1px solid #CCC;
}
.jq-selectbox__trigger-arrow {
	position: absolute;
	top: 14px;
	right: 12px;
	width: 0;
	height: 0;
	border-top: 5px solid #999;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
	border-top-color: #000;
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
	border-top-color: #AAA;
}
.jq-selectbox__dropdown {
	box-sizing: border-box;
	width: 100%;
	margin: 2px 0 0;
	padding: 0;
	border: 1px solid #CCC;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	font: 14px/18px Arial, sans-serif;
}
.jq-selectbox__search {
	margin: 5px;
}
.jq-selectbox__search input {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 5px 27px 6px 8px;
	border: 1px solid #CCC;
	border-radius: 3px;
	outline: none;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
	box-shadow: inset 1px 1px #F1F1F1;
	color: #333;
	-webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
	-webkit-appearance: none;
}
.jq-selectbox__not-found {
	margin: 5px;
	padding: 5px 8px 6px;
	background: #F0F0F0;
	font-size: 13px;
}
.jq-selectbox ul {
	margin: 0;
	padding: 0;
}
.jq-selectbox li {
	min-height: 18px;
	padding: 5px 10px 6px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	white-space: nowrap;
	color: #231F20;
}
.jq-selectbox li.selected {
	background-color: #A3ABB1;
	color: #FFF;
}
.jq-selectbox li:hover {
	background-color: #08C;
	color: #FFF;
}
.jq-selectbox li.disabled {
	color: #AAA;
}
.jq-selectbox li.disabled:hover {
	background: none;
}
.jq-selectbox li.optgroup {
	font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
	background: none;
	color: #231F20;
	cursor: default;
}
.jq-selectbox li.option {
	padding-left: 25px;
}


.jq-select-multiple {
	box-sizing: border-box;
	padding: 1px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	background: #FFF;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px/18px Arial, sans-serif;
	color: #333;
	cursor: default;
}
.jq-select-multiple.focused {
	border: 1px solid #5794BF;
}
.jq-select-multiple.disabled {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-select-multiple ul {
	margin: 0;
	padding: 0;
}
.jq-select-multiple li {
	padding: 3px 9px 4px;
	list-style: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	white-space: nowrap;
}
.jq-select-multiple li:first-child {
	border-radius: 3px 3px 0 0;
}
.jq-select-multiple li:last-child {
	border-radius: 0 0 3px 3px;
}
.jq-select-multiple li.selected {
	background: #08C;
	color: #FFF;
}
.jq-select-multiple li.disabled {
	color: #AAA;
}
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
	background: #CCC;
	color: #FFF;
}
.jq-select-multiple li.optgroup {
	font-weight: bold;
}
.jq-select-multiple li.option {
	padding-left: 25px;
}


input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler {
	padding: 8px 9px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px Arial, sans-serif;
	color: #333;
}
input[type='search'].styler {
	-webkit-appearance: none;
}
textarea.styler {
	overflow: auto;
}
input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
	border-color: #B3B3B3;
}
input[type='email'].styler:focus,
input[type='password'].styler:focus,
input[type='search'].styler:focus,
input[type='tel'].styler:focus,
input[type='text'].styler:focus,
input[type='url'].styler:focus,
textarea.styler:focus {
	border-color: #CCC;
	border-top-color: #B3B3B3;
	outline: none;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler {
	overflow: visible;
	padding: 8px 11px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	outline: none;
	background: #F5F5F5;
	background: -webkit-linear-gradient(#FFF, #E6E6E6);
	background:         linear-gradient(#FFF, #E6E6E6);
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px Arial, sans-serif;
	color: #333;
	text-shadow: 1px 1px #FFF;
	cursor: pointer;
}
button.styler::-moz-focus-inner,
input[type='button'].styler::-moz-focus-inner,
input[type='submit'].styler::-moz-focus-inner,
input[type='reset'].styler::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:hover {
	background: #E6E6E6;
	background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
	background:         linear-gradient(#F6F6F6, #E6E6E6);
}
button.styler:not([disabled]):active,
input[type='button'].styler:not([disabled]):active,
input[type='submit'].styler:not([disabled]):active,
input[type='reset'].styler:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}









.shop-top-widget {
 margin:20px 0
}
.shop-top-widget__title {
 color:#fffc00;
 font-size:14px;
 font-weight:700;
 line-height:1.7;
 margin-bottom:6px;
 text-align:center;
 text-transform:uppercase
}
.shop-top-widget .games-list__scroll-controls {
 display:-webkit-inline-box!important;
 display:-ms-inline-flexbox!important;
 display:inline-flex!important
}
.shop-top-widget.is-mob .slick-track {
 -webkit-box-align:start;
 -ms-flex-align:start;
 align-items:flex-start;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.shop-top-widget.is-mob .shop-items {
 display:-webkit-box!important;
 display:-ms-flexbox!important;
 display:flex!important
}
.shop-top-widget.is-mob .shop-items .shop-item {
 -ms-flex-negative:0;
 flex-shrink:0
}


.is-web .shop-item {
 text-align:center
}
.is-mob .shop-item {
 padding:0 10px
}
.shop-item__card {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 background:#020532;
 border:1px solid #202f4c;
 border-radius:8px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column;
 height:100%;
 position:relative
}
.is-web .shop-item__card .countdown {
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 align-items:center;
 background:-webkit-gradient(linear,left top,left bottom,from(#303030),to(#1e1e1e));
 background:-o-linear-gradient(top,#303030,#1e1e1e);
 background:linear-gradient(180deg,#303030,#1e1e1e);
 border-radius:3px;
 bottom:0;
 -webkit-box-shadow:0 3px 6px rgba(0,0,0,.4);
 box-shadow:0 3px 6px rgba(0,0,0,.4);
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 justify-content:center;
 left:50%;
 overflow:hidden;
 position:absolute;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.is-web .shop-item__card .countdown__item:first-child {
 margin-left:0
}
.is-web .shop-item__card .countdown__item {
 background:transparent;
 -webkit-box-shadow:none;
 box-shadow:none;
 font-size:21px;
 height:40px;
 line-height:31px;
 margin-left:0;
 width:46px
}
.is-web .shop-item__card .countdown__item:not(:first-child):before {
 background:0 0;
 content:":";
 left:-3px;
 top:0
}
.is-web .shop-item__card .countdown__text {
 bottom:3px;
 color:#575757;
 font-size:12px;
 left:0;
 line-height:1;
 position:absolute;
 text-shadow:none;
 text-transform:lowercase;
 width:100%
}
.shop-item__counter {
 -webkit-box-flex:0;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 margin-bottom:16px
}
.is-mob .shop-item__counter {
 margin:0 12px 0 0
}
.shop-item__body {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -webkit-box-flex:1;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex:1;
 flex:1;
 -ms-flex-direction:column;
 flex-direction:column;
 padding:32px 16px 16px
}
.is-mob .shop-item__body {
 min-height:130px;
 padding:16px 16px 12px 130px;
 position:relative
}
.shop-item.is-opened .shop-item__card {
 -webkit-box-shadow:0 0 8px rgba(148,170,255,.4);
 box-shadow:0 0 8px rgba(148,170,255,.4)
}
.shop-item__toggle-description {
 background:transparent;
 border:2px solid #015aa7;
 border-radius:50%;
 cursor:pointer;
 height:20px;
 outline:none;
 padding:0;
 position:absolute;
 right:6px;
 top:6px;
 width:20px;
 z-index:3
}
.shop-item__toggle-description .svg-icon {
 fill:#fff;
 height:12px;
 left:50%;
 opacity:.8;
 position:absolute;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 width:12px
}
.is-opened .shop-item__toggle-description .svg-icon {
 height:10px;
 width:10px
}
.is-mob .shop-item__toggle-description {
 right:16px;
 top:16px
}
.shop-item__title {
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 font-size:14px;
 justify-content:center;
 line-height:143%;
 margin:0 0 16px;
 min-height:56px;
 text-transform:uppercase
}
.is-mob .shop-item__title {
 display:block;
 min-height:auto;
 padding-right:30px
}
.shop-item__image {
 height:98px;
 margin:0 auto 16px;
 position:relative;
 width:98px
}
.shop-item__image img,
.shop-item__image object {
 left:50%;
 position:absolute;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 width:100%
}
.is-mob .shop-item__image {
 left:16px;
 margin:0;
 position:absolute;
 top:16px
}
.shop-item__price {
 color:#fffc00;
 font-size:14px;
 text-transform:uppercase
}
.is-mob .shop-item__price {
 font-size:20px;
 font-weight:700
}
.shop-item__button {
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 justify-content:center;
 line-height:1;
 width:calc(100% - 20px)
}
.is-mob .shop-item__button {
 max-width:150px
}
.shop-item__button-wrapper {
 padding:0 8px 16px
}
.is-mob .shop-item__button-wrapper {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 padding:0 16px 16px
}
.is-mob .shop-item__button-wrapper,
.is-web .shop-item__description {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.is-web .shop-item__description {
 background:#020532;
 font-size:10px;
 height:100%;
 left:0;
 padding:30px 0 8px 8px;
 position:absolute;
 text-align:left;
 top:0;
 width:100%;
 z-index:2
}
.is-web .shop-item__description .shop-item__description-content {
 max-height:100%;
 overflow:auto;
 padding-right:10px;
 scrollbar-color:#ccc transparent;
 scrollbar-width:thin;
 width:100%
}
.is-web .shop-item__description .shop-item__description-content::-webkit-scrollbar {
 width:8px
}
.is-web .shop-item__description .shop-item__description-content::-webkit-scrollbar-thumb {
 background-color:#ccc;
 border-radius:0
}
.is-mob .shop-item__description {
 padding:0 16px 16px
}
.shop-item__mob-game-cover {
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%;
 z-index:2
}
.shop-item__controls {
 display:none
}
.shop-item__control {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1
}
.shop-item.game {
 background:none;
 border:none;
 margin-bottom:0;
 min-height:auto
}
.shop-item.game .slot {
 width:100%
}
.shop-item.game .slot__img:before {
 background:rgba(0,0,0,.75);
 content:"";
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%;
 z-index:1
}
.is-web .shop-item.game {
 width:216px
}
.is-web .shop-item.game .slot {
 margin-bottom:0
}
.is-web .shop-item.game:nth-child(4n) {
 margin-right:10px
}
.is-web .shop-item.game:nth-child(3n) {
 margin-right:0
}
.is-web .shop-item.game:hover .shop-item__controls {
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 align-items:center;
 bottom:0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 justify-content:center;
 left:0;
 position:absolute;
 width:100%
}
.is-web .shop-item.game:hover .shop-item__title {
 opacity:0
}
.is-web .shop-item.game:hover .slot .button {
 -webkit-transform:translate(-50%);
 transform:translate(-50%)
}
.is-mob .shop-item.game {
 margin-right:2%;
 width:49%
}
.is-mob .shop-item.game:nth-child(2n) {
 margin-right:0
}
@media screen and (min-width:420px) {
 .is-mob .shop-item.game {
  width:32%
 }
 .is-mob .shop-item.game:nth-child(2n) {
  margin-right:2%
 }
 .is-mob .shop-item.game:nth-child(3n) {
  margin-right:0
 }
}
@media screen and (min-width:768px) {
 .is-mob .shop-item.game {
  width:23.5%
 }
 .is-mob .shop-item.game:nth-child(3n) {
  margin-right:2%
 }
 .is-mob .shop-item.game:nth-child(4n) {
  margin-right:0
 }
}
.is-mob .shop-item.game .slot .button {
 bottom:10px;
 left:50%;
 margin:0;
 position:absolute;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.shop-item.game .slot__price {
 margin:0;
 position:absolute;
 top:10px;
 width:100%;
 z-index:2
}


.achievements-user-info--mob {
 margin:0 auto;
 max-width:600px;
 width:100%
}
.achievements-user-info--hidden {
 visibility:hidden
}
.achievements-user-info__wrapper {
 background-color:#0f0f31;
 border:1px solid #33305a;
 border-radius:10px;
 -webkit-box-shadow:0 5px 10px rgba(0,0,0,.75);
 box-shadow:0 5px 10px rgba(0,0,0,.75);
 height:100%;
 margin-bottom:16px;
 padding:12px;
 text-align:center
}
.achievements-user-info__header {
 font-size:16px;
 font-weight:700;
 margin-bottom:20px;
 text-transform:uppercase
}
.achievements-user-info__subheader {
 color:#92bbde;
 text-align:center
}
.achievements-user-info__subheader--web {
 margin-bottom:16px
}
.achievements-user-info__subheader--mob {
 margin-right:16px;
 max-width:200px
}
.achievements-user-info__widget-count,
.achievements-user-info__widget-total {
 position:relative;
 text-shadow:0 1px #fddf4e;
 z-index:1
}
.achievements-user-info__widget-count {
 color:#c20;
 font-size:24px;
 font-weight:700;
 line-height:1
}
.achievements-user-info__widget-total {
 color:#994c00;
 font-size:11px
}
.achievements-user-info__holder {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.achievements-user-info__holder--mob {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 justify-content:center;
 margin-bottom:12px
}
.achievements-user-info__holder--web {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.achievements-user-info__status {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-box-align:end;
 -ms-flex-align:end;
 align-items:flex-end;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 justify-content:center;
 text-align:center;
 text-shadow:0 2px #000
}
.achievements-user-info__count {
 color:#00ba60;
 font-size:40px
}
.achievements-user-info__total {
 color:#92bbde;
 font-size:24px
}
.achievements-user-info__total .achievements-user-info__value {
 padding-top:16px
}
.achievements-user-info__separator {
 color:#92bbde;
 font-size:24px;
 font-weight:700;
 height:50px;
 margin-right:4px
}
.achievements-user-info__value {
 font-weight:700;
 height:40px
}
.achievements-user-info__label {
 font-size:10px;
 margin-top:12px;
 text-transform:uppercase
}
.achievements-widget {
 background:-webkit-gradient(linear,left top,left bottom,from(#17204c),to(#0b1026));
 background:-o-linear-gradient(#17204c,#0b1026);
 background:linear-gradient(#17204c,#0b1026);
 border-radius:5px;
 -webkit-box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.15),4px 4px 6px #000;
 box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.15),4px 4px 6px #000;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-top:20px;
 padding-top:8px;
 position:relative;
 text-align:center
}
.achievements-widget.is-profile {
 background:-webkit-gradient(linear,left top,left bottom,from(#34174c),to(#1a0b26));
 background:-o-linear-gradient(#34174c,#1a0b26);
 background:linear-gradient(#34174c,#1a0b26);
 border-radius:10px;
 padding-top:0
}
.achievements-widget.is-profile .achievements-widget__user-info {
 margin:0 40px 0 20px
}
.achievements-widget.is-profile .achievements-widget__header {
 font-size:45px
}
.achievements-widget__user-info {
 padding:12px 32px 24px 28px;
 position:relative;
 width:110px
}
.achievements-widget__user-info:before {
 background:url(/static/vp/img/achievements/achievements-medal.png) no-repeat 0 50%;
 content:"";
 height:100px;
 left:50%;
 position:absolute;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 width:110px
}
.achievements-widget__header {
 font-family:Lobster,cursive;
 font-size:32px;
 line-height:1.3;
 margin:0;
 text-shadow:0 0 20px hsla(0,0%,100%,.65);
 -webkit-transform:rotate(-7deg);
 transform:rotate(-7deg)
}
.achievements-widget__link {
 color:#fff600;
 cursor:pointer;
 display:inline-block;
 margin-bottom:8px;
 text-decoration:underline
}
.achievements-widget__rules {
 bottom:4px;
 position:absolute;
 right:4px
}
.achievements-widget__rules .about-achievements-link {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.achievements-widget__rules .svg-icon {
 fill:#92bbde;
 height:18px;
 width:18px
}
.achievements-widget__rules .svg-icon:hover {
 fill:#fff
}