#login-buttons-image-steam {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAflJREFUeNqMU82roWEU/3Ffw0YjIpGVhY/srMmSnT9AdyHFQlMWY8msJMNi2EiisGOlyIJJkWwsWEhiI6F8NAtK+Zr3fS63meZiTp06Pc/5/P3OYen1+k8AvtP6SqsA/ye/aM3Q+pW6Bn95FiGTyUBRFKbTKc7ns+AWQ10r3xW1Wg2/3w+lUonT6YT1eo1AIIBWq8V8v7LoES73gkUiEfL5PAqFAqrVKulAo9HA4/HA4XBgMBiA/ai61WolTqPRCLlcDplMBkKhEMViETabjfg8TKDT6dDtdmE2m8Fmv7laLBb0ej0oFIrHCUwmEwwGA1QqFZrN5vt7o9Egb7PZDDcQP0Tc5/MR22g0otPpwG63g8vlQiAQEFDdbjf5Z5VKpQtTod1uE8S9Xi/kcjk4HM5fSXe7HQ6HAxklFAqhUqm8JbjQwhgMRTS/pFo0GiXVIpEIAY2RcrlM2BgOh9jv9++JWfP5/CKVSv8ZI5vNYrVawel0IhgMkgQfyUu9Xv9Wq9UgFotJNYZrps3JZEKA2m63SCaTd5kiII7HY6RSKWi1WrhcLvD5fCwWC8RiMYTD4YcrTl0PQ9Dv95FIJBCPx7FcLiGRSJBOp28re/eomFX+8ecx8Xg8siRM+wzyTyT6QnP+kzY+06pi4o/HIzabDaHsyTknmHP+LcAASVHHFg/IoHAAAAAASUVORK5CYII=);
}

.irs {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.irs,.irs-line {
	position: relative;
	display: block;
}

.irs-line {
	overflow: hidden;
	outline: none!important;
}

.irs-line-left,.irs-line-mid,.irs-line-right {
	position: absolute;
	display: block;
	top: 0;
}

.irs-line-left {
	left: 0;
	width: 11%;
}

.irs-line-mid {
	left: 9%;
	width: 82%;
}

.irs-line-right {
	right: 0;
	width: 11%;
}

.irs-bar {
	width: 0;
}

.irs-bar,.irs-bar-edge {
	position: absolute;
	display: block;
	left: 0;
}

.irs-bar-edge {
	top: 0;
}

.irs-shadow {
	position: absolute;
	display: none;
	left: 0;
	width: 0;
}

.irs-slider {
	position: absolute;
	display: block;
	cursor: default;
	z-index: 1;
}

.irs-slider.from:after {
	content: "min";
}

.irs-slider.to:after {
	content: "max";
}

.irs-slider.type_last {
	z-index: 2;
}

.irs-min {
	left: 0;
}

.irs-max,.irs-min {
	position: absolute;
	display: block;
	cursor: default;
}

.irs-max {
	right: 0;
}

.irs-from,.irs-single,.irs-to {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	cursor: default;
	white-space: nowrap;
}

.irs-grid {
	position: absolute;
	display: none;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
}

.irs-with-grid .irs-grid {
	display: block;
}

.irs-grid-pol {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 8px;
	background: #000;
}

.irs-grid-pol.small {
	height: 4px;
}

.irs-grid-text {
	position: absolute;
	bottom: 0;
	left: 0;
	white-space: nowrap;
	text-align: center;
	font-size: 9px;
	line-height: 9px;
	padding: 0 3px;
	color: #000;
}

.irs-disable-mask {
	position: absolute;
	display: block;
	top: 0;
	left: -1%;
	width: 102%;
	height: 100%;
	cursor: default;
	background: transparent;
	z-index: 2;
}

.irs-disabled {
	opacity: .4;
}

.lt-ie9 .irs-disabled {
	filter: alpha(opacity=40);
}

.irs-hidden-input {
	position: absolute!important;
	display: block!important;
	top: 0!important;
	left: 0!important;
	width: 0!important;
	height: 0!important;
	font-size: 0!important;
	line-height: 0!important;
	padding: 0!important;
	margin: 0!important;
	outline: none!important;
	z-index: -9999!important;
	background: none!important;
	border-style: solid!important;
	border-color: transparent!important;
}

.irs {
	height: 55px;
}

.irs-with-grid {
	height: 75px;
}

.irs-line {
	height: 10px;
	top: 33px;
	border-radius: 16px;
	-moz-border-radius: 16px;
	background: #35d4ec;
	background: -moz-linear-gradient(left,#35d4ec 0,#f6c100 100%);
	background: -webkit-linear-gradient(left,#35d4ec,#f6c100);
	background: linear-gradient(90deg,#35d4ec 0,#f6c100);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#35d4ec",endColorstr="#f6c100",GradientType=1);
}

.irs-line-left,.irs-line-mid,.irs-line-right {
	height: 8px;
}

.irs-bar,.irs-bar-edge {
	height: 10px;
	top: 33px;
	background: transparent;
}

.irs-bar-edge {
	width: 14px;
	border-right: 0;
	border-radius: 16px 0 0 16px;
	-moz-border-radius: 16px 0 0 16px;
}

.irs-shadow {
	height: 2px;
	top: 38px;
	background: #000;
	opacity: .3;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.lt-ie9 .irs-shadow {
	filter: alpha(opacity=30);
}

.irs-slider {
	top: 25px;
	width: 27px;
	height: 27px;
	background: #fff;
	background: -moz-radial-gradient(center,ellipse cover,#fff 0,#e0e0e0 100%);
	background: -webkit-radial-gradient(center,ellipse cover,#fff 0,#e0e0e0 100%);
	background: radial-gradient(ellipse at center,#fff 0,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e0e0e0",GradientType=1);
	border-radius: 14px;
	-moz-border-radius: 14px;
	box-shadow: 0 1px 5px rgba(0,0,0,.8);
	cursor: pointer;
	text-align: center;
	color: #000;
	padding: 5px 0 0;
}

.irs-slider.state_hover,.irs-slider:hover {
	background: #fff;
}

.irs-max,.irs-min {
	color: #333;
	font-size: 12px;
	line-height: 1.333;
	text-shadow: none;
	top: 0;
	padding: 1px 5px;
	background: rgba(0,0,0,.1);
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.lt-ie9 .irs-max,.lt-ie9 .irs-min {
	background: #ccc;
}

.irs-from,.irs-single,.irs-to {
	color: gold;
	font-size: 14px;
	line-height: 1.333;
	text-shadow: none;
	padding: 1px 5px;
	background: rgba(0,0,0,.5);
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.irs-from:after,.irs-single:after,.irs-to:after {
	content: "o";
	font-family: Rouble,Play,Tahoma,sans-serif;
	font-weight: 400;
	font-size: .9em;
	margin-left: 1px;
}

.lt-ie9 .irs-from,.lt-ie9 .irs-single,.lt-ie9 .irs-to {
	background: #999;
}

.irs-grid {
	height: 27px;
}

.irs-grid-pol {
	opacity: .5;
	background: #428bca;
}

.irs-grid-pol.small {
	background: #999;
}

.irs-grid-text {
	bottom: 5px;
	color: #99a4ac;
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

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

body {
	line-height: 1;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:after,blockquote:before,q:after,q:before {
	content: "";
	content: none;
}

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

@font-face {
	font-family:Rouble;src:url(public/fonts/rouble-webfont.eot);src:url(public/fonts/rouble-webfont.eot?#iefix) format("embedded-opentype"),url(public/fonts/rouble-webfont.woff) format("woff"),url(public/fonts/rouble-webfont.ttf) format("truetype");font-weight:400;font-style:normal;
}

@font-face {
	font-family:Panton;src:url(public/fonts/PantonExtraBold.otf);font-weight:700;font-style:normal;
}

*,:after,:before {
	box-sizing: border-box;
}

a {
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}

a:-webkit-any-link {
	text-decoration: none;
}

img {
	background-color: transparent;
	max-width: 100%;
	height: auto;
}

body,html {
	display: flex;
	min-height: 100%;
	width: 900px;
	margin: 0;
	padding: 0;
	background-color: #161237;
}

@media (min-width:900px) {
	body,html {
		width: 100%;
	}
}

body {
	position: relative;
	font-size: 13px;
	line-height: 1.2em;
	font-family: Exo\ 2,sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background-image: url(/img/background.webp);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100%;
	color: #fff;
}

body::-webkit-scrollbar-track {
	background-color: transparent;
}

body::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

body::-webkit-scrollbar-thumb {
	background-color: #62b3ff;
}

body:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 270px;
	background-image: linear-gradient(180deg,#0c0b13,rgba(24,22,37,0) 97%);
}

article,aside,footer,header,nav,section {
	display: block;
}

button,input,textarea {
	padding: 0;
	margin: 0;
	box-shadow: none;
	outline: none;
	border-radius: 0;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-family: inherit;
}

button {
	cursor: pointer;
}

a,h1,h2,h3,h4,h5,h6,p {
	word-wrap: break-word;
}

i {
	font-weight: 400;
}

input.input-error {
	border-color: #ce0000!important;
	background-color: rgba(206,0,0,.08)!important;
	box-shadow: 0 0 15px 0 rgba(206,0,0,.15)!important;
	color: #ff3131!important;
}

.contract-ready .make-contract__btn-aside_right {
	-webkit-animation: contract-hideinfo-right 1s ease-in-out 1 forwards;
	animation: contract-hideinfo-right 1s ease-in-out 1 forwards;
}

.contract-ready .make-contract__btn-aside_left {
	-webkit-animation: contract-hideinfo-left 1s ease-in-out 1 forwards;
	animation: contract-hideinfo-left 1s ease-in-out 1 forwards;
}

.contract-ready .available-items,.contract-ready .make-contract-items__profit {
	top: 30px;
	opacity: 0;
}

.contract-ready .make-contract__btn {
	-webkit-animation: contractbutton 1s ease-in-out 1s 1 forwards;
	animation: contractbutton 1s ease-in-out 1s 1 forwards;
}

.contract-ready .contract-items__item {
	animation: contractgomid 1s ease-in-out 1s 1 forwards;
}

.contract-ready .contract-items .ci-1 {
	animation-delay: 1s;
}

.contract-ready .contract-items .ci-2 {
	animation-delay: 1.2s;
}

.contract-ready .contract-items .ci-3 {
	animation-delay: 1.4s;
}

.contract-ready .contract-items .ci-4 {
	animation-delay: 1.6s;
}

.contract-ready .contract-items .ci-5 {
	animation-delay: 1.8s;
}

.contract-ready .contract-items .ci-6 {
	animation-delay: 2s;
}

.contract-ready .contract-items .ci-7 {
	animation-delay: 2.2s;
}

.contract-ready .contract-items .ci-8 {
	animation-delay: 2.4s;
}

.contract-ready .contract-items .ci-9 {
	animation-delay: 2.6s;
}

.contract-ready .contract-items .ci-10 {
	animation-delay: 2.8s;
}

@keyframes contract-hideinfo-right {
	0% {
		opacity: 1;
	}

	to {
		opacity: 0;
		right: 25%;
	}
}

@keyframes contract-hideinfo-left {
	0% {
		opacity: 1;
	}

	to {
		opacity: 0;
		left: 25%;
	}
}

@keyframes contractbutton {
	0% {
		transform: rotateX(0deg);
	}

	to {
		transform: rotateX(185deg);
	}
}

@keyframes contractgomid {
	0% {
		opacity: 1;
	}

	to {
		transform: scale(.6);
		opacity: 0;
	}
}

.item-history {
	position: relative;
	width: 125px;
	height: 86px;
	flex: none;
	cursor: pointer;
}

.item-history:after,.item-history:before {
	content: "";
	position: absolute;
}

.item-history:after {
	z-index: 25;
	top: 6px;
	right: 8px;
	transform: translateX(-50%);
	background-size: 100%;
	background-repeat: no-repeat;
}

.item-history:before {
	z-index: 22;
	width: 100px;
	height: 6px;
	top: -4px;
	right: 0;
	left: 0;
	margin: 0 auto;
	border-radius: 5px;
}

.item-history__inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.item-history__inner:after,.item-history__inner:before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-repeat: no-repeat;
}

.item-history__inner:before {
	width: 140px;
	height: 105px;
	z-index: 2;
	top: 0;
	background-size: 90%;
	background-position: top;
}

.item-history__inner:after {
	width: 115px;
	height: 78px;
	z-index: 1;
	top: 7px;
	background-position: 50%;
	background-size: 100%;
	opacity: .65;
}

.item-history__wrapper-img {
	position: relative;
	padding-top: 5px;
	display: flex;
	justify-content: center;
	z-index: 18;
	width: 100%;
	height: 100%;
}

.item-history__img {
	height: 69px;
}

.item-history.rare .item-history__inner:before {
	background-image: url(/img/shadow_incase_rare.png?v=3);
}

.item-history.rare:before {
	background-color: #ffc600;
}

.item-history_rare:after {
	box-shadow: 0 0 100px 60px #ffc600;
}

.item-history_rare .contract-items__item-inner:before {
	background-image: url(/img/result_rare1.png?1);
}

.item-history_rare .contract-items__item-inner:after {
	background-image: url(/img/result_rare2.png?1);
}

.item-history.covert .item-history__inner:before {
	background-image: url(/img/shadow_incase_covert.png?v=3);
}

.item-history.covert:before {
	background-color: #ff1818;
}

.item-history_covert:after {
	box-shadow: 0 0 100px 60px #ff1818;
}

.item-history_covert .contract-items__item-inner:before {
	background-image: url(/img/result_covert1.png?1);
}

.item-history_covert .contract-items__item-inner:after {
	background-image: url(/img/result_covert2.png?1);
}

.item-history.classified .item-history__inner:before {
	background-image: url(/img/shadow_incase_classified.png?v=3);
}

.item-history.classified:before {
	background-color: #ff3ffa;
}

.item-history_classified:after {
	box-shadow: 0 0 100px 60px #ff3ffa;
}

.item-history_classified .contract-items__item-inner:before {
	background-image: url(/img/result_classified1.png?1);
}

.item-history_classified .contract-items__item-inner:after {
	background-image: url(/img/result_classified2.png?1);
}

.item-history.restricted .item-history__inner:before {
	background-image: url(/img/shadow_incase_restricted.png?v=3);
}

.item-history.restricted:before {
	background-color: #8a54f6;
}

.item-history_restricted:after {
	box-shadow: 0 0 100px 60px #8a54f6;
}

.item-history_restricted .contract-items__item-inner:before {
	background-image: url(/img/result_restricted1.png?1);
}

.item-history_restricted .contract-items__item-inner:after {
	background-image: url(/img/result_restricted2.png?1);
}

.item-history.milspec .item-history__inner:before {
	background-image: url(/img/shadow_incase_milspec.png?v=3);
}

.item-history.milspec:before {
	background-color: #1b97df;
}

.item-history_milspec:after {
	box-shadow: 0 0 100px 60px #1b97df;
}

.item-history_milspec .contract-items__item-inner:before {
	background-image: url(/img/result_milspec1.png?1);
}

.item-history_milspec .contract-items__item-inner:after {
	background-image: url(/img/result_milspec2.png?1);
}

.item-history.uncommon .item-history__inner:before {
	background-image: url(/img/shadow_incase_uncommon.png?v=3);
}

.item-history.uncommon:before {
	background-color: #368eb4;
}

.item-history_uncommon:after {
	box-shadow: 0 0 100px 60px #368eb4;
}

.item-history_uncommon .contract-items__item-inner:before {
	background-image: url(/img/result_uncommon1.png?1);
}

.item-history_uncommon .contract-items__item-inner:after {
	background-image: url(/img/result_uncommon2.png?1);
}

.item-history.common .item-history__inner:before {
	background-image: url(/img/shadow_incase_common.png?v=3);
}

.item-history.common:before {
	background-color: #646c7f;
}

.item-history_common:after {
	box-shadow: 0 0 100px 60px #646c7f;
}

.item-history_common .contract-items__item-inner:before {
	background-image: url(/img/result_common1.png?1);
}

.item-history_common .contract-items__item-inner:after {
	background-image: url(/img/result_common2.png?1);
}

.item-history_common .item-incase__titles:before {
	background: #646c7f;
}

.item-history_common .item-incase__img:before {
	background-image: url(/img/item_incase_common.png?1);
}

.item-history_uncommon .item-incase__titles:before {
	background: #368eb4;
}

.item-history_uncommon .item-incase__img:before {
	background-image: url(/img/item_incase_uncommon.png?1);
}

.item-history_milspec .item-incase__titles:before {
	background: #1b97df;
}

.item-history_milspec .item-incase__img:before {
	background-image: url(/img/item_incase_milspec.png?1);
}

.item-history_restricted .item-incase__titles:before {
	background: #8a54f6;
}

.item-history_restricted .item-incase__img:before {
	background-image: url(/img/item_incase_restricted.png?1);
}

.item-history_classified .item-incase__titles:before {
	background: #ff3ffa;
}

.item-history_classified .item-incase__img:before {
	background-image: url(/img/item_incase_classified.png?1);
}

.item-history_covert .item-incase__titles:before {
	background: #ff1818;
}

.item-history_covert .item-incase__img:before {
	background-image: url(/img/item_incase_covert.png?1);
}

.item-history_rare .item-incase__titles:before {
	background: #ffc600;
}

.item-history_rare .item-incase__img:before {
	background-image: url(/img/item_incase_rare.png?1);
}

.item-history.history-contract:after {
	width: 19px;
	height: 19px;
	background-image: url(/img/icon_contract.svg?v=3);
}

.item-history.history-battle:after {
	width: 16px;
	height: 16px;
	background-image: url(/img/icon_battle.svg?v=3);
}

.item-history.history-limited:after {
	width: 18px;
	height: 18px;
	background-image: url(/img/icon_limited.svg?v=3);
}

.item-history.history-card:after {
	width: 23px;
	height: 17px;
	background-image: url(/img/icon_card.svg?v=3);
}

.item-history.history-upgrade:after {
	width: 17px;
	height: 18px;
	background-image: url(/img/icon_upgrade.svg?v=3);
}

.item-history.history-bonus:after {
	width: 18px;
	height: 18px;
	background-image: url(/img/icon_bonus-gradient.svg?v=3);
}

.item-history.history-premium:after {
	width: 20px;
	height: 15px;
	background-image: url(/img/icon_premium_gold.svg?v=3);
}

.item-history.history-silver .item-history__inner:after {
	background-image: url(/img/premium/fx_silver.svg);
}

.item-history.history-gold .item-history__inner:after {
	background-image: url(/img/premium/fx_gold.svg);
}

.item-history.history-platinum .item-history__inner:after {
	background-image: url(/img/premium/fx_platinum.svg);
}

.drophistory-tooltip {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 130px;
	z-index: 15;
	opacity: 0;
	visibility: hidden;
}

.drophistory-tooltip:after {
	content: "";
	display: none;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgba(0,0,0,.8);
}

.drophistory-tooltip__bottom:after,.drophistory-tooltip__bottom:before,.drophistory-tooltip__top:after,.drophistory-tooltip__top:before {
	width: 1px;
	height: 100%;
	content: "";
	position: absolute;
	bottom: 0;
}

.drophistory-tooltip__bottom:before,.drophistory-tooltip__top:before {
	left: 0;
}

.drophistory-tooltip__bottom:after,.drophistory-tooltip__top:after {
	right: 0;
}

.drophistory-tooltip__top {
	position: relative;
	z-index: 11;
	display: flex;
	justify-content: center;
	padding-top: 70px;
	width: 100%;
	opacity: .9;
	background-image: linear-gradient(#0d0c1d,#1d1c33);
	text-align: center;
}

.drophistory-tooltip__top:after,.drophistory-tooltip__top:before {
	background-image: linear-gradient(179deg,rgba(77,76,95,0),#4c4a5d);
}

.drophistory-tooltip__drop-name {
	display: inline-block;
	margin-top: 10px;
	padding: 0 5px;
}

.drophistory-tooltip__bottom {
	padding: 5px 0;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	background-color: rgba(29,28,51,.9);
	pointer-events: none;
}

.drophistory-tooltip__bottom:after,.drophistory-tooltip__bottom:before {
	background-image: -webkit-linear-gradient(89deg,#4c4a5d,rgba(74,73,91,0));
	background-image: -o-linear-gradient(89deg,#4c4a5d 0,rgba(74,73,91,0) 100%);
	background-image: linear-gradient(179deg,#4c4a5d,rgba(74,73,91,0));
}

.drophistory-tooltip__case-img {
	margin: 0 auto 5px;
}

.drophistory-tooltip__case-img img {
	width: 90px;
}

.drophistory-tooltip__user-name {
	max-width: 100px;
	font-size: 12px;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.drophistory-tooltip__user {
	margin-top: 3px;
	padding: 0 20px;
	display: flex;
	justify-content: center;
}

.drophistory-tooltip__user-img {
	margin-right: 5px;
	width: 18px;
	height: 18px;
	border-radius: 100%;
}

.user-picture {
	width: 62px;
	height: 62px;
	position: relative;
	transition: .2s ease-in-out;
}

.user-picture:before {
	content: "";
	position: absolute;
	z-index: 11;
	top: -12px;
	left: 50%;
	width: 22px;
	height: 18px;
	transform: translateX(-50%);
	pointer-events: none;
	border-radius: 3px;
	-webkit-filter: drop-shadow(0 0 4px rgba(0,0,0,.6));
	filter: drop-shadow(0 0 4px rgba(0,0,0,.6));
}

.user-picture__img {
	width: 100%;
	height: 100%;
	z-index: 2;
}

.user-picture__img img {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	backface-visibility: hidden;
	transition: .2s ease-in-out;
}

.user-picture__img_without-rank img {
	border: 2px solid #62b3ff;
}

.user-picture__rank-img {
	position: absolute;
	left: 50%;
	bottom: -10px;
	transform: translateX(-50%);
	width: 38px;
	z-index: 10;
	pointer-events: none;
}

.user-picture_silver:before {
	background-image: url(/img/premium/icon-premium_silver.svg);
}

.user-picture_gold:before {
	background-image: url(/img/premium/icon-premium_gold.svg?v=4);
}

.user-picture_platinum:before {
	top: -17px;
	width: 26px;
	height: 25px;
	background-image: url(/img/premium/icon-premium_platinum.svg);
}

.user-picture:hover .user-picture__img img {
	box-shadow: 0 0 15px 1px rgba(98,179,255,.6);
}

.header-logo {
	position: relative;
	z-index: 2;
	display: block;
	width: 180px;
}

.header-logo:after,.header-logo:before {
	content: "";
	display: block;
	position: absolute;
}

.header-logo:after {
	top: 0;
	left: 0;
	width: 171px;
	height: 74px;
	background: transparent url(/img/logo_drop2.svg);
	background-size: 100%;
	opacity: 0;
	transition: .25s ease;
	z-index: 3;
	backface-visibility: hidden;
}

.header-logo:before {
	top: 50%;
	left: 50%;
	width: 263px;
	height: 140px;
	transform: translate(-50%,-50%);
	background-size: 100%;
	background-image: url(/img/logo-blur.png?v=3);
	pointer-events: none;
}

.header-logo img {
	display: block;
	position: relative;
	width: 171px;
	height: 74px;
	transition: .25s ease;
	z-index: 2;
	backface-visibility: hidden;
}

.header-logo:hover:after {
	opacity: 1;
}

.nav-site {
	flex-wrap: wrap;
	align-content: space-between;
	display: flex;
}

.nav-site__link-inner {
	display: flex;
	align-items: center;
	padding: 6px 10px 8px;
	font-size: 16px;
	line-height: 19px;
	font-weight: 400;
	color: #c0b5d4;
	transform: skewX(10deg);
	backface-visibility: hidden;
	transition: color .2s ease-in-out,border-color .1s ease-in-out;
}

.nav-site__link {
	display: block;
	margin: 1px 5px;
	border: 1px solid transparent;
	border-radius: 4px;
	transform: skewX(-10deg);
	transition: border-color .2s ease-in-out;
}

.nav-site__link:hover {
	border-color: hsla(0,0%,100%,.16);
}

.nav-site__link:hover .nav-site__link-inner {
	color: #fff;
}

.nav-site__link:hover .nav-site__link-inner:after {
	opacity: 0;
}

.nav-site__link:hover .nav-site__label-new {
	opacity: 0;
	visibility: hidden;
}

.nav-site__link:active {
	border-color: rgba(98,179,255,.6);
}

.nav-site__link_new .nav-site__link-inner {
	color: #62b3ff;
}

.nav-site__link_new:hover {
	border-color: rgba(98,179,255,.4);
}

.nav-site__link_new:hover .nav-site__link-inner {
	color: #62b3ff;
}

.nav-site__label-new {
	position: absolute;
	top: -5px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 10px;
	color: #62b3ff;
	transition: .2s ease-in-out;
	backface-visibility: hidden;
}

.nav-site_top .nav-site__link {
	margin: 1px 3px;
	border-color: transparent;
}

.nav-site_top .nav-site__link-inner {
	padding: 3px 5px 4px;
	font-size: 14px;
	line-height: 15px;
}

.nav-site_bottom .nav-site__link-inner:before {
	content: "";
	margin-right: 7px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
}

.nav-site_bottom .nav-site__link-inner_contracts:before {
	width: 19px;
	height: 19px;
	background-image: url(/img/icon_contract.svg?v=3);
}

.nav-site_bottom .nav-site__link-inner_battles:before {
	width: 14px;
	height: 14px;
	background-image: url(/img/icon_battle.svg?v=3);
}

.nav-site_bottom .nav-site__link-inner_upgrade:before {
	width: 15px;
	height: 16px;
	background-image: url(/img/icon_upgrade.svg?v=3);
}

.nav-site_bottom .nav-site__link-inner_wheel:before {
	width: 15px;
	height: 16px;
	background-image: url(/img/icon_wheel.svg?v=3);
}

.nav-site_bottom .nav-site__link-inner_cards:before {
	width: 21px;
	height: 15px;
	background-image: url(/img/icon_card.svg?v=3);
}

.lng-switcher {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 100%;
}

.lng-switcher__flag {
	content: "";
	width: 20px;
	height: 15px;
	flex: none;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
}

.lng-switcher__flag,.lng-switcher__item {
	border-radius: 3px;
	transition: .2s ease-in-out;
}

.lng-switcher__item {
	display: flex;
	align-items: center;
	margin: 5px 0;
	font-size: 0;
	line-height: 15px;
	cursor: pointer;
	color: hsla(0,0%,100%,.7);
}

.lng-switcher__item_active {
	margin: 0;
	justify-content: center;
	text-transform: uppercase;
	border: 1px solid #111;
	font-size: 0;
}

.lng-switcher__item:hover {
	color: #fff;
}

.lng-switcher__item.active {
	color: #62b3ff;
}

.lng-switcher__item.active:before {
	opacity: 1;
}

.lng-switcher__item:active:before {
	transform: scale(.8);
}

.lng-switcher__all {
	min-width: 164px;
	max-height: 440px;
	padding: 5px 6px;
	position: absolute;
	z-index: 30;
	top: 100%;
	right: -10px;
	border: 1px solid hsla(0,0%,100%,.1);
	background-color: #1d1c33;
	border-radius: 8px;
	opacity: 0;
	visibility: hidden;
	overflow-y: auto;
}

.lng-switcher__all::-webkit-scrollbar-track {
	background-color: rgba(17,17,34,.1);
}

.lng-switcher__all::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

.lng-switcher__all::-webkit-scrollbar-thumb {
	background-color: #8d8cad;
}

.lng-switcher__all:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
	height: 7px;
	opacity: 0;
}

.lng-switcher__all .lng-switcher__item {
	padding: 8px 12px;
	font-size: 15px;
}

.lng-switcher__all .lng-switcher__item img {
	margin-right: 5px;
}

.lng-switcher__inner {
	height: 100%;
}

.lng-switcher:hover .lng-switcher__all {
	opacity: 1;
	visibility: visible;
}

.authblock {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 11px 13px;
	background-color: #6dae01;
	border: 1px solid #80cc01;
	border-bottom-color: transparent;
	border-radius: 6px;
	transform: skew(-5deg);
	font-size: 15px;
	cursor: pointer;
	transition: .2s ease-in-out;
}

.authblock span {
	transform: skew(5deg);
	white-space: nowrap;
}

.authblock:before {
	content: "";
	position: relative;
	z-index: 1;
	width: 28px;
	margin-right: 8px;
	flex: none;
	height: 17px;
	background-image: url(/img/icon_steam_login.svg);
	transition: .2s ease-in-out;
}

.authblock:hover {
	border-color: transparent #83d101 #83d101;
	background-color: #83d101;
}

.authblock:hover:before {
	transform: scale(1.1);
}

.socials-links {
	display: flex;
	align-items: center;
}

.socials-links__link {
	position: relative;
	display: block;
	margin: 0 4px;
	width: 24px;
	height: 24px;
}

@media (min-width:1450px) {
	.socials-links__link {
		margin: 0 7px;
	}
}

.socials-links__link:after,.socials-links__link:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: .2s ease-in-out;
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
}

.socials-links__link:after {
	z-index: 1;
}

.socials-links__link:before {
	z-index: 2;
	opacity: 0;
	visibility: hidden;
}

.socials-links__link_vk:after {
	background-image: url(/img/icon_vk_nocolor.svg?v=4);
}

.socials-links__link_vk:before {
	background-image: url(/img/icon_vk.svg?v=4);
}

.socials-links__link_twitter {
	width: 25px;
}

.socials-links__link_twitter:after {
	background-image: url(/img/icon_twitter_nocolor.svg?v=4);
}

.socials-links__link_twitter:before {
	background-image: url(/img/icon_twitter.svg?v=4);
}

.socials-links__link_facebook:after {
	background-image: url(/img/icon_facebook_nocolor.svg?v=4);
}

.socials-links__link_facebook:before {
	background-image: url(/img/icon_facebook.svg?v=4);
}

.socials-links__link_steam:after {
	background-image: url(/img/icon_steam_nocolor.svg?v=4);
}

.socials-links__link_steam:before {
	background-image: url(/img/icon_steam.svg?v=4);
}

.socials-links__link_youtube:after {
	background-image: url(/img/icon_youtube_nocolor.svg?v=4);
}

.socials-links__link_youtube:before {
	background-image: url(/img/icon_youtube.svg?v=4);
}

.socials-links__link_instagram:after {
	background-image: url(/img/icon_instagram_nocolor.svg?v=4);
}

.socials-links__link_instagram:before {
	background-image: url(/img/icon_instagram.svg?v=4);
}

.socials-links__link_telegram {
	width: 25px;
}

.socials-links__link_telegram:after {
	background-image: url(/img/icon_telegram_nocolor.svg?v=4);
}

.socials-links__link_telegram:before {
	background-image: url(/img/icon_telegram.svg?v=4);
}

.socials-links__link_tiktok {
	width: 22px;
}

.socials-links__link_tiktok:after {
	background-image: url(/img/icon_tiktok_nocolor.svg?v=4);
}

.socials-links__link_tiktok:before {
	background-image: url(/img/icon_tiktok.svg?v=4);
}

.socials-links__link:hover:before {
	opacity: 1;
	visibility: visible;
}

.socials-links__link:hover:after {
	opacity: 0;
	visibility: hidden;
}

.header-top {
	position: relative;
	z-index: 40;
	display: flex;
	min-height: 50px;
	padding: 0 20px;
	background-color: #171321;
}

@media (min-width:1930px) {
	.header-top {
		padding-right: 50px;
	}
}

.header-top__nav {
	align-self: center;
	margin-right: auto;
	padding: 5px 0;
}

@media (min-width:1450px) {
	.header-top__nav {
		padding: 0;
	}
}

.header-top__socials {
	margin-left: 15px;
	align-self: center;
}

.header-top__premium-link {
	display: flex;
	align-items: center;
	padding: 0 17px;
	background-color: #7b14ad;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 16px;
	font-weight: 700;
	color: #fff;
	transition: .12s ease-in-out;
}

.header-top__premium-link:before {
	content: "";
	margin-right: 7px;
	width: 23px;
	height: 17px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_premium.svg?v=1);
	background-position: 50%;
	transition: .12s ease-in-out;
}

.header-top__premium-link:hover {
	background-color: #8b17c4;
}

.header-top__premium-link:hover:before {
	filter: brightness(1.1);
}

.header-bottom {
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
	padding: 20px 0;
}

.header-bottom:before {
	content: "";
	z-index: 5;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	height: 1px;
	background-image: -webkit-linear-gradient(left,rgba(77,76,95,0) 4%,#4c4a5d 50%,rgba(74,73,91,0) 98%);
	background-image: -o-linear-gradient(left,rgba(77,76,95,0) 4%,#4c4a5d 50%,rgba(74,73,91,0) 98%);
	background-image: linear-gradient(90deg,rgba(77,76,95,0) 4%,#4c4a5d 50%,rgba(74,73,91,0) 98%);
}

.header-bottom__nav {
	display: flex;
	align-items: center;
	max-width: 600px;
	margin: 20px -10px 0;
	padding-right: 20px;
}

@media (min-width:1050px) {
	.header-bottom__nav {
		margin: 0 auto;
		padding-right: 0;
		padding-left: 15px;
		max-width: none;
	}
}

@media (min-width:1500px) {
	.header-bottom__nav {
		padding: 0 10px;
	}
}

.header-bottom__userbar {
	display: flex;
	justify-content: flex-end;
	order: 0;
}

@media (min-width:1280px) {
	.header-bottom__userbar {
		padding-right: 20px;
		order: 1;
	}
}

@media (min-width:1350px) {
	.header-bottom__userbar {
		padding-right: 0;
	}
}

.header-bottom__logo-nav {
	display: flex;
}

.header-bottom__logo {
	margin-right: 20px;
	display: inline-flex;
}

.drophistory {
	display: flex;
	position: relative;
	width: 100%;
	height: 85px;
	padding-left: 51px;
	overflow-x: hidden;
overflow-y: hidden;
}

.drophistory__sort-drophistory {
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
}

.drophistory .items {
	height: 95px;
}

.drophistory .items .items-inner {
	display: flex;
	width: 100%;
}

.drophistory__top-drop {
	position: relative;
	display: flex;
	align-items: center;
	padding: 10px 5px;
	width: 209px;
	height: 100%;
	flex: none;
	border-radius: 3px;
}

.drophistory__top-drop:before {
	content: "";
	position: absolute;
	z-index: 18;
	top: -4px;
	left: 50%;
	transform: translateX(-50%);
	width: 99%;
	height: 6px;
	border-radius: 10px;
}

.drophistory__top-drop-item,.drophistory__top-drop-text {
	position: relative;
	z-index: 18;
}

.drophistory__top-drop-text {
	margin-right: 5px;
	font-size: 10px;
	line-height: 12px;
	font-weight: 500;
	color: #fff;
}

.drophistory__top-drop-descr {
	margin-bottom: 7px;
}

.drophistory__top-drop-name {
	font-weight: 700;
}

.drophistory__top-drop-item:before {
	content: "";
	position: absolute;
	top: 44%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	width: 170px;
	height: 172px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	pointer-events: none;
}

.drophistory__top-drop-item img {
	position: relative;
	z-index: 2;
	width: 130px;
}

.drophistory__top-drop .drophistory-tooltip {
	width: 100%;
}

.drophistory__top-drop .drophistory-tooltip__drop-name {
	display: none;
}

.drophistory__top-drop .drophistory-tooltip__bottom {
	padding: 15px 5px 5px;
}

.drophistory__top-drop.common {
	background: linear-gradient(180deg,rgba(100,108,127,.25),rgba(241,32,32,0));
}

.drophistory__top-drop.common:before {
	background-color: #646c7f;
}

.drophistory__top-drop.common .drophistory__top-drop-item:before {
	background-image: url(/img/live-top-rarity/common.png);
}

.drophistory__top-drop.uncommon {
	background: linear-gradient(180deg,rgba(54,142,180,.25),rgba(241,32,32,0));
}

.drophistory__top-drop.uncommon:before {
	background-color: #368eb4;
}

.drophistory__top-drop.uncommon .drophistory__top-drop-item:before {
	background-image: url(/img/live-top-rarity/uncommon.png);
}

.drophistory__top-drop.milspec {
	background: linear-gradient(180deg,rgba(27,151,223,.25),rgba(241,32,32,0));
}

.drophistory__top-drop.milspec:before {
	background-color: #1b97df;
}

.drophistory__top-drop.milspec .drophistory__top-drop-item:before {
	background-image: url(/img/live-top-rarity/milspec.png);
}

.drophistory__top-drop.restricted {
	background: linear-gradient(180deg,rgba(138,84,246,.25),rgba(241,32,32,0));
}

.drophistory__top-drop.restricted:before {
	background-color: #8a54f6;
}

.drophistory__top-drop.restricted .drophistory__top-drop-item:before {
	background-image: url(/img/live-top-rarity/restricted.png);
}

.drophistory__top-drop.classified {
	background: linear-gradient(180deg,rgba(255,63,250,.25),rgba(241,32,32,0));
}

.drophistory__top-drop.classified:before {
	background-color: #ff3ffa;
}

.drophistory__top-drop.classified .drophistory__top-drop-item:before {
	background-image: url(/img/live-top-rarity/classified.png);
}

.drophistory__top-drop.covert {
	background: linear-gradient(180deg,rgba(255,24,24,.25),rgba(241,32,32,0));
}

.drophistory__top-drop.covert:before {
	background-color: #ff1818;
}

.drophistory__top-drop.covert .drophistory__top-drop-item:before {
	background-image: url(/img/live-top-rarity/covert.png);
}

.drophistory__top-drop.rare {
	background: linear-gradient(180deg,rgba(255,198,0,.25),rgba(241,32,32,0));
}

.drophistory__top-drop.rare:before {
	background-color: #ffc600;
}

.drophistory__top-drop.rare .drophistory__top-drop-item:before {
	background-image: url(/img/live-top-rarity/rare.png);
}

.js-drop-tooltip:hover .drophistory-tooltip {
	opacity: 1;
	visibility: visible;
}

.home {
	margin: -50px 0 0;
}

.home__series {
	margin: 0 0 55px;
}

.home__sales {
	margin: 60px 0 20px;
}

.home__advantages,.home__scammers-banner {
	display: flex;
	justify-content: center;
}

.home__scammers-banner {
	width: 100%;
}

.cases-section__title {
	margin-top: 60px;
}

.cases-section__cases {
	margin-top: 35px;
}

.cases-section__user-cases-actions {
	width: 100%;
	margin-top: 20px;
	display: flex;
}

@media (max-width:599px) {
	.cases-section__user-cases-actions {
		flex-direction: column;
		align-items: center;
	}

	.cases-section__user-cases-actions .button {
		margin: 10px 0;
	}
}

@media (min-width:600px) {
	.cases-section__user-cases-actions {
		justify-content: space-around;
	}
}

.cases-section__user-cases-actions .button {
	width: auto;
}

.cases-section_cards .title:before {
	width: 23px;
	height: 17px;
	background-image: url(/img/icon_card.svg);
}

.cases-section_limited .title:before {
	width: 18px;
	height: 18px;
	background-image: url(/img/icon_limited.svg);
}

.cases-section_limited .case:hover {
	border-bottom-color: #6dae01;
}

.cases-section_rank .title:before {
	width: 20px;
	height: 14px;
	background-image: url(/img/icon_rank.svg);
}

.cases-section_rank .case:before {
	border-color: transparent #ffb300 transparent transparent;
}

.cases-section_rank .case:hover {
	border-bottom-color: #ffb300;
}

.cases-section_battle .title:before {
	width: 18px;
	height: 18px;
	background-image: url(/img/icon_battle.svg);
}

.cases-section_battle .cases-section__cases {
	margin-top: 65px;
}

.cases-section_battle .cases__item {
	width: 220px;
}

.cases-section_battle .cases__item:nth-last-child(2),.cases-section_battle .cases__item:nth-last-child(3) {
	display: none;
}

@media (min-width:1600px) {
	.cases-section_battle .cases__item:nth-last-child(3) {
		display: block;
	}
}

@media (min-width:1900px) {
	.cases-section_battle .cases__item:nth-last-child(2),.cases-section_battle .cases__item:nth-last-child(3) {
		display: block;
	}
}

.cases-section_battle .cases__item .case {
	background-image: url(/img/shadow_battle_4.png);
}

.cases-section_battle .cases__item .case:before {
	border-color: transparent #c02512 transparent transparent;
}

.cases-section_battle .cases__item .case:hover {
	border-bottom-color: #c02512;
}

.cases-section_cases .case:before {
	border-color: transparent #ffb300 transparent transparent;
}

.cases-section_cases .case:hover {
	border-bottom-color: #ffb300;
}

.cases-section_collections .title:before {
	top: -28px;
	width: 21px;
	height: 21px;
	background-image: url(/img/icon_collections.svg);
}

.cases-section_collections .case:before {
	border-color: transparent #4a90e2 transparent transparent;
}

.cases-section_collections .case:hover {
	border-bottom-color: #4a90e2;
}

.cases-section_other-cases .title:before {
	top: -27px;
	width: 18px;
	height: 19px;
	background-image: url(/img/icon_other-cases.svg);
}

.cases-section_custom-cases .title:before {
	top: -27px;
	width: 20px;
	height: 20px;
	background-image: url(/img/icon_custom-cases.svg);
}

.cases-section_youtubers .title:before {
	width: 22px;
	height: 15px;
	background-image: url(/img/icon_youtubers.svg);
}

.cases-section_categories .case__img:before {
	background-image: url(/img/case_overlay_light.png);
}

.cases-section_categories .cases__item:first-child .case:before {
	border-color: transparent #123ac0 transparent transparent;
}

.cases-section_categories .cases__item:first-child .case:hover {
	border-bottom-color: #123ac0;
}

.cases-section_categories .cases__item:nth-child(2) .case:before {
	border-color: transparent #8a54f6 transparent transparent;
}

.cases-section_categories .cases__item:nth-child(2) .case:hover {
	border-bottom-color: #8a54f6;
}

.cases-section_categories .cases__item:nth-child(3) .case:before {
	border-color: transparent #ff3ffa transparent transparent;
}

.cases-section_categories .cases__item:nth-child(3) .case:hover {
	border-bottom-color: #ff3ffa;
}

.cases-section_categories .cases__item:nth-child(4) .case:before {
	border-color: transparent #ff1818 transparent transparent;
}

.cases-section_categories .cases__item:nth-child(4) .case:hover {
	border-bottom-color: #ff1818;
}

.cases-section_categories .cases__item:nth-child(5) .case:before {
	border-color: transparent #ffc600 transparent transparent;
}

.cases-section_categories .cases__item:nth-child(5) .case:hover {
	border-bottom-color: #ffc600;
}

.cases-section_bonuses .title:before {
	width: 21px;
	height: 21px;
	background-image: url(/img/icon_bonus-gradient.svg?v=3);
}

.cases-section_user-cases .title:before {
	width: 17px;
	height: 17px;
	background-image: url(/img/icon_user.svg?v=3);
}

.cases {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.cases__item {
	width: 33.33%;
	padding: 0 8px;
	flex: none;
}

@media (min-width:1050px) {
	.cases__item {
		width: 25%;
	}
}

@media (min-width:1280px) {
	.cases__item {
		width: 20%;
	}
}

@media (min-width:1400px) {
	.cases__item {
		width: 260px;
	}
}

.case {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding-bottom: 15px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100%;
	transition: .1s ease-in-out;
	border-bottom: 1px solid #3e395f;
}

.case:before {
	content: "";
	z-index: 2;
	bottom: -1px;
	right: -1px;
	transform: translateZ(0);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	border-color: transparent #6dae01 transparent transparent;
	border-style: solid;
	border-width: 0 10px 10px 0;
	transform: rotate(90deg);
}

.case:before,.case__limit {
	position: absolute;
	transition: .1s ease-in-out;
}

.case__limit {
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	top: 30px;
	left: 50%;
	padding-left: 7.5px;
	min-width: 140px;
	height: 34px;
	font-size: 14px;
	line-height: 15px;
	font-weight: 500;
	color: #fff;
	transform: translateX(-50%);
}

.case__limit:before {
	content: "";
	position: absolute;
	z-index: -1;
	width: calc(100% + 15px);
	height: 100%;
	top: 50%;
	left: 50%;
	border-radius: 4px;
	transform: skewX(-15deg) translate(-50%,-50%);
	border: 1px solid transparent;
	background-color: #2a2542;
}

.case__limit-inner {
	display: flex;
	align-items: center;
}

.case__limit-inner:before {
	content: "";
	margin-right: 7px;
	margin-top: 2px;
	width: 16px;
	height: 16px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_limited_green.svg?v=5);
	background-position: 50%;
	transition: .2s ease-in-out;
	filter: grayscale(1);
}

.case__limit-left {
	transition: .2s ease-in-out;
	color: #fff;
}

.case__limit-separator {
	color: #a19898;
	margin: 0 6px;
}

.case__limit-reserve {
	color: #a19898;
}

.case__wrapper-img {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 200px;
}

.case__wrapper-img:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 39%;
	left: 50%;
	transform: translate(-50%,-50%) scale(.8);
	width: 280px;
	height: 245px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/case_overlay.png);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: .2s ease-in-out;
}

@media (min-width:1480px) {
	.case__wrapper-img:before {
		top: 38%;
	}
}

.case__wrapper-img img {
	transition: .2s ease-in-out;
}

.case__img {
	width: 210px;
}

@media (min-width:1480px) {
	.case__img {
		width: 230px;
	}
}

.case__name {
	width: 100%;
	text-align: center;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #b5b5d4;
}

.case__price {
	margin-top: 10px;
	font-style: italic;
	white-space: nowrap;
}

.case__price_old {
	display: flex;
	align-items: center;
	transition: .2s ease-in-out;
}

.case__price_old .case__old-price {
	position: relative;
	margin-top: 2px;
	margin-right: 6px;
	font-size: 14px;
	font-weight: 400;
	color: #625f78;
}

.case__price_old .case__old-price:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 2px;
	background-color: #625f78;
}

.case__price_old .case__new-price {
	font-size: 22px;
	font-weight: 700;
	color: #ffdc00;
}

.case__price_bonus {
	display: flex;
	align-items: center;
	font-size: 22px;
	line-height: 19px;
	font-weight: 700;
	color: #fbae21;
}

.case__price_bonus .icon {
	margin-right: 8px;
	margin-top: 2px;
}

.case__price .price:after,.case__price .price:before {
	font-style: normal;
}

.case__current-price {
	font-size: 22px;
	color: #7ed321;
}

.case__current-price i {
	font-size: 19px;
}

.case__battles-count {
	position: absolute;
	top: -5px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	font-size: 17px;
	font-weight: 700;
}

.case__battles-count:before {
	content: "";
	margin-right: 8px;
	width: 14px;
	height: 14px;
	background: url(/img/icon_battle.svg) no-repeat;
}

.case__rank-info {
	padding: 10px 10px 13px;
	position: absolute;
	bottom: 75px;
	width: 190px;
	left: 50%;
	background-color: #100e1f;
	border-radius: 5px;
	border: 1px solid rgba(255,133,0,.55);
	box-shadow: 0 0 15px 0 rgba(255,133,0,.35);
	transform: skewX(-20deg) translateX(-50%);
	text-align: center;
	font-size: 14px;
	line-height: 17px;
	pointer-events: none;
	transition: .1s ease-in-out;
}

.case__rank-info span {
	display: inline-block;
	transform: skewX(20deg);
}

.case__plus-bonus {
	display: flex;
	padding: 5px 10px;
	align-items: center;
	margin: -35px 0 10px;
	transform: skewX(-10deg);
	border: 1px solid #e59504;
	background: linear-gradient(180deg,#201b39 47.06%,#fbae21 559.56%);
	border-radius: 7px;
	transition: .12s ease;
}

.case__plus-bonus span {
	transform: skewX(10deg);
	font-size: 28px;
	line-height: 21px;
	font-weight: 700;
	color: #fcae21;
}

.case__plus-bonus .icon {
	margin-left: 6px;
}

.case__plus-bonus:hover {
	filter: brightness(1.2);
}

.case__plus {
	margin-top: -2px;
}

.case__overlay-link {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
}

.case__creator {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 44px;
	height: 44px;
	z-index: 5;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid transparent;
	transition: .2s ease;
}

.case__creator img {
	width: 100%;
	transition: .2s ease;
}

.case__creator:hover {
	border-color: #433a80;
	box-shadow: 0 0 15px 0 rgba(67,58,128,.4);
}

.case__creator:hover img {
	transform: scale(1.1);
}

.case_battle .case__wrapper-img {
	min-height: 185px;
}

.case_battle .case__wrapper-img img {
	width: 190px;
}

.case.low-rank:hover .case__wrapper-img img {
	opacity: .5;
}

.case.low-rank .case__wrapper-img:before {
	display: none;
}

.case.item-limited {
	padding-top: 40px;
}

.case:hover:after,.case:hover:before {
	opacity: 1;
	visibility: visible;
}

.case:hover .case__limit:before {
	border-color: #7ed321;
	background-color: #222632;
}

.case:hover .case__limit-inner:before {
	filter: grayscale(0);
}

.case:hover .case__wrapper-img:before {
	opacity: .8;
	visibility: visible;
	transform: translate(-50%,-50%) scale(1);
}

.case:hover .case__wrapper-img img {
	transform: scale(1.1);
}

.case:hover .case__limit-left {
	color: #7ed321;
}

.prize {
	position: absolute;
	z-index: 1;
	top: 10px;
	right: -10px;
	padding: 12px 30px 12px 15px;
	background-color: #2e2947;
	border-radius: 4px 0 0 4px;
	transition: .12s ease;
	transform: skewX(-10deg);
	color: #fff;
}

.prize__text {
	display: flex;
	align-items: center;
	transform: skewX(10deg);
	font-style: italic;
	font-size: 14px;
	line-height: 15px;
	font-weight: 600;
	color: #fff;
	backface-visibility: hidden;
}

.prize__text:before {
	content: "";
	margin-right: 10px;
	width: 19px;
	height: 14px;
	background-image: url(/img/icon_prize_case.svg);
	background-size: 100%;
}

.prize:hover {
	transform: skewX(-10deg) translateX(-6px);
	background-color: #4f4c5f;
}

.prize_bright .prize__text:before {
	width: 34px;
	height: 31px;
	background-image: url(/img/icon_prize-gift.svg);
}

.prize_bright {
	top: 60px;
	padding: 4px 30px 4px 15px;
	background-color: #53acff;
}

.prize_bright:hover {
	background-color: #62b3ff;
}

.checkstupiduser {
	position: absolute;
	top: 350px;
	left: 50%;
	width: 50%;
	transform: translate(-50%,-50%);
	padding: 30px;
	border-radius: 5px;
	background: rgba(0,0,0,.9);
	z-index: 30;
}

.checkstupiduser strong {
	display: block;
	color: #62b3ff;
	font-size: 1.3em;
	line-height: 1.2em;
}

.csu-screenshot {
	padding: 10px 0;
}

.csu-screenshot a {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	border: 1px solid #777;
	border-radius: 2px;
	transition: .1s ease-in-out;
}

.csu-screenshot a:hover {
	border-color: #62b3ff;
}

.csu-screenshot img {
	height: 100px;
	border-radius: 2px;
}

.csu-option {
	position: relative;
	margin-top: 10px;
	padding: 0 0 0 30px;
	cursor: pointer;
	transition: .1s ease-in-out;
}

.csu-option span {
	display: block;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 2px;
	left: 0;
	background: #62b3ff;
	border-radius: 100%;
}

.csu-option span:before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 20px;
	height: 20px;
	background: #000;
	border: 1px solid #000;
	border-radius: 100%;
	box-sizing: border-box;
}

.csu-option:hover {
	color: #62b3ff;
}

.csu-option.active {
	color: #ff5d5d;
}

.csu-option.active span,.csu-option.active span:before {
	background-color: #d40000;
}

.csu-option.csu-trueoption.active {
	color: #82d400;
}

.csu-option.csu-trueoption.active span,.csu-option.csu-trueoption.active span:before {
	background-color: #82d400;
}

.csu-goodforyou {
	padding: 15px 0 0;
	display: none;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.1em;
}

.csu-button {
	display: flex;
	justify-content: center;
	margin-top: 15px;
}

.create-battle-case {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 15px;
	cursor: pointer;
}

.create-battle-case__content {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	min-height: 200px;
	border: 1px dashed hsla(0,0%,100%,.12);
	border-radius: 3px;
	transition: .2s ease;
	padding: 0 40px;
	text-align: center;
}

.create-battle-case__icon {
	margin-bottom: 10px;
	position: absolute;
	left: 50%;
	top: -15px;
	transform: translateX(-50%);
	width: 182px;
	height: 198px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/overlay-battle-create.svg);
	background-position: 50%;
}

.create-battle-case__icon:after,.create-battle-case__icon:before {
	content: "";
	position: absolute;
	top: 68px;
	width: 87px;
	height: 83px;
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	transition: .3s ease;
}

.create-battle-case__icon:before {
	left: 29px;
	z-index: 2;
	transform: rotate(9deg);
	background-image: url(/img/knife-left.svg);
}

.create-battle-case__icon:after {
	z-index: 1;
	right: 29px;
	transform: rotate(-9deg);
	background-image: url(/img/knife-right.svg);
}

.create-battle-case__text {
	margin: auto auto 30px;
	color: #b1bbca;
	font-size: 14px;
	line-height: 16px;
	transition: .2s linear;
}

.create-battle-case:hover .create-battle-case__content {
	border-color: #62b3ff;
}

.create-battle-case:hover .create-battle-case__icon:after,.create-battle-case:hover .create-battle-case__icon:before {
	transform: rotate(0deg);
}

.create-battle-case:hover .create-battle-case__text {
	color: #62b3ff;
}

.dominance {
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 873px;
	margin: 55px auto 75px;
	padding: 15px 45px 0;
	border-radius: 14px;
	background-image: url(/img/dominance-bg.png);
	background-size: cover;
	border: 1px solid rgba(141,140,173,.2);
	transition: .15s ease-in-out;
}

.dominance:after,.dominance:before {
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
}

.dominance:before {
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 360px;
	height: 200px;
	background-image: url(/img/dominance-logo.png);
	transition: .15s ease-in-out;
	backface-visibility: hidden;
}

.dominance:after,.dominance:before {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
}

.dominance:after {
	bottom: -66px;
	left: 50%;
	transform: translateX(-50%);
	width: 432px;
	height: 130px;
	background-image: url(/img/upgrade/flare-status-default.png);
}

.dominance__text {
	max-width: 439px;
	font-size: 17px;
	line-height: 21px;
	font-weight: 400;
	color: #fff;
}

.dominance__btn {
	display: flex;
	align-items: center;
	margin: 15px 0 -24px;
	padding: 8px 20px 10px;
	border-radius: 5px;
	background-color: #62b3ff;
	background-image: linear-gradient(1deg,#003e80,#009ac1);
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	color: #fff;
	transition: .15s ease-in-out;
}

.dominance__btn:after {
	content: "";
	margin-left: 8px;
	margin-top: 3px;
	width: 23px;
	height: 23px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon-circle-arrow.svg);
	background-position: 50%;
	transition: .15s ease-in-out;
}

.dominance:hover {
	border-color: rgba(98,179,255,.4);
}

.dominance:hover .dominance__btn,.dominance:hover:before {
	filter: brightness(1.2);
}

.dominance:hover .dominance__btn:after {
	transform: translateX(3px);
}

.layout-profile {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.layout-profile__title {
	margin-bottom: 120px;
}

.layout-profile__profile-section {
	width: 100%;
}

.layout-profile__profile-section_premium {
	margin-bottom: 40px;
	background-image: linear-gradient(180deg,#1a1830,#1b1931 84%,#1e1c38);
	background-color: #1a1830;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	border-radius: 9px;
	border: 1px solid #28263a;
	box-shadow: 0 2px 84px -20px #181621;
	backface-visibility: hidden;
}

.layout-profile__profile-section_silver {
	background-image: url(/img/premium/bg_silver.png);
}

.layout-profile__profile-section_silver .profile-main__img {
	border-color: rgba(104,97,121,.23);
}

.layout-profile__profile-section_silver .profile-main__img:after {
	width: 108px;
	height: 48px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/premium/status_silver.svg?v=1);
	background-position: 50%;
}

.layout-profile__profile-section_gold {
	background-image: url(/img/premium/bg_gold.jpg);
}

.layout-profile__profile-section_gold .profile-main__img {
	border-color: rgba(82,20,143,.4);
}

.layout-profile__profile-section_gold .profile-main__img:after {
	width: 95px;
	height: 48px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/premium/status_gold.svg?v=1);
	background-position: 50%;
}

.layout-profile__profile-section_platinum {
	background-image: url(/img/premium/bg_platinum.jpg);
}

.layout-profile__profile-section_platinum .profile-main__img {
	border-color: rgba(61,104,157,.23);
}

.layout-profile__profile-section_platinum .profile-main__img:before {
	width: 336px;
	height: 338px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/premium/shadow_platinum.png?v=1);
	background-position: 50%;
}

.layout-profile__profile-section_platinum .profile-main__img:after {
	width: 105px;
	height: 63px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/premium/status_platinum.svg?v=1);
	background-position: 50%;
}

.layout-profile__steps {
	margin: 50px auto;
	max-width: 1180px;
}

.layout-profile__trade-link {
	margin: 0 auto;
	max-width: 840px;
}

.layout-profile__their-items {
	width: 100%;
}

.layout-profile__important-info,.layout-profile__trade-link {
	display: none;
}

.layout-profile__drop-filters {
	margin: 25px 0 30px;
}

.layout-profile__currency {
	margin-top: 50px;
}

.layout-profile__premium-banner {
	width: 100%;
}

.userbar-block {
	display: flex;
	align-items: center;
}

.userbar-block__user-picture {
	margin-right: 15px;
}

.user-stat {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.user-stat__name {
	position: relative;
	display: block;
	align-items: center;
	max-width: 110px;
	margin-bottom: 6px;
	padding-right: 26px;
	font-size: 15px;
	line-height: 22px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #fff;
	transition: color .2s ease-in-out;
}

.user-stat__name:hover {
	color: #62b3ff;
}

.user-stat__nums {
	display: flex;
	align-items: baseline;
	transform: skewX(5deg);
	line-height: 16px;
	font-size: 18px;
	color: #fff;
}

.user-stat__balance {
	padding: 6px 36px 6px 8px;
	max-width: 145px;
	border-radius: 6px;
	border: 1px solid rgba(109,174,1,.45);
	transform: skewX(-5deg);
	cursor: pointer;
	transition: .2s ease-in-out;
}

.user-stat__balance:hover {
	border-color: #83d101;
	box-shadow: 0 0 15px 0 rgba(131,209,1,.5);
}

.user-stat__balance:hover .user-stat__refill {
	background-color: #83d101;
}

.user-stat__refill {
	position: absolute;
	right: -1px;
	top: 50%;
	height: calc(100% + 2px);
	width: 29px;
	background-color: #6dae01;
	border-radius: 6px;
	transform: translateY(-50%);
	transition: background-color .2s ease-in-out;
}

.user-stat__refill:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) skewX(5deg);
	width: 12px;
	height: 12px;
	background-image: url(/img/icon_refill.svg);
}

.user-stat__bonuses {
	display: flex;
	align-items: center;
	margin-top: 9px;
	font-size: 15px;
	line-height: 18px;
	font-weight: 700;
	color: #fbae21;
	transition: .12s ease-in-out;
}

.user-stat__bonuses .icon {
	margin-right: 8px;
}

.user-stat__bonuses:hover {
	color: #fcc053;
}

.user-stat__signout {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	z-index: 2;
	border-radius: 100%;
	background-color: #62b3ff;
	transition: .1s ease-in-out;
	will-change: box-shadow;
}

.user-stat__signout:before {
	content: "";
	width: 7px;
	height: 7px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-image: url(/img/icon_signout.svg);
	background-size: 100%;
	transition: transform .2s ease-in-out;
	backface-visibility: hidden;
}

.user-stat__signout:hover:before {
	transform: translate(-50%,-50%) rotate(180deg) scale(1.2);
}

.important-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.important-info__item {
	position: relative;
	padding-left: 75px;
	margin-bottom: 40px;
	width: calc(50% - 50px);
	backface-visibility: hidden;
}

.important-info__item:before {
	content: "";
	width: 54px;
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	margin-right: 20px;
}

.important-info__item:first-child:before {
	height: 54px;
	background: url(/img/icon_skull.svg);
}

.important-info__item:nth-child(2):before {
	height: 48px;
	background: url(/img/icon_steam_big.svg);
	background-size: 100%;
}

.important-info__item:nth-child(3) {
	margin-bottom: 0;
}

.important-info__item:nth-child(3):before {
	height: 50px;
	background: url(/img/icon_alert.svg);
}

.important-info__item:nth-child(4) {
	margin-bottom: 0;
}

.important-info__item:nth-child(4):before {
	height: 54px;
	background: url(/img/icon_question.svg);
}

.important-info__title {
	font-size: 20px;
	line-height: 23px;
	margin-bottom: 8px;
	font-weight: 700;
	font-style: italic;
	color: #fff;
}

.important-info__text {
	font-size: 14px;
	line-height: 19px;
	color: #b5b5d4;
}

.important-info__text a {
	border-bottom: 1px solid transparent;
	transition: .2s ease;
}

.important-info__text a:hover {
	color: hsla(0,0%,100%,.9);
	border-bottom-color: #fff;
}

.their-items-wrapper__title {
	margin: 40px 0;
}

.their-items-wrapper__tabs {
	margin-bottom: 50px;
}

.their-items-wrapper__their-items {
	margin-top: 30px;
}

.their-items-wrapper__filters {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

.their-items-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.their-items-title__link {
	width: 150px;
	position: relative;
	padding-left: 50px;
	font-size: 17px;
	font-style: italic;
	font-weight: 700;
	line-height: 18px;
	color: rgba(255,128,0,.95);
	cursor: pointer;
	transition: .2s ease;
}

.their-items-title__link:after,.their-items-title__link:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: .2s ease;
}

.their-items-title__link:before {
	width: 36px;
	height: 36px;
	left: 0;
	opacity: .8;
}

.their-items-title__link:after {
	left: 17px;
	box-shadow: 0 0 40px 8px rgba(255,128,0,.6);
	opacity: .6;
	z-index: -1;
}

.their-items-title__link_url:before {
	background: url(/img/icon_url.svg);
	background-position: 50%;
}

.their-items-title__link_swindler {
	width: 190px;
}

.their-items-title__link_swindler:before {
	background: url(/img/icon_swindler.svg);
	background-position: 50%;
}

.their-items-title__link:hover {
	color: #ff8000;
}

.their-items-title__link:hover:after,.their-items-title__link:hover:before {
	opacity: 1;
}

.drop-filters {
	display: flex;
	align-items: center;
	padding: 5px 5px 5px 30px;
	background-color: rgba(24,24,34,.1);
	border: 1px solid hsla(0,0%,100%,.1);
	border-radius: 6px;
	transform: skewX(-10deg);
	backface-visibility: hidden;
}

.drop-filters__filter-tags {
	transform: skewX(10deg);
}

.drop-filters button.drop-filters__sell-all {
	margin-left: auto;
	transform: none;
}

.filter-tags {
	display: flex;
}

.filter-tags__tag {
	margin-right: 30px;
}

.filter-tag input[type=checkbox] {
	display: none;
}

.filter-tag input[type=checkbox]+label {
	position: relative;
	display: block;
	border-radius: 3px;
	width: 36px;
	height: 36px;
	white-space: nowrap;
	cursor: pointer;
	transition: .2s ease;
}

.filter-tag input[type=checkbox]+label:after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 20px;
	height: 20px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	opacity: 0;
	transition: .2s ease;
}

.filter-tag_common input[type=checkbox]+label {
	border: 1px solid #646c7f;
}

.filter-tag_common input[type=checkbox]+label:after {
	background-image: url(/img/icon_check_common.svg);
}

.filter-tag_common input[type=checkbox]+label:hover {
	border-color: #6f788d;
	box-shadow: 0 0 25px 0 rgba(100,108,127,.6);
}

.filter-tag_common input[type=checkbox]+label:hover:after {
	opacity: .5;
}

.filter-tag_common input[type=checkbox]:checked+label {
	transition: .2s ease-in-out;
}

.filter-tag_common input[type=checkbox]:checked+label:after {
	opacity: 1;
}

.filter-tag_common input[type=checkbox]:checked+label:hover {
	border-color: #757d92;
}

.filter-tag_uncommon input[type=checkbox]+label {
	border: 1px solid #368eb4;
}

.filter-tag_uncommon input[type=checkbox]+label:after {
	background-image: url(/img/icon_check_uncommon.svg);
}

.filter-tag_uncommon input[type=checkbox]+label:hover {
	border-color: #3e9dc5;
	box-shadow: 0 0 25px 0 rgba(54,142,180,.6);
}

.filter-tag_uncommon input[type=checkbox]+label:hover:after {
	opacity: .5;
}

.filter-tag_uncommon input[type=checkbox]:checked+label {
	transition: .2s ease-in-out;
}

.filter-tag_uncommon input[type=checkbox]:checked+label:after {
	opacity: 1;
}

.filter-tag_uncommon input[type=checkbox]:checked+label:hover {
	border-color: #46a1c8;
}

.filter-tag_milspec input[type=checkbox]+label {
	border: 1px solid #1b97df;
}

.filter-tag_milspec input[type=checkbox]+label:after {
	background-image: url(/img/icon_check_milspec.svg);
}

.filter-tag_milspec input[type=checkbox]+label:hover {
	border-color: #2ea2e6;
	box-shadow: 0 0 25px 0 rgba(27,151,223,.6);
}

.filter-tag_milspec input[type=checkbox]+label:hover:after {
	opacity: .5;
}

.filter-tag_milspec input[type=checkbox]:checked+label {
	transition: .2s ease-in-out;
}

.filter-tag_milspec input[type=checkbox]:checked+label:after {
	opacity: 1;
}

.filter-tag_milspec input[type=checkbox]:checked+label:hover {
	border-color: #37a6e7;
}

.filter-tag_restricted input[type=checkbox]+label {
	border: 1px solid #8a54f6;
}

.filter-tag_restricted input[type=checkbox]+label:after {
	background-image: url(/img/icon_check_restricted.svg);
}

.filter-tag_restricted input[type=checkbox]+label:hover {
	border-color: #9b6cf7;
	box-shadow: 0 0 25px 0 rgba(138,84,246,.6);
}

.filter-tag_restricted input[type=checkbox]+label:hover:after {
	opacity: .5;
}

.filter-tag_restricted input[type=checkbox]:checked+label {
	transition: .2s ease-in-out;
}

.filter-tag_restricted input[type=checkbox]:checked+label:after {
	opacity: 1;
}

.filter-tag_restricted input[type=checkbox]:checked+label:hover {
	border-color: #a176f8;
}

.filter-tag_classified input[type=checkbox]+label {
	border: 1px solid #ff3ffa;
}

.filter-tag_classified input[type=checkbox]+label:after {
	background-image: url(/img/icon_check_classified.svg);
}

.filter-tag_classified input[type=checkbox]+label:hover {
	border-color: #ff59fb;
	box-shadow: 0 0 25px 0 rgba(255,63,250,.6);
}

.filter-tag_classified input[type=checkbox]+label:hover:after {
	opacity: .5;
}

.filter-tag_classified input[type=checkbox]:checked+label {
	transition: .2s ease-in-out;
}

.filter-tag_classified input[type=checkbox]:checked+label:after {
	opacity: 1;
}

.filter-tag_classified input[type=checkbox]:checked+label:hover {
	border-color: #ff63fb;
}

.filter-tag_covert input[type=checkbox]+label {
	border: 1px solid #ff1818;
}

.filter-tag_covert input[type=checkbox]+label:after {
	background-image: url(/img/icon_check_covert.svg);
}

.filter-tag_covert input[type=checkbox]+label:hover {
	border-color: #ff3232;
	box-shadow: 0 0 25px 0 rgba(255,24,24,.6);
}

.filter-tag_covert input[type=checkbox]+label:hover:after {
	opacity: .5;
}

.filter-tag_covert input[type=checkbox]:checked+label {
	transition: .2s ease-in-out;
}

.filter-tag_covert input[type=checkbox]:checked+label:after {
	opacity: 1;
}

.filter-tag_covert input[type=checkbox]:checked+label:hover {
	border-color: #ff3c3c;
}

.filter-tag_rare input[type=checkbox]+label {
	border: 1px solid #ffc600;
}

.filter-tag_rare input[type=checkbox]+label:after {
	background-image: url(/img/icon_check_rare.svg);
}

.filter-tag_rare input[type=checkbox]+label:hover {
	border-color: #ffcc1a;
	box-shadow: 0 0 25px 0 rgba(255,198,0,.6);
}

.filter-tag_rare input[type=checkbox]+label:hover:after {
	opacity: .5;
}

.filter-tag_rare input[type=checkbox]:checked+label {
	transition: .2s ease-in-out;
}

.filter-tag_rare input[type=checkbox]:checked+label:after {
	opacity: 1;
}

.filter-tag_rare input[type=checkbox]:checked+label:hover {
	border-color: #ffce24;
}

.filter-tag_with-icon input[type=checkbox]+label {
	position: relative;
	padding: 8px 16px 10px;
}

.filter-tag_with-icon input[type=checkbox]+label:before {
	position: absolute;
	display: block;
	content: "";
}

.filter-tag_available-drop input[type=checkbox]+label {
	width: auto;
	height: auto;
	background: hsla(0,0%,100%,.1);
	font-weight: 600;
}

.filter-tag_available-drop input[type=checkbox]+label:after {
	display: none;
}

.filter-tag_available-drop input[type=checkbox]+label:hover {
	box-shadow: 0 0 25px 0 hsla(0,0%,100%,.1);
}

.filter-tag_available-drop input[type=checkbox]:checked+label {
	background: #62b3ff;
}

.trade-link__title {
	margin-bottom: 20px;
	font-size: 18px;
	text-align: center;
	color: #fff;
}

.trade-link__title a {
	color: #62b3ff;
	transition: .2s ease;
}

.trade-link__title a:hover {
	color: #95ccff;
}

.trade-link__form {
	display: flex;
	width: 700px;
	padding: 5px 5px 5px 10px;
	transform: skewX(-10deg);
	background-color: #fff;
	border-radius: 6px;
	overflow: hidden;
}

.trade-link__form input {
	width: 100%;
	font-size: 17px;
	color: rgba(29,28,51,.8);
}

.trade-link__form input::-webkit-input-placeholder {
	color: rgba(29,28,51,.4);
}

.trade-link__form input:-moz-placeholder,.trade-link__form input::-moz-placeholder {
	color: rgba(29,28,51,.4);
}

.trade-link__form input:-ms-input-placeholder {
	color: rgba(29,28,51,.4);
}

.trade-link__btn {
	transform: skewX(10deg);
}

.steps {
	display: flex;
	padding: 30px 40px;
	background-color: rgba(0,0,0,.1);
	border-radius: 6px;
	border: 1px solid hsla(0,0%,100%,.1);
	counter-reset: step;
}

.steps__step {
	width: 33.33%;
	padding: 0 15px;
}

@media (min-width:1100px) {
	.steps__step {
		padding: 0;
	}

	.steps__step:nth-child(2) {
		padding-right: 30px;
	}

	.steps__step:nth-child(3) {
		padding-left: 55px;
		padding-right: 35px;
	}
}

.steps_prizes .steps__step {
	padding: 0 15px;
}

.step {
	display: flex;
}

.step__step-count {
	display: flex;
	margin-right: 20px;
}

.step__step-count:before {
	content: counter(step);
	counter-increment: step;
	font-size: 40px;
	line-height: 30px;
	font-weight: 700;
	font-style: italic;
	color: #62b3ff;
	flex: none;
}

.step__title {
	margin-bottom: 7px;
	width: 100%;
	font-style: italic;
	font-weight: 700;
	font-size: 18px;
	color: #fff;
}

.step__text {
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	color: #b5b5d4;
}

.step__text a {
	color: #fff;
	border-bottom: 1px solid transparent;
	transition: .2s ease;
}

.step__text a:hover {
	color: hsla(0,0%,100%,.9);
	border-color: hsla(0,0%,100%,.6);
}

.step.done .step__title {
	display: flex;
	align-items: center;
	color: #95da15;
}

.step.done .step__title:before {
	content: "";
	width: 12px;
	height: 9px;
	margin-right: 8px;
	background: url(/img/icon_check_green.svg);
}

.step.done .step__step-count:before {
	color: #95da15;
}

.market-status {
	position: relative;
	z-index: 10;
	border-radius: 4px;
	margin-bottom: 10px;
	padding: 6px 15px;
	background-color: #111;
	border: 1px solid #85c510;
	transition: .2s ease-in-out;
	transform: skewX(-10deg);
	border-radius: 6px;
	cursor: pointer;
}

.market-status__item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 35px;
	transform: skewX(10deg);
}

.market-status__item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background-image: url(/img/icon_get_small.svg);
	transition: .3s ease;
	backface-visibility: hidden;
	opacity: .9;
}

.market-status__item span {
	font-size: 13px;
	color: #fff;
}

.market-status__item span:first-child {
	margin-bottom: 1px;
	font-weight: 600;
}

.market-status:hover {
	background-color: #1e1e1e;
	border-color: #9eeb13;
}

.market-status:hover .market-status__item:before {
	opacity: 1;
	transform: translateY(-50%) rotate(180deg);
}

.status-balance {
	display: flex;
	justify-content: center;
}

.status-balance__column {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.status-balance__column-inner {
	position: relative;
}

.status-balance__column-inner:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 234px;
	height: 192px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/profile/stat-frame.svg);
	background-position: 50%;
}

.status-balance__column_right .status-balance__column-inner:before {
	transform: translate(-50%,-50%) rotate(180deg);
}

.status-balance__balance-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: none;
}

.status-balance__balance {
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 24px;
	color: #fff;
}

.status-balance__balance,.status-balance__bonuses {
	display: flex;
	align-items: center;
	justify-content: center;
}

.status-balance__bonuses {
	margin-top: 20px;
	transition: .2s ease;
}

.status-balance__bonuses .icon {
	margin-top: 6px;
	margin-right: 12px;
	width: 38px;
	height: 38px;
}

.status-balance__bonuses-value {
	font-size: 24px;
	line-height: 29px;
	font-weight: 700;
	color: #fbae21;
}

.status-balance__bonuses-text {
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	color: #b5b5d4;
	font-style: italic;
}

.status-balance__bonuses:hover {
	filter: brightness(1.2);
}

.status-balance__title {
	margin-top: 38px;
	font-size: 16px;
	line-height: 19px;
	font-weight: 700;
	color: #fff;
	font-style: italic;
}

.status-balance__market-status {
	display: flex;
	margin-top: 20px;
	display: none;
}

.status-balance__market-status.hidden {
	display: none;
}

.status-balance__market-status.offline,.status-balance__market-status.online {
	display: flex;
}

.status-balance__market-status.offline .market-status {
	border-color: rgba(105,108,110,.8);
}

.status-balance__market-status.offline .market-status:after,.status-balance__market-status.offline .market-status:before {
	filter: grayscale();
}

.status-balance__market-status.offline .market-status:hover {
	border-color: #696c6e;
}

.status-balance__market-status.offline .market-status__item span {
	color: hsla(0,0%,100%,.7);
}

.status-balance__market-status.offline .market-status__item:before {
	filter: grayscale();
}

.status-balance__refill span {
	font-weight: 400;
	font-style: normal;
}

.profile-counter {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.profile-counter__icon {
	height: 105px;
	background-size: 100%;
	background-position: top;
	background-repeat: no-repeat;
}

.profile-counter__icon_cases {
	width: 125px;
	background-image: url(/img/profile/icon_cases.svg?v=3);
}

.profile-counter__icon_contracts {
	width: 134px;
	background-image: url(/img/profile/icon_contracts.svg?v=3);
}

.profile-counter__icon_cards {
	width: 133px;
	background-image: url(/img/profile/icon_cards.svg?v=3);
}

.profile-counter__icon_battles {
	width: 134px;
	background-image: url(/img/profile/icon_battles.svg?v=3);
}

.profile-counter__icon_upgrade {
	width: 125px;
	background-image: url(/img/profile/icon_upgrade.svg?v=3);
}

.profile-counter__icon_time-1 {
	width: 135px;
	background-image: url(/img/profile/icon_time-1.svg?v=3);
}

.profile-counter__icon_time-2 {
	width: 135px;
	background-image: url(/img/profile/icon_time-2.svg?v=3);
}

.profile-counter__icon_time-3 {
	width: 135px;
	background-image: url(/img/profile/icon_time-3.svg?v=3);
}

.profile-counter__icon_time-4 {
	width: 135px;
	background-image: url(/img/profile/icon_time-4.svg?v=3);
}

.profile-counter__count {
	display: flex;
	justify-content: center;
	line-height: 30px;
	font-size: 26px;
	font-weight: 700;
	font-style: italic;
	white-space: nowrap;
	color: #fff;
}

.profile-counter__count span {
	margin-top: 3px;
}

.profile-counter__count span:first-child {
	margin-right: 6px;
	color: #95da15;
}

.profile-counter__count span:last-child {
	margin-left: 5px;
	color: #ff5637;
}

@media (min-width:1200px) {
	.profile-counter__count {
		margin-bottom: 10px;
		font-size: 38px;
		line-height: 29px;
	}
}

.profile-counter__count_time {
	font-size: 22px;
}

.profile-counter__text {
	max-width: 90px;
	font-size: 11px;
	line-height: 14px;
	font-style: italic;
	color: #b5b5d4;
}

@media (min-width:1200px) {
	.profile-counter__text {
		max-width: 130px;
		font-size: 12px;
		line-height: 16px;
	}
}

.profile-statistic {
	display: flex;
	align-items: baseline;
	justify-content: center;
}

.profile-statistic__column {
	padding: 0 5px;
	flex: none;
	max-width: 115px;
}

@media (min-width:1200px) {
	.profile-statistic__column {
		padding: 0 10px;
		min-width: 150px;
		max-width: none;
	}
}

@media (min-width:1490px) {
	.profile-statistic__column {
		padding: 0 20px;
	}
}

.profile-statistic_right .profile-statistic__column {
	width: 150px;
	padding: 0 10px;
	flex: none;
}

@media (min-width:1200px) {
	.profile-statistic_right .profile-statistic__column {
		width: 175px;
	}
}

.profile-statistic_bottom {
	padding-top: 15px;
	margin-top: 15px;
	position: relative;
}

.profile-statistic_bottom:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,transparent 0,rgba(98,179,255,.65) 51%,transparent);
}

@media (min-width:1280px) {
	.profile-statistic {
		justify-content: normal;
	}
}

.profile-main,.profile-main__img {
	position: relative;
	width: 100%;
	height: 100%;
}

.profile-main__img {
	border: 12px solid #312e3d;
	border-radius: 100%;
}

.profile-main__img:after,.profile-main__img:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	background-size: 100%;
	pointer-events: none;
}

.profile-main__img:before {
	top: 50%;
	transform: translate(-50%,-50%);
	transition: .2s ease;
}

.profile-main__img:after {
	z-index: 4;
	top: -45px;
	transform: translateX(-50%);
}

.profile-main__img img {
	position: relative;
	z-index: 2;
	border-radius: 100%;
	width: 100%;
	height: 100%;
}

.profile-main__steam {
	z-index: 3;
	bottom: -15px;
	transform: translateX(-50%) skewX(-10deg);
	width: 56px;
	height: 38px;
	background: #6dae01;
	border-radius: 6px;
	border: 1px solid #83d101;
	border-bottom: none;
	transition: .2s ease-in-out;
}

.profile-main__steam,.profile-main__steam:before {
	position: absolute;
	left: 50%;
	backface-visibility: hidden;
}

.profile-main__steam:before {
	content: "";
	top: 50%;
	width: 28px;
	height: 17px;
	transform: translate(-50%,-50%) skewX(10deg);
	background: url(/img/icon_steam_login.svg);
	transition: .2s ease;
}

.profile-main__steam:hover {
	background: #83d101;
	border-color: #83d101;
}

.profile-main__steam:hover:before {
	transform: translate(-50%,-50%) skewX(10deg) scale(1.15);
}

.profile-bars {
	align-items: flex-start;
	position: relative;
}

.profile-bars,.profile-bars__aside-items {
	display: flex;
	width: 100%;
}

.profile-bars__aside-items_left {
	justify-content: flex-end;
}

.profile-bars__center {
	width: 140px;
	height: 140px;
	flex: none;
}

@media (min-width:1280px) {
	.profile-bars__center {
		width: 160px;
		height: 160px;
	}
}

@media (min-width:1490px) {
	.profile-bars__center {
		width: 175px;
		height: 175px;
	}
}

.their-items__drops {
	margin: 0 -14px;
}

.items-out {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -9px;
}

.items-out__item {
	width: 33.33%;
	padding: 0 9px;
	margin-bottom: 38px;
}

.items-out__item_fluid {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	width: 100%;
}

.items-out__info {
	width: 100%;
	text-align: center;
	margin: 15px 0;
}

.items-out__info a {
	padding-bottom: 2px;
	border-bottom: 1px solid #62b3ff;
	color: #62b3ff;
	transition: .2s ease-in-out;
}

.items-out__info a:hover {
	color: #7cbfff;
	border-bottom-color: rgba(98,179,255,.1);
}

.item-incontract {
	position: relative;
	display: flex;
	padding: 15px;
	background-color: #0f0e27;
	border-radius: 6px 6px 0 6px;
}

.item-incontract__left {
	width: 160px;
	flex: none;
	margin-right: 20px;
}

.item-incontract__right {
	position: relative;
	width: 100%;
}

.item-incontract__bottom {
	position: absolute;
	height: 22px;
	bottom: -22px;
	right: 0;
	padding: 0 8px;
	border-radius: 0 0 6px 6px;
	background-color: rgba(0,0,0,.3);
	font-size: 12px;
	font-style: italic;
	font-weight: 500;
	color: hsla(0,0%,100%,.4);
}

.item-incontract__bottom i {
	font-family: Rouble;
}

.bycontract {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.bycontract__head {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.bycontract__img {
	width: 100%;
	display: flex;
	justify-content: center;
	padding-bottom: 5px;
	margin-bottom: 2px;
	margin-top: 5px;
	position: relative;
	overflow: hidden;
}

.bycontract__img:after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	bottom: 2px;
	width: 105px;
	height: 97px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
	opacity: .8;
	transition: .2s ease-in-out;
}

.bycontract__img img {
	position: relative;
	z-index: 2;
	width: 140px;
}

.bycontract__name,.bycontract__type {
	text-align: center;
	width: 90%;
	font-weight: 700;
	font-style: italic;
	font-size: 14px;
}

.bycontract__name {
	position: relative;
	padding-top: 10px;
	margin-bottom: 4px;
}

.bycontract__name:before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	top: 0;
	width: 75%;
	height: 2px;
	border-radius: 2px;
	transition: .2s ease-in-out;
	opacity: .8;
}

.bycontract__name span {
	width: 100%;
}

.bycontract__name span,.bycontract__type {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.bycontract__type {
	margin-bottom: 15px;
	transition: .2s ease-in-out;
	color: #b5b5d4;
}

.bycontract:hover .bycontract__type {
	color: #d5d5e7;
}

.bycontract:hover .bycontract__img:after,.bycontract:hover .bycontract__name:before {
	opacity: 1;
}

.bycontract_common .bycontract__img:after {
	background-image: url(/img/item_incase_common.png);
}

.bycontract_common .bycontract__name:before {
	background-color: #646c7f;
	box-shadow: 0 0 32px 5px rgba(100,108,127,.4);
}

.bycontract_uncommon .bycontract__img:after {
	background-image: url(/img/item_incase_uncommon.png);
}

.bycontract_uncommon .bycontract__name:before {
	background-color: #368eb4;
	box-shadow: 0 0 32px 5px rgba(54,142,180,.4);
}

.bycontract_milspec .bycontract__img:after {
	background-image: url(/img/item_incase_milspec.png);
}

.bycontract_milspec .bycontract__name:before {
	background-color: #1b97df;
	box-shadow: 0 0 32px 5px rgba(27,151,223,.4);
}

.bycontract_restricted .bycontract__img:after {
	background-image: url(/img/item_incase_restricted.png);
}

.bycontract_restricted .bycontract__name:before {
	background-color: #8a54f6;
	box-shadow: 0 0 32px 5px rgba(138,84,246,.4);
}

.bycontract_classified .bycontract__img:after {
	background-image: url(/img/item_incase_classified.png);
}

.bycontract_classified .bycontract__name:before {
	background-color: #ff3ffa;
	box-shadow: 0 0 32px 5px rgba(255,63,250,.4);
}

.bycontract_covert .bycontract__img:after {
	background-image: url(/img/item_incase_covert.png);
}

.bycontract_covert .bycontract__name:before {
	background-color: #ff1818;
	box-shadow: 0 0 32px 5px rgba(255,24,24,.4);
}

.bycontract_rare .bycontract__img:after {
	background-image: url(/img/item_incase_rare.png);
}

.bycontract_rare .bycontract__name:before {
	background-color: #ffc600;
	box-shadow: 0 0 32px 5px rgba(255,198,0,.4);
}

.conract-history-items {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	flex-wrap: wrap;
	margin: -5px -10px;
	max-height: 173px;
	background-color: #0f0e27;
	transition: border-color .12s ease;
	border: 1px solid transparent;
	border-radius: 6px;
	z-index: 4;
	overflow: hidden;
}

.conract-history-items__item {
	width: 33.33%;
	display: flex;
	justify-content: center;
	padding: 5px 10px;
}

.conract-history-items__item:nth-child(10) {
	display: none;
}

.conract-history-items:hover {
	max-height: 999999px;
	overflow: initial;
	z-index: 5;
	border-color: hsla(0,0%,100%,.05);
	box-shadow: 0 0 15px 0 rgba(34,34,34,.3);
}

.conract-history-item {
	position: relative;
}

.conract-history-item__img {
	width: 60px;
}

.conract-history-item__tooltip {
	position: absolute;
	z-index: 3;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	padding: 5px;
	background-color: rgba(0,0,0,.4);
	border-radius: 4px;
	font-size: 12px;
	text-align: center;
	color: hsla(0,0%,100%,.95);
	opacity: 0;
	visibility: hidden;
	transition: .2s ease-in-out;
}

.conract-history-item__tooltip:before {
	content: "";
	position: absolute;
	z-index: 5;
	top: -4px;
	left: 50%;
	transform: translateX(-50%);
	width: 8px;
	height: 8px;
	border-radius: 100%;
}

.conract-history-item:hover .conract-history-item__tooltip {
	top: 45px;
	opacity: 1;
	visibility: visible;
}

.conract-history-item_common .conract-history-item__tooltip:before {
	background-color: rgba(100,108,127,.9);
}

.conract-history-item_uncommon .conract-history-item__tooltip:before {
	background-color: rgba(54,142,180,.9);
}

.conract-history-item_milspec .conract-history-item__tooltip:before {
	background-color: rgba(27,151,223,.9);
}

.conract-history-item_restricted .conract-history-item__tooltip:before {
	background-color: rgba(138,84,246,.9);
}

.conract-history-item_classified .conract-history-item__tooltip:before {
	background-color: rgba(255,63,250,.9);
}

.conract-history-item_covert .conract-history-item__tooltip:before {
	background-color: rgba(255,24,24,.9);
}

.conract-history-item_rare .conract-history-item__tooltip:before {
	background-color: rgba(255,198,0,.9);
}

.profile-currency {
	display: flex;
	align-self: center;
	flex-direction: column;
	position: relative;
	padding: 16px 53px 20px;
	border: 1px solid #ffdd45;
	background: rgba(0,0,0,.2);
	border-radius: 3px;
	max-width: 500px;
	text-align: center;
}

.profile-currency:before {
	top: -19px;
	left: 50%;
	transform: translate(-50%);
	position: absolute;
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	background-image: url(/img/icon_attention.svg);
	background-size: 100%;
	background-repeat: no-repeat;
}

.profile-currency__head {
	font-size: 16px;
	line-height: 22px;
}

.profile-currency__text {
	margin: 8px 0 6px;
	font-size: 15px;
	line-height: 20px;
	color: #b1bbca;
}

.profile-currency__radio {
	margin: 16px 0 20px;
}

.profile-currency__button {
	margin: 0 auto;
}

.radio-group {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 -12px;
}

.radio-group__item {
	padding: 0 12px;
}

.radio-item input {
	display: none;
}

.radio-item input+span:hover:before {
	border: 4px solid rgba(177,187,202,.45);
}

.radio-item input:checked+span {
	color: #fff;
	cursor: default;
}

.radio-item input:checked+span:before {
	background: #1c1927;
	border: 4px solid #6dae01;
}

.radio-item input:disabled+span {
	color: #888384;
	cursor: default;
}

.radio-item input:disabled+span:before {
	border: 1px solid rgba(177,187,202,.4);
}

.radio-item span {
	display: inline-block;
	position: relative;
	padding-right: 27px;
	cursor: pointer;
	transition: .2s ease;
	font-size: 15px;
	line-height: 23px;
	font-weight: 500;
	color: hsla(0,0%,100%,.8);
	white-space: normal;
}

.radio-item span:before {
	content: "";
	display: inline-block;
	margin-bottom: -4px;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	border: 1px solid rgba(177,187,202,.4);
	border-radius: 100%;
	margin-right: 8px;
	transition: .12s ease;
}

.radio-item span .icon-tooltip {
	position: absolute;
	top: 1px;
	right: 0;
}

.battles-history {
	display: flex;
	flex-wrap: wrap;
	margin: 15px -15px 0;
}

.battles-history__wrapper-item {
	width: 33.33%;
	padding: 0 15px;
}

@media (min-width:1120px) {
	.battles-history__wrapper-item {
		width: 25%;
	}
}

@media (min-width:1960px) {
	.battles-history__wrapper-item {
		width: 20%;
	}
}

@media (min-width:2240px) {
	.battles-history__wrapper-item {
		width: 16.66%;
	}
}

.battles-history__item {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-radius: 4px;
	background-color: rgba(0,0,0,.2);
}

.drops-filters {
	display: flex;
	flex-wrap: wrap;
	font-size: 15px;
	line-height: 20px;
}

.drops-filters__section {
	display: flex;
	align-items: center;
	min-height: 36px;
	padding: 0 5px;
	border-right: 1px solid hsla(0,0%,100%,.1);
}

.drops-filters__section:last-child {
	border-right: 0;
}

@media (min-width:1200px) {
	.drops-filters__section {
		padding: 0 20px;
	}
}

.drops-filters__section-label {
	color: #b1bbca;
	margin-right: 20px;
}

.drops-filters__tags {
	margin: -5px;
	display: flex;
	flex-wrap: wrap;
}

.drops-filters__tag {
	margin: 5px;
}

.drops-filters__button {
	position: relative;
	margin: 0;
	padding: 8px 24px 8px 45px;
	font-size: 15px;
	line-height: 20px;
	border-radius: 3px;
	white-space: nowrap;
	background-color: #6dae01;
	color: #fff;
	transition: .2s ease;
	cursor: pointer;
}

.drops-filters__button:before {
	position: absolute;
	display: block;
	content: "";
	width: 14px;
	height: 14px;
	top: 11px;
	left: 25px;
	background: url(/img/sell-all-drop.svg);
}

.drops-filters__button:hover {
	background-color: #62b3ff;
}

.price-filters {
	display: flex;
	background-image: linear-gradient(270deg,rgba(98,179,255,.65),rgba(177,187,202,.15));
	border-radius: 3px;
}

.price-filters__filter {
	position: relative;
	padding: 8px 12px;
	border: 1px solid hsla(0,0%,100%,.25);
	font-weight: 600;
	line-height: 20px;
	font-size: 15px;
	transition: .2s ease;
	cursor: pointer;
}

.price-filters__filter span {
	transition: .2s ease;
	color: hsla(0,0%,100%,.8);
}

.price-filters__filter:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: hsla(0,0%,100%,.15);
	opacity: 0;
	visibility: hidden;
	transition: .2s ease;
}

.price-filters__filter:first-child {
	border-radius: 3px 0 0 3px;
}

.price-filters__filter:last-child {
	border-radius: 0 3px 3px 0;
}

.price-filters__filter:not(.active):hover {
	border-color: hsla(0,0%,100%,.4);
}

.price-filters__filter:not(.active):hover:before {
	opacity: 1;
	visibility: visible;
	background-color: hsla(0,0%,100%,.1);
}

.price-filters__filter.active {
	border-color: hsla(0,0%,100%,.55);
}

.price-filters__filter.active span {
	color: #fff;
}

.price-filters__filter.active:before {
	visibility: visible;
	opacity: 1;
}

.rank-section {
	width: 500px;
}

.rank-section__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}

.rank-section__rank {
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 19px;
}

.rank-section__rank .icon-tooltip {
	z-index: 1;
	margin-left: 7px;
}

.rank-section__curr-rank,.rank-section__max-rank {
	font-weight: 700;
}

.rank-section__curr-rank {
	color: #fbae21;
}

.rank-section__rank-img {
	margin-right: 11px;
	width: 55px;
}

.rank-progressbar {
	position: relative;
	width: 100%;
	height: 23px;
	overflow: hidden;
	box-shadow: 0 0 30px 2px rgba(255,128,0,.2);
	border-radius: 12px;
	background-color: #181729;
	border: 1px solid rgba(255,133,0,.4);
	backface-visibility: hidden;
}

.rank-progressbar__progress {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 100%;
	height: calc(100% + 2px);
	border-radius: 12px 0 0 12px;
	background-image: linear-gradient(90deg,#ffb700,#ff8000);
}

.popup-overlay {
	position: fixed;
	padding: 0 20px;
	z-index: 1100;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
}

.replacement {
	max-width: 950px;
	width: 100%;
	border: 1px solid rgba(41,51,62,.8);
	background-color: #141327;
	border-radius: 5px;
}

.replacement__head {
	display: flex;
	align-items: center;
	padding: 24px 30px;
	min-height: 131px;
	border-bottom: 1px solid rgba(41,51,62,.8);
	background-image: url(/img/bg-replacement.png?v=1);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	border-radius: 5px 5px 0 0;
}

.replacement__head-title {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	color: #fff;
}

.replacement__head-text {
	max-width: 640px;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	color: #b1bbca;
}

@media (min-width:800px) {
	.replacement__head {
		padding: 24px 140px 24px 23px;
	}
}

.replacement__item-unavailable {
	display: none;
}

@media (min-width:910px) {
	.replacement__item-unavailable {
		display: block;
		width: 155px;
		margin-right: 30px;
		flex: none;
	}
}

.replacement__body {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 15px 25px;
	min-height: 200px;
	max-height: 240px;
	box-shadow: inset 0 0 15px #0b0e19;
	overflow-y: auto;
}

.replacement__body::-webkit-scrollbar-track {
	background-color: transparent;
}

.replacement__body::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

.replacement__body::-webkit-scrollbar-thumb {
	background-color: #62b3ff;
}

.replacement__body-item {
	position: relative;
	padding: 10px 5px;
	margin: 5px 0;
	width: 50%;
	opacity: .8;
	transition: .1s ease;
}

.replacement__body-item:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	border: 2px solid #8d8cad;
	border-radius: 8px;
	transform: translate(-50%,-50%) skewX(-5deg);
	width: 100%;
	height: 100%;
	transition: .1s ease;
	opacity: 0;
	visibility: visible;
	pointer-events: none;
}

.replacement__body-item.active {
	opacity: 1;
	filter: brightness(1.3);
}

.replacement__body-item.active:before {
	opacity: 1;
	visibility: visible;
}

.replacement__body-item .item-incase {
	cursor: pointer;
}

.replacement__body-item .item-incase__bar {
	left: 15px;
}

@media (min-width:450px) {
	.replacement__body-item {
		width: 33.33%;
	}
}

@media (min-width:650px) {
	.replacement__body-item {
		width: 25%;
	}
}

@media (min-width:850px) {
	.replacement__body-item {
		width: 20%;
	}
}

@media (min-width:1000px) {
	.replacement__body-item {
		width: 149px;
	}
}

@media (min-height:720px) {
	.replacement__body {
		max-height: 280px;
	}
}

@media (min-height:840px) {
	.replacement__body {
		max-height: 380px;
	}
}

.replacement__btns {
	padding: 23px 30px;
	border-top: 1px solid rgba(41,51,62,.8);
	border-radius: 0 0 5px 5px;
}

@media (min-width:800px) {
	.replacement__btns {
		display: flex;
	}
}

.replacement__btn {
	flex-direction: column;
	align-items: center;
	margin-bottom: 15px;
	width: 100%;
	text-transform: uppercase;
}

.replacement__btn span:nth-child(2) {
	margin-top: 5px;
	font-size: 11px;
	line-height: 12px;
	font-weight: 500;
	color: #fff;
}

.replacement__btn:last-child {
	margin-bottom: 0;
}

@media (min-width:800px) {
	.replacement__btn {
		width: 50%;
		margin-right: 30px;
		margin-bottom: 0;
	}

	.replacement__btn:last-child {
		margin-right: 0;
	}
}

.profile-section {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.profile-section__rank-section {
	margin-top: -64px;
}

.profile-section__profile-bars {
	margin: 50px auto;
	width: 100%;
}

@media (min-width:1925px) {
	.profile-section__profile-bars {
		max-width: 1400px;
	}
}

.profile-section__status-balance {
	width: 100%;
	margin-bottom: 40px;
}

.profile-section__premium-status {
	width: 100%;
	background-color: #22203f;
	border-radius: 0 0 6px 6px;
}

.premium-status__until-end-text {
	max-width: 120px;
	margin-right: 5px;
	font-size: 14px;
	line-height: 19px;
	font-weight: 400;
	color: #fbae21;
}

.premium-status__switches {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 10px;
	border-bottom: 1px solid #34324f;
}

@media (min-width:1250px) {
	.premium-status__switches {
		padding: 20px;
	}
}

.premium-status__status {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
}

@media (min-width:1250px) {
	.premium-status__status {
		padding: 20px;
	}
}

.premium-status__switch-title {
	max-width: 140px;
	margin-top: 5px;
	font-size: 13px;
	line-height: 16px;
	font-weight: 600;
	color: hsla(0,0%,100%,.7);
}

@media (min-width:1050px) {
	.premium-status__switch-title {
		margin-top: 0;
		margin-left: 12px;
	}
}

.premium-status__switch {
	margin: 0 20px;
}

@media (min-width:1050px) {
	.premium-status__switch {
		display: flex;
		align-items: center;
	}
}

.premium-status__premium-up {
	margin-left: 15px;
}

.bonuses-items {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -7px;
}

.bonuses-items__item {
	width: 25%;
	padding: 8px 7px;
}

@media (min-width:1400px) {
	.bonuses-items__item {
		width: 20%;
	}
}

@media (min-width:1600px) {
	.bonuses-items__item {
		width: 16.66%;
	}
}

@media (min-width:2530px) {
	.bonuses-items__item {
		width: 14.28%;
	}
}

.bonuses-items__wrapper {
	width: 100%;
	height: 150px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #0d0916;
	border: 1px solid rgba(39,34,85,.8);
	box-shadow: 0 0 5px 0 rgba(17,17,17,.2);
	border-radius: 6px;
}

.bonuses-items__wrapper .bonus-item__label {
	opacity: .8;
}

.bonuses-items__status {
	position: absolute;
	width: 100%;
	padding: 10px 10px 25px;
	z-index: 3;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	border-radius: 6px;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
	background: linear-gradient(180deg,rgba(10,8,15,.9) 40%,rgba(10,8,15,0) 90%);
}

.bonuses-items__status_rules {
	padding: 20px 10px 10px;
	top: auto;
	bottom: 0;
	background: linear-gradient(0deg,rgba(10,8,15,.8) 60%,rgba(10,8,15,0) 90%);
}

.bonuses-items__status_rules:before {
	display: none;
}

.bonuses-items__status .icon {
	margin-right: 8px;
}

.bonuses-items__title {
	margin: 7px 7px 5px;
	text-align: center;
	font-size: 15px;
	line-height: 19px;
	font-weight: 500;
	color: hsla(0,0%,100%,.5);
}

.bonuses-items__promo {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px 7px 0;
	font-size: 13px;
	line-height: 16px;
	font-weight: 400;
	color: #62b3ff;
	transition: .12s ease;
	cursor: pointer;
}

.bonuses-items__promo:after {
	content: "";
	margin-left: 7px;
	margin-top: 4px;
	width: 17px;
	height: 12px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/bonus-wheel/icon_eye.svg?v=3);
	background-position: 50%;
}

.bonuses-items__promo:hover {
	color: #8bc7ff;
}

.case-page,.case-page__canvas {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.case-page__canvas {
	width: 100%;
	position: relative;
	margin-top: 65px;
}

.case-page__buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
}

.case-page__items {
	margin-top: 50px;
}

.case-page__cards {
	width: 100%;
}

.case-page__personal-stat {
	margin: 50px 0 30px;
}

.case-page__wrapper-img {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	transition: .3s ease;
}

.case-page__wrapper-img.animate {
	opacity: 0;
}

.case-page__wrapper-img_card {
	position: relative;
	height: 460px;
}

.case-page__wrapper-img_card:after,.case-page__wrapper-img_card:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-size: 100%;
	background-repeat: no-repeat;
	pointer-events: none;
}

.case-page__wrapper-img_card:after {
	z-index: 1;
	width: 758px;
	height: 550px;
	top: 62%;
	left: 55%;
	background-image: url(/img/cards/case-overlay-2.png);
}

.case-page__wrapper-img_card:before {
	z-index: 2;
	width: 417px;
	height: 417px;
	background-image: url(/img/cards/case-overlay-1.svg);
}

.case-page__wrapper-img_card .case-page__img {
	position: relative;
	z-index: 3;
	width: 372px;
}

.case-page__img {
	width: 340px;
}

.case-page__blogger-links {
	display: flex;
	justify-content: center;
	margin: -20px 0 20px;
	z-index: 2;
	width: 100%;
}

.case-page__animation {
	position: absolute;
	top: -200px;
	transform: scale(.6);
	pointer-events: none;
}

.case-page__card-description {
	position: relative;
	z-index: 3;
	margin: 10px 0 20px;
	width: 446px;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: hsla(0,0%,100%,.9);
}

.case-page__bonuses-btn {
	z-index: 3;
	margin-top: -50px;
	padding: 11px 20px;
	background: linear-gradient(180deg,#201b39 50%,#fbae21 562.5%);
	border-radius: 6px;
	border: 1px solid rgba(251,174,33,.2);
	transform: skewX(-10deg);
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	color: #fbae21;
	transition: .15s ease;
}

.case-page__bonuses-btn span {
	display: flex;
	align-items: center;
	transform: skewX(10deg);
	white-space: nowrap;
}

.case-page__bonuses-btn .icon {
	width: 29px;
	height: 29px;
	margin-right: 10px;
}

.case-page__bonuses-btn:hover {
	border-color: #fbae21;
	filter: brightness(1.05);
}

.farmcase-picker {
	display: flex;
	margin-bottom: 20px;
}

.farmcase-picker__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 4px;
	width: 44px;
	height: 38px;
	border-radius: 4px;
	background-color: rgba(98,179,255,.1);
	border: 1px solid #62b3ff;
	cursor: pointer;
	transition: .2s ease-in-out;
	transform: skewX(-10deg);
	backface-visibility: hidden;
}

.farmcase-picker__btn span {
	margin-bottom: 3px;
	font-size: 17px;
	line-height: 18px;
	font-style: italic;
	color: #fff;
	pointer-events: none;
	transform: skewX(10deg);
}

.farmcase-picker__btn:hover {
	background-color: rgba(109,174,1,.8);
	border-color: #6dae01;
}

.farmcase-picker__btn.active {
	background-color: rgba(109,174,1,.9);
	border-color: #7dc701;
	box-shadow: 0 0 5px 0 rgba(109,174,1,.5);
	transform: scale(1.15) skewX(-10deg);
}

.canvas-container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.canvas-container-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: none;
	width: 450px;
	height: 190px;
	background-color: rgba(0,0,0,.5);
	border: 2px solid rgba(98,179,255,.9);
	box-shadow: 0 0 45px 0 rgba(98,179,255,.2);
	border-radius: 26px;
}

.case-items__title {
	margin-bottom: 30px;
	text-align: center;
}

[class^=note-] {
	display: block;
	margin: 50px 0 0;
	padding: 5px;
	min-height: 52px;
	overflow: hidden;
	position: relative;
}

[class^=note-] a {
	text-decoration: underline;
	color: #ded1ff;
}

[class^=note-] a:hover {
	color: #fff;
}

[class^=note-] .descr {
	cursor: default;
	background-color: rgba(0,0,0,.5);
	border-radius: 15px;
	padding: 15px 15px 18px 25px;
}

[class^=note-] .descr .head {
	font-size: 1.5em;
	line-height: 1.1em;
	font-weight: 700;
	color: #ce0000;
	padding: 0 0 3px;
	font-style: italic;
}

[class^=note-] .descr .text {
	margin: 3.5px 0;
	color: #9b0000;
}

[class^=note-].note-bad .icon {
	background-color: #ce0000;
}

[class^=note-].note-bad .descr .head {
	color: #ffb08d;
}

[class^=note-].note-bad .descr .text {
	color: #ffe5d9;
}

[class^=note-].note-good .icon {
	background-color: #7cb000;
}

[class^=note-].note-good .descr .head {
	color: #89c200;
}

[class^=note-].note-good .descr .text {
	color: #ebffbb;
}

[class^=note-].note-attention .icon {
	background-color: #e5b200;
}

[class^=note-].note-attention .descr .head {
	color: #ffc80a;
}

[class^=note-].note-attention .descr .text {
	color: #fff3c8;
}

[class^=note-].note-limited {
	overflow: visible;
}

[class^=note-].note-limited .icon {
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	width: 48px;
	height: 30px;
	border-radius: 0;
	background: transparent url(/img/icon_limited_1.svg) no-repeat 0 0;
	background-size: 100% 100%;
	z-index: 3;
}

[class^=note-].note-limited .icon:before {
	display: none;
}

[class^=note-].note-limited .descr {
	text-align: center;
	background: linear-gradient(90deg,transparent 0,rgba(0,0,0,.4) 50%,transparent);
}

[class^=note-].note-limited .descr .head {
	color: #f7da00;
	padding-bottom: 6px;
}

[class^=note-].note-limited .descr .text {
	color: #fff3c8;
}

[class^=note-].note-limited_info .icon {
	top: -13px;
	width: 37px;
	height: 37px;
	background-image: url(/img/icon_attention.svg);
	background-position: 50%;
}

[class^=note-].note-limited_info .descr {
	padding: 27px 15px 18px 25px;
}

.wrapper-canvases {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -20px;
}

.wrapper-canvases__canvas {
	padding: 20px;
}

.farm-result-layout {
	width: 100%;
}

.farm-result-layout__items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: -30px;
}

.farm-result-layout__item {
	width: 33.33%;
	padding: 30px;
}

.farm-result-layout__actions,.farm-result-layout__item {
	display: flex;
	justify-content: center;
}

.farm-result-layout__title {
	margin-bottom: 30px;
}

.farm-result-layout__info {
	margin: 30px 0 15px;
	font-size: 15px;
	text-align: center;
}

.farm-result-layout__info a {
	padding-bottom: 2px;
	border-bottom: 1px solid rgba(98,179,255,.8);
	color: #62b3ff;
	transition: .2s ease-in-out;
}

.farm-result-layout__info a:hover {
	border-bottom-color: rgba(98,179,255,.2);
	color: #95ccff;
}

.farm-win-preview {
	position: relative;
	z-index: 1;
}

.farm-win-preview__name {
	width: 80%;
	margin: 0 auto;
	font-size: 23px;
	line-height: 25px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.farm-win-preview__img {
	display: flex;
	justify-content: center;
	margin: 5px 0;
	position: relative;
}

.farm-win-preview__img:after,.farm-win-preview__img:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: -30px;
	right: 0;
	margin: auto;
	width: 300px;
	height: 280px;
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
}

.farm-win-preview__img:before {
	animation: result1 4s linear infinite;
	opacity: 1;
}

.farm-win-preview__img:after {
	opacity: .5;
	animation: result2 5s linear infinite;
}

.farm-win-preview__action {
	display: flex;
	justify-content: center;
}

.farm-win-preview_common .farm-win-preview__img:before {
	background-image: url(/img/result_common1.png);
}

.farm-win-preview_common .farm-win-preview__img:after {
	background-image: url(/img/result_common2.png);
}

.farm-win-preview_uncommon .farm-win-preview__img:before {
	background-image: url(/img/result_uncommon1.png);
}

.farm-win-preview_uncommon .farm-win-preview__img:after {
	background-image: url(/img/result_uncommon2.png);
}

.farm-win-preview_milspec .farm-win-preview__img:before {
	background-image: url(/img/result_milspec1.png);
}

.farm-win-preview_milspec .farm-win-preview__img:after {
	background-image: url(/img/result_milspec2.png);
}

.farm-win-preview_restricted .farm-win-preview__img:before {
	background-image: url(/img/result_restricted1.png);
}

.farm-win-preview_restricted .farm-win-preview__img:after {
	background-image: url(/img/result_restricted2.png);
}

.farm-win-preview_classified .farm-win-preview__img:before {
	background-image: url(/img/result_classified1.png);
}

.farm-win-preview_classified .farm-win-preview__img:after {
	background-image: url(/img/result_classified2.png);
}

.farm-win-preview_covert .farm-win-preview__img:before {
	background-image: url(/img/result_covert1.png);
}

.farm-win-preview_covert .farm-win-preview__img:after {
	background-image: url(/img/result_covert2.png);
}

.farm-win-preview_rare .farm-win-preview__img:before {
	background-image: url(/img/result_rare1.png);
}

.farm-win-preview_rare .farm-win-preview__img:after {
	background-image: url(/img/result_rare2.png);
}

.btn-roll {
	width: 450px;
	position: relative;
	margin: 15px auto 0;
	padding: 20px 50px;
	font-size: 20px;
	line-height: 1.1em;
	color: #9c1600;
	text-shadow: 0 1px 1px hsla(0,0%,100%,.6);
	font-style: italic;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	transition: .1s ease-in-out;
	vertical-align: top;
	background: transparent;
	animation: pulsescale2 2s ease-in-out 1s infinite;
}

.btn-roll:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: skewX(-10deg);
	background-color: #528506;
	border-radius: 5px;
	z-index: -1;
	transition: .1s ease-in-out;
}

.btn-roll .btn-secondline {
	margin-top: 4px;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: 400;
	color: #360800;
}

.btn-roll:before {
	transition: .2s ease-in-out;
	background: linear-gradient(90deg,#f7da00 0,#ffb600);
}

.btn-roll:hover {
	color: #b61a00;
}

.btn-roll:hover:before {
	box-shadow: inset 0 0 50px 10px #ffef68;
}

@keyframes pulsescale2 {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(.8);
	}

	to {
		transform: scale(1);
	}
}

.places-drops__title {
	margin-bottom: 60px;
}

.places-drops__tabs {
	margin-top: 30px;
}

.places-drops__places-columns {
	margin: 70px -35px 0;
}

.places-drops-tabs,.places-drops__premium-tabs {
	display: flex;
	justify-content: center;
}

.places-drops-tabs {
	width: 100%;
}

.places-drops-tabs__tab {
	position: relative;
	margin: 0 15px;
	border-bottom: 1px solid transparent;
	font-weight: 500;
	font-style: italic;
	font-size: 16px;
	transition: .2s ease-in-out;
	cursor: pointer;
	color: #b5b5d4;
	white-space: nowrap;
}

.places-drops-tabs__tab:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 100%;
	height: 2px;
	background-color: #474657;
}

.places-drops-tabs__tab.active {
	color: #fff;
}

.places-drops-tabs__tab.active:before {
	background-color: #62b3ff;
	box-shadow: 0 0 11px 1px rgba(98,179,255,.8);
}

.places-drops-tabs__tab:hover {
	color: #fff;
}

@media (min-width:1100px) {
	.places-drops-tabs__tab {
		margin: 0 25px;
		font-size: 20px;
	}
}

.places-drops-columns {
	display: flex;
	justify-content: center;
}

.places-drops-columns__column {
	padding: 0 35px;
	width: 20%;
	max-width: 300px;
}

.place-drop {
	z-index: 1;
	flex-direction: column;
}

.place-drop,.place-drop__imgs {
	position: relative;
	display: flex;
	align-items: center;
}

.place-drop__imgs {
	margin-top: 15px;
	justify-content: center;
	min-height: 127px;
}

.place-drop__imgs:after,.place-drop__imgs:before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 120px;
	height: 112px;
	bottom: 2px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
	transition: .2s ease-in-out;
}

.place-drop__imgs:hover .place-drop__item-img {
	opacity: 0;
	visibility: hidden;
}

.place-drop__imgs:hover .place-drop__case {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%,-50%) scale(1);
}

.place-drop__imgs:hover:before {
	transform: translateY(-8px) translateX(7px);
}

.place-drop__imgs:hover:after {
	transform: translateY(8px) translateX(-7px);
}

@media (min-width:1280px) {
	.place-drop__imgs {
		margin-top: 20px;
	}
}

.place-drop__item-img {
	margin-bottom: 5px;
	width: 130px;
	backface-visibility: hidden;
	transition: .15s ease;
}

@media (min-width:1280px) {
	.place-drop__item-img {
		margin-bottom: 0;
		width: 170px;
	}
}

.place-drop__case {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(.5);
	opacity: 0;
	visibility: hidden;
	transition: .2s ease-in-out;
}

.place-drop__case img {
	width: 150px;
	backface-visibility: hidden;
}

.place-drop__price {
	position: relative;
	z-index: 2;
	margin-top: -10px;
}

.place-drop__place {
	font-size: 20px;
	font-weight: 700;
	white-space: nowrap;
	font-style: italic;
	color: #5d5c76;
}

.place-drop__place span {
	color: #fff;
}

.place-drop__text {
	width: 100%;
	padding-top: 10px;
	margin-bottom: 10px;
	position: relative;
	z-index: -1;
	font-size: 14px;
	font-style: italic;
	text-align: center;
}

.place-drop__text:before {
	content: "";
	height: 3px;
	width: 130px;
	position: absolute;
	top: -11px;
	left: 50%;
	transform: translateX(-50%);
}

.place-drop__name,.place-drop__type,.place-drop__user-name {
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.place-drop__name {
	color: #fff;
}

.place-drop__type {
	color: #b5b5d4;
}

.place-drop__separator {
	margin: 0 5px;
}

.place-drop__user {
	display: flex;
	align-items: center;
	justify-content: center;
}

.place-drop__user img {
	width: 22px;
	height: 22px;
	margin-right: 10px;
	border-radius: 100%;
	transition: .2s ease-in-out;
}

.place-drop__user:hover img {
	transform: translateX(-5px);
}

.place-drop__user-name {
	padding-right: 1px;
	max-width: 120px;
	font-size: 12px;
	font-style: italic;
	color: #fff;
}

.place-drop_common .place-drop__imgs:before {
	background-image: url(/img/result_common1.png?2);
}

.place-drop_common .place-drop__imgs:after {
	background-image: url(/img/result_common2.png?2);
}

.place-drop_common .place-drop__text:before {
	background-color: #646c7f;
	box-shadow: 0 0 25px 2px rgba(100,108,127,.8);
}

.place-drop_uncommon .place-drop__imgs:before {
	background-image: url(/img/result_uncommon1.png?2);
}

.place-drop_uncommon .place-drop__imgs:after {
	background-image: url(/img/result_uncommon2.png?2);
}

.place-drop_uncommon .place-drop__text:before {
	background-color: #368eb4;
	box-shadow: 0 0 25px 2px rgba(54,142,180,.8);
}

.place-drop_milspec .place-drop__imgs:before {
	background-image: url(/img/result_milspec1.png?2);
}

.place-drop_milspec .place-drop__imgs:after {
	background-image: url(/img/result_milspec2.png?2);
}

.place-drop_milspec .place-drop__text:before {
	background-color: #1b97df;
	box-shadow: 0 0 25px 2px rgba(27,151,223,.8);
}

.place-drop_restricted .place-drop__imgs:before {
	background-image: url(/img/result_restricted1.png?2);
}

.place-drop_restricted .place-drop__imgs:after {
	background-image: url(/img/result_restricted2.png?2);
}

.place-drop_restricted .place-drop__text:before {
	background-color: #8a54f6;
	box-shadow: 0 0 25px 2px rgba(138,84,246,.8);
}

.place-drop_classified .place-drop__imgs:before {
	background-image: url(/img/result_classified1.png?2);
}

.place-drop_classified .place-drop__imgs:after {
	background-image: url(/img/result_classified2.png?2);
}

.place-drop_classified .place-drop__text:before {
	background-color: #ff3ffa;
	box-shadow: 0 0 25px 2px rgba(255,63,250,.8);
}

.place-drop_covert .place-drop__imgs:before {
	background-image: url(/img/result_covert1.png?2);
}

.place-drop_covert .place-drop__imgs:after {
	background-image: url(/img/result_covert2.png?2);
}

.place-drop_covert .place-drop__text:before {
	background-color: #ff1818;
	box-shadow: 0 0 25px 2px rgba(255,24,24,.8);
}

.place-drop_rare .place-drop__imgs:before {
	background-image: url(/img/result_rare1.png?2);
}

.place-drop_rare .place-drop__imgs:after {
	background-image: url(/img/result_rare2.png?2);
}

.place-drop_rare .place-drop__text:before {
	background-color: #ffc600;
	box-shadow: 0 0 25px 2px rgba(255,198,0,.8);
}

.earnings__title {
	margin-top: 90px;
}

.earnings__places {
	margin: 150px -5px 0;
}

.earnings__table {
	margin-top: 45px;
	overflow-x: scroll;
}

@media (min-width:1280px) {
	.earnings__table {
		overflow-x: auto;
	}
}

.erning-places-columns {
	display: flex;
	justify-content: center;
}

.erning-places-columns__column {
	padding: 0 5px;
	width: 25%;
	max-width: 300px;
}

.erning-places-columns__column:nth-child(-n+3) .place-top__place {
	text-shadow: 0 1px 0 hsla(0,0%,100%,.5);
}

.erning-places-columns__column:first-child .place-top__place {
	background-image: linear-gradient(-43deg,#ffd789 11%,#ffeba0 92%);
	color: #ce7e40;
}

.erning-places-columns__column:first-child .place-top__counters:after {
	background-color: #ffe79c;
	box-shadow: 0 0 25px 1px #fff1c2;
}

.erning-places-columns__column:nth-child(2) .place-top__place {
	background-image: linear-gradient(-43deg,#b4c0c5 11%,#dee3e6 92%);
	color: #828e95;
}

.erning-places-columns__column:nth-child(2) .place-top__counters:after {
	background-color: #dee3e6;
	box-shadow: 0 0 25px 1px #f0faff;
}

.erning-places-columns__column:nth-child(3) .place-top__place {
	background-image: linear-gradient(-56deg,#d6a484 4%,#efc7a5 91%);
	color: #976c4a;
}

.erning-places-columns__column:nth-child(3) .place-top__counters:after {
	background-color: #edc4a2;
	box-shadow: 0 0 25px 1px #edc4a2;
}

.erning-places-columns__column:last-child {
	display: none;
}

@media (min-width:1200px) {
	.erning-places-columns__column {
		width: 20%;
	}

	.erning-places-columns__column:last-child {
		display: flex;
	}
}

.place-top {
	flex-direction: column;
	padding-bottom: 15px;
	min-height: 200px;
	width: 100%;
	align-items: center;
	background-color: rgba(0,0,0,.4);
	border-radius: 6px;
	border-bottom: 1px solid transparent;
	transform: skewX(-10deg);
	transition: .2s ease-in-out;
}

.place-top,.place-top__img {
	position: relative;
	display: flex;
}

.place-top__img {
	margin-top: -50px;
	width: 140px;
	height: 120px;
	transition: .2s ease;
}

.place-top__img img {
	width: 100%;
	height: 100%;
	transform: skewX(10deg) scale(1.17);
}

.place-top__inner-img {
	width: 100%;
	height: 100%;
	border-radius: 6px;
	overflow: hidden;
}

.place-top__place {
	position: absolute;
	bottom: -10px;
	right: -10px;
	width: 41px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #303042;
	border-radius: 6px;
	box-shadow: -6px -6px 10px 0 rgba(0,0,0,.25);
	font-size: 18px;
	font-weight: 700;
	color: #b5b5d4;
	transition: .2s ease;
	backface-visibility: hidden;
}

.place-top__inner {
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

.place-top__sumwin {
	font-weight: 500;
	font-size: 20px;
	font-style: italic;
	color: #fff;
}

.place-top__sumwin span {
	transform: skewX(10deg);
}

.place-top__rank-img {
	margin-top: 5px;
}

.place-top__rank-img img {
	width: 70px;
	transform: skewX(10deg);
}

.place-top__counters {
	width: 100%;
	position: relative;
	margin-top: 35px;
	display: flex;
	justify-content: center;
}

.place-top__counters:after,.place-top__counters:before {
	content: "";
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translateX(-50%) skewX(10deg);
}

.place-top__counters:before {
	width: calc(100% - 50px);
	height: 1px;
	background-color: hsla(0,0%,100%,.08);
}

.place-top__counters:after {
	width: calc(100% - 150px);
	height: 2px;
	background-color: #3f3f4e;
	border-radius: 5px;
}

.place-top__count {
	margin-top: 5px;
	font-size: 16px;
	color: #fff;
}

.place-top__count span {
	transform: skewX(10deg);
}

.place-top__counter {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 30px;
	flex: none;
	margin: 0 15px;
	padding-left: 8px;
	font-size: 18px;
	font-weight: 500;
	font-style: italic;
	color: #fff;
	backface-visibility: hidden;
}

.place-top__counter:before {
	content: "";
	margin-bottom: 10px;
	margin-right: 8px;
	background-repeat: no-repeat;
	background-position: 50%;
	transform: skewX(10deg);
}

.place-top__counter span {
	margin-top: 7px;
	width: 17px;
	height: 1px;
	background-color: hsla(0,0%,100%,.3);
}

.place-top__counter_opened:before {
	width: 23px;
	height: 21px;
	background-image: url(/img/icon_cases.svg);
}

.place-top__counter_battles:before {
	width: 21px;
	height: 21px;
	background-image: url(/img/icon_contracts.svg);
}

.place-top__counter_contracts:before {
	width: 18px;
	height: 21px;
	background-image: url(/img/icon_battles.svg);
}

.place-top:hover .place-top__place {
	transform: scale(1.05);
}

.place-top:hover .place-top__img {
	transform: translate(-5px,-5px);
}

.place-top:hover {
	border-bottom-color: #6dae01;
}

.place-top_rank {
	min-height: 160px;
}

.place-top_rank .place-top__counters:after,.place-top_rank .place-top__counters:before {
	display: none;
}

.earnings-table {
	width: 100%;
	text-align: left;
}

.earnings-table td,.earnings-table th {
	vertical-align: middle;
	font-size: 14px;
}

.earnings-table td:first-child,.earnings-table th:first-child {
	width: 11%;
}

.earnings-table td:nth-child(2),.earnings-table th:nth-child(2) {
	width: 25%;
}

.earnings-table td:nth-child(3),.earnings-table th:nth-child(3) {
	width: 16%;
}

.earnings-table td:nth-child(4),.earnings-table th:nth-child(4) {
	width: 20%;
}

.earnings-table td:nth-child(5),.earnings-table th:nth-child(5) {
	width: 16%;
}

.earnings-table td:nth-child(6),.earnings-table th:nth-child(6) {
	width: 11%;
}

.earnings-table th {
	font-style: italic;
	color: hsla(0,0%,100%,.45);
}

.earnings-table td {
	font-weight: 700;
}

.earnings-table__head th {
	padding: 20px 40px;
}

.earnings-table__place {
	position: relative;
}

.earnings-table__place:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -26px;
	transform: translateY(-50%);
	width: 16px;
	height: 21px;
}

.earnings-table__row td {
	padding: 12px 40px;
}

.earnings-table__row td:last-child {
	color: #7ed321;
}

.earnings-table__row:nth-child(2n) {
	background-color: rgba(0,0,0,.4);
}

.earnings-table__row:nth-child(odd) {
	background-color: rgba(0,0,0,.2);
}

.earnings-table__row:first-child .earnings-table__place:before {
	background: url(/img/icon_gold.svg);
}

.earnings-table__row:nth-child(2) .earnings-table__place:before {
	background: url(/img/icon_silver.svg);
}

.earnings-table__row:nth-child(3) .earnings-table__place:before {
	background: url(/img/icon_bronze.svg);
}

.earnings-table__counter span {
	display: block;
	width: 14px;
	height: 2px;
	background-color: hsla(0,0%,100%,.4);
}

.earnings-table__user {
	display: flex;
	align-items: center;
}

.earnings-table__user img {
	width: 34px;
	height: 34px;
	border-radius: 100%;
	margin-right: 10px;
}

.earnings-table__user span {
	width: 70%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: hsla(0,0%,100%,.8);
	transition: .2s ease-in-out;
}

.earnings-table__user:hover span {
	color: #fff;
}

.earnings-table__profit {
	white-space: nowrap;
}

.earnings-table__profit i {
	content: "i";
	font-family: Rouble;
}

.blogger-link {
	margin: 0 25px;
	width: 56px;
	height: 56px;
	position: relative;
}

.blogger-link:after,.blogger-link:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-position: 50%;
	transition: .25s ease;
}

.blogger-link:before {
	z-index: 1;
}

.blogger-link:after {
	z-index: 2;
}

.blogger-link:after,.blogger-link:hover:before {
	opacity: 0;
	visibility: hidden;
}

.blogger-link:hover:after {
	opacity: 1;
	visibility: visible;
}

.blogger-link_youtube:before {
	background-image: url(/img/blogger-case/yt_nocolor.svg);
}

.blogger-link_youtube:after {
	background-image: url(/img/blogger-case/yt.svg);
}

.blogger-link_vk:before {
	background-image: url(/img/blogger-case/vk_nocolor.svg);
}

.blogger-link_vk:after {
	background-image: url(/img/blogger-case/vk.svg);
}

.blogger-link_twitter:before {
	background-image: url(/img/blogger-case/tw_nocolor.svg);
}

.blogger-link_twitter:after {
	background-image: url(/img/blogger-case/tw.svg);
}

.blogger-link_facebook:before {
	background-image: url(/img/blogger-case/fb_nocolor.svg);
}

.blogger-link_facebook:after {
	background-image: url(/img/blogger-case/fb.svg);
}

.blogger-link_telegram:before {
	background-image: url(/img/blogger-case/tg_nocolor.svg);
}

.blogger-link_telegram:after {
	background-image: url(/img/blogger-case/tg.svg);
}

.blogger-link_twitch:before {
	background-image: url(/img/blogger-case/tch_nocolor.svg?v=1);
}

.blogger-link_twitch:after {
	background-image: url(/img/blogger-case/tch.svg?v=1);
}

.blogger-link_instagram:before {
	background-image: url(/img/blogger-case/inst_nocolor.svg?v=1);
}

.blogger-link_instagram:after {
	background-image: url(/img/blogger-case/inst.svg?v=1);
}

.blogger-link_tiktok:before {
	background-image: url(/img/blogger-case/tiktok_nocolor.svg?v=1);
}

.blogger-link_tiktok:after {
	background-image: url(/img/blogger-case/tiktok.svg?v=1);
}

.top-lives__table {
	margin-top: 60px;
}

.top-lives-table {
	width: 100%;
	text-align: left;
}

.top-lives-table td,.top-lives-table th {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	border-collapse: collapse;
}

.top-lives-table td:first-child,.top-lives-table th:first-child {
	width: 25%;
}

.top-lives-table td:nth-child(2),.top-lives-table th:nth-child(2) {
	width: 55%;
}

.top-lives-table td:nth-child(4),.top-lives-table th:nth-child(4) {
	width: 20%;
}

.top-lives-table img,.top-lives-table span {
	vertical-align: middle;
}

.top-lives-table span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.top-lives-table__user img {
	width: 34px;
	height: 34px;
	margin-right: 10px;
	border-radius: 100%;
}

.top-lives-table__user a {
	color: hsla(0,0%,100%,.9);
	transition: .2s ease-in-out;
}

.top-lives-table__user a:hover {
	color: #fff;
}

.top-lives-table__item img {
	margin-right: 3px;
	width: 55px;
}

.top-lives-table__head th {
	padding: 20px 40px;
}

.top-lives-table__row {
	border: 1px solid transparent;
	border-collapse: collapse;
	cursor: pointer;
	transition: .2s ease-in-out;
}

.top-lives-table__row td {
	padding: 10px 40px;
}

.top-lives-table__row:first-child td:first-child {
	border-radius: 4px 0 0 0;
}

.top-lives-table__row:first-child td:last-child {
	border-radius: 0 4px 0 0;
}

.top-lives-table__row:last-child td:first-child {
	border-radius: 0 0 0 4px;
}

.top-lives-table__row:last-child td:last-child {
	border-radius: 0 0 4px 0;
}

.top-lives-table__row:nth-child(odd) {
	background-color: rgba(0,0,0,.43);
}

.top-lives-table__row:nth-child(2n) {
	background-color: rgba(0,0,0,.2);
}

.top-lives-table__row:hover {
	background-color: rgba(98,179,255,.06);
}

.faq-layout__faq-items {
	margin: 50px 0 60px;
}

.faq-layout__how-it-work {
	margin-top: 70px;
}

.faq-layout__advantages {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.faq-layout__note {
	margin-bottom: 60px;
}

.faq-layout__why-us {
	margin-top: 80px;
}

.faq-layout__title {
	margin-bottom: 40px;
}

.faq-items__item {
	margin-bottom: 20px;
	padding: 30px;
	border-radius: 5px;
	background-color: rgba(0,0,0,.43);
}

.faq-items__item:last-child {
	margin-bottom: 0;
}

.faq-item__title {
	line-height: 22px;
	font-size: 18px;
	color: hsla(0,0%,100%,.6);
}

.faq-item__text {
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 30px;
	border-top: 1px solid rgba(98,179,255,.1);
	line-height: 22px;
	font-size: 15px;
	color: #fff;
}

.faq-item__text a {
	color: #ffd61c;
	transition: .2s ease;
	text-decoration: underline;
}

.faq-item__text a:hover {
	text-decoration: none;
	color: #ffe25f;
}

.how-it-work-columns {
	display: flex;
}

.how-it-work-columns__column {
	display: flex;
	justify-content: center;
	width: 33.33%;
}

.how-it-work {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.how-it-work__img {
	width: 190px;
	height: 190px;
	margin-bottom: 30px;
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
}

@media (min-width:1100px) {
	.how-it-work__img {
		width: 230px;
		height: 230px;
	}
}

.how-it-work__title {
	margin-bottom: 12px;
	font-size: 20px;
	color: #fff;
}

.how-it-work__text {
	padding: 0 30px;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	color: hsla(0,0%,100%,.47);
}

@media (min-width:1280px) {
	.how-it-work__text {
		padding: 0 75px;
	}
}

@media (min-width:1400px) {
	.how-it-work__text {
		padding: 0 90px;
	}
}

.how-it-work__link {
	display: flex;
	align-items: center;
	margin-top: 22px;
	padding: 12px 17px;
	border: 1px solid rgba(62,62,69,.5);
	border-radius: 20px;
	font-size: 14px;
	line-height: 15px;
	color: #fff;
	cursor: pointer;
	transition: .2s ease-in-out;
}

.how-it-work__link:after {
	content: "";
	margin-left: 10px;
	width: 16px;
	height: 12px;
	background: url(/img/icon_signin.svg);
	transition: .2s ease-in-out;
}

.how-it-work__link:hover {
	border-color: #3e3e45;
}

.how-it-work__link:hover:after {
	transform: translateX(5px);
}

.how-it-work_signin .how-it-work__img {
	background-image: url(/img/howto_signin.png);
}

.how-it-work_trade .how-it-work__img {
	background-image: url(/img/howto_trade.png);
}

.how-it-work_balance .how-it-work__img {
	background-image: url(/img/howto_balance.png);
}

.notification {
	position: relative;
	padding: 28px 20px 28px 75px;
	background-color: rgba(0,0,0,.43);
	border-radius: 5px;
}

.notification:before {
	content: "";
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 34px;
	height: 36px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_attention.svg?v=1);
	background-position: 50%;
}

.notification__title {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 21px;
	font-weight: 500;
	color: #ffdd45;
	font-style: italic;
}

.notification__text {
	font-size: 16px;
}

.notification__text a {
	color: #ffd61c;
	transition: .2s ease-in-out;
	text-decoration: underline;
}

.notification__text a:hover {
	text-decoration: none;
	color: #ffe25f;
}

.guarantee_block {
	margin-top: 30px;
	padding-left: 30px;
}

.guarantee_block>div {
	border-radius: 10px;
	padding: 45px 22px 20px;
	background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.3));
	margin-bottom: 50px;
	position: relative;
}

.guarantee_block>div>div {
	position: absolute;
	top: -20px;
	left: -20px;
	display: inline-block;
	padding: 10px 30px;
	color: #ded1ff;
	font-size: 2em;
	line-height: 1.1em;
	font-style: italic;
}

.guarantee_block>div>div:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(222,210,255,.5);
	border-radius: 5px;
	transform: skewX(-10deg);
}

.guarantee_block>div i {
	font-style: normal;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}

.guarantee_block>div:first-child {
	margin-left: 0;
	margin-right: 100px;
}

.guarantee_block>div:nth-child(2) {
	margin-left: 50px;
	margin-right: 50px;
}

.guarantee_block>div:nth-child(3) {
	margin-left: 100px;
}

.guarantee_block>div:nth-child(4) {
	margin-left: 150px;
}

.guarantee_block.guarantee_block-gold>div>div {
	color: #fff;
}

.guarantee_block.guarantee_block-gold>div>div:before {
	border-color: #ffdd45;
}

.layout-battle__title {
	margin-bottom: 50px;
}

.layout-battle__battle {
	margin-top: 70px;
	margin-bottom: 50px;
}

.layout-battle__battles {
	margin-top: 70px;
}

.layout-battle__items-incase {
	margin-top: 50px;
}

.layout-battle__battle-status {
	width: 100%;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
}

.layout-battle__title-items {
	margin: 60px 0 20px;
}

.layout-battle__battle-status.btlstts-waiting {
	color: #62b3ff;
}

.layout-battle__battle-status.btlstts-playing {
	color: #6dae01;
}

.layout-battle__battle-status.btlstts-finished {
	color: #b1bbca;
}

.spoiler {
	text-align: center;
}

.spoiler-opener {
	position: relative;
	bottom: 0;
	transition: .3s ease-in-out;
	z-index: 2;
}

.spoiler-opener.button-border {
	padding-left: 30px;
	padding-right: 30px;
}

.spoiler-opener.button-border:before {
	background-color: #161237;
}

.spoiler-text {
	display: none;
	position: relative;
	width: 60%;
	margin: 0 auto;
	padding: 35px 30px 25px;
	color: #ded1ff;
	font-size: 1.1em;
	line-height: 1.2em;
	font-style: italic;
	z-index: 1;
}

.spoiler-text:before {
	content: "";
	display: block;
	width: 96%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 2%;
	transform: skewX(-10deg);
	border: 1px solid hsla(0,0%,100%,.3);
	border-radius: 5px;
	z-index: -1;
	transition: .1s ease-in-out;
}

@media (min-width:1500px) {
	.block-columns {
		display: flex;
	}
}

@media (min-width:1500px) {
	.block-columns__left {
		padding-right: 20px;
		width: 320px;
		flex: none;
	}
}

.block-columns__right {
	width: 100%;
}

.info-blocks {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media (min-width:1500px) {
	.info-blocks {
		display: block;
		flex-wrap: nowrap;
	}
}

.info-blocks__block {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(50% - 10px);
	padding: 24px;
	margin-bottom: 20px;
	border-radius: 4px;
	background-color: rgba(0,0,0,.2);
}

.info-blocks__block:nth-child(odd) {
	margin-right: 0;
}

.info-blocks__block_last-battle {
	height: 182px;
}

@media (min-width:1500px) {
	.info-blocks__block {
		width: 100%;
		margin-right: 0;
	}
}

.last-battle {
	width: 100%;
}

.last-battle__title {
	margin-bottom: 20px;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
}

.last-battle__items {
	margin: 0 -24px;
}

.last-battle_history .last-battle-item__img:before {
	width: 50px;
	height: 46px;
	top: 8px;
}

.last-battle-items {
	display: flex;
	align-items: flex-start;
}

.last-battle-items__item {
	width: 100%;
}

.last-battle-items__case {
	margin-top: 5px;
	flex: none;
	width: 70px;
}

.last-battle-items__case img {
	width: 100%;
}

.last-battle-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.last-battle-item__img {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
}

.last-battle-item__img img {
	position: relative;
	z-index: 2;
	width: 80px;
}

.last-battle-item__img:before {
	content: "";
	width: 74px;
	height: 70px;
	position: absolute;
	top: -5px;
	left: 53%;
	transform: translateX(-50%);
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 1;
}

.last-battle-item__user-img {
	position: relative;
	z-index: 2;
	width: 28px;
	height: 28px;
	margin: -14px 0 10px;
}

.last-battle-item__user-img img {
	width: 100%;
	height: 100%;
	border-radius: 100%;
}

.last-battle-item__win-size {
	margin-left: 6px;
	position: relative;
	color: #fff;
}

.last-battle-item__win-size:before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1px;
	transform: translateY(-50%);
	width: 23px;
	height: 23px;
	opacity: 0;
	background: url(/img/icon_cup.svg?2);
	background-size: 100%;
}

.last-battle-item_left:before {
	left: 0;
}

.last-battle-item_left.win .last-battle-item__win-size:before {
	opacity: 1;
	right: -27px;
}

.last-battle-item_right:before {
	right: 0;
}

.last-battle-item_right.win .last-battle-item__win-size:before {
	opacity: 1;
	left: -27px;
}

.last-battle-item_common .last-battle-item__img:before {
	background-image: url(/img/item_incase_common.png?2);
}

.last-battle-item_uncommon .last-battle-item__img:before {
	background-image: url(/img/item_incase_uncommon.png?2);
}

.last-battle-item_milspec .last-battle-item__img:before {
	background-image: url(/img/item_incase_milspec.png?2);
}

.last-battle-item_restricted .last-battle-item__img:before {
	background-image: url(/img/item_incase_restricted.png?2);
}

.last-battle-item_classified .last-battle-item__img:before {
	background-image: url(/img/item_incase_classified.png?2);
}

.last-battle-item_covert .last-battle-item__img:before {
	background-image: url(/img/item_incase_covert.png?2);
}

.last-battle-item_rare .last-battle-item__img:before {
	background-image: url(/img/item_incase_rare.png?2);
}

.cases-table {
	width: 100%;
	border-collapse: collapse;
}

.cases-table__head {
	display: block;
	margin-bottom: 20px;
}

.cases-table__head tr {
	padding: 15px 24px;
	font-size: 16px;
	color: #b1bbca;
}

.cases-table__head th {
	font-weight: 400;
}

.cases-table__body tr,.cases-table__head tr {
	display: flex;
	align-items: center;
	border-radius: 4px;
	background-color: rgba(0,0,0,.2);
}

.cases-table__body td,.cases-table__body th,.cases-table__head td,.cases-table__head th {
	text-align: center;
}

.cases-table__body td:first-child,.cases-table__body th:first-child,.cases-table__head td:first-child,.cases-table__head th:first-child {
	text-align: left;
}

.cases-table__body td:last-child,.cases-table__body th:last-child,.cases-table__head td:last-child,.cases-table__head th:last-child {
	text-align: right;
}

.cases-table__body td:first-child,.cases-table__body th:first-child,.cases-table__head td:first-child,.cases-table__head th:first-child {
	width: 32%;
}

.cases-table__body td:nth-child(2),.cases-table__body th:nth-child(2),.cases-table__head td:nth-child(2),.cases-table__head th:nth-child(2) {
	width: 22%;
}

.cases-table__body td:nth-child(3),.cases-table__body th:nth-child(3),.cases-table__head td:nth-child(3),.cases-table__head th:nth-child(3) {
	width: 16%;
}

.cases-table__body td:nth-child(4),.cases-table__body th:nth-child(4),.cases-table__head td:nth-child(4),.cases-table__head th:nth-child(4) {
	width: 30%;
}

.cases-table__body tr {
	padding: 13px 24px;
	border-top: 1px solid hsla(0,0%,100%,.05);
	border-bottom: 1px solid hsla(0,0%,100%,.05);
}

.cases-table__body tr:first-child {
	border-top: none;
}

.cases-table__body tr:last-child {
	border-bottom: none;
}

.cases-table__body tr.waiting {
	background-color: rgba(147,222,102,.1);
}

.cases-table__body tr.active {
	background-color: rgba(48,145,255,.1);
}

.cases-table__body td {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.cases-table__body td:nth-child(2),.cases-table__body td:nth-child(3) {
	font-weight: 600;
	font-size: 20px;
	color: #fff;
}

.cases-table__body td:nth-child(3) {
	line-height: 19px;
}

.cases-table__body td:nth-child(3) span {
	margin-left: 5px;
}

.cases-table__body td.win {
	color: #7ed849;
}

.cases-table__body td.lose {
	color: #ff6f6f;
}

.cases-table__case {
	width: 100%;
	display: flex;
	align-items: center;
}

.cases-table__case img {
	width: 80px;
	margin-right: 15px;
}

.cases-table__case span {
	width: 205px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: hsla(0,0%,100%,.85);
	transition: .2s ease-in-out;
}

.cases-table__case:hover span {
	color: #fff;
}

.cases-table__body .cases-table__actions {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

@media (min-width:1170px) {
	.cases-table__body .cases-table__actions {
		flex-direction: row;
		align-items: normal;
		justify-content: flex-end;
	}
}

.cases-table__actions .main-btn {
	margin-left: 10px;
}

.cases-table__actions .main-btn:first-child {
	margin-left: 0;
}

.cases-table_cards .cases-table__body td:first-child,.cases-table_cards .cases-table__body th:first-child,.cases-table_cards .cases-table__head td:first-child,.cases-table_cards .cases-table__head th:first-child {
	width: 32%;
}

.cases-table_cards .cases-table__body td:nth-child(2),.cases-table_cards .cases-table__body th:nth-child(2),.cases-table_cards .cases-table__head td:nth-child(2),.cases-table_cards .cases-table__head th:nth-child(2) {
	width: 22%;
}

.cases-table_cards .cases-table__body td:nth-child(3),.cases-table_cards .cases-table__body th:nth-child(3),.cases-table_cards .cases-table__head td:nth-child(3),.cases-table_cards .cases-table__head th:nth-child(3) {
	width: 45%;
}

.how-work-block {
	width: 100%;
}

.how-work-block__title {
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 15px;
	color: #fff;
}

.how-work-block__column {
	position: relative;
	display: flex;
	margin-bottom: 20px;
}

.how-work-block__column:last-child {
	margin-bottom: 0;
}

.how-work-block__column:last-child .how-work-block__stage:after {
	display: none;
}

.how-work-block__stage {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 38px;
	height: 38px;
	margin-right: 15px;
	border-radius: 100%;
	border: 2px solid #b1bbca;
	flex: none;
	font-weight: 600;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
}

.how-work-block__stage:after {
	content: "";
	position: absolute;
	top: 38px;
	left: 18px;
	width: 2px;
	height: calc(100% - 18px);
	background-color: #b1bbca;
}

.how-work-block__text {
	padding-top: 7px;
	font-size: 15px;
	line-height: 20px;
	color: #fff;
}

.all-counters {
	width: 100%;
}

.all-counters__column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 30px;
	margin-bottom: 50px;
	position: relative;
}

.all-counters__column:last-child {
	margin-bottom: 0;
}

.all-counters__column:first-child {
	margin-top: 20px;
}

.all-counters__column:before {
	content: "";
	position: absolute;
	left: 50%;
	top: -20px;
	transform: translateX(-50%);
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
}

@media (min-width:1500px) {
	.all-counters__column {
		padding-left: 55px;
		padding-top: 0;
		margin-bottom: 20px;
		align-items: normal;
	}

	.all-counters__column:before {
		transform: translateY(-50%);
		left: 0;
		top: 50%;
	}

	.all-counters__column:first-child {
		margin-top: 0;
	}
}

.all-counters__column_current-battles:before {
	width: 27px;
	height: 41px;
	background-image: url(/img/icon_current-counter.svg);
}

@media (min-width:1500px) {
	.all-counters__column_current-battles:before {
		left: 8px;
	}
}

.all-counters__column_all-battles:before {
	width: 40px;
	height: 36px;
	background-image: url(/img/icon_battle-counter.svg);
}

.all-counters__column_cards:before {
	width: 45px;
	height: 33px;
	background-image: url(/img/icon_cards-counter.svg);
}

.all-counters__counter {
	margin-bottom: 6px;
	line-height: 22px;
	font-size: 22px;
	color: #fff;
}

.all-counters__text {
	font-size: 15px;
	color: #b1bbca;
}

.me-battle-counters {
	width: 100%;
}

.me-battle-counters__me-counters {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid hsla(0,0%,100%,.1);
}

.me-counters {
	display: flex;
	justify-content: space-between;
}

.me-counters__column {
	text-align: center;
}

.me-counters__counter {
	margin-bottom: 8px;
	font-size: 22px;
	color: #fff;
}

.me-counters__text {
	font-size: 15px;
	color: #b1bbca;
}

.battle-canvas {
	display: flex;
	justify-content: space-between;
}

.battle-canvas__canvas-item,.battle-canvas__drop-item {
	display: flex;
	position: relative;
	width: calc(50% - 110px);
}

@media (min-width:1400px) {
	.battle-canvas__canvas-item,.battle-canvas__drop-item {
		width: calc(50% - 163.5px);
	}
}

.battle-canvas__canvas-wrapper {
	display: flex;
	align-items: center;
	top: 0;
	position: absolute;
	overflow: hidden;
	z-index: 1;
	background-color: rgba(0,0,0,.5);
	border-radius: 26px;
	border: 2px solid rgba(98,179,255,.9);
	box-shadow: 0 0 45px 0 rgba(98,179,255,.2);
}

.battle-canvas__canvas-item {
	margin-top: 20px;
	height: 155px;
}

.battle-canvas__canvas-item_left .battle-canvas__canvas-wrapper {
	right: 0;
}

.battle-canvas__canvas-item_right .battle-canvas__canvas-wrapper {
	left: 0;
}

.battle-canvas__drop-item {
	overflow: hidden;
	height: 175px;
	position: relative;
}

.battle-canvas__drop-item:before {
	content: "";
	position: absolute;
	top: 66%;
	left: 50%;
	width: 170px;
	height: 196px;
	z-index: -1;
	transform: translate(-50%,-50%);
	background-size: 100%;
	background-repeat: no-repeat;
	animation: zoom 4s ease-in-out 1s infinite;
}

.battle-canvas__drop-item img {
	margin-top: 20px;
}

.battle-canvas__drop-item_result {
	display: flex;
	justify-content: center;
	align-items: center;
}

.battle-canvas__drop-item_common:before {
	background-image: url(/img/item_incase_common.png);
}

.battle-canvas__drop-item_uncommon:before {
	background-image: url(/img/item_incase_uncommon.png);
}

.battle-canvas__drop-item_milspec:before {
	background-image: url(/img/item_incase_milspec.png);
}

.battle-canvas__drop-item_restricted:before {
	background-image: url(/img/item_incase_restricted.png);
}

.battle-canvas__drop-item_classified:before {
	background-image: url(/img/item_incase_classified.png);
}

.battle-canvas__drop-item_covert:before {
	background-image: url(/img/item_incase_covert.png);
}

.battle-canvas__drop-item_rare:before {
	background-image: url(/img/item_incase_rare.png);
}

.battle-game-layout {
	position: relative;
	display: flex;
}

.battle-game-layout__aside {
	width: 100%;
}

.battle-game-layout__item {
	margin: 30px 15px 0;
	width: 190px;
	flex: none;
}

@media (min-width:1400px) {
	.battle-game-layout__item {
		margin: 55px 60px 0;
		width: 207px;
	}
}

.battle-game-layout__canvas {
	top: 108px;
	left: 0;
	width: 100%;
	position: absolute;
}

.battle-game-player {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 25px;
	border-radius: 4px 4px 0 0;
}

.battle-game-player:after,.battle-game-player:before {
	content: "";
	position: absolute;
	z-index: 1;
}

.battle-game-player:before {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
}

.battle-game-player:after {
	top: -12px;
	width: 40px;
	height: 40px;
	background-image: url(/img/icon_cup.svg?2);
	background-size: 100%;
	background-repeat: no-repeat;
	box-shadow: 0 0 12px 0 rgba(0,0,0,.6);
	border-radius: 50%;
	backface-visibility: hidden;
	transition: .2s ease;
	opacity: 0;
	visibility: hidden;
}

.battle-game-player__user-info {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0 15px;
}

.battle-game-player__user-info span:first-child {
	max-width: 60%;
	margin-bottom: 8px;
	font-weight: 600;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #fff;
}

.battle-game-player__user-info span:last-child {
	font-size: 15px;
	color: #b1bbca;
}

.battle-game-player__img {
	position: relative;
	width: 58px;
	height: 58px;
	flex: none;
}

.battle-game-player__img img {
	width: 100%;
	height: 100%;
	border-radius: 100%;
}

.battle-game-player__img:after,.battle-game-player__img:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 58px;
	height: 58px;
	transform: translate(-50%,-50%);
	border-radius: 100%;
	opacity: 0;
	visibility: hidden;
}

.battle-game-player__img:after {
	z-index: -1;
}

.battle-game-player__img:before {
	z-index: -2;
}

.battle-game-side__player {
	width: 250px;
	border-radius: 4px 4px 0 0;
}

.battle-game-side__player.left {
	margin-left: auto;
	background-image: linear-gradient(-90deg,rgba(0,0,0,.25),transparent);
}

.battle-game-side__player.left .battle-game-player {
	justify-content: flex-end;
}

.battle-game-side__player.left .battle-game-player:before {
	background-image: linear-gradient(269deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,0));
}

.battle-game-side__player.left .battle-game-player:after {
	right: -12px;
}

.battle-game-side__player.left .battle-game-player__user-info {
	align-items: flex-end;
}

.battle-game-side__player.right {
	background-image: linear-gradient(-269deg,rgba(0,0,0,.25),transparent);
}

.battle-game-side__player.right .battle-game-player {
	justify-content: flex-start;
}

.battle-game-side__player.right .battle-game-player:before {
	background-image: linear-gradient(90deg,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0));
}

.battle-game-side__player.right .battle-game-player:after {
	left: -12px;
}

.battle-game-side__player.right .battle-game-player__user-info {
	order: 1;
}

@media (min-width:1100px) {
	.battle-game-side__player {
		width: 300px;
	}
}

@media (min-width:1250px) {
	.battle-game-side__player {
		width: 100%;
	}
}

.battle-game-side__actions {
	margin-top: 175px;
}

.battle-game-side.win .battle-game-player:after,.battle-game-side.win .battle-game-player__img:after,.battle-game-side.win .battle-game-player__img:before {
	opacity: 1;
	visibility: visible;
}

.battle-game-side.win .battle-game-player__img:before {
	animation: pulse1 3s .5s infinite;
}

.battle-game-side.win .battle-game-player__img:after {
	animation: pulse2 4s 1s infinite;
}

.battle-game-side.win .battle-game-player__user-info span:last-child {
	color: #9efa6d;
}

.battle-game-side.win .battle-game-side__player.right .battle-game-player {
	background-image: linear-gradient(-269deg,rgba(158,250,109,.12),rgba(157,249,84,0));
}

.battle-game-side.win .battle-game-side__player.right .battle-game-player:before {
	background-image: linear-gradient(-269deg,#9efa6d,rgba(105,216,73,0) 98%);
}

.battle-game-side.win .battle-game-side__player.left .battle-game-player {
	background-image: linear-gradient(-90deg,rgba(158,250,109,.12),rgba(157,249,84,0));
}

.battle-game-side.win .battle-game-side__player.left .battle-game-player:before {
	background-image: linear-gradient(-90deg,#9efa6d,rgba(105,216,73,0) 98%);
}

.battle-game-side.lose .battle-game-player__user-info span:last-child {
	color: hsla(0,0%,100%,.5);
}

.battle-game-side.lose .battle-game-side__player.right .battle-game-player {
	background-image: linear-gradient(-269deg,hsla(0,0%,100%,.13),rgba(157,249,84,0));
}

.battle-game-side.lose .battle-game-side__player.right .battle-game-player:before {
	background-image: linear-gradient(90deg,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0));
}

.battle-game-side.lose .battle-game-side__player.left .battle-game-player {
	background-image: linear-gradient(-90deg,hsla(0,0%,100%,.13),rgba(157,249,84,0));
}

.battle-game-side.lose .battle-game-side__player.left .battle-game-player:before {
	background-image: linear-gradient(269deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));
}

@keyframes pulse1 {
	0% {
		box-shadow: 0 0 0 0 rgba(158,250,109,0);
	}

	20% {
		box-shadow: 0 0 0 3px rgba(158,250,109,.9);
	}

	40% {
		box-shadow: 0 0 0 7px rgba(158,250,109,.9);
	}

	45% {
		box-shadow: 0 0 0 3px rgba(158,250,109,.9);
	}

	to {
		box-shadow: 0 0 0 0 rgba(158,250,109,0);
	}
}

@keyframes pulse2 {
	0% {
		box-shadow: 0 0 0 0 rgba(158,250,109,0);
	}

	55% {
		box-shadow: 0 0 0 5px rgba(158,250,109,.5);
	}

	70% {
		box-shadow: 0 0 0 14px rgba(158,250,109,.4);
	}

	to {
		box-shadow: 0 0 0 0 rgba(158,250,109,0);
	}
}

.battle-game-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.battle-game-item__img {
	position: relative;
	margin-bottom: 50px;
	width: 150px;
}

.battle-game-item__img img {
	width: 100%;
}

.battle-game-item__img:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 300px;
	transform: translate(-50%,-50%);
	background: url(/img/aim_under_battle.svg) no-repeat;
	background-size: 100%;
	background-position: 50%;
	backface-visibility: hidden;
}

@media (min-width:1400px) {
	.battle-game-item__img:before {
		width: 550px;
		height: 550px;
	}
}

@media (min-width:1400px) {
	.battle-game-item__img {
		width: 207px;
	}
}

.battle-game-item__name-item {
	max-width: 90%;
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 24px;
	line-height: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #fff;
}

.battle-game-item__price {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 20px;
	color: #62b3ff;
}

.battle-game-item__btns {
	display: flex;
}

.battle-game-item__btn {
	margin: 5px 7px;
}

.battle-game-item__return-to-battles {
	display: flex;
	align-items: center;
	margin-top: 10px;
	font-size: 15px;
	line-height: 16px;
	font-weight: 600;
	white-space: nowrap;
	color: #8dd0fa;
	transition: .2s ease-in-out;
}

.battle-game-item__return-to-battles:before {
	content: "";
	margin-right: 7px;
	width: 9px;
	height: 14px;
	background-image: url(/img/arrow_blue.svg);
	transition: .2s ease-in-out;
}

.battle-game-item__return-to-battles:hover {
	color: #b4e0fc;
}

.battle-game-item__return-to-battles:hover:before {
	transform: translateX(-2px);
}

.battle-game-item__return-to-battles:active {
	color: #75c6f9;
}

.battle-game-actions {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.battle-game-actions__btns {
	display: flex;
}

.battle-game-actions__btn {
	margin: 0 10px;
}

.battle-game-actions__price {
	margin-bottom: 15px;
}

.battle-game-actions__actions-wrapper {
	display: flex;
}

.battle-game-actions__action {
	margin: 0 5px;
}

.battle-game-price {
	padding: 5px 10px;
	font-weight: 600;
	font-size: 15px;
	color: #86c4ff;
}

.battle-game-price span {
	margin-left: 3px;
}

.agreement__title {
	margin-bottom: 70px;
}

.agreement__agreements ol>li {
	display: block;
	padding-left: 15px;
}

.agreement__agreements ol>li:before {
	content: counters(item,".") ". ";
	counter-increment: item;
	color: rgba(98,179,255,.8);
}

.agreement__agreements ol {
	counter-reset: item;
}

.contract-layout__subtitle {
	margin-top: 55px;
	margin-bottom: 50px;
	text-align: center;
	font-size: 14px;
	font-style: italic;
	color: hsla(0,0%,100%,.49);
}

.contract-layout__make-contract-items {
	margin-bottom: 50px;
}

.contract-section.contract-ready .make-contract__btn-aside_right {
	-webkit-animation: contract-hideinfo-right 1s ease-in-out 1 forwards;
	animation: contract-hideinfo-right 1s ease-in-out 1 forwards;
}

.contract-section.contract-ready .make-contract__btn-aside_left {
	-webkit-animation: contract-hideinfo-left 1s ease-in-out 1 forwards;
	animation: contract-hideinfo-left 1s ease-in-out 1 forwards;
}

.contract-section.contract-ready .contract-h2,.contract-section.contract-ready .contract-preresult {
	top: 30px;
	opacity: 0;
}

.contract-section.contract-ready .btn-createsignature {
	-webkit-animation: contractbutton 1s ease-in-out 1s 1 forwards;
	animation: contractbutton 1s ease-in-out 1s 1 forwards;
}

.contract-section.contract-ready .items-incase.drops {
	opacity: 0;
}

.contract-section.contract-ready .items-incase.contract-items-crafting .item-incase {
	-webkit-animation: contractgomid 1s ease-in-out 1s 1 forwards;
	animation: contractgomid 1s ease-in-out 1s 1 forwards;
}

.contract-section.contract-ready .items-incase.contract-items-crafting .item-incase.ci-1 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.contract-section.contract-ready .items-incase.contract-items-crafting .item-incase.ci-2 {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.contract-section.contract-ready .items-incase.contract-items-crafting .item-incase.ci-3 {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}

.contract-section.contract-ready .items-incase.contract-items-crafting .item-incase.ci-4 {
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
}

.contract-section.contract-ready .items-incase.contract-items-crafting .item-incase.ci-5 {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;
}

.contract-section.contract-ready .items-incase.contract-items-crafting .item-incase.ci-6 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.contract-section.contract-ready .items-incase.contract-items-crafting .item-incase.ci-7 {
	-webkit-animation-delay: 2.2s;
	animation-delay: 2.2s;
}

.contract-section.contract-ready .items-incase.contract-items-crafting .item-incase.ci-8 {
	-webkit-animation-delay: 2.4s;
	animation-delay: 2.4s;
}

.contract-section.contract-ready .items-incase.contract-items-crafting .item-incase.ci-9 {
	-webkit-animation-delay: 2.6s;
	animation-delay: 2.6s;
}

.contract-section.contract-ready .items-incase.contract-items-crafting .item-incase.ci-10 {
	-webkit-animation-delay: 2.8s;
	animation-delay: 2.8s;
}

.contacts {
	text-align: center;
}

.contacts__title {
	margin-bottom: 60px;
}

.contacts__text {
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
}

.contacts__text a {
	display: block;
	color: inherit;
	transition: .2s ease-in-out;
}

.contacts__text a:hover {
	color: #62b3ff;
}

.contract-items {
	position: relative;
	z-index: 1;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	counter-reset: contract;
}

.contract-items__item-inner:after,.contract-items__item-inner:before {
	content: "";
	position: absolute;
	width: 120px;
	height: 105px;
	z-index: -2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	opacity: .3;
	transition: .3s ease-in-out;
}

@media (min-width:1280px) {
	.contract-items__item-inner:after,.contract-items__item-inner:before {
		width: 230px;
		height: 155px;
	}
}

.contract-items__item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 155px;
	margin-bottom: 55px;
}

.contract-items__item:after,.contract-items__item:before {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.contract-items__item:before {
	counter-increment: contract;
	z-index: 0;
	content: counter(contract);
	font-size: 48px;
	font-weight: 700;
	font-style: italic;
	text-shadow: 0 7px 6px rgba(29,28,51,.43);
	color: hsla(0,0%,100%,.9);
	opacity: 0;
	transition: .2s ease-in-out;
}

.contract-items__item:after {
	content: "";
	width: 0;
	height: 20%;
	opacity: 0;
	transition: .2s ease-in-out;
}

.contract-items__item .item-incase__img:before,.contract-items__item .item-incase__titles:before {
	display: none;
}

.contract-items__item .item-incase__item-name {
	margin-top: 0;
}

.contract-items__item .item-incase__item-type {
	color: hsla(0,0%,100%,.95);
}

.contract-items__item .item-incase__incontract {
	display: none;
}

.contract-items__item_empty:before {
	opacity: 1;
}

.contract-items__item_empty .contract-items__item-inner:before {
	background-image: url(/img/contract_overlay_1.png);
}

.contract-items__item_empty .contract-items__item-inner:after {
	background-image: url(/img/contract_overlay_2.png);
}

.contract-items__item:not(.contract-items__item_empty) .contract-items__item-inner:after,.contract-items__item:not(.contract-items__item_empty) .contract-items__item-inner:before {
	opacity: .4;
}

.contract-items__item:not(.contract-items__item_empty):hover .contract-items__item-inner:after,.contract-items__item:not(.contract-items__item_empty):hover .contract-items__item-inner:before {
	opacity: .5;
}

.contract-items__item:not(.contract-items__item_empty):hover .item-incase__img:after {
	top: 55%;
	opacity: 1;
}

.contract-items__item:not(.contract-items__item_empty):hover:after {
	opacity: .2;
}

.contract-items__item:hover .contract-items__item-inner:before {
	transform: translateY(-8px) translateX(7px);
}

.contract-items__item:hover .contract-items__item-inner:after {
	transform: translateY(8px) translateX(-7px);
}

@media (min-width:1280px) {
	.contract-items__item {
		width: 240px;
	}
}

.contract-items__item.rare .item-history__inner:before {
	background-image: url(/img/shadow_incase_rare.png?v=3);
}

.contract-items__item.rare:before {
	background-color: #ffc600;
}

.contract-items__item_rare:after {
	box-shadow: 0 0 100px 60px #ffc600;
}

.contract-items__item_rare .contract-items__item-inner:before {
	background-image: url(/img/result_rare1.png?1);
}

.contract-items__item_rare .contract-items__item-inner:after {
	background-image: url(/img/result_rare2.png?1);
}

.contract-items__item.covert .item-history__inner:before {
	background-image: url(/img/shadow_incase_covert.png?v=3);
}

.contract-items__item.covert:before {
	background-color: #ff1818;
}

.contract-items__item_covert:after {
	box-shadow: 0 0 100px 60px #ff1818;
}

.contract-items__item_covert .contract-items__item-inner:before {
	background-image: url(/img/result_covert1.png?1);
}

.contract-items__item_covert .contract-items__item-inner:after {
	background-image: url(/img/result_covert2.png?1);
}

.contract-items__item.classified .item-history__inner:before {
	background-image: url(/img/shadow_incase_classified.png?v=3);
}

.contract-items__item.classified:before {
	background-color: #ff3ffa;
}

.contract-items__item_classified:after {
	box-shadow: 0 0 100px 60px #ff3ffa;
}

.contract-items__item_classified .contract-items__item-inner:before {
	background-image: url(/img/result_classified1.png?1);
}

.contract-items__item_classified .contract-items__item-inner:after {
	background-image: url(/img/result_classified2.png?1);
}

.contract-items__item.restricted .item-history__inner:before {
	background-image: url(/img/shadow_incase_restricted.png?v=3);
}

.contract-items__item.restricted:before {
	background-color: #8a54f6;
}

.contract-items__item_restricted:after {
	box-shadow: 0 0 100px 60px #8a54f6;
}

.contract-items__item_restricted .contract-items__item-inner:before {
	background-image: url(/img/result_restricted1.png?1);
}

.contract-items__item_restricted .contract-items__item-inner:after {
	background-image: url(/img/result_restricted2.png?1);
}

.contract-items__item.milspec .item-history__inner:before {
	background-image: url(/img/shadow_incase_milspec.png?v=3);
}

.contract-items__item.milspec:before {
	background-color: #1b97df;
}

.contract-items__item_milspec:after {
	box-shadow: 0 0 100px 60px #1b97df;
}

.contract-items__item_milspec .contract-items__item-inner:before {
	background-image: url(/img/result_milspec1.png?1);
}

.contract-items__item_milspec .contract-items__item-inner:after {
	background-image: url(/img/result_milspec2.png?1);
}

.contract-items__item.uncommon .item-history__inner:before {
	background-image: url(/img/shadow_incase_uncommon.png?v=3);
}

.contract-items__item.uncommon:before {
	background-color: #368eb4;
}

.contract-items__item_uncommon:after {
	box-shadow: 0 0 100px 60px #368eb4;
}

.contract-items__item_uncommon .contract-items__item-inner:before {
	background-image: url(/img/result_uncommon1.png?1);
}

.contract-items__item_uncommon .contract-items__item-inner:after {
	background-image: url(/img/result_uncommon2.png?1);
}

.contract-items__item.common .item-history__inner:before {
	background-image: url(/img/shadow_incase_common.png?v=3);
}

.contract-items__item.common:before {
	background-color: #646c7f;
}

.contract-items__item_common:after {
	box-shadow: 0 0 100px 60px #646c7f;
}

.contract-items__item_common .contract-items__item-inner:before {
	background-image: url(/img/result_common1.png?1);
}

.contract-items__item_common .contract-items__item-inner:after {
	background-image: url(/img/result_common2.png?1);
}

.contract-items__item_common .item-incase__titles:before {
	background: #646c7f;
}

.contract-items__item_common .item-incase__img:before {
	background-image: url(/img/item_incase_common.png?1);
}

.contract-items__item_uncommon .item-incase__titles:before {
	background: #368eb4;
}

.contract-items__item_uncommon .item-incase__img:before {
	background-image: url(/img/item_incase_uncommon.png?1);
}

.contract-items__item_milspec .item-incase__titles:before {
	background: #1b97df;
}

.contract-items__item_milspec .item-incase__img:before {
	background-image: url(/img/item_incase_milspec.png?1);
}

.contract-items__item_restricted .item-incase__titles:before {
	background: #8a54f6;
}

.contract-items__item_restricted .item-incase__img:before {
	background-image: url(/img/item_incase_restricted.png?1);
}

.contract-items__item_classified .item-incase__titles:before {
	background: #ff3ffa;
}

.contract-items__item_classified .item-incase__img:before {
	background-image: url(/img/item_incase_classified.png?1);
}

.contract-items__item_covert .item-incase__titles:before {
	background: #ff1818;
}

.contract-items__item_covert .item-incase__img:before {
	background-image: url(/img/item_incase_covert.png?1);
}

.contract-items__item_rare .item-incase__titles:before {
	background: #ffc600;
}

.contract-items__item_rare .item-incase__img:before {
	background-image: url(/img/item_incase_rare.png?1);
}

.available-items {
	transition: .2s ease;
}

.available-items__title {
	margin-bottom: 40px;
}

.available-items__items,.make-contract-items {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.make-contract-items__profit {
	width: 480px;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	font-style: italic;
	color: #b5b5d4;
}

.make-contract-items__profit span {
	font-weight: 700;
	color: #fff;
}

.make-contract-items__profit span i {
	margin-left: 4px;
	font-family: Rouble;
}

.make-contract-items__make-contract {
	margin: 40px 0;
}

.make-contract-items__more {
	display: flex;
	align-items: center;
	font-size: 17px;
	line-height: 17px;
	color: hsla(0,0%,100%,.44);
	transition: .2s ease-in-out;
}

.make-contract-items__more:before {
	content: "";
	width: 20px;
	height: 20px;
	margin-right: 8px;
	background: url(/img/icon_question.svg);
	background-size: 100%;
	opacity: .5;
	transition: .2s ease-in-out;
}

.make-contract-items__more:hover {
	color: #fff;
}

.make-contract-items__more:hover:before {
	opacity: 1;
}

.make-contract,.make-contract__btn-aside {
	display: flex;
	align-items: center;
}

.make-contract__btn-aside {
	flex-direction: column;
	justify-content: center;
	height: 50px;
	width: 105px;
	transform: skewX(-10deg);
	background-color: rgba(34,34,34,.8);
}

.make-contract__btn-aside span {
	transform: skewX(10deg);
	backface-visibility: hidden;
}

.make-contract__btn-aside span:first-child {
	margin-bottom: 2px;
	font-weight: 700;
	font-style: italic;
	font-size: 17px;
	color: #fff;
}

.make-contract__btn-aside span:last-child {
	padding-left: 2px;
	font-size: 12px;
	color: hsla(0,0%,100%,.4);
}

.make-contract__btn-aside_left {
	margin-right: -1px;
	border-radius: 4px 0 0 4px;
}

.make-contract__btn-aside_right {
	margin-left: -1px;
	border-radius: 0 4px 4px 0;
}

.make-contract__btn {
	position: relative;
	z-index: 2;
	backface-visibility: hidden;
}

.make-contract__btn:disabled {
	filter: grayscale();
	opacity: .8;
	pointer-events: none;
}

.make-contract.disabled .make-contract__btn-aside {
	background-color: hsla(0,0%,43.5%,.8);
}

.main-footer {
	position: relative;
	overflow: hidden;
	padding: 80px 0 50px;
}

.main-footer:after,.main-footer:before {
	content: "";
	position: absolute;
	bottom: 0;
	z-index: -1;
	pointer-events: none;
}

.main-footer:after {
	left: -450px;
	width: 941px;
	height: 516px;
	background: transparent url(/img/footer-lines_left.webp) no-repeat bottom;
}

@media (min-width:1450px) {
	.main-footer:after {
		left: -300px;
	}
}

@media (min-width:1900px) {
	.main-footer:after {
		left: 0;
	}
}

.main-footer:before {
	right: -450px;
	width: 965px;
	height: 502px;
	background: transparent url(/img/footer-lines_right.webp) no-repeat bottom;
}

@media (min-width:1450px) {
	.main-footer:before {
		right: -300px;
	}
}

@media (min-width:1900px) {
	.main-footer:before {
		right: 0;
	}
}

.footer-inner__footer-info {
	margin-top: 90px;
	margin-bottom: 60px;
}

.section-counters {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.section-counters__column {
	position: relative;
	display: flex;
	justify-content: center;
	margin: 25px 0;
	width: 33.33%;
}

.section-counters__column:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 2px;
	border-radius: 3px;
	background: #7f70ef;
	box-shadow: 0 0 25px 0 #7f70ef;
}

.section-counters__column_lighten {
	width: 100%;
}

.section-counters__column_lighten:before {
	background: #7ed321;
	box-shadow: 0 0 25px 0 #7ed321;
}

.count-column__count {
	display: flex;
	justify-content: center;
	width: 200px;
	font-family: Panton;
	white-space: nowrap;
	font-size: 26px;
	line-height: 34px;
	font-weight: 700;
	color: #fff;
}

@media (min-width:1280px) {
	.count-column__count {
		font-size: 40px;
		line-height: 52px;
	}
}

.count-column__text {
	font-size: 14px;
	color: hsla(0,0%,100%,.7);
	font-style: italic;
	text-align: center;
	transition: .2s ease;
}

@media (min-width:1480px) {
	.count-column__text {
		font-size: 16px;
	}
}

.count-column:hover .count-column__text {
	color: hsla(0,0%,100%,.9);
}

.footer-info {
	flex-direction: column;
	align-items: center;
	justify-content: normal;
}

.footer-info__payment-systems {
	margin-bottom: 30px;
}

.pay-systems {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pay-systems__system {
	margin: 0 40px;
	position: relative;
}

.pay-systems__system:after,.pay-systems__system:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
	transition: .2s ease-in-out;
}

.pay-systems__system:before {
	opacity: 0;
	z-index: 1;
}

.pay-systems__system:after {
	opacity: 1;
	z-index: 2;
}

.pay-systems__system_mastercard {
	margin-top: -5px;
	width: 56px;
	height: 44px;
}

.pay-systems__system_mastercard:before {
	background-image: url(/img/mastercard.svg);
}

.pay-systems__system_mastercard:after {
	background-image: url(/img/mastercard_bw.svg);
}

.pay-systems__system_visa {
	margin-top: -5px;
	width: 81px;
	height: 27px;
}

.pay-systems__system_visa:before {
	background-image: url(/img/visa.svg);
}

.pay-systems__system_visa:after {
	background-image: url(/img/visa_bw.svg);
}

.pay-systems__system_qiwi {
	width: 101px;
	height: 37px;
}

.pay-systems__system_qiwi:before {
	background-image: url(/img/qiwi.svg);
}

.pay-systems__system_qiwi:after {
	background-image: url(/img/qiwi_bw.svg);
}

.pay-systems__system_webmoney {
	margin-top: -4px;
	width: 128px;
	height: 30px;
}

.pay-systems__system_webmoney:before {
	background-image: url(/img/webmoney.svg);
}

.pay-systems__system_webmoney:after {
	background-image: url(/img/webmoney_bw.svg);
}

.pay-systems__system_yandex {
	margin-top: -19px;
	width: 100px;
	height: 39px;
}

.pay-systems__system_yandex:before {
	background-image: url(/img/yandex.svg);
}

.pay-systems__system_yandex:after {
	background-image: url(/img/yandex_bw.svg);
}

.pay-systems__system:hover:before {
	opacity: 1;
}

.pay-systems__system:hover:after {
	opacity: 0;
}

.footer-links {
	display: flex;
	justify-content: center;
	align-items: center;
	font-style: italic;
}

.footer-links__title {
	margin-bottom: 10px;
	color: hsla(0,0%,100%,.5);
}

.footer-links__menu {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	font-size: 16px;
}

.footer-links__link {
	margin-right: 20px;
	border-bottom: 1px solid hsla(0,0%,100%,.5);
	color: #fff;
	transition: .2s ease-in-out;
}

.footer-links__link:hover {
	color: #fff;
	border-color: hsla(0,0%,100%,.05);
}

.footer-links__link:last-child {
	margin-right: 0;
}

.footer-links__partner {
	margin-left: 50px;
}

.layout {
	 display: block;
	flex-direction: column;
	min-height: 100%;
	width: 900px;
	overflow: auto;
}

.layout__header {
	position: relative;
	z-index: 2;
}

.layout__footer {
	position: relative;
	z-index: 1;
}

.layout__content {
	position: relative;
	padding: 75px 0 20px;
	overflow: hidden;
	margin-bottom: auto;
}

.layout__sound-lang {
	position: absolute;
	top: 50%;
	width: 50px;
	transform: translateY(-50%);
	right: 0;
}

.layout__wrapper-btn {
	overflow: hidden;
	width: 50px;
	height: 35px;
}

.layout__sound-btn {
	position: relative;
	right: -5px;
	width: 100%;
	height: 100%;
	background-color: rgba(42,39,70,.8);
	border: 1px solid hsla(0,0%,100%,.1);
	border-radius: 4px;
	transform: skew(-5deg);
	cursor: pointer;
	transition: .2s ease-in-out;
}

.layout__sound-btn:after,.layout__sound-btn:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transform: translate(-50%,-50%) skew(5deg);
	transition: .2s ease-in-out;
	opacity: .95;
}

.layout__sound-btn:before {
	width: 23px;
	background-image: url(/img/icon-sound.svg);
	opacity: 0;
}

.layout__sound-btn:after,.layout__sound-btn:before {
	height: 18px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
}

.layout__sound-btn:after {
	width: 21px;
	background-image: url(/img/icon-sound-mute.svg);
}

.layout__sound-btn:hover {
	background-color: #2a2746;
	border-color: hsla(0,0%,100%,.15);
}

.layout__sound-btn.active {
	background-color: #2a2746;
	border: 1px solid hsla(0,0%,100%,.2);
}

.layout__sound-btn.active:before {
	opacity: 1;
}

.layout__sound-btn.active:after {
	opacity: 0;
}

.layout__sound-btn.active:hover {
	background-color: #343056;
	border-color: hsla(0,0%,100%,.3);
}

@media (min-width:900px) {
	.layout {
		width: 100%;
	}
}

.wrapper {
	min-width: 900px;
	padding: 0 15px;
	margin: 0 auto;
}

@media (min-width:1280px) {
	.wrapper {
		width: 1220px;
		padding: 0;
	}
}

@media (min-width:1490px) {
	.wrapper {
		width: 1370px;
	}
}

@media (min-width:1930px) {
	.wrapper {
		width: 1680px;
	}
}

@media (min-width:2530px) {
	.wrapper {
		width: 2080px;
	}
}

@media (min-width:1300px) {
	.wrapper_home {
		width: 95%;
	}
}

.item-incase {
	flex-direction: column;
	position: relative;
	max-width: 100%;
}

.item-incase,.item-incase__bar {
	display: flex;
	align-items: center;
}

.item-incase__bar {
	width: 100%;
	position: absolute;
	z-index: 7;
	top: 0;
	left: 0;
}

.item-incase__bar .icon-tooltip {
	margin-left: 4px;
}

.item-incase__price {
	margin-right: auto;
}

.item-incase__status-block {
	display: flex;
}

.item-incase__img {
	position: relative;
	z-index: 1;
	min-height: 107px;
	transition: .25s ease-in-out;
}

.item-incase__img img {
	display: block;
	width: 130px;
}

.item-incase__img:before {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 140px;
	height: 130px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
	opacity: .8;
	transition: .2s ease-in-out;
}

.item-incase__case-img {
	position: absolute;
	z-index: 3;
	top: 60px;
	right: 0;
	opacity: 0;
	visibility: hidden;
	transform: scale(.7);
	transition: .25s ease;
}

.item-incase__case-img img {
	width: 70px;
}

.item-incase__btns {
	position: absolute;
	z-index: 4;
	top: 45px;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.item-incase__time {
	margin-bottom: 2px;
	transform: skewX(-5deg);
	background: rgba(50,47,78,.8);
	border-radius: 4px;
}

.item-incase__get-it {
	display: block;
}

.item-incase__take.progress {
	cursor: pointer;
	background-color: rgba(255,151,1,.85);
	padding: 5px;
	border-radius: 4px;
	transition: .2s ease-in-out;
}

.item-incase__take.progress:hover {
	background-color: rgba(255,151,1,.95);
}

.item-incase__take:hover {
	color: #fff;
}

.item-incase__titles {
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
	font-style: italic;
	font-size: 14px;
}

.item-incase__titles:before {
	content: "";
	position: absolute;
	z-index: 2;
	height: 2px;
	width: 100px;
	left: 50%;
	top: -12px;
	transform: translateX(-50%);
	border-radius: 3px;
}

.item-incase__titles:hover .item-incase__item-name {
	color: hsla(0,0%,100%,.95);
}

.item-incase__titles:hover .item-incase__item-type {
	color: #e5e5f0;
}

.item-incase__item-name,.item-incase__item-type {
	z-index: 4;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: .2s ease-in-out;
}

.item-incase__item-name {
	margin-bottom: 3px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}

.item-incase__item-type {
	color: #b5b5d4;
}

.item-incase__add {
	position: absolute;
	z-index: 2;
	left: 50%;
	bottom: 45px;
	width: 90%;
	max-width: 150px;
	transform: translateX(-50%) scale(.8);
	opacity: 0;
	visibility: hidden;
	transition: .2s ease;
	pointer-events: none;
}

.item-incase__add .main-btn {
	padding: 10px 10px 12px;
}

.item-incase:hover .item-action {
	opacity: 1;
	visibility: visible;
	transform: scale(1) translateX(-50%);
}

.item-incase:hover .item-incase__case-img {
	opacity: 1;
	visibility: visible;
	right: 5px;
	transform: scale(1);
}

.item-incase:hover .item-incase__img:before {
	opacity: 1;
}

.item-incase:hover .item-incase__add {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) scale(1);
}

.item-incase_contract .item-incase__img:after {
	content: "X";
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 55px;
	font-weight: 700;
	font-style: italic;
	color: #fff;
	opacity: 0;
	transition: .1s ease-in;
}

.item-incase_contract {
	cursor: pointer;
	transition: .2s ease;
}

.item-incase_scale:hover .item-incase__img {
	transform: scale(1.03);
}

.item-incase_scale:hover .item-incase__item-type {
	color: hsla(0,0%,100%,.85);
}

.item-incase_best-case .item-incase__img img {
	width: 137px;
}

.item-incase_best-case .item-incase__item-name {
	margin-top: 10px;
}

.item-incase.incontract {
	opacity: .6;
	filter: grayscale();
	pointer-events: none;
}

.item-incase.rare .item-history__inner:before {
	background-image: url(/img/shadow_incase_rare.png?v=3);
}

.item-incase.rare:before {
	background-color: #ffc600;
}

.item-incase_rare:after {
	box-shadow: 0 0 100px 60px #ffc600;
}

.item-incase_rare .contract-items__item-inner:before {
	background-image: url(/img/result_rare1.png?1);
}

.item-incase_rare .contract-items__item-inner:after {
	background-image: url(/img/result_rare2.png?1);
}

.item-incase.covert .item-history__inner:before {
	background-image: url(/img/shadow_incase_covert.png?v=3);
}

.item-incase.covert:before {
	background-color: #ff1818;
}

.item-incase_covert:after {
	box-shadow: 0 0 100px 60px #ff1818;
}

.item-incase_covert .contract-items__item-inner:before {
	background-image: url(/img/result_covert1.png?1);
}

.item-incase_covert .contract-items__item-inner:after {
	background-image: url(/img/result_covert2.png?1);
}

.item-incase.classified .item-history__inner:before {
	background-image: url(/img/shadow_incase_classified.png?v=3);
}

.item-incase.classified:before {
	background-color: #ff3ffa;
}

.item-incase_classified:after {
	box-shadow: 0 0 100px 60px #ff3ffa;
}

.item-incase_classified .contract-items__item-inner:before {
	background-image: url(/img/result_classified1.png?1);
}

.item-incase_classified .contract-items__item-inner:after {
	background-image: url(/img/result_classified2.png?1);
}

.item-incase.restricted .item-history__inner:before {
	background-image: url(/img/shadow_incase_restricted.png?v=3);
}

.item-incase.restricted:before {
	background-color: #8a54f6;
}

.item-incase_restricted:after {
	box-shadow: 0 0 100px 60px #8a54f6;
}

.item-incase_restricted .contract-items__item-inner:before {
	background-image: url(/img/result_restricted1.png?1);
}

.item-incase_restricted .contract-items__item-inner:after {
	background-image: url(/img/result_restricted2.png?1);
}

.item-incase.milspec .item-history__inner:before {
	background-image: url(/img/shadow_incase_milspec.png?v=3);
}

.item-incase.milspec:before {
	background-color: #1b97df;
}

.item-incase_milspec:after {
	box-shadow: 0 0 100px 60px #1b97df;
}

.item-incase_milspec .contract-items__item-inner:before {
	background-image: url(/img/result_milspec1.png?1);
}

.item-incase_milspec .contract-items__item-inner:after {
	background-image: url(/img/result_milspec2.png?1);
}

.item-incase.uncommon .item-history__inner:before {
	background-image: url(/img/shadow_incase_uncommon.png?v=3);
}

.item-incase.uncommon:before {
	background-color: #368eb4;
}

.item-incase_uncommon:after {
	box-shadow: 0 0 100px 60px #368eb4;
}

.item-incase_uncommon .contract-items__item-inner:before {
	background-image: url(/img/result_uncommon1.png?1);
}

.item-incase_uncommon .contract-items__item-inner:after {
	background-image: url(/img/result_uncommon2.png?1);
}

.item-incase.common .item-history__inner:before {
	background-image: url(/img/shadow_incase_common.png?v=3);
}

.item-incase.common:before {
	background-color: #646c7f;
}

.item-incase_common:after {
	box-shadow: 0 0 100px 60px #646c7f;
}

.item-incase_common .contract-items__item-inner:before {
	background-image: url(/img/result_common1.png?1);
}

.item-incase_common .contract-items__item-inner:after {
	background-image: url(/img/result_common2.png?1);
}

.item-incase_common .item-incase__titles:before {
	background: #646c7f;
}

.item-incase_common .item-incase__img:before {
	background-image: url(/img/item_incase_common.png?1);
}

.item-incase_uncommon .item-incase__titles:before {
	background: #368eb4;
}

.item-incase_uncommon .item-incase__img:before {
	background-image: url(/img/item_incase_uncommon.png?1);
}

.item-incase_milspec .item-incase__titles:before {
	background: #1b97df;
}

.item-incase_milspec .item-incase__img:before {
	background-image: url(/img/item_incase_milspec.png?1);
}

.item-incase_restricted .item-incase__titles:before {
	background: #8a54f6;
}

.item-incase_restricted .item-incase__img:before {
	background-image: url(/img/item_incase_restricted.png?1);
}

.item-incase_classified .item-incase__titles:before {
	background: #ff3ffa;
}

.item-incase_classified .item-incase__img:before {
	background-image: url(/img/item_incase_classified.png?1);
}

.item-incase_covert .item-incase__titles:before {
	background: #ff1818;
}

.item-incase_covert .item-incase__img:before {
	background-image: url(/img/item_incase_covert.png?1);
}

.item-incase_rare .item-incase__titles:before {
	background: #ffc600;
}

.item-incase_rare .item-incase__img:before {
	background-image: url(/img/item_incase_rare.png?1);
}

.incase-btn {
	display: flex;
	flex-direction: column;
	padding: 3px 7px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	font-weight: 600;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,.25);
	transform: skewX(-5deg);
	transition: .2s ease-in-out;
	-webkit-user-select: none;
	user-select: none;
}

.incase-btn span {
	display: block;
	font-style: italic;
	transform: skewX(5deg);
}

.incase-btn__text {
	margin-bottom: 3px;
	font-size: 12px;
	line-height: 9px;
}

.incase-btn_price {
	background-color: #578b01;
	border-top: 1px solid #6fa40d;
}

.incase-btn_take {
	padding: 3px 7px 6px;
	background: rgba(255,151,1,.7);
	border-top: 1px solid #ffac34;
	font-size: 12px;
	cursor: pointer;
}

.incase-btn_take:hover {
	border-top: 1px solid #ff7333;
	background: #ff621a;
}

.incase-btn_get {
	background: rgba(50,47,78,.8);
	cursor: pointer;
}

.incase-btn_get:hover {
	background: rgba(60,57,94,.95);
}

.incase-btn_time {
	display: flex;
	align-items: center;
	line-height: 14px;
	transform: skewX(5deg);
}

.incase-btn_time:before {
	content: "";
	width: 15px;
	height: 18px;
	margin-right: 3px;
	background: url(/img/icon_timeclock.svg);
}

.incase-btn_none {
	pointer-events: none;
}

.incase-btn.tosell {
	background-color: #ff9701;
	border-top: 1px solid #ffa11b;
	cursor: pointer;
}

.incase-btn.tosell:hover {
	background-color: #ff621a;
	border-top-color: #ff621a;
	box-shadow: 0 0 15px 0 rgba(255,98,26,.3);
}

.items-incase {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.items-incase__item {
	width: 120px;
	margin: 0 14px 30px;
}

@media (min-width:1100px) {
	.items-incase__item {
		width: 170px;
	}
}

.items-incase__item_fluid {
	display: flex;
	justify-content: center;
	width: 100%;
}

.items-incase__info {
	margin: 15px 0;
}

.items-incase__info a {
	padding-bottom: 2px;
	border-bottom: 1px solid #62b3ff;
	color: #62b3ff;
	transition: .2s ease-in-out;
}

.items-incase__info a:hover {
	color: #7cbfff;
	border-bottom-color: rgba(98,179,255,.1);
}

.main-btn {
	padding: 10px 25px 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: skewX(-10deg);
	border-radius: 6px;
	background-color: #6dae01;
	border: 1px solid transparent;
	transition: .2s ease-in-out;
	cursor: pointer;
	color: #fff;
}

.main-btn img {
	width: 65px;
}

.main-btn span {
	font-weight: 600;
	font-style: italic;
	line-height: 14px;
	align-items: center;
	white-space: nowrap;
	transform: skewX(10deg);
	transition: .2s ease-in-out;
}

.main-btn .icon_bonus {
	margin-right: 3px;
	margin-left: 8px;
	margin-bottom: -4px;
}

.main-btn:hover {
	background-color: #83d101;
	color: #fff;
}

.main-btn_login span {
	font-size: 26px;
	line-height: 27px;
}

.main-btn_output {
	transition: .2s ease-in-out;
}

.main-btn_output span:before {
	content: "";
	width: 20px;
	height: 25px;
	margin-right: 10px;
	background: url(/img/bag.svg);
}

.main-btn_output:hover {
	background-color: #fd9d41;
}

.main-btn_output:active {
	background-color: #fda24b;
}

.main-btn_more {
	background: transparent;
	border: 1px solid #6dae01;
	background-color: transparent;
}

.main-btn_more span:after {
	content: "";
	margin-left: 6px;
	border-color: transparent transparent #4b8c27;
	border-style: solid;
	border-width: 0 5px 5px;
	transition: .1s ease-in-out;
	transform: rotate(180deg);
}

.main-btn_more:hover {
	border-color: #fd9d41;
}

.main-btn_more:hover span:after {
	border-color: transparent transparent #fd9d41;
}

.main-btn_more.active span:after {
	transform: rotate(0deg);
	border-color: transparent transparent #aaa;
}

.main-btn_main {
	border-color: #83d101;
}

.main-btn_main span {
	font-size: 17px;
	line-height: 20px;
	color: #fff;
}

.main-btn_main:hover {
	background-color: #83d101;
	border-color: #83d101;
}

.main-btn_main:hover span:before {
	opacity: 1;
}

.main-btn_coins {
	border: 1px solid #83d101;
	border-bottom: none;
}

.main-btn_coins span {
	backface-visibility: hidden;
	color: hsla(0,0%,100%,.7);
}

.main-btn_coins span:before {
	content: "";
	margin-right: 10px;
	width: 20px;
	height: 18px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_coins.svg);
	background-position: 50%;
	transition: .2s ease-in-out;
}

.main-btn_coins:hover {
	border-color: #83d101;
}

.main-btn_coins:hover span {
	color: #fff;
}

.main-btn_preload {
	background: #1d1936;
	border-radius: 4px;
	border: 1px solid #3f3b60;
	font-size: 17px;
	color: hsla(0,0%,100%,.6);
	transition: .1s ease-in;
}

.main-btn_preload span {
	display: flex;
	align-items: center;
	line-height: 22px;
}

.main-btn_preload span:before {
	content: "";
	flex: none;
	margin-right: 7px;
	margin-top: 1px;
	width: 16px;
	height: 18px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_rotate.svg);
	background-position: 50%;
}

.main-btn_preload:hover {
	border-color: #494570;
	color: hsla(0,0%,100%,.85);
	background-color: #1f1b39;
}

.main-btn_case {
	padding: 13px 30px 15px;
}

.main-btn_case span {
	font-size: 20px;
	line-height: 22px;
}

.main-btn_contract {
	padding: 19px 67px 20px;
	background: #6dae01;
	font-size: 26px;
	font-weight: 600;
	color: #fff;
}

.main-btn_contract span {
	line-height: 27px;
}

.main-btn_contract:hover {
	background-color: #83d101;
	box-shadow: 0 0 25px 1px rgba(131,209,1,.4);
}

.main-btn_line span {
	color: hsla(0,0%,100%,.95);
}

.main-btn_line span:before {
	opacity: .8;
}

.main-btn_line:hover {
	background-color: #7dc701;
	border-color: #9dfa01;
}

.main-btn_line:hover span {
	color: #fff;
}

.main-btn_line:hover span:before {
	opacity: 1;
}

.main-btn_second {
	padding: 9px 40px 12px;
	font-size: 26px;
}

.main-btn_second span {
	line-height: 28px;
}

.main-btn_darken {
	background-color: hsla(0,0%,100%,.2);
}

.main-btn_darken:hover {
	background-color: hsla(0,0%,100%,.3);
}

.main-btn_other {
	background-color: #62b3ff;
	border-color: #7cbfff;
}

.main-btn_other:hover {
	background-color: #7cbfff;
	border-color: #afd8ff;
}

.main-btn_blue {
	border: 1px solid #62b3ff;
	background-color: #1d2147;
}

.main-btn_blue:hover {
	background-color: #2c326b;
	border-color: #7cbfff;
}

.main-btn_pink {
	border: 1px solid #462874;
	background-color: #462874;
}

.main-btn_pink:hover {
	background-color: #5d359a;
	border-color: #512f87;
}

.main-btn_upgrade {
	position: relative;
}

.main-btn_upgrade:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 0;
	box-shadow: 0 0 50px 15px #6dae01;
	transition: .1s ease;
	animation: upgrade-btn-flare 2.5s ease 0s infinite;
}

.main-btn_upgrade:disabled:before {
	opacity: 0;
	visibility: hidden;
}

.main-btn_red {
	background-color: #ae3101;
	border-color: #e13f01;
}

.main-btn_red:hover {
	background-color: #d73c01;
	border-color: #e13f01;
}

.main-btn_yellow {
	border: 1px solid #ffdd45;
	background-color: rgba(255,221,69,.12);
}

.main-btn_yellow span {
	color: #ffdd45;
}

.main-btn_yellow:hover {
	border-color: #ffe46e;
	background-color: rgba(255,221,69,.2);
}

.main-btn_logo {
	padding: 6px 40px;
	height: 40px;
}

.main-btn_logo img {
	width: auto;
	max-height: 18px;
}

.main-btn:disabled {
	filter: grayscale();
	cursor: default;
	pointer-events: none;
}

@keyframes upgrade-btn-flare {
	0% {
		transform: scale(1) rotate(0);
		opacity: .75;
	}

	50% {
		transform: scale(1.15) rotate(3deg);
		opacity: .95;
	}

	to {
		transform: scale(1) rotate(0);
		opacity: .75;
	}
}

.title {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 1;
	text-align: center;
}

.title__subtext {
	margin-bottom: 15px;
	font-size: 12px;
	text-transform: uppercase;
	color: hsla(0,0%,100%,.7);
}

.title__text {
	display: flex;
	align-items: center;
	font-size: 30px;
	font-weight: 500;
	font-style: italic;
	color: #fff;
}

.title__text:after,.title__text:before {
	content: "";
	position: absolute;
	left: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.title__text:before {
	top: 47%;
	width: 720px;
	height: 90px;
	z-index: -1;
	transform: translate(-50%,-50%);
	background-position: 50%;
	background-image: url(/img/title_flare.webp);
}

.title__text:after {
	bottom: -22px;
	z-index: -2;
	left: 50%;
	margin-left: 10px;
	width: 156px;
	height: 62px;
	transform: translateX(-50%);
	background-position: bottom;
	background-image: url(/img/title_overlay.webp);
}

.title__tooltip {
	width: 17px;
	height: 17px;
	position: relative;
	margin-left: 8px;
	margin-bottom: -7px;
	background-image: url(/img/icon_tooltip.svg);
	background-size: 100%;
	transition: .2s ease;
}

.title__tooltip:hover {
	transform: scale(1.1);
}

.title_with-line:after {
	left: 50%;
	bottom: -25px;
	position: absolute;
	z-index: 1;
	content: "";
	width: 145px;
	height: 3px;
	background-color: #f1eaff;
	box-shadow: 0 0 20px 0 rgba(241,234,255,.8);
	border-radius: 8px 3px 8px 3px;
	transform: translateX(-50%) skewX(-30deg);
	backface-visibility: hidden;
}

.title_green:after {
	background-color: #7ed321;
	box-shadow: 0 0 20px 1px rgba(126,211,33,.65);
}

.title_icon:before {
	content: "";
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: 5px;
	transform: translateX(-50%);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
}

.title_contract:before {
	top: -35px;
	width: 28px;
	height: 28px;
	background-image: url(/img/icon_contract.svg);
}

.title_battle:before {
	top: -40px;
	width: 28px;
	height: 28px;
	background-image: url(/img/icon_battle.svg);
}

.title_cards:before {
	top: -28px;
	width: 28px;
	height: 20px;
	background-image: url(/img/icon_card.svg?v=1);
}

.buttons-incase {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.buttons-incase__btns {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.buttons-incase__btns .main-btn {
	margin: 0 10px;
	min-width: 320px;
}

.subtitle {
	font-size: 24px;
	font-style: italic;
	text-align: center;
	font-weight: 500;
	color: #fff;
}

.our-advantage-sections {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	max-width: 1240px;
	padding: 60px 0;
	margin: 0 auto;
}

.our-advantage-sections__section {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	z-index: 3;
}

.our-advantage-sections__section_center {
	justify-content: center;
	margin-top: -30px;
}

.our-advantage-sections__section_offset {
	z-index: 2;
}

@media (min-width:1280px) {
	.our-advantage-sections__section {
		padding: 0 120px;
		margin-top: 0;
	}

	.our-advantage-sections__section_offset {
		padding: 0 250px;
	}

	.our-advantage-sections__section_center {
		margin-top: -100px;
	}
}

.our-advantage-sections__logo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: 10;
	top: 5px;
	left: 50%;
	transform: translateX(-50%);
}

.our-advantage-sections__logo img {
	width: 200px;
	margin-bottom: 16px;
	transition: .2s ease;
}

@media (min-width:1280px) {
	.our-advantage-sections__logo img {
		width: 320px;
	}
}

.our-advantage-sections__logo span {
	font-style: italic;
	font-size: 16px;
}

.our-advantage-sections__logo:hover img {
	transform: scale(1.1);
}

@media (min-width:1280px) {
	.our-advantage-sections__logo {
		top: 55px;
	}
}

.our-advantage-sections:before {
	content: "";
	width: 700px;
	height: 650px;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	background-image: url(/img/overlay_advantages.webp);
	pointer-events: none;
	backface-visibility: hidden;
}

@media (max-width:1280px) {
	.our-advantage-sections:before {
		opacity: .65;
	}
}

@media (min-width:1350px) {
	.our-advantage-sections {
		max-width: 1320px;
	}
}

.our-advantage {
	width: 300px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.our-advantage__img {
	position: relative;
	margin-bottom: 15px;
	transition: .3s ease;
}

.our-advantage__img:after,.our-advantage__img:before {
	content: "";
}

.our-advantage__img:after {
	position: relative;
	display: block;
	z-index: 2;
}

.our-advantage__img:after,.our-advantage__img:before {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
}

.our-advantage__img:before {
	position: absolute;
	z-index: 1;
	pointer-events: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 200px;
	height: 180px;
	background-image: url(/img/icon-advantage-shadow.webp);
}

.our-advantage__title {
	margin-bottom: 16px;
	font-weight: 500;
	font-style: italic;
	font-size: 24px;
	color: #fff;
}

.our-advantage__text {
	position: relative;
	z-index: 1;
	font-size: 15px;
	line-height: 18px;
	font-weight: 400;
	font-style: italic;
	color: hsla(0,0%,100%,.7);
}

.our-advantage__text a {
	color: hsla(0,0%,100%,.85);
	transition: .2s ease-in-out;
}

.our-advantage__text a:hover {
	color: #fff;
}

.our-advantage_unique .our-advantage__img:after {
	width: 101px;
	height: 88px;
	background-image: url(/img/icon_unique.svg);
}

.our-advantage_safe .our-advantage__img:after {
	width: 78px;
	height: 89px;
	background-image: url(/img/icon_safe.svg);
}

.our-advantage_rapid .our-advantage__img:after {
	width: 93px;
	height: 100px;
	background-position: bottom;
	background-image: url(/img/icon_rapid.svg);
}

.our-advantage_advantageous .our-advantage__img:after {
	width: 100px;
	height: 100px;
	background-image: url(/img/icon_advantageous.svg);
}

.our-advantage_reputation {
	width: 375px;
}

.our-advantage_reputation .our-advantage__img:after {
	width: 90px;
	height: 84px;
	background-image: url(/img/icon_reputation.svg);
}

.our-advantage:hover .our-advantage__img {
	transform: scale(1.1);
}

.preloader {
	display: none;
	flex: none;
	margin: 100px auto;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.2);
	padding: 20px;
	z-index: 2000;
}

.preloader>div {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	border-radius: 50%;
}

.preloader img {
	width: 120px;
	height: 120px;
	display: block;
}

.preloader-mini .preloader {
	margin-top: 15px;
	margin-bottom: 15px;
}

.noty_theme__mint.noty_type__warning {
	background-color: rgba(98,179,255,.9)!important;
	border-bottom-color: #95ccff!important;
}

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
	background-color: rgba(109,174,1,.7)!important;
	opacity: 1!important;
}

.status {
	width: 25px;
	height: 22px;
	margin: 0 1px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
}

.status.linkcase {
	background: url(/img/icon_item_case.svg);
	opacity: .8;
	transition: .2s ease-in-out;
}

.status.linkcase:hover {
	opacity: 1;
}

.status.progress {
	background: url(/img/icon_item_progress.svg);
}

.status.notcompleted {
	background: url(/img/icon_item_alert.svg);
}

.status.completed {
	background: url(/img/icon_item_completed.svg);
}

.status.selled {
	background: url(/img/icon_item_selled.svg);
}

.fill {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.fill p {
	font-size: 1.1em;
	padding: 0 0 10px;
	margin: 0;
}

.fill button {
	font-size: 1.4em;
}

.addmoney {
	display: inline-block;
	padding: 5px;
	background-color: rgba(0,0,0,.2);
	border-radius: 5px;
}

.addmoney.animation {
	box-shadow: 0 0 10px #efbd12;
	animation: pulseshadow 2s ease-in-out infinite;
	-webkit-animation: pulseshadow 2s ease-in-out infinite;
}

.addmoney button,.addmoney input {
	padding: 7px 13px;
	vertical-align: top;
	margin: 0 5px;
	height: 36px;
}

.addmoney button {
	border-radius: 0 3px 3px 0;
	margin: 0 0 0 -3px;
	font-style: italic;
	background: #6dae01;
	color: #fff;
}

.addmoney button:before {
	display: none;
}

.addmoney button:hover {
	background: #62b3ff;
}

.addmoney input {
	margin: 0;
	border-radius: 3px 0 0 3px;
}

.addmoney.addmoney-bigone {
	padding: 10px;
}

.addmoney.addmoney-bigone button,.addmoney.addmoney-bigone input {
	font-size: 1.6em;
	line-height: 1.1em;
	height: 60px;
}

.addmoney.addmoney-bigone input {
	width: 200px;
}

@keyframes pulseshadow {
	0% {
		box-shadow: 0 0 15px 1px #efbd12;
	}

	50% {
		box-shadow: 0 0 15px 1px rgba(239,189,18,.2);
	}

	to {
		box-shadow: 0 0 15px 1px #efbd12;
	}
}

.items-result {
	padding-top: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.items-result__title {
	margin-bottom: 18px;
	font-size: 18px;
	font-style: italic;
	color: #fff;
}

.items-result__name {
	margin-bottom: 15px;
	font-size: 26px;
	line-height: 28px;
	font-weight: 500;
	font-style: italic;
	color: #fff;
}

.items-result__img {
	position: relative;
}

.items-result__img:after,.items-result__img:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: -30px;
	right: 0;
	margin: auto;
	width: 350px;
	height: 330px;
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
}

.items-result__img:before {
	animation: result1 4s linear infinite;
	opacity: 1;
}

.items-result__img:after {
	opacity: .5;
	animation: result2 5s linear infinite;
}

.items-result__img img {
	width: 280px;
	animation: result3 5s linear infinite;
}

.items-result_common .items-result__img:before {
	background-image: url(/img/result_common1.png);
}

.items-result_common .items-result__img:after {
	background-image: url(/img/result_common2.png);
}

.items-result_uncommon .items-result__img:before {
	background-image: url(/img/result_uncommon1.png);
}

.items-result_uncommon .items-result__img:after {
	background-image: url(/img/result_uncommon2.png);
}

.items-result_milspec .items-result__img:before {
	background-image: url(/img/result_milspec1.png);
}

.items-result_milspec .items-result__img:after {
	background-image: url(/img/result_milspec2.png);
}

.items-result_restricted .items-result__img:before {
	background-image: url(/img/result_restricted1.png);
}

.items-result_restricted .items-result__img:after {
	background-image: url(/img/result_restricted2.png);
}

.items-result_classified .items-result__img:before {
	background-image: url(/img/result_classified1.png);
}

.items-result_classified .items-result__img:after {
	background-image: url(/img/result_classified2.png);
}

.items-result_covert .items-result__img:before {
	background-image: url(/img/result_covert1.png);
}

.items-result_covert .items-result__img:after {
	background-image: url(/img/result_covert2.png);
}

.items-result_rare .items-result__img:before {
	background-image: url(/img/result_rare1.png);
}

.items-result_rare .items-result__img:after {
	background-image: url(/img/result_rare2.png);
}

@keyframes result1 {
	0% {
		transform: translateY(15px) translateX(0);
	}

	25% {
		transform: translateY(8px) translateX(8px);
	}

	50% {
		transform: translateY(0) translateX(15px);
	}

	75% {
		transform: translateY(8px) translateX(8px);
	}

	to {
		transform: translateY(15px) translateX(0);
	}
}

@keyframes result2 {
	0% {
		transform: translateY(15px) translateX(0);
	}

	25% {
		transform: translateY(17px) translateX(-9px);
	}

	50% {
		transform: translateY(8px) translateX(0);
	}

	75% {
		transform: translateY(0) translateX(-9px);
	}

	to {
		transform: translateY(15px) translateX(0);
	}
}

@keyframes result3 {
	0% {
		transform: translateY(0) translateX(0);
	}

	50% {
		transform: translateY(8px) translateX(-5px);
	}

	to {
		transform: translateY(0) translateX(0);
	}
}

.items-result-layout {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.items-result-layout__info {
	margin: 20px 0;
	font-style: italic;
	font-size: 20px;
	color: #fff;
}

.items-result-layout__info a {
	padding-bottom: 2px;
	border-bottom: 1px solid rgba(98,179,255,.8);
	color: #62b3ff;
	transition: .2s ease-in-out;
}

.items-result-layout__info a:hover {
	border-bottom-color: rgba(98,179,255,.2);
	color: #95ccff;
}

.items-result-buttons {
	display: flex;
	align-items: center;
}

.items-result-buttons__btn {
	margin: 0 5px;
}

.prize-item {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.prize-item__img-prize img,.prize-item__img-win img {
	width: 140px;
}

@media (min-width:1550px) {
	.prize-item__img-prize img,.prize-item__img-win img {
		width: 230px;
	}
}

.prize-item__img-prize:after,.prize-item__img-prize:before,.prize-item__img-user:after,.prize-item__img-user:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 130px;
	height: 118px;
	transform: translate(-50%,-50%) translateZ(0);
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	transition: .2s ease-in-out;
	backface-visibility: hidden;
}

@media (min-width:1550px) {
	.prize-item__img-prize:after,.prize-item__img-prize:before,.prize-item__img-user:after,.prize-item__img-user:before {
		width: 230px;
		height: 230px;
	}
}

.prize-item__img-prize {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 172px;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
	transition: .2s ease-in-out;
}

.prize-item__price {
	position: relative;
	z-index: 2;
	margin: -15px 0 10px;
	padding: 3px 8px;
	font-size: 16px;
	line-height: 15px;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(17,34,17,.8);
	transform: skewX(-10deg);
	background-color: rgba(109,174,1,.7);
	border-radius: 3px;
	border: 1px solid #8de101;
}

.prize-item__price span {
	transform: skewX(10deg);
}

.prize-item__name-item {
	width: 100%;
	padding: 0 10px;
	margin-bottom: 15px;
	position: relative;
	z-index: 3;
	font-style: italic;
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	color: #fff;
	text-shadow: 2px 2px 10px #111;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: .2s ease-in-out;
}

@media (min-width:1550px) {
	.prize-item__name-item {
		font-size: 20px;
		line-height: 23px;
	}
}

.prize-item__user-name {
	max-width: 90%;
	padding: 0 6px;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-style: italic;
	font-weight: 500;
	text-shadow: 1px 1px 0 rgba(0,0,0,.6);
}

.prize-item__img-user {
	position: relative;
	margin-bottom: -5px;
}

.prize-item__img-user img {
	width: 200px;
	height: 200px;
	border-radius: 100%;
	border: 6px solid transparent;
	box-shadow: 0 0 20px -1px rgba(0,0,0,.25);
	transition: .2s ease-in-out;
	transform: translateZ(0);
	backface-visibility: hidden;
}

.prize-item__name-item-full {
	margin: -5px 0 15px;
	font-size: 14px;
	font-style: italic;
	line-height: 19px;
}

.prize-item__name-item-full span:last-child {
	color: #b5b5d4;
}

.prize-item:hover .prize-item__img-user img {
	transform: scale(1.03);
	box-shadow: 0 0 20px -1px rgba(0,0,0,.35);
}

.prize-item:hover .prize-item__img-prize:after {
	filter: brightness(1.1);
}

.prize-item:not(.prize-item_premium):hover .prize-item__img-prize:before {
	top: 47%;
	left: 53%;
}

.prize-item:not(.prize-item_premium):hover .prize-item__img-prize:after {
	top: 53%;
	left: 47%;
}

.prize-item_winner .prize-item__img-prize {
	margin-bottom: 2px;
}

.prize-item_winner .prize-item__img-prize img {
	width: 180px;
}

.prize-item_restricted .prize-item__img-prize:before,.prize-item_restricted .prize-item__img-user:before {
	background-image: url(/img/result_restricted1.png);
}

.prize-item_restricted .prize-item__img-prize:after,.prize-item_restricted .prize-item__img-user:after {
	background-image: url(/img/result_restricted2.png);
}

.prize-item_restricted .prize-item__name-item,.prize-item_restricted .prize-item__name-item-full {
	color: #ccb6ff;
}

.prize-item_restricted .prize-item__img-user img {
	border-color: #af92f4;
}

.prize-item_restricted:hover .prize-item__img-user {
	border-color: #c0a9f6;
}

.prize-item_restricted:hover .prize-item__name-item {
	color: #e9dfff;
}

.prize-item_classified .prize-item__img-prize:before,.prize-item_classified .prize-item__img-user:before {
	background-image: url(/img/result_classified1.png);
}

.prize-item_classified .prize-item__img-prize:after,.prize-item_classified .prize-item__img-user:after {
	background-image: url(/img/result_classified2.png);
}

.prize-item_classified .prize-item__name-item,.prize-item_classified .prize-item__name-item-full {
	color: #ffb2f4;
}

.prize-item_classified .prize-item__img-user img {
	border-color: #f89feb;
}

.prize-item_classified:hover .prize-item__img-user {
	border-color: #fab7f0;
}

.prize-item_classified:hover .prize-item__name-item {
	color: #ffdbfa;
}

.prize-item_covert .prize-item__img-prize:before,.prize-item_covert .prize-item__img-user:before {
	background-image: url(/img/result_covert1.png);
}

.prize-item_covert .prize-item__img-prize:after,.prize-item_covert .prize-item__img-user:after {
	background-image: url(/img/result_covert2.png);
}

.prize-item_covert .prize-item__name-item,.prize-item_covert .prize-item__name-item-full {
	color: #ffa5a5;
}

.prize-item_covert .prize-item__img-user img {
	border-color: #ec4331;
}

.prize-item_covert:hover .prize-item__img-user {
	border-color: #ee5848;
}

.prize-item_covert:hover .prize-item__name-item {
	color: #ffcece;
}

.prize-item_rare .prize-item__img-prize:before,.prize-item_rare .prize-item__img-user:before {
	background-image: url(/img/result_rare1.png);
}

.prize-item_rare .prize-item__img-prize:after,.prize-item_rare .prize-item__img-user:after {
	background-image: url(/img/result_rare2.png);
}

.prize-item_rare .prize-item__name-item,.prize-item_rare .prize-item__name-item-full {
	color: #ffe17a;
}

.prize-item_rare .prize-item__img-user img {
	border-color: #ffc600;
}

.prize-item_rare:hover .prize-item__img-user {
	border-color: #ffcc1a;
}

.prize-item_rare:hover .prize-item__name-item {
	color: #ffd74c;
}

.prize-item_milspec .prize-item__img-prize:before,.prize-item_milspec .prize-item__img-user:before {
	background-image: url(/img/result_milspec1.png);
}

.prize-item_milspec .prize-item__img-prize:after,.prize-item_milspec .prize-item__img-user:after {
	background-image: url(/img/result_milspec2.png);
}

.prize-item_milspec .prize-item__name-item,.prize-item_milspec .prize-item__name-item-full {
	color: #52b2ea;
}

.prize-item_milspec .prize-item__img-user img {
	border-color: #1b97df;
}

.prize-item_milspec:hover .prize-item__img-user {
	border-color: #2ea2e6;
}

.prize-item_milspec:hover .prize-item__name-item {
	color: #1b97df;
}

.prize-item_premium .prize-item__img-prize:after,.prize-item_premium .prize-item__img-prize:before,.prize-item_premium .prize-item__img-user:after,.prize-item_premium .prize-item__img-user:before {
	content: "";
	position: absolute;
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
	pointer-events: none;
}

.prize-item_premium .prize-item__img-prize:before,.prize-item_premium .prize-item__img-user:before {
	z-index: -2;
	left: 50%;
	width: 110px;
	height: 100px;
	transform: translateX(-50%);
}

.prize-item_premium .prize-item__img-prize:after,.prize-item_premium .prize-item__img-user:after {
	z-index: -1;
	top: 53%;
	left: 52%;
	width: 370px;
	height: 340px;
	transform: translate(-50%,-50%);
}

.prize-item_premium .prize-item__img-prize:before {
	top: -80px;
}

.prize-item_premium .prize-item__img-user:before {
	top: -95px;
}

.prize-item_premium .prize-item__img-user img {
	position: relative;
	z-index: 1;
	width: 144px;
	height: 144px;
	border: none;
}

.prize-item_premium .prize-item__img-win {
	position: relative;
	z-index: 3;
	margin-top: -50px;
}

.prize-item_premium .prize-item__img-win:after,.prize-item_premium .prize-item__img-win:before {
	display: none;
}

.prize-item_premium .prize-item__img-win img {
	width: 200px;
}

.prize-item_premium .prize-item__name-item-full {
	font-size: 20px;
	font-weight: 700;
}

.prize-item_premium .prize-item__name-item {
	margin-top: 15px;
}

.prize-item_silver .prize-item__img-prize:before,.prize-item_silver .prize-item__img-user:before {
	background-image: url(/img/premium/label_silver.png);
	filter: brightness(1.7);
}

.prize-item_silver .prize-item__img-prize:after,.prize-item_silver .prize-item__img-user:after {
	background-image: url(/img/premium/bg-prem-type_silver.png);
}

.prize-item_gold .prize-item__img-prize:before,.prize-item_gold .prize-item__img-user:before {
	background-image: url(/img/premium/label_gold.png);
	filter: brightness(1.1);
}

.prize-item_gold .prize-item__img-prize:after,.prize-item_gold .prize-item__img-user:after {
	background-image: url(/img/premium/bg-prem-type_gold.png);
}

.prize-item_platinum .prize-item__img-prize:before,.prize-item_platinum .prize-item__img-user:before {
	background-image: url(/img/premium/label_platinum.png);
	filter: brightness(1.1);
}

.prize-item_platinum .prize-item__img-prize:after,.prize-item_platinum .prize-item__img-user:after {
	background-image: url(/img/premium/bg-prem-type_platinum.png);
}

.price {
	display: inline-block;
	font-weight: inherit;
	text-transform: none;
}

.price:after,.price:before {
	line-height: 1em;
	font-family: Rouble,Roboto Condensed,Tahoma,sans-serif!important;
	vertical-align: baseline;
	font-style: normal;
}

.price:after {
	margin-left: 1px;
	font-size: .9em;
	font-weight: inherit!important;
}

.price:before {
	margin-right: .1em;
	font-size: .95em;
}

.price.price-RUB:after {
	content: "₽";
}

.price.price-USD:before {
	content: "$";
}

.price.price-EUR:before {
	content: "€";
}

.price.price-EUR,.price.price-USD {
	margin: 0 2px;
}

.price.price-EUR:before,.price.price-USD:before {
	font-family: inherit!important;
	font-weight: inherit!important;
}

.price.price-percent:after {
	content: "%";
	font-weight: inherit!important;
	font-family: inherit;
}

.price.price-bonus {
	display: flex;
	align-items: center;
}

.price.price-bonus:before {
	content: "";
	margin-right: 10px;
	margin-top: 6px;
	border-radius: 50%;
	box-shadow: 0 0 16px 2px rgba(17,17,34,.8);
	width: 45px;
	height: 45px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_bonus.svg);
	background-position: 50%;
}

.inner-refill {
	margin: 0 -25px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.inner-refill__tabs {
	display: flex;
	justify-content: center;
	width: 100%;
	border-bottom: 1px solid #ccc;
	flex: none;
}

.inner-refill__tab-item {
	position: relative;
	padding: 11px 0;
	width: 50%;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #646d7b;
	cursor: pointer;
	transition: .2s ease;
}

.inner-refill__tab-item:before {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #1fa2f7;
	opacity: 0;
	visibility: hidden;
	transition: .2s ease;
}

.inner-refill__tab-item:hover {
	color: #1aa0f6;
}

.inner-refill__tab-item.active {
	color: #1aa0f6;
	pointer-events: none;
}

.inner-refill__tab-item.active:before {
	opacity: 1;
	visibility: visible;
}

.inner-refill__cancel-bonus {
	margin-bottom: 10px;
}

.inner-refill__bonus-amount {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 15px;
	color: #109cf6;
}

.inner-refill__form {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	width: 300px;
	height: 100%;
}

.inner-refill__g2a-actions {
	width: 100%;
	display: none;
}

.inner-refill__input {
	display: flex;
	position: relative;
	width: 100%;
	margin-bottom: 12px;
}

.inner-refill__input input {
	width: 100%;
	padding: 13px 0 13px 40px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 14px;
	font-family: PT Sans Narrow,sans-serif;
	font-weight: 500;
	transition: .2s ease;
}

.inner-refill__input input:focus {
	border-color: #1fa2f7;
}

.inner-refill__input:before {
	content: "";
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	background-size: 100%;
	background-repeat: no-repeat;
}

.inner-refill__input_promocode:before {
	width: 16px;
	height: 12px;
	background-image: url(/img/icon_promocode.svg);
}

.inner-refill__input_amount:before {
	left: 17px;
	width: 13px;
	height: 16px;
	background-image: url(/img/icon_amount.svg);
}

.inner-refill__btn {
	position: relative;
	width: 100%;
	height: 51px;
	margin: 0;
	transition: background .2s ease,box-shadow .2s ease;
	background-image: none;
}

.inner-refill__payments {
	height: 100%;
	display: flex;
	align-items: center;
	padding-top: 20px;
}

.inner-refill__text-return {
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 15px;
	margin-top: 1px;
	padding-bottom: 1px;
	border-bottom: 1px dashed #21a9ff;
	font-size: 15px;
	line-height: 15px;
	color: #21a9ff;
	transition: .2s ease;
	cursor: pointer;
}

.inner-refill__text-return:before {
	content: "";
	margin-right: 5px;
	margin-top: 2px;
	width: 8px;
	height: 7px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon-left-arrow.svg);
	transition: .2s ease;
}

.inner-refill__text-return:hover {
	color: #029dff;
	border-bottom-color: transparent;
}

.inner-refill__text-return:hover span {
	transform: translateX(-2px);
}

.inner-refill__return {
	position: relative;
	margin: 10px 0 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.inner-refill .button {
	display: inline-block;
	border: 0;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 17px;
	font-weight: 700;
	text-align: center;
	background: linear-gradient(90deg,#109cf6 0,#098ee4);
	transition: .2s ease;
}

.inner-refill .button:hover {
	box-shadow: 0 0 15px 0 #109cf6;
}

@keyframes btnLoad {
	0% {
		-webkit-transform: translate(-50%,-50%) rotateY(0deg);
		transform: translate(-50%,-50%) rotateY(0deg);
	}

	50% {
		-webkit-transform: translate(-50%,-50%) rotateY(1turn);
		transform: translate(-50%,-50%) rotateY(1turn);
	}

	to {
		-webkit-transform: translate(-50%,-50%) rotateY(0deg);
		transform: translate(-50%,-50%) rotateY(0deg);
	}
}

.userbar-rank-progress {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(-90deg);
	pointer-events: none;
}

.rank-table {
	width: 100%;
}

.rank-table td {
	padding: 0 20px;
	vertical-align: middle;
}

.rank-table td,.rank-table th {
	height: 70px;
	vertical-align: middle;
	font-size: 14px;
	line-height: 18px;
}

.rank-table__rank-img {
	padding-right: 30px;
	width: 25%;
	text-align: right;
}

.rank-table__rank-img img {
	width: 100px;
}

.rank-table__rank-name {
	width: 17%;
	text-align: left;
}

.rank-table__rank-target {
	width: 28%;
	text-align: center;
}

.rank-table__bonus {
	width: 30%;
	text-align: left;
}

.rank-table thead th {
	color: #ac9dbc;
}

.rank-table tbody tr:nth-child(odd) {
	background-color: rgba(0,0,0,.43);
}

.rank-table tbody tr:nth-child(2n) {
	background-color: rgba(0,0,0,.12);
}

.ranks-layout__title {
	margin-bottom: 40px;
}

.ranks-layout__ranks-info {
	margin-top: 30px;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	color: #ac9dbc;
}

.sort-drophistory__item {
	position: relative;
	width: 49px;
	height: 46px;
	background-color: #27202d;
	cursor: pointer;
	transition: .15s ease-in-out;
}

.sort-drophistory__item:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	filter: grayscale(1);
	transition: .15s ease-in-out;
}

.sort-drophistory__item_best:before {
	width: 21px;
	height: 18px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon-diamond.svg);
	background-position: 50%;
}

.sort-drophistory__item_all {
	border-bottom-right-radius: 4px;
}

.sort-drophistory__item_all:before {
	width: 15px;
	height: 14px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon-tripleline.svg);
	background-position: 50%;
}

.sort-drophistory__item:hover {
	background-color: #281b35;
}

.sort-drophistory__item.active {
	background-color: #362352;
	pointer-events: none;
}

.sort-drophistory__item.active:before {
	filter: grayscale(0);
}

.payments-promo {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: none;
}

.payments-promo__title {
	position: relative;
	display: flex;
	justify-content: center;
	width: 100%;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 14px;
	font-weight: 700;
	color: #646d7b;
}

.payments-promo__title:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,.2);
}

.payments-promo__title span {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	background-color: #fff;
	padding: 0 20px;
}

.payments-promo__title span:after {
	content: "";
	margin-left: 10px;
	margin-top: -1px;
	width: 42px;
	height: 14px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_g2a.svg);
	background-position: 50%;
}

.payments-promo__items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.payments-promo__item {
	display: flex;
	align-items: center;
	margin: 2px 0;
	z-index: 2;
	transition: .2s ease;
	cursor: pointer;
}

.payments-promo__item img {
	width: 80px;
}

.payments-promo__item:hover {
	z-index: 1;
	transform: translateY(-4px);
	box-shadow: 0 0 20px 0 rgba(98,179,255,.3);
}

.payments-promo__item:hover:before {
	opacity: 1;
	visibility: visible;
}

@media (min-width:550px) {
	.payments-promo__item {
		margin: 0 4px;
	}
}

.discount-popup {
	position: fixed;
	top: 190px;
	right: 30px;
	z-index: 200;
	width: 440px;
	padding: 45px 24px 24px;
	border-radius: 5px;
	background-color: rgba(0,0,34,.9);
	text-align: center;
	animation: showBanner 1.5s ease 0s forwards;
}

.discount-popup:after,.discount-popup:before {
	content: "";
	position: absolute;
	background-size: 100%;
	background-repeat: no-repeat;
	pointer-events: none;
}

.discount-popup:before {
	top: -23px;
	left: 60px;
	width: 57px;
	height: 42px;
	transform: translateX(-50%);
}

.discount-popup:after {
	top: 47px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	width: 210px;
	height: 50px;
}

.discount-popup__timer {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	font-size: 32px;
	line-height: 38px;
	font-weight: 600;
	color: #fff;
}

.discount-popup__timer:before {
	content: "";
	margin-right: 10px;
	margin-top: 2px;
	width: 24px;
	height: 24px;
	background-size: 100%;
	background-repeat: no-repeat;
}

.discount-popup__heading {
	margin: 30px 0 5px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	color: #fff;
}

.discount-popup__text {
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
	color: #fff;
}

.discount-popup__buttons {
	display: flex;
	margin-top: 25px;
}

.discount-popup__button {
	width: 50%;
	padding: 0 7px;
	white-space: nowrap;
}

.discount-popup__button .main-btn {
	width: 100%;
	margin: 0;
}

.discount-popup__button .main-btn span {
	text-shadow: none;
}

.discount-popup__button .main-btn span:after,.discount-popup__button .main-btn span:before {
	display: none;
}

.discount-popup__button:last-child .main-btn {
	background: hsla(0,0%,100%,.1);
}

.discount-popup__button:last-child .main-btn:hover {
	background: hsla(0,0%,100%,.2);
}

.discount-popup_orange {
	border: 2px solid #e98900;
}

.discount-popup_orange:before {
	background-image: url(/img/banners/icon_thunder.svg);
}

.discount-popup_orange:after {
	background-image: url(/img/banners/timer-fx_orange.png);
}

.discount-popup_orange .discount-popup__button:first-child .main-btn {
	background-color: #e98900;
}

.discount-popup_orange .discount-popup__button:first-child .main-btn:hover {
	background: #ffa21d;
}

.discount-popup_orange .discount-popup__text span {
	color: #ed9223;
}

.discount-popup_orange .discount-popup__timer:before {
	background-image: url(/img/banners/icon-timer_orange.svg);
}

.discount-popup_purple {
	border: 2px solid #8c00e9;
}

.discount-popup_purple:before {
	background-image: url(/img/banners/icon_gift.svg);
}

.discount-popup_purple:after {
	background-image: url(/img/banners/timer-fx_purple.png);
}

.discount-popup_purple .discount-popup__button:first-child .main-btn {
	background-color: #8c00e9;
}

.discount-popup_purple .discount-popup__button:first-child .main-btn:hover {
	background: #a51dff;
}

.discount-popup_purple .discount-popup__text span {
	color: #8c00e9;
}

.discount-popup_purple .discount-popup__timer:before {
	background-image: url(/img/banners/icon-timer_purple.svg);
}

.discount-popup_green {
	border: 2px solid #6dae01;
}

.discount-popup_green:before {
	background-image: url(/img/banners/icon_flame.svg);
}

.discount-popup_green:after {
	background-image: url(/img/banners/timer-fx_green.png);
}

.discount-popup_green .discount-popup__button:first-child .main-btn {
	background-color: #6dae01;
}

.discount-popup_green .discount-popup__button:first-child .main-btn:hover {
	background: #83d101;
}

.discount-popup_green .discount-popup__text span {
	color: #6dae01;
}

.discount-popup_green .discount-popup__timer:before {
	background-image: url(/img/banners/icon-timer_green.svg);
}

@keyframes showBanner {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.03);
	}

	to {
		transform: scale(1);
	}
}

.upgrades-history {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.upgrades-history__item {
	width: 50%;
	padding: 5px;
}

@media (min-width:1200px) {
	.upgrades-history__item {
		width: 33.33%;
	}
}

@media (min-width:1930px) {
	.upgrades-history__item {
		width: 25%;
	}
}

@media (min-width:2530px) {
	.upgrades-history__item {
		width: 20%;
	}
}

.upgrades-history-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	height: 186px;
	background-color: #100c27;
	border-radius: 12px;
}

.upgrades-history-item__item {
	position: relative;
	width: 155px;
}

.upgrades-history-item__item_left {
	padding-left: 10px;
}

.upgrades-history-item__item_left:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 192px;
	height: 166px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/upgrade/upgrade-overlay.png);
	background-position: 50%;
}

.upgrades-history-item__item_right {
	padding-right: 10px;
}

.upgrades-history-item__item .item-incase,.upgrades-history-item__item .price {
	z-index: 2;
}

.upgrades-history-item.used-balance .upgrades-history-item__item_left {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 25px;
	font-size: 36px;
	line-height: 43px;
	font-weight: 600;
	color: #fff;
	font-style: italic;
}

.upgrades-history-item.used-balance .upgrades-history-item__item_left:before {
	width: 192px;
	height: 166px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/upgrade/upgrade-overlay-fx.png);
	background-position: 50%;
}

.site-settings,.site-settings__item {
	display: flex;
	height: 100%;
}

.site-settings__item {
	position: relative;
	align-items: center;
	justify-content: center;
	width: 50px;
	border-left: 1px solid #3b3852;
	cursor: pointer;
	transition: .12s ease-in-out;
}

.site-settings__item:last-child {
	border-right: 1px solid #3b3852;
}

.site-settings__item_notifications.active {
	background-color: #222039;
	cursor: default;
}

.site-settings__item_notifications.active .notifications {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.site-settings__item_sound:after,.site-settings__item_sound:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 25px;
	height: 20px;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	transition: .2s ease-in-out;
	opacity: .95;
	pointer-events: none;
}

.site-settings__item_sound:before {
	background-image: url(/img/icon-sound.svg?v=5);
}

.site-settings__item_sound:after {
	width: 32px;
	height: 8px;
	background-color: #fff;
	border: 3px solid #171321;
	border-radius: 8px;
	transform: translate(-50%,-50%) rotate(-30deg);
}

.site-settings__item_sound.active:after {
	opacity: 0;
}

.site-settings__item_sound:hover:after {
	border-color: #222039;
}

.site-settings__item:hover {
	background-color: #222039;
}

.site-settings__notifications-count {
	position: absolute;
	top: 6px;
	right: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 17px;
	height: 17px;
	padding-bottom: 1px;
	border-radius: 50%;
	background-color: #5287c3;
	border: 1px solid #3a4258;
	font-size: 12px;
	line-height: 13px;
	font-weight: 700;
	color: hsla(0,0%,100%,.95);
}

.info {
	display: flex;
	align-items: center;
	margin: 30px auto;
	max-width: 530px;
}

.info:before {
	content: "";
	margin-right: 12px;
	width: 30px;
	height: 31px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_attention.svg?v=1);
	background-position: 50%;
}

.info__title {
	font-size: 14px;
	line-height: 17px;
	font-weight: 500;
	color: #fff;
}

.info__title a {
	color: #faaf20;
	transition: .2s ease;
}

.info__title a:hover {
	color: #fbbd48;
}

.link {
	color: #faaf20;
	transition: .12s ease;
}

.link:visited {
	color: #f9a607;
}

.link:hover {
	color: #fbc152;
}

.premium-banner {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 890px;
	width: 100%;
	padding: 22px 20px;
	margin: 60px auto;
	border: 1px solid #3c365d;
	border-radius: 14px;
	background-color: #1e1a3f;
	box-shadow: 0 0 20px 2px rgba(213,112,235,.15);
	cursor: pointer;
	transition: .1s ease-in-out;
}

.premium-banner:after {
	content: "";
	position: absolute;
	left: 42%;
	top: 68%;
	transform: translateY(-50%);
	width: 484px;
	height: 311px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/banner-fx.webp);
	background-position: 50%;
	backface-visibility: hidden;
	pointer-events: none;
}

.premium-banner:hover {
	filter: brightness(1.15);
}

.premium-banner__text {
	font-size: 22px;
	line-height: 25px;
	font-weight: 400;
	color: #ac9dbc;
}

.premium-banner__title {
	text-transform: uppercase;
	font-size: 28px;
	line-height: 34px;
	font-weight: 700;
	color: #fff;
}

.premium-banner__btn {
	display: flex;
	align-items: center;
	margin-top: 15px;
	padding: 11px 18px 14px;
	background: -webkit-linear-gradient(bottom,#003e80,#009ac1);
	background: -o-linear-gradient(bottom,#003e80 0,#009ac1 100%);
	background: linear-gradient(0deg,#003e80 0,#009ac1);
	border-radius: 5px;
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	color: #fff;
	transition: .16s ease;
	cursor: pointer;
}

.premium-banner__btn:after {
	content: "";
	margin-left: 10px;
	margin-top: 5px;
	width: 23px;
	height: 23px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_circle-arrow-right.svg);
	background-position: 50%;
}

.noty-close-btn {
	padding: 5px 7px;
	background-color: #79ec92;
	font-size: 13px;
	border-radius: 2px;
	cursor: pointer;
	transition: .12s ease;
}

.noty-close-btn:hover {
	box-shadow: 0 0 10px 0 rgba(143,239,164,.3);
	background-color: #8fefa4;
}

.until-end {
	display: flex;
	text-align: center;
}

.until-end__time-column:last-child .until-end__time-value {
	border-right: none;
}

.until-end__value {
	padding: 0 11px;
}

.until-end__time-title {
	margin-bottom: 2px;
	font-size: 10px;
	line-height: 16px;
	font-weight: 700;
	color: #ac9dbc;
}

.until-end__time-value {
	width: 55px;
	border-right: 1px solid hsla(0,0%,100%,.08);
	font-size: 22px;
	line-height: 26px;
	font-weight: 700;
	color: #fff;
}

.icon {
	display: inline-block;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	transition: .2s ease;
}

.icon_bonus {
	width: 23px;
	height: 23px;
	border-radius: 100%;
	box-shadow: 0 0 7px 0 rgba(0,0,0,.35);
	background-image: url(/img/icon_bonus.svg?v=3);
}

.icon_received {
	width: 21px;
	height: 21px;
	background-image: url(/img/icon_received.svg?v=3);
}

.icon_cross {
	width: 21px;
	height: 21px;
	background-image: url(/img/icon_cross.svg?v=3);
}

.icon_bell {
	width: 18px;
	height: 22px;
	background-image: url(/img/icon_bell.svg?v=3);
}

.icon_promo {
	width: 23px;
	height: 23px;
	background-image: url(/img/icon_promo.svg?v=3);
}

.icon_copy {
	width: 19px;
	height: 19px;
	background-image: url(/img/icon_copy.svg?v=3);
}

.icon_case {
	width: 18px;
	height: 18px;
	background-image: url(/img/icon_case.svg);
}

.timer {
	font-size: 50px;
	line-height: 50px;
	color: #23213c;
}

.timer,.timer__num {
	display: flex;
	font-weight: 700;
}

.timer__num {
	align-items: center;
	justify-content: center;
	margin: 2px 2.5px;
	width: 44px;
	height: 63px;
	border-radius: 8px;
	background-color: #23213c;
	font-size: 34px;
	line-height: 40px;
	color: #fff;
}

.info-section {
	border: 1px solid hsla(0,0%,100%,.1);
	border-radius: 6px;
	box-shadow: 0 0 20px 2px rgba(67,58,128,.12);
}

.info-section__bottom,.info-section__top {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
}

.info-section__top {
	background-color: #0b0b11;
	border-radius: 6px 6px 0 0;
}

.info-section__top:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -29px;
	transform: translateX(-50%);
	width: 150px;
	height: 55px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/flare.png);
	background-position: 50%;
}

@media (min-width:1600px) {
	.info-section__top {
		background-color: rgba(0,0,0,.15);
	}
}

.info-section__bottom {
	border-top: 1px solid hsla(0,0%,100%,.1);
	border-radius: 0 0 6px 6px;
	background-image: linear-gradient(180deg,rgba(76,66,146,.8),rgba(67,58,128,.75));
}

.info-section__title {
	margin-bottom: 7px;
	font-size: 22px;
	line-height: 25px;
	font-weight: 700;
	color: #fbae21;
}

.info-section__text {
	margin: 10px 0;
	font-size: 15px;
	line-height: 23px;
	font-weight: 400;
	color: #fff;
	text-align: center;
}

.info-section__text b {
	text-transform: uppercase;
	font-weight: 700;
	color: #f8ab2b;
}

.info-section__icon {
	position: absolute;
	top: -17px;
	left: 50%;
	transform: translateX(-50%);
	width: 34px;
	height: 35px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_attention.svg);
	background-position: 50%;
}

.info-section__btn {
	margin-top: 5px;
}

@media (min-width:1150px) {
	.info-section {
		max-width: 290px;
	}
}

.list li {
	display: flex;
	align-items: flex-start;
	font-size: 14px;
	line-height: 19px;
	font-weight: 500;
	color: hsla(0,0%,100%,.85);
	white-space: normal;
}

.list li b {
	margin: 0 3px;
	font-weight: 700;
	color: #fff;
}

.list li+li {
	margin-top: 7px;
}

.list li:before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	margin-right: 10px;
	margin-top: 8px;
	flex: none;
	background-color: #433a80;
}

.list__btn {
	margin-top: 15px;
}

.list__title {
	margin-bottom: 16px;
	font-size: 18px;
	line-height: 21px;
	font-weight: 700;
	color: #fff;
}

.tooltip {
	position: absolute;
	bottom: 100%;
	margin-bottom: 10px;
	min-width: 296px;
	max-width: 300px;
	padding: 15px 20px;
	background-color: #1a1721;
	border: 1px solid hsla(0,0%,100%,.1);
	box-shadow: 0 0 15px 3px #161319;
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
	transition: .1s ease-in-out;
}

.tooltip:after,.tooltip:before {
	content: "";
	position: absolute;
}

.tooltip:after {
	top: 100%;
	border-color: #37343d transparent transparent;
	border-style: solid;
	border-width: 8px 5px 0;
}

.tooltip:before {
	top: 100%;
	left: 0;
	width: 100%;
	height: 15px;
}

.tooltip_mini {
	min-width: 220px;
	padding: 10px;
}

.tooltip_fluid {
	padding: 10px;
	min-width: 0;
	white-space: nowrap;
}

.tooltip_center,.tooltip_center:after {
	left: 50%;
	transform: translateX(-50%);
}

.tooltip_left {
	left: -5px;
}

.tooltip_left:after {
	left: 8px;
}

.tooltip_right {
	right: -5px;
}

.tooltip_right:after {
	right: 8px;
}

.tooltip-hook:hover .tooltip {
	opacity: 1;
	visibility: visible;
}

.icon-tooltip {
	position: relative;
	z-index: 7;
	display: inline-flex;
	align-items: center;
	width: 19px;
	height: 19px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_help.svg?v=1);
	background-position: 50%;
	border-radius: 50%;
	cursor: pointer;
	transition: .1s ease-in-out;
}

.icon-tooltip__label {
	padding-left: 27px;
	transition: .12s ease;
	font-size: 15px;
	line-height: 15px;
	font-weight: 500;
	color: inherit;
}

.icon-tooltip:hover {
	color: #fbae21;
	box-shadow: 0 0 10px 0 rgba(251,174,33,.5);
}

.icon-tooltip:hover .tooltip {
	opacity: 1;
	visibility: visible;
}

.gifts-block {
	position: relative;
	min-width: 350px;
	max-width: 430px;
	margin: 30px 0 40px;
	padding: 20px;
	border: 1px solid #62b3ff;
	background: rgba(98,179,255,.1);
	border-radius: 5px;
	box-shadow: 0 0 20px 0 rgba(98,179,255,.2);
}

.gifts-block:before {
	content: "";
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
	width: 170px;
	height: 80px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/flare.png?v=3);
	background-position: 50%;
	pointer-events: none;
}

.gifts-block__title {
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	color: #fff;
}

.gifts-block__items {
	display: flex;
	flex-direction: column;
}

.gifts-block__items .radio-item+.radio-item {
	margin-top: 11px;
}

@media (min-width:1400px) {
	.gifts-block {
		margin: 0 0 30px;
	}
}

.scroll-down {
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	width: 28px;
	height: 38px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon-mouse.svg);
	background-position: 50%;
}

.scroll-down:after {
	margin-bottom: -12px;
	width: 12px;
	height: 7px;
	background-image: url(/img/icon-down.svg);
	animation: downUp 2s ease 0s infinite;
}

.scroll-down:after,.scroll-down:before {
	content: "";
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
}

.scroll-down:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 84px;
	height: 30px;
	background-image: url(/img/preloader_button.gif);
	opacity: 0;
	visibility: hidden;
}

.scroll-down.loading {
	background: transparent;
}

.scroll-down.loading:before {
	visibility: visible;
	opacity: 1;
}

.scroll-down.loading:after {
	opacity: 0;
}

@keyframes downUp {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(4px);
	}

	to {
		transform: translateY(0);
	}
}

.table {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	max-width: 1100px;
}

.table .link {
	color: #62b3ff;
}

.table .link:hover {
	color: #8bc7ff;
}

.table td,.table th {
	vertical-align: middle;
	font-size: 14px;
	white-space: nowrap;
}

.table thead th {
	padding: 10px 30px 15px;
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
	color: #ac9dbc;
}

.table tbody td {
	padding: 12px 30px;
	font-weight: 700;
}

.table tbody tr:nth-child(2n) {
	background-color: rgba(28,25,53,.6);
}

.table tbody tr:nth-child(odd) {
	background-color: rgba(18,17,35,.75);
}

.table__refill .link {
	display: flex;
	align-items: center;
}

.table__refill .link:before {
	content: "";
	margin-top: 2px;
	margin-right: 4px;
	width: 13px;
	height: 13px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/referral/icon_refill.svg);
	background-position: 50%;
}

.table__img-text {
	display: flex;
	align-items: center;
	transition: .12s ease;
}

.table__img-text img {
	margin-right: 10px;
}

.table__img-text span {
	max-width: 170px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.table__img-text:hover {
	color: #62b3ff;
}

.table__img {
	width: 42px;
}

.table__img_circle {
	border-radius: 50%;
}

.table__gray {
	color: #ac9dbc;
}

.table__user {
	display: flex;
	align-items: center;
}

.table__user img {
	width: 34px;
	height: 34px;
	border-radius: 100%;
	margin-right: 10px;
}

.table__user span {
	width: 70%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: hsla(0,0%,100%,.8);
	transition: .2s ease-in-out;
}

.table__user:hover span {
	color: #fff;
}

.table__btn {
	background-color: transparent!important;
}

.table__btn .main-btn {
	margin: 15px auto 0;
}

.faq {
	position: relative;
	padding: 24px 30px 24px 55px;
	margin: 8px auto;
	max-width: 900px;
	background-color: #120f28;
	border: 1px solid transparent;
	border-radius: 8px;
	transition: .2s ease;
	cursor: pointer;
}

.faq:before {
	display: flex;
	justify-content: center;
	content: "+";
	width: 32px;
	height: 32px;
	position: absolute;
	left: 10px;
	top: 18px;
	font-size: 25px;
	line-height: 26px;
	font-weight: 500;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(17,17,51,.3);
	border-radius: 50%;
	border: 1px solid #62b3ff;
	transition: background-color .2s ease;
}

.faq:hover {
	background-color: #14102c;
	border-color: rgba(98,179,255,.1);
}

.faq.active {
	border-color: #62b3ff;
}

.faq.active:before {
	content: "-";
	background-color: #62b3ff;
	line-height: 25px;
}

.faq.active:hover {
	border-color: rgba(98,179,255,.9);
}

.faq__q {
	font-size: 15px;
	line-height: 20px;
	font-weight: 700;
	color: #fff;
	transition: .2s ease;
}

.faq__a {
	display: none;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #272442;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	color: #ac9dbc;
}

.seo-hidden {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: -1;
}

.promocode {
	margin: 35px auto 30px;
	width: 630px;
	cursor: pointer;
	transition: .12s ease;
	backface-visibility: hidden;
}

.promocode__title {
	margin-bottom: 27px;
	text-align: center;
	font-style: italic;
	font-size: 24px;
	line-height: 25px;
	font-weight: 500;
	color: #fff;
}

.promocode__title span {
	color: #fbae21;
	font-weight: 700;
}

.promocode__section {
	display: flex;
	height: 90px;
	border-radius: 8px;
	transform: skewX(-10deg);
	border: 1px solid #4c4292;
	box-shadow: 0 0 10px 2px rgba(17,17,34,.3);
}

.promocode__copy,.promocode__label {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 4px;
	box-shadow: 0 0 8px 1px rgba(17,17,34,.5);
	font-style: italic;
}

.promocode__copy span,.promocode__label span {
	transform: skewX(10deg);
}

.promocode__label {
	top: -11px;
	padding: 2px 5px 5px;
	font-size: 12px;
	line-height: 12px;
	font-weight: 500;
	color: #c4b5d3;
	background-color: #443675;
}

.promocode__code,.promocode__info {
	display: flex;
	align-items: center;
	justify-content: center;
}

.promocode__code {
	display: flex;
	align-items: center;
	width: 100%;
	background: #201842;
	border-radius: 8px 0 0 8px;
	font-size: 30px;
	line-height: 32px;
	font-weight: 700;
	color: #fff;
	transition: .12s ease;
}

.promocode__code:after {
	content: "";
	margin-left: 10px;
	width: 21px;
	height: 22px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_copy-yellow.svg);
	background-position: 50%;
}

.promocode__info {
	width: 150px;
	flex: none;
	background-color: #1a162b;
	border-radius: 0 8px 8px 0;
	border-left: 2px solid #4c4292;
}

.promocode__copy {
	bottom: -11px;
	margin-left: 10px;
	padding: 5px 9px 6px;
	font-size: 13px;
	line-height: 13px;
	font-weight: 500;
	color: #fff;
	border: 1px solid #6dae01;
	background-color: #262924;
	transition: .12s ease;
	opacity: 0;
	visibility: hidden;
}

.promocode__copy:hover {
	background-color: #2e312b;
	border-color: #86d701;
}

.promocode__info {
	flex-direction: column;
	font-size: 16px;
	line-height: 17px;
	font-weight: 400;
	color: #fff;
	font-style: italic;
}

.promocode__info-title {
	margin-bottom: 4px;
	transform: skewX(10deg);
	color: hsla(0,0%,100%,.85);
}

.promocode__info-limit {
	transform: skewX(10deg);
	font-weight: 700;
}

.promocode__info-limit span {
	color: #6dae01;
}

.promocode:hover {
	filter: brightness(1.1);
}

.promocode:hover .promocode__copy {
	bottom: -14px;
	opacity: 1;
	visibility: visible;
}

.promocode:hover .promocode__code {
	color: #fbae21;
}

.items {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
}

@media (min-width:1000px) {
	.items {
		width: 95%;
		margin: 0 auto;
	}
}

.items__item {
	padding: 5px;
	width: 50%;
}

@media (min-width:490px) {
	.items__item {
		width: 33.33%;
	}
}

@media (min-width:680px) {
	.items__item {
		width: 25%;
	}
}

@media (min-width:1000px) {
	.items__item {
		width: 20%;
	}
}

@media (min-width:1130px) {
	.items__item {
		width: 16.66%;
	}
}

@media (min-width:1300px) {
	.items__item {
		width: 180px;
	}
}

.items__btn {
	width: 100%;
	margin-top: 25px;
	display: flex;
	justify-content: center;
}

.partnership {
	padding: 10px 18px;
	background-color: #2a2054;
	border: 1px solid #52418e;
	border-radius: 5px;
	transform: skewX(-10deg);
	transition: .13s ease-in-out;
	cursor: pointer;
}

.partnership__inner {
	position: relative;
	padding-left: 55px;
	transform: skewX(10deg);
}

.partnership__inner:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 41px;
	height: 43px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_partner.svg);
	background-position: 50%;
}

.partnership__title {
	margin-bottom: 4px;
	font-size: 14px;
	line-height: 17px;
	font-weight: 400;
	color: hsla(0,0%,100%,.6);
}

.partnership__mail {
	font-size: 13px;
	line-height: 15px;
	font-weight: 700;
	color: #fff;
}

.partnership__mail-copy {
	padding: 5px 13px 7px;
	position: absolute;
	bottom: -28px;
	left: 50%;
	background-color: #332766;
	border: 1px solid #5c499f;
	border-radius: 4px;
	box-shadow: 0 0 15px 0 rgba(92,73,159,.3);
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	color: #fff;
	font-style: normal;
	transform: translateX(-50%) skewX(-10deg) scale(0);
	transition: .13s ease-in-out;
}

.partnership__mail-copy span {
	transform: skewX(10deg);
	white-space: nowrap;
}

.partnership:hover {
	background-color: #332766;
	border-color: #5c499f;
	box-shadow: 0 0 15px 0 rgba(92,73,159,.4);
}

.partnership:hover .partnership__mail-copy {
	transform: translateX(-50%) skewX(-10deg) scale(1);
}

.popup {
	padding: 15px;
	width: 500px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-size: contain;
	background-position: top;
	background-image: url(/img/prefooter.png?v=3);
	background-color: #0d0d1b;
	box-shadow: 0 0 20px 0 #010506;
	border-radius: 4px;
}

.popup,.popup__icon {
	background-repeat: no-repeat;
}

.popup__icon {
	margin-bottom: 10px;
	width: 50px;
	height: 53px;
	background-size: 100%;
	background-image: url(/img/icon_attention.svg?v=1);
	background-position: 50%;
}

.popup__title {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	color: #fff;
	text-align: center;
}

.popup__checkbox {
	margin: 5px 0 10px;
}

.popup__text {
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
	color: #fff;
}

.popup__btns {
	display: flex;
	width: 100%;
	margin-top: 15px;
}

.popup__btns .main-btn {
	width: 100%;
	margin: 0 10px;
}

.checkbox__square {
	position: relative;
	margin-right: 8px;
	width: 16px;
	height: 16px;
	flex: none;
	border-radius: 2px;
	background-color: rgba(0,0,0,.2);
	border: 1px solid #454f5b;
	transition: .2s ease;
	backface-visibility: hidden;
	opacity: 1;
	transform: translateZ(0);
}

.checkbox__square:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 9px;
	height: 7px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_check.svg);
	background-position: 50%;
	filter: brightness(2.2);
	opacity: 0;
	visibility: hidden;
	transition: .2s ease;
}

.checkbox__text {
	line-height: 18px;
	font-size: 15px;
}

.checkbox label {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.checkbox label:hover .checkbox__square {
	border-color: #505c6a;
	background-color: rgba(0,0,0,.3);
	box-shadow: 0 0 5px 0 rgba(109,174,1,.2);
}

.checkbox label:hover .checkbox__square:before {
	opacity: .3;
	visibility: visible;
}

.checkbox input:checked+label .checkbox__square {
	background-color: rgba(109,174,1,.7);
	border-color: #6dae01;
}

.checkbox input:checked+label .checkbox__square:before {
	opacity: 1;
	visibility: visible;
}

.checkbox input:checked:hover+label .checkbox__square {
	background-color: rgba(109,174,1,.5);
}

@media (max-width:1200px) {
	.checkbox_terms .checkbox__square {
		width: 25px;
		height: 25px;
		margin-right: 12px;
	}

	.checkbox_terms .checkbox__square:before {
		width: 15px;
		height: 12px;
	}
}

.input-search {
	position: relative;
}

.input-search:before {
	content: "";
	position: absolute;
	right: 7px;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/upgrade/icon_search.svg);
	background-position: 50%;
	pointer-events: none;
}

.input-search input {
	padding-left: 8px;
	padding-right: 25px;
	padding-bottom: 3px;
	height: 29px;
	width: 159px;
	border: 1px solid #332f49;
	border-radius: 4px;
	background-color: rgba(20,17,42,.64);
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: #9695b3;
	font-style: italic;
	transition: .15s ease-in-out;
}

.input-search input:hover {
	border-color: #494368;
}

.input-search input:focus {
	background-color: rgba(20,17,42,.8);
	box-shadow: 0 0 10px 0 rgba(98,179,255,.3);
	border-color: rgba(98,179,255,.8);
}

.input-search_mini input {
	width: 120px;
}

.btn-sort {
	display: flex;
	align-items: center;
	height: 29px;
	padding: 0 8px;
	border-radius: 4px;
	border: 1px solid #332f49;
	font-size: 12px;
	line-height: 13px;
	font-weight: 400;
	color: #8d8cad;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	transition: .2s ease;
}

.btn-sort:after {
	margin-left: 5px;
	content: "";
	width: 7px;
	height: 13px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/upgrade/icon_sort.svg);
	background-position: 50%;
	display: none;
	flex: none;
}

.btn-sort_align-right {
	margin-left: auto;
}

.btn-sort.desc:after {
	display: block;
}

.btn-sort.asc:after {
	display: block;
	transform: rotate(180deg);
}

.btn-sort:hover {
	color: #b0b0c6;
}

.item-action {
	position: absolute;
	z-index: 10;
	top: 22px;
	left: 50%;
	width: 80px;
	height: 80px;
	transform: translateX(-50%) scale(.5);
	background-size: 100%;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: .1s ease-in-out;
}

.item-action_add {
	background-image: url(/img/upgrade/icon_add.svg);
}

.item-action_remove {
	background-image: url(/img/upgrade/icon_remove.svg);
}

.item-action:hover {
	filter: brightness(1.1);
}

.tabs {
	display: flex;
	justify-content: center;
}

.tabs__tab {
	position: relative;
	padding: 5px;
	margin: 0 20px;
	font-size: 20px;
	font-style: italic;
	color: #b5b5d4;
	cursor: pointer;
	transition: .2s ease;
}

.tabs__tab:before {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #2f2e3e;
	border-radius: 1px;
	pointer-events: none;
	transition: .2s ease;
}

.tabs__tab.active {
	color: #fff;
}

.tabs__tab.active:before {
	background-color: #62b3ff;
	box-shadow: 0 0 25px 1px rgba(98,179,255,.75);
}

.tabs__tab:hover {
	color: #fff;
}

.steam-lvl-required {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 248px;
	margin: 30px 0 15px;
	padding: 0 15px 10px;
	background: linear-gradient(180deg,#fa5528 -85.62%,rgba(250,85,40,0) 52.96%),#091b22;
	border: 1px solid #fa5528;
	box-shadow: 0 0 10px 1px rgba(250,85,40,.3);
	border-radius: 5px;
}

.steam-lvl-required:before {
	content: "";
	margin: -17px 0 5px;
	width: 30px;
	height: 30px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_steam-red.svg);
	background-position: 50%;
}

.steam-lvl-required__text {
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
}

.steam-lvl-required__text span {
	margin-left: 3px;
	font-size: 15px;
	line-height: 13px;
	font-weight: 700;
	color: #fa5528;
}

.upgrade-sections {
	position: relative;
}

.upgrade-sections__board {
	display: flex;
	justify-content: space-between;
	padding: 30px 15px 27px;
	height: 324px;
	background-color: rgba(35,33,60,.8);
	border-radius: 9px 9px 0 0;
	border: 1px solid #23213c;
}

@media (min-width:1200px) {
	.upgrade-sections__board {
		padding: 30px 40px 27px;
	}
}

.upgrade-sections__left-side {
	margin-right: -30px;
}

@media (min-width:1200px) {
	.upgrade-sections__left-side {
		margin-right: 0;
	}
}

.upgrade-sections__right-side {
	margin-left: -30px;
}

.upgrade-sections__right-side .upgrade-item-cell {
	align-items: flex-end;
}

.upgrade-sections__right-side .upgrade-item-cell__item:before {
	transform: translate(-50%,-50%) rotate(180deg);
}

.upgrade-sections__right-side .upgrade-item-cell__item:after {
	background-image: url(/img/upgrade/bg-cell-right.png);
}

@media (min-width:1200px) {
	.upgrade-sections__right-side {
		margin-left: 0;
	}
}

.upgrade-sections__center {
	position: relative;
}

.upgrade-sections__center:after,.upgrade-sections__center:before {
	content: "";
	position: absolute;
	z-index: 2;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
}

.upgrade-sections__center:before {
	display: none;
}

@media (min-width:1200px) {
	.upgrade-sections__center:before {
		display: block;
		top: 84px;
		width: 536px;
		height: 85px;
		background-size: 100%;
		background-repeat: no-repeat;
		background-image: url(/img/upgrade/flare-status-default.png);
		background-position: 50%;
	}
}

.upgrade-sections__center:after {
	top: -77px;
	width: 536px;
	height: 141px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/upgrade/wheel-flare.png);
	background-position: 50%;
	opacity: 0;
	visibility: hidden;
	transition: .15s ease;
}

.upgrade-sections__center.upgrade-progress:after {
	opacity: 1;
	visibility: visible;
}

.upgrade-sections__center.upgrade-failed .upgrade-actions__switcher,.upgrade-sections__center.upgrade-progress .upgrade-actions__switcher {
	opacity: .4;
	pointer-events: none;
}

@media (min-width:1200px) {
	.upgrade-sections__center.upgrade-failed:before {
		background-image: url(/img/upgrade/flare-status-failed.png);
	}
}

@media (min-width:1200px) {
	.upgrade-sections__center.upgrade-success:before {
		background-image: url(/img/upgrade/flare-status-success.png);
	}
}

@media (min-width:1200px) {
	.upgrade-sections__center.upgrade-error:before {
		background-image: url(/img/upgrade/flare-status-error.png);
	}
}

.upgrade-sections__items {
	display: flex;
	flex-direction: column;
	height: 545px;
	border: 1px solid rgba(66,63,93,.8);
	border-top: none;
	border-radius: 0 0 9px 9px;
}

.upgrade-sections__items-bar {
	display: flex;
	flex: none;
	height: 51px;
	background-color: rgba(16,12,49,.5);
	border-bottom: 1px solid rgba(66,63,93,.8);
}

.upgrade-sections__bar-section {
	display: flex;
	align-items: center;
	width: 60%;
	height: 100%;
	padding: 0 25px;
}

.upgrade-sections__bar-section:first-child {
	width: 40%;
	border-right: 1px solid rgba(66,63,93,.8);
}

.upgrade-sections__items-sections {
	display: flex;
	height: 100%;
	min-height: 0;
}

.upgrade-sections__items-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 30px 15px;
	width: 60%;
	height: 100%;
	overflow-y: auto;
}

.upgrade-sections__items-section::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: transparent;
}

.upgrade-sections__items-section::-webkit-scrollbar {
	width: 3px;
}

.upgrade-sections__items-section::-webkit-scrollbar-thumb {
	background-color: #7f70ef;
}

.upgrade-sections__items-section:first-child {
	width: 40%;
	border-right: 1px solid rgba(66,63,93,.8);
}

.upgrade-sections__status {
	margin-top: -30px;
	overflow: hidden;
	width: 480px;
	height: 120px;
	background-image: url(/img/upgrade/bg-status.svg);
	background-size: 100%;
	background-repeat: no-repeat;
}

@media (min-width:1200px) {
	.upgrade-sections__status {
		width: 625px;
		height: 156px;
	}
}

.upgrade-sections__actions {
	margin-top: 30px;
	display: flex;
	justify-content: center;
}

.upgrade-sections__error-message {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 295px;
	margin-bottom: 25px;
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	color: #8d8cad;
	text-align: center;
	font-style: italic;
}

.upgrade-sections__error-message:before {
	content: "";
	margin-bottom: 21px;
	width: 46px;
	height: 46px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/upgrade/icon_stop.svg);
	background-position: 50%;
}

.upgrade-item-cell {
	display: flex;
	flex-direction: column;
}

.upgrade-item-cell__head,.upgrade-item-cell__price {
	display: flex;
	align-items: center;
}

.upgrade-item-cell__head-text {
	font-size: 14px;
	line-height: 17px;
	font-weight: 400;
	color: #8d8cad;
}

.upgrade-item-cell__head-value {
	margin-left: 5px;
	font-size: 14px;
	line-height: 17px;
	font-weight: 400;
	color: #fff;
}

.upgrade-item-cell__item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 205px;
	height: 192px;
	margin: 15px 0;
	position: relative;
}

.upgrade-item-cell__item:after,.upgrade-item-cell__item:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	pointer-events: none;
}

.upgrade-item-cell__item:before {
	width: 100%;
	height: 100%;
	background-image: url(/img/upgrade/square-frame.svg);
}

.upgrade-item-cell__item:after,.upgrade-item-cell__item:before {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
}

.upgrade-item-cell__item:after {
	z-index: 1;
	width: 285px;
	height: 265px;
	background-image: url(/img/upgrade/bg-cell-left.png);
}

.upgrade-item-cell__item .item-incase {
	position: relative;
	z-index: 2;
}

.upgrade-item-cell__item .item-incase__img img {
	position: relative;
	z-index: 5;
}

.upgrade-item-cell__item .item-incase__img:before {
	z-index: 4;
	opacity: 1;
}

.upgrade-item-cell__item:hover .item-action {
	opacity: 1;
	visibility: visible;
	transform: scale(1) translateX(-50%);
}

@media (min-width:1200px) {
	.upgrade-item-cell__item {
		width: 234px;
	}
}

.upgrade-item-cell__price-text {
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: #8d8cad;
}

.upgrade-item-cell__price-value {
	margin-left: 5px;
	font-size: 22px;
	line-height: 26px;
	font-weight: 700;
	color: #fff;
}

.upgrade-item-cell__top {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 17px;
	font-weight: 400;
	color: #fff;
	transition: .15s ease-in-out;
}

.upgrade-item-cell__top:before {
	content: "";
	margin-right: 5px;
	width: 16px;
	height: 16px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/upgrade/icon_star.svg);
	background-position: 50%;
	transition: .15s ease-in-out;
	backface-visibility: hidden;
}

.upgrade-item-cell__top:hover {
	color: #62b3ff;
}

.upgrade-item-cell__top:hover:before {
	transform: scale(1.1);
}

.upgrade-void-cell {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.upgrade-void-cell__icon {
	margin: 10px 0 3px;
	width: 148px;
	height: 43px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/upgrade/icon_riffle.svg?v=1);
	background-position: 50%;
	opacity: .8;
}

.upgrade-void-cell__text {
	font-size: 14px;
	line-height: 17px;
	font-weight: 400;
	color: #e2e2fd;
	font-style: italic;
	max-width: 162px;
	text-align: center;
}

.upgrade-bar {
	width: 100%;
	display: flex;
	align-items: center;
}

.upgrade-bar__title {
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	color: #fff;
	font-style: italic;
}

.upgrade-bar__search {
	margin: 0 30px;
}

.upgrade-bar__rarity-selector {
	display: flex;
	align-items: center;
	margin-left: auto;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: #9695b3;
	font-style: italic;
}

.upgrade-bar__rarity {
	position: relative;
	width: 12px;
	height: 12px;
	margin-left: 10px;
	cursor: pointer;
	border-radius: 100%;
	transition: .15s ease-in-out;
}

.upgrade-bar__rarity:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 17px;
	height: 17px;
	border-radius: 100%;
	border: 1px solid transparent;
	opacity: 0;
	visibility: hidden;
	transition: .15s ease-in-out;
}

.upgrade-bar__rarity:not(.active):hover {
	filter: brightness(1.1);
	transform: scale(1.1);
}

.upgrade-bar__rarity.active {
	transform: scale(1.05);
}

.upgrade-bar__rarity.active:before {
	opacity: 1;
	visibility: visible;
}

.upgrade-bar__rarity.active:hover:before {
	opacity: .6;
}

.upgrade-bar__rarity_common {
	background-color: #646c7f;
}

.upgrade-bar__rarity_common:before {
	border-color: #646c7f;
}

.upgrade-bar__rarity_uncommon {
	background-color: #368eb4;
}

.upgrade-bar__rarity_uncommon:before {
	border-color: #368eb4;
}

.upgrade-bar__rarity_milspec {
	background-color: #1b97df;
}

.upgrade-bar__rarity_milspec:before {
	border-color: #1b97df;
}

.upgrade-bar__rarity_restricted {
	background-color: #8a54f6;
}

.upgrade-bar__rarity_restricted:before {
	border-color: #8a54f6;
}

.upgrade-bar__rarity_classified {
	background-color: #ff3ffa;
}

.upgrade-bar__rarity_classified:before {
	border-color: #ff3ffa;
}

.upgrade-bar__rarity_covert {
	background-color: #ff1818;
}

.upgrade-bar__rarity_covert:before {
	border-color: #ff1818;
}

.upgrade-bar__rarity_rare {
	background-color: #ffc600;
}

.upgrade-bar__rarity_rare:before {
	border-color: #ffc600;
}

.upgrade-bar__sort-range-price {
	margin: 0 15px;
}

.upgrade-items {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 100%;
	height: 100%;
}

.upgrade-items__item {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 15px 0;
	width: 50%;
}

@media (min-width:1250px) {
	.upgrade-items__item {
		width: 33.33%;
	}
}

@media (min-width:1930px) {
	.upgrade-items__item {
		width: 25%;
	}
}

.upgrade-items__item .item-incase__img:before {
	opacity: 1;
}

.upgrade-items__item:hover .item-action {
	opacity: 1;
	visibility: visible;
	transform: scale(1) translateX(-50%);
}

.upgrade-items__item_fluid {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0;
}

.upgrade-items__item_after-upgrade {
	width: 33.33%;
}

@media (min-width:1050px) {
	.upgrade-items__item_after-upgrade {
		width: 25%;
	}
}

@media (min-width:1250px) {
	.upgrade-items__item_after-upgrade {
		width: 20%;
	}
}

@media (min-width:1930px) {
	.upgrade-items__item_after-upgrade {
		width: 16.66%;
	}
}

.how-to-upgrade {
	display: flex;
}

.how-to-upgrade__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 25%;
	padding: 0 15px;
}

@media (min-width:1200px) {
	.how-to-upgrade__item {
		padding: 0;
	}
}

.how-to-upgrade__icon {
	height: 170px;
	background-size: 100%;
	background-position: 50%;
}

.how-to-upgrade__icon_1 {
	width: 166px;
	background-image: url(/img/upgrade/howto-1.png);
}

.how-to-upgrade__icon_2 {
	width: 157px;
	background-image: url(/img/upgrade/howto-2.png);
}

.how-to-upgrade__icon_3 {
	width: 174px;
	background-image: url(/img/upgrade/howto-3.png);
}

.how-to-upgrade__icon_4 {
	width: 151px;
	background-image: url(/img/upgrade/howto-4.png);
}

.how-to-upgrade__text {
	max-width: 240px;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	color: #ac9dbc;
}

@media (min-width:1200px) {
	.how-to-upgrade__text {
		font-size: 15px;
		line-height: 20px;
	}
}

.upgrade-status {
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.upgrade-status__title-chance {
	margin-top: 10px;
	font-size: 15px;
	line-height: 18px;
	font-weight: 400;
	color: #8d8cad;
}

@media (min-width:1200px) {
	.upgrade-status__title-chance {
		margin-top: 20px;
	}
}

.upgrade-status__progress-bar {
	position: relative;
	width: 350px;
	height: 24px;
	margin: 15px 0 8px;
	border-radius: 17.5px;
	overflow: hidden;
	flex: none;
	background-color: #191729;
	border: 1px solid #424057;
}

@media (min-width:1200px) {
	.upgrade-status__progress-bar {
		width: 450px;
		margin: 20px 0 8px;
	}
}

.upgrade-status__progress {
	position: absolute;
	height: 100%;
	z-index: 10;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 17.5px;
	transition: .1s ease;
}

.upgrade-status__value-chance {
	font-size: 31px;
	line-height: 32px;
	font-weight: 700;
}

@media (min-width:1200px) {
	.upgrade-status__value-chance {
		font-size: 40px;
		line-height: 48px;
	}
}

.upgrade-status__wheel {
	position: absolute;
	z-index: 1;
	top: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	pointer-events: none;
	transition: .12s ease;
}

.upgrade-status__wheel svg {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.upgrade-status__wheel #upgrade-wheel {
	-webkit-transform-origin: 21px 21px;
	transform-origin: 21px 21px;
	transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	will-change: transform;
	-webkit-will-change: transform;
}

.upgrade-status__wheel:before {
	content: "";
	position: absolute;
	z-index: 3;
	top: 253px;
	left: 50%;
	transform: translate(-50%,-50%) rotate(1deg);
	width: 497px;
	height: 497px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/upgrade/wheel-frame.png?v=1);
	background-position: 50%;
}

@media (min-width:1200px) {
	.upgrade-status__wheel:before {
		left: 314px;
	}
}

@media (min-width:1200px) {
	.upgrade-status__wheel {
		top: 23px;
	}
}

.upgrade-status__title {
	margin-top: 15px;
	position: relative;
	z-index: 2;
	font-size: 23px;
	line-height: 24px;
	font-weight: 400;
	color: #fff;
	font-style: italic;
}

@media (min-width:1200px) {
	.upgrade-status__title {
		margin-top: 30px;
	}
}

.upgrade-status__icon-fail,.upgrade-status__icon-message,.upgrade-status__icon-success {
	position: absolute;
	z-index: 1;
	left: 50%;
	width: 165px;
	height: 160px;
	transform: translateX(-50%);
	background-size: 100%;
	background-repeat: no-repeat;
	pointer-events: none;
}

@media (min-width:1200px) {
	.upgrade-status__icon-fail,.upgrade-status__icon-message,.upgrade-status__icon-success {
		width: 220px;
		height: 200px;
	}
}

.upgrade-status__icon-fail {
	top: 0;
	background-image: url(/img/upgrade/bg-fail.png);
}

.upgrade-status__icon-message {
	top: 0;
	background-image: url(/img/upgrade/bg-message.png);
}

@media (min-width:1200px) {
	.upgrade-status__icon-message {
		top: -13px;
	}
}

.upgrade-status__icon-success {
	top: 0;
	background-image: url(/img/upgrade/bg-success.png);
}

@media (min-width:1200px) {
	.upgrade-status__icon-success {
		top: -13px;
	}
}

.upgrade-actions {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.upgrade-actions__btns {
	margin-top: 25px;
}

.upgrade-actions__btn .main-btn {
	min-width: 185px;
	padding: 15px 25px 17px;
}

.upgrade-actions__btn .main-btn span {
	font-size: 21px;
	line-height: 20px;
}

.upgrade-layout__title {
	margin-bottom: 80px;
}

.upgrade-layout__how-to {
	margin-top: 60px;
}

.upgrade-layout__login-btn {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.upgrade-balance {
	position: relative;
	z-index: 2;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.upgrade-balance__value {
	font-size: 35px;
	line-height: 45px;
	font-weight: 600;
	color: #fff;
}

.upgrade-balance__slider {
	position: absolute;
	bottom: -16px;
	left: 45%;
	transform: translateX(-50%);
}

@media (max-width:1100px) {
	.upgrade-balance__slider .irs-line {
		height: 14px;
	}

	.upgrade-balance__slider .irs-slider {
		width: 27px;
		height: 27px;
		top: 26px;
	}

	.upgrade-balance__slider .rp-my-right {
		bottom: -13px;
	}
}

.rangeslider-price {
	width: 200px;
	border-radius: 100%;
}

.rp-my {
	width: 100px;
	bottom: -7px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: #8d8cad;
}

.rp-my.rp-my-right {
	right: -50px;
}

.rp-my.rp-my-left {
	left: -40px;
}

.irs-line {
	background-image: linear-gradient(86deg,#5a9b16,#a9cf00 25%,#e0ab00 63%,#af0000 97%);
}

.irs-slider {
	width: 17px;
	height: 17px;
	top: 29px;
	background-color: #cdcdcd;
	border: 2px solid #fff;
}

.sort-range-price {
	display: flex;
	height: 29px;
	border: 1px solid #332f49;
	border-radius: 4px;
	background-color: rgba(20,17,42,.64);
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: #8d8cad;
}

.sort-range-price__range {
	display: flex;
	align-items: center;
	padding: 7px;
	white-space: nowrap;
}

.sort-range-price__range:first-child {
	border-right: 1px solid #332f49;
}

.sort-range-price__text {
	margin-right: 4px;
}

.sort-range-price__input input {
	margin-left: 4px;
	max-width: 42px;
	background-color: transparent;
	border-bottom: 1px solid hsla(0,0%,100%,.06);
	font-weight: 700;
	color: hsla(0,0%,100%,.9);
}

.sort-range-price__input input::-webkit-inner-spin-button,.sort-range-price__input input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.sort-range-price__input input[type=number] {
	-moz-appearance: textfield;
}

.upgrade-drop-preview {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.upgrade-drop-preview__first-name,.upgrade-drop-preview__second-name {
	max-width: 520px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.upgrade-drop-preview__first-name {
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	color: #fff;
}

.upgrade-drop-preview__second-name {
	margin-top: 5px;
	font-size: 15px;
	line-height: 18px;
	font-weight: 400;
	color: hsla(0,0%,100%,.5);
}

.upgrade-drop-preview__btns {
	margin-top: 20px;
	display: flex;
}

.upgrade-drop-preview__btn {
	margin: 0 8px;
}

.refill-layout {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding-top: 30px;
	min-height: 600px;
}

.refill-layout__choose-method {
	margin-bottom: 35px;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	font-weight: 500px;
	color: #fff;
}

.refill-layout__tabs {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	margin-bottom: -1px;
}

.refill-layout__tab {
	display: flex;
	align-items: center;
	padding: 13px 20px;
	margin: 0 4px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	color: #8d8cad;
	background-color: rgba(21,24,41,.8);
	border: 1px solid #27243e;
	border-radius: 5px 5px 0 0;
	transition: .12s ease;
	cursor: pointer;
	transition: background .12s ease;
}

.refill-layout__tab:before {
	content: "";
	margin-right: 12px;
	background-size: 100%;
	background-repeat: no-repeat;
	opacity: .6;
	transition: .12s ease;
}

.refill-layout__tab_refill:before {
	width: 18px;
	height: 21px;
	background-image: url(/img/refill-page/icon_coins.svg);
}

.refill-layout__tab_history:before {
	margin-top: 2px;
	width: 17px;
	height: 17px;
	background-image: url(/img/refill-page/icon_history.svg);
}

.refill-layout__tab:last-child {
	margin-right: 0;
}

.refill-layout__tab:hover {
	background-color: rgba(21,24,41,.9);
	color: #a5a4be;
}

.refill-layout__tab:hover:before {
	filter: brightness(1.1);
}

.refill-layout__tab.active {
	background-color: #18162b;
	border-bottom-color: transparent;
	color: #fff;
	pointer-events: none;
}

.refill-layout__tab.active:before {
	opacity: 1;
	filter: brightness(1.5);
}

.refill-layout__columns {
	position: relative;
	z-index: 2;
	display: flex;
	width: 100%;
}

@media (max-width:700px) {
	.refill-layout__column {
		width: 100%;
	}
}

.refill-layout__column-label {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	color: #fff;
}

@media (min-width:600px) {
	.refill-layout__column-label {
		margin-bottom: 15px;
	}
}

@media (min-width:1000px) {
	.refill-layout__column-label {
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 22px;
	}
}

.refill-layout__column_method {
	margin-bottom: 15px;
}

@media (min-width:600px) {
	.refill-layout__column_method {
		position: relative;
		width: 60%;
		padding-right: 20px;
		margin-bottom: 30px;
		flex: none;
	}

	.refill-layout__column_method:after {
		content: "";
		position: absolute;
		height: calc(100% - 50px);
		width: 1px;
		top: 0;
		right: 0;
		background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.12) 50%,hsla(0,0%,100%,0));
	}
}

@media (min-width:1000px) {
	.refill-layout__column_method {
		padding-right: 50px;
	}
}

@media (min-width:600px) {
	.refill-layout__column_main {
		padding: 0 26px;
		min-width: 0;
		width: 50%;
	}
}

@media (min-width:920px) {
	.refill-layout__column_main {
		width: 60%;
	}
}

@media (min-width:1000px) {
	.refill-layout__column_main {
		padding: 0 36px;
	}
}

@media (max-width:599px) {
	.refill-layout__column_fields {
		margin-top: 20px;
	}
}

@media (min-width:600px) {
	.refill-layout__column_fields {
		padding: 0 26px;
		width: 50%;
	}
}

@media (min-width:920px) {
	.refill-layout__column_fields {
		padding: 0 36px;
		width: 40%;
	}
}

.refill-layout__payment-systems {
	margin-bottom: 20px;
}

@media (min-width:600px) {
	.refill-layout__payment-systems {
		margin-bottom: 30px;
	}
}

.refill-layout__sections {
	width: 100%;
	min-height: 455px;
	max-width: 1100px;
	background: linear-gradient(180deg,#18162b,#1b1931 84.26%,#1c1a32);
	box-shadow: 0 2px 84px rgba(24,22,33,.45);
	border-radius: 9px;
	border: 1px solid #27243e;
}

.refill-layout__section {
	width: 100%;
}

@media (min-width:600px) {
	.refill-layout__section {
		display: flex;
		flex-wrap: wrap;
	}
}

.refill-layout__section_refill {
	padding: 42px 0;
}

@media (min-width:1250px) {
	.refill-layout__section_refill {
		max-width: 1200px;
	}
}

@media (max-width:1000px) {
	.refill-layout__section_history {
		overflow-x: auto;
	}
}

.refill-layout__info {
	display: flex;
	justify-content: center;
	width: 100%;
}

.refill-layout__g2a-promocodes {
	margin-bottom: 10px;
}

@media (min-width:1120px) {
	.refill-layout__g2a-promocodes {
		margin-bottom: 25px;
	}
}

.refill-layout__g2a-payments {
	margin: -4px;
	padding-bottom: 25px;
}

.refill-layout__promocode-input {
	margin: 0 -6px;
}

.refill-layout__methods {
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
}

.refill-layout__refill-systems {
	margin: 20px -15px 0;
}

.refill-layout__refill-steps {
	margin-bottom: 25px;
}

.refill-layout__text {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #8d8cad;
}

.refill-layout__bonus-info {
	padding: 0 6px;
	width: 100%;
	margin-top: 10px;
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
	color: #fff;
}

.refill-layout__btns {
	justify-content: space-between;
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.refill-layout__separator {
	margin: 0 40px;
	font-size: 14px;
	line-height: 15px;
	font-weight: 500;
	color: hsla(0,0%,100%,.5);
}

.refill-layout__btn {
	width: 50%;
	min-width: 210px;
}

.refill-layout__btn button {
	width: 100%;
}

.refill-layout__presets {
	margin: 25px 0 0;
}

.refill-layout__countries {
	display: inline-flex;
	align-items: center;
	margin-bottom: 15px;
	padding: 5px 10px;
	background-color: hsla(0,0%,100%,.12);
	border-radius: 5px;
	font-size: 12px;
	line-height: 18px;
	font-weight: 600;
	color: #45c1e6;
	cursor: pointer;
	transition: .12s ease;
}

@media (min-width:600px) {
	.refill-layout__countries {
		font-size: 16px;
		line-height: 20px;
	}
}

.refill-layout__countries .lng-switcher {
	margin: 0 4px;
}

.refill-layout__countries:hover {
	background-color: hsla(0,0%,100%,.2);
}

.refill-layout__countries:hover .lng-switcher__all {
	opacity: 1;
	visibility: visible;
}

.refill-layout__countries-name {
	font-size: 13px;
	line-height: 15px;
	font-weight: inherit;
	color: hsla(0,0%,100%,.85);
}

@media (min-width:600px) {
	.refill-layout__countries-name {
		font-size: 15px;
	}
}

.refill-methods {
	position: relative;
	display: flex;
	justify-content: center;
}

.refill-methods:before {
	content: "";
	position: absolute;
	background-color: #27263d;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
}

.refill-methods__method {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	padding: 5px 0 10px;
	margin-right: 30px;
	border-bottom: 2px solid transparent;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	color: #8d8cad;
	cursor: pointer;
	transition: .12s ease;
}

.refill-methods__method:before {
	content: "";
	margin-right: 8px;
	background-size: 100%;
	background-repeat: no-repeat;
	transition: .12s ease;
}

.refill-methods__method:last-child {
	margin-right: 0;
}

.refill-methods__method_default:before {
	width: 20px;
	height: 11px;
	background-image: url(/img/refill-page/method-default.svg);
}

.refill-methods__method_skins:before {
	width: 18px;
	height: 13px;
	background-image: url(/img/refill-page/method-skins.svg);
}

.refill-methods__method_g2a:before {
	width: 18px;
	height: 18px;
	background-image: url(/img/refill-page/method-g2a-pay.svg);
}

.refill-methods__method_promo:before {
	width: 18px;
	height: 18px;
	background-image: url(/img/refill-page/method-g2a-promo.svg);
}

.refill-methods__method:hover {
	color: #a5a4be;
	border-bottom-color: rgba(98,179,255,.15);
}

.refill-methods__method:hover:before {
	filter: brightness(1.1);
}

.refill-methods__method.active {
	color: #fff;
	cursor: default;
	border-bottom-color: #62b3ff;
}

.refill-methods__method.active:before {
	filter: brightness(1.8);
}

.g2a-promocodes {
	display: flex;
	flex-wrap: wrap;
}

.g2a-promocodes__promo {
	position: relative;
	width: 124px;
	height: 69px;
	margin-bottom: 5px;
	margin-right: 5px;
	background-size: 100%;
	cursor: pointer;
	opacity: .9;
	transition: .12s ease;
}

.g2a-promocodes__promo:before {
	content: "";
	position: absolute;
	width: 109%;
	height: 112%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border: 2px solid transparent;
	border-radius: 6px;
	opacity: 0;
	visibility: visible;
	filter: brightness(.8);
	backface-visibility: hidden;
	pointer-events: none;
}

.g2a-promocodes__promo .price {
	position: absolute;
	bottom: 7px;
	left: 20px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	color: #fff;
	font-weight: 600!important;
}

@media (min-width:1320px) {
	.g2a-promocodes__promo .price {
		bottom: 11px;
		left: 28px;
		font-size: 34px;
		line-height: 38px;
		font-weight: 600;
		color: #fff;
	}
}

.g2a-promocodes__promo_3 {
	background-image: url(/img/refill-page/card-uncommon.svg);
}

.g2a-promocodes__promo_3:before {
	border-color: #536067;
}

.g2a-promocodes__promo_5 {
	background-image: url(/img/refill-page/card-milspec.svg);
}

.g2a-promocodes__promo_5:before {
	border-color: #368eb4;
}

.g2a-promocodes__promo_10 {
	background-image: url(/img/refill-page/card-restricted.svg);
}

.g2a-promocodes__promo_10:before {
	border-color: #1b97df;
}

.g2a-promocodes__promo_20 {
	background-image: url(/img/refill-page/card-classified.svg);
}

.g2a-promocodes__promo_20:before {
	border-color: #8a54f6;
}

.g2a-promocodes__promo_50 {
	background-image: url(/img/refill-page/card-covert.svg);
}

.g2a-promocodes__promo_50:before {
	border-color: #ff3ffa;
}

.g2a-promocodes__promo_100 {
	background-image: url(/img/refill-page/card-rare.svg);
}

.g2a-promocodes__promo_100:before {
	border-color: #ff1818;
}

@media (min-width:1120px) {
	.g2a-promocodes__promo:hover {
		filter: brightness(1.2);
		transform: translateY(-5px);
	}
}

@media (min-width:1020px) {
	.g2a-promocodes__promo {
		margin-bottom: 15px;
		margin-right: 15px;
		width: 145px;
		height: 80px;
	}
}

@media (min-width:1120px) {
	.g2a-promocodes__promo {
		width: 175px;
		height: 97px;
		margin-right: 0;
	}
}

@media (min-width:1120px) {
	.g2a-promocodes {
		justify-content: space-between;
	}
}

.promocode-input {
	display: flex;
	flex-wrap: wrap;
}

.promocode-input__input {
	justify-content: space-between;
	align-items: center;
	position: relative;
	width: 100%;
	height: 42px;
	background: #100e27;
	border: 1px solid #2b293f;
	border-radius: 8px;
	flex: none;
	transition: .12s ease;
	margin-top: 42px;
}

.promocode-input__input:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 13px;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/refill-page/icon_promo.svg?v=6);
	background-position: 50%;
	transition: .12s ease;
}

.promocode-input__input input {
	width: 100%;
	height: 100%;
	padding-left: 38px;
	padding-right: 10px;
	color: hsla(0,0%,100%,.9);
	font-weight: 500;
	text-transform: uppercase;
	background-color: transparent!important;
}

.promocode-input__input input::-webkit-input-placeholder {
	color: hsla(0,0%,100%,.4);
}

.promocode-input__input input::-moz-placeholder {
	color: hsla(0,0%,100%,.4);
}

.promocode-input__input input:focus::-webkit-input-placeholder {
	color: hsla(0,0%,100%,.5);
}

.promocode-input__input input:focus::-moz-placeholder {
	color: hsla(0,0%,100%,.5);
}

.promocode-input__input:hover {
	border-color: #33314b;
	box-shadow: 0 0 15px 0 rgba(43,41,63,.15);
}

.promocode-input__input:focus-within {
	border-color: #3c3958;
	box-shadow: 0 0 15px 0 rgba(43,41,63,.3);
}

.promocode-input__input:focus-within:before {
	filter: brightness(1.2);
}

.promocode-input__input_amount {
	width: 100%;
}

.promocode-input__input_amount:before {
	width: 16px;
	height: 18px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/refill-page/icon_coins.svg);
	background-position: 50%;
}

.promocode-input__input_promo {
	width: calc(60% - 20px);
	margin-right: auto;
}

.promocode-input__input_bonus-promo {
	width: 40%;
}

.promocode-input__input_bonus-promo:before {
	display: none;
}

.promocode-input__input_card:before {
	top: 50%;
	background-image: url(/img/refill-page/icon_cards.svg);
	opacity: .6;
}

.promocode-input__placeholder {
	position: absolute;
	top: -26px;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
	color: #595772;
}

.promocode-input__input-tooltip {
	position: absolute;
	bottom: 50px;
	left: 50%;
	padding: 10px;
	width: 220px;
	transform: translateX(-50%) skewX(10deg);
	background-color: #1d1b31;
	border: 1px solid rgba(249,179,31,.3);
	border-radius: 5px;
	text-align: center;
	font-size: 13px;
	line-height: 15px;
	font-weight: 600;
	color: hsla(0,0%,100%,.8);
	opacity: 0;
	animation: refillTooltip .12s ease-in-out 0s forwards;
	pointer-events: none;
}

.promocode-input__input-tooltip:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -7px;
	transform: translateX(-50%);
	border-color: rgba(249,179,31,.3) transparent transparent;
	border-style: solid;
	border-width: 6px 6px 0;
}

.promocode-input__bonus-label,.promocode-input__bonus-promo {
	position: relative;
	z-index: 2;
	text-shadow: 1px 1px 2px rgba(0,0,0,.8);
	transform: skewX(10deg);
}

.promocode-input__bonus-label {
	margin-left: 10px;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	color: #d5d5d7;
}

.promocode-input__bonus-promo {
	margin-right: 10px;
	font-size: 15px;
	line-height: 16px;
	font-weight: 600;
	color: #fff;
}

.promocode-input__bonus-bar {
	position: absolute;
	height: 100%;
	background-image: linear-gradient(270deg,#45ff00,#0f5700);
	border-radius: 3px 0 0 3px;
	opacity: .8;
}

.promocode-input__bonus-bar:after {
	content: "";
	position: absolute;
	z-index: 1;
	right: 0;
	top: 50%;
	height: 64px;
	width: 2px;
	transform: translateY(-50%);
	background-image: linear-gradient(180deg,rgba(94,255,98,0),#abff82 51%,rgba(164,255,119,.12) 94%,hsla(0,0%,100%,0));
}

.promocode-input__bonus-bar_gold {
	background-image: linear-gradient(270deg,#f9b842,#f89e32);
}

.promocode-input__bonus-bar_gold:after {
	background-image: linear-gradient(180deg,rgba(94,255,98,0),#f89d33 51%,rgba(164,255,119,.12) 94%,hsla(0,0%,100%,0));
}

.promocode-input__cancel-bonus {
	width: 100%;
	height: 42px;
	margin-top: 15px;
}

.promocode-input__cancel-bonus span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: hsla(0,0%,100%,.1);
	border-radius: 4px;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	color: #fff;
	cursor: pointer;
	transition: .12s ease;
}

.promocode-input__cancel-bonus span:hover {
	background-color: hsla(0,0%,100%,.2);
}

.promocode-input__message {
	margin-top: 5px;
	color: #fbae21;
}

@keyframes refillTooltip {
	0% {
		bottom: 45px;
		opacity: 0;
	}

	to {
		bottom: 52px;
		opacity: 1;
	}
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.refill-systems {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.refill-systems img {
	padding: 8px 15px;
	max-width: 150px;
}

.refill-history {
	width: 100%;
	border-collapse: collapse;
}

.refill-history tbody tr:nth-child(odd) {
	background-color: rgba(0,0,0,.2);
}

.refill-history tr {
	border-radius: 3px;
}

.refill-history tr th {
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #fff;
}

.refill-history tr td {
	font-size: 13px;
	line-height: 20px;
	font-weight: 600;
	color: #fff;
}

.refill-history tr td,.refill-history tr th {
	padding: 14px 15px;
	word-break: break-all;
}

.refill-history tr td:first-child,.refill-history tr th:first-child {
	border-radius: 4px 0 0 4px;
}

.refill-history tr td:last-child,.refill-history tr th:last-child {
	border-radius: 0 4px 4px 0;
	padding-right: 0;
}

.refill-history tr td.success,.refill-history tr th.success {
	color: #8cef50;
}

.refill-history tr td.progress,.refill-history tr th.progress {
	color: #ffc95a;
}

.refill-history tr td.error,.refill-history tr th.error {
	color: #ff5f5f;
}

@media (max-width:1170px) {
	.refill-history tr td:first-child,.refill-history tr th:first-child {
		display: none;
	}
}

@media (max-width:1380px) {
	.refill-history tr td:nth-child(3),.refill-history tr td:nth-child(5),.refill-history tr th:nth-child(3),.refill-history tr th:nth-child(5) {
		display: none;
	}
}

@media (min-width:1200px) {
	.refill-history tr {
		padding: 14px 20px;
	}
}

.refill-history__load-more button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 13px 0;
	border: 1px solid #fff;
	border-radius: 4px;
	background-color: #fff;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	color: #fff;
	transition: .12s ease;
	cursor: pointer;
}

.refill-history__load-more button .icon {
	margin-right: 10px;
}

.refill-history__load-more button:hover {
	background-color: hsla(0,0%,100%,.2);
}

.refill-history__load-more button:hover .icon {
	transform: rotate(180deg);
}

.refill-steps {
	counter-reset: steps;
}

.refill-steps__step {
	margin-bottom: 15px;
	font-size: 14px;
	color: #fff;
}

.refill-steps__step,.refill-steps__step:before {
	display: flex;
	align-items: center;
	line-height: 19px;
	font-weight: 600;
}

.refill-steps__step:before {
	justify-content: center;
	margin-right: 12px;
	padding-bottom: 1px;
	counter-increment: steps;
	content: counter(steps);
	width: 39px;
	height: 39px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/refill-page/circle.svg);
	background-position: 50%;
	font-size: 17px;
	color: #1a1830;
}

.refill-steps__step:last-child {
	margin-bottom: 0;
}

.g2a-payments {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.g2a-payments__payment {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: calc(25% - 18px);
	height: 60px;
	margin: 9px;
	border-radius: 4px;
	background-color: #fff;
	cursor: pointer;
	transition: .12s ease;
}

.g2a-payments__payment img {
	max-width: 120px;
}

.g2a-payments__payment:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	transform: translate(-50%,-50%);
	border: 2px solid #21a9ff;
	border-radius: 9px;
	opacity: 0;
	visibility: hidden;
	transition: .12s ease;
	pointer-events: none;
}

.g2a-payments__payment:hover:before {
	opacity: .5;
	visibility: visible;
}

.g2a-payments__payment.active {
	box-shadow: 0 0 15px 0 #21a9ff;
	cursor: default;
}

.g2a-payments__payment.active:before {
	opacity: 1;
	visibility: visible;
}

.switch {
	display: flex;
	flex: none;
	position: relative;
	width: 63px;
	height: 35px;
	border: 1px solid #424057;
	background-color: #1f1d34;
	border-radius: 17px;
	cursor: pointer;
	transition: .15s ease;
}

.switch input:checked~.switch__switch-circle {
	transform: translateX(28px);
}

.switch input:checked~.switch__left-text {
	color: hsla(0,0%,100%,.5);
	pointer-events: auto;
}

.switch input:checked~.switch__left-text:hover {
	color: hsla(0,0%,100%,.7);
}

.switch input:checked~.switch__left-text:before {
	filter: grayscale(1);
}

.switch input:checked~.switch__right-text {
	color: #fff;
	pointer-events: none;
}

.switch input:checked~.switch__right-text:after {
	filter: grayscale(0);
}

.switch input:active~.switch__switch-circle {
	transform: scale(.9);
}

.switch__left-text,.switch__right-text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	font-size: 0;
}

.switch__left-text:after,.switch__left-text:before,.switch__right-text:after,.switch__right-text:before {
	content: "";
	background-size: 100%;
	background-repeat: no-repeat;
	transition: .12s ease;
	flex: none;
	transform: scale(1.2);
}

@media (min-width:1100px) {
	.switch__left-text:after,.switch__left-text:before,.switch__right-text:after,.switch__right-text:before {
		transform: none;
	}
}

@media (min-width:1100px) {
	.switch__left-text,.switch__right-text {
		font-size: 15px;
		line-height: 17px;
		white-space: nowrap;
		transition: .12s ease;
		cursor: pointer;
	}

	.switch__left-text:hover,.switch__right-text:hover {
		color: hsla(0,0%,100%,.7);
	}
}

.switch__left-text {
	right: calc(100% + 18px);
	color: #fff;
	pointer-events: none;
}

.switch__left-text:before {
	margin-right: 10px;
	width: 18px;
	height: 18px;
	background-image: url(/img/upgrade/action-wallet.svg);
}

.switch__right-text {
	left: calc(100% + 18px);
	color: hsla(0,0%,100%,.5);
}

.switch__right-text:after {
	margin-left: 10px;
	width: 27px;
	height: 17px;
	background-image: url(/img/upgrade/action-skins.png);
	filter: grayscale(1);
}

.switch__switch-circle {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4px;
	width: 25px;
	height: 25px;
	margin: auto 0;
	border-radius: 100%;
	background-image: linear-gradient(1deg,#4b8c27,#6dae01);
	box-shadow: 0 0 7px 0 rgba(109,174,1,.3);
	backface-visibility: hidden;
	transition: .12s ease;
}

.switch:hover {
	border-color: #4d4b66;
	box-shadow: 0 0 11px 0 rgba(99,96,131,.4);
}

.switch_no-icons .switch__left-text:after,.switch_no-icons .switch__left-text:before,.switch_no-icons .switch__right-text:after,.switch_no-icons .switch__right-text:before {
	display: none;
}

.switch_default input:not(:checked)~.switch__switch-circle {
	filter: grayscale(.65);
}

.premium-tabs {
	display: flex;
	border: 1px solid #554e65;
	transform: skewX(-10deg);
	border-radius: 6px;
}

.premium-tabs__tab {
	display: flex;
	align-items: center;
	padding: 5px 20px 8px;
	border-radius: 6px;
	transition: .12s ease-in-out;
	cursor: pointer;
}

.premium-tabs__tab span {
	transform: skewX(10deg);
	font-size: 24px;
	line-height: 29px;
	font-weight: 700;
	color: #fff;
	font-style: italic;
}

.premium-tabs__tab_premium:before {
	content: "";
	margin-right: 8px;
	width: 22px;
	height: 16px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_premium-white.svg);
	background-position: 50%;
}

.premium-tabs__tab:hover {
	background-color: rgba(135,0,154,.15);
}

.premium-tabs__tab.active {
	background-color: #87009a;
	pointer-events: none;
}

.refill-presets {
	display: flex;
	flex-wrap: wrap;
}

.refill-presets__preset {
	display: flex;
	align-items: center;
	padding: 7px 17px;
	margin-right: 10px;
	border-radius: 5px;
	background-color: rgba(98,179,255,.08);
	border: 1px solid #62b3ff;
	font-size: 18px;
	line-height: 17px;
	font-weight: 500;
	color: hsla(0,0%,100%,.92);
	transform: skewX(-10deg);
	transition: .12s ease;
	cursor: pointer;
}

.refill-presets__preset span {
	transform: skewX(10deg);
}

.refill-presets__preset:hover {
	background-color: rgba(109,174,1,.15);
	border-color: #86d701;
}

.payment-systems {
	margin: -4px;
	display: flex;
	flex-wrap: wrap;
}

.payment-systems__payment-wrapper {
	padding: 4px;
	width: 33.33%;
	height: 80px;
}

@media (min-width:400px) {
	.payment-systems__payment-wrapper {
		height: 90px;
	}
}

@media (min-width:920px) {
	.payment-systems__payment-wrapper {
		width: 25%;
		height: 110px;
	}
}

.payment-systems__payment {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: 1px solid #454f5b;
	background-color: rgba(34,17,17,.1);
	border-radius: 3px;
	transition: .12s ease;
	cursor: pointer;
}

.payment-systems__payment img {
	position: relative;
	z-index: 2;
	max-height: 50px;
	width: 100%;
	max-width: 65px;
}

@media (min-width:400px) {
	.payment-systems__payment img {
		max-height: 80px;
	}
}

@media (min-width:1000px) {
	.payment-systems__payment img {
		max-width: 110px;
	}
}

.payment-systems__payment:hover {
	border-color: rgba(98,179,255,.7);
	background-color: rgba(98,179,255,.03);
}

.payment-systems__payment.active {
	border-color: #62b3ff;
	background-color: rgba(98,179,255,.08);
	box-shadow: 0 0 10px 0 rgba(98,179,255,.4);
}

.refill-fields {
	display: flex;
	flex-direction: column;
}

.refill-fields__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #232a48;
	border-radius: 8px;
	padding: 11px 16px;
	height: 60px;
}

.refill-fields__title {
	font-size: 13px;
	line-height: 16px;
	color: #fff;
}

.refill-fields__text {
	font-size: 13px;
	line-height: 15px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffa801;
}

.refill-fields__method-img {
	max-width: 85px;
	max-height: 38px;
}

.refill-fields__button {
	padding: 23px 0 22px;
	text-align: center;
	width: 100%;
	background: linear-gradient(0deg,#4b8c27,#6dae01);
	border-radius: 6px;
	font-weight: 700;
	font-size: 22px;
	line-height: 26px;
	color: #fff;
	text-transform: uppercase;
}

.refill-fields__refill-sum {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
}

.refill-fields__refill-sum,.refill-fields__value {
	width: 100%;
	display: flex;
	align-items: flex-end;
	color: #fff;
}

.refill-fields__value {
	min-width: 0;
	font-size: 17px;
	line-height: 17px;
	font-weight: 500;
}

.refill-fields__value:before {
	content: "..................................................................................";
	width: 100%;
	margin: 0 12px 2px;
	overflow: hidden;
	letter-spacing: 2px;
	font-size: 28px;
	line-height: 20px;
	font-weight: 400;
	color: #616c79;
}

.refill-fields__action {
	margin-top: 20px;
}

.layout-premium {
	position: relative;
	padding: 50px 15px 80px;
}

.layout-premium,.layout-premium__intro {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.layout-premium__intro {
	margin-bottom: 110px;
}

.layout-premium__logo-premium {
	width: 638px;
	margin-bottom: 48px;
}

.layout-premium__subtitle {
	max-width: 580px;
	text-align: center;
	font-size: 22px;
	line-height: 30px;
	font-weight: 400;
	color: #ac9dbc;
}

.layout-premium__title {
	position: relative;
	z-index: 2;
	margin-top: 30px;
}

.layout-premium__section-price {
	margin-top: 25px;
	padding: 0 20px;
	position: relative;
	display: flex;
	align-items: center;
}

.layout-premium__section-price:after,.layout-premium__section-price:before {
	content: "";
	position: absolute;
	top: 50%;
}

.layout-premium__section-price:after {
	transform: translateY(-50%);
	left: 100%;
	margin-left: 15px;
}

.layout-premium__section-price:before {
	position: absolute;
	left: 50%;
	transform: translate(-50%,-50%);
	content: "";
	min-height: 88px;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/premium/border-frame.svg?v=1);
	background-position: 50%;
}

.layout-premium__section-price_gold:after {
	width: 155px;
	height: 103px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/premium/label_gold.png);
	background-position: 50%;
}

.layout-premium__label-discount {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #ac9dbc;
}

.layout-premium__gold-status {
	margin: 2px 0 3px;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 20px;
	font-weight: 700;
	color: #fbae21;
}

.layout-premium__price {
	margin-right: 20px;
	margin-left: 20px;
	font-size: 74px;
	line-height: 79px;
	font-weight: 700;
	color: #fff;
}

.layout-premium__duration {
	width: 72px;
	margin: 0 10px;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #ac9dbc;
	font-style: italic;
}

.layout-premium__old-price {
	position: relative;
	padding: 3px 10px 5px;
	background-image: linear-gradient(1deg,#850606,#ae0101);
	box-shadow: 0 0 7px -1px rgba(234,3,3,.28);
	border-radius: 6px 4px 6px 4px;
	transform: skewX(-10deg);
	font-size: 29px;
	line-height: 33px;
	font-weight: 700;
	color: #fff;
	font-style: italic;
}

.layout-premium__old-price:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	width: calc(100% - 20px);
	height: 2px;
	background-color: #fff;
}

.layout-premium__old-price span {
	transform: skewX(10deg);
}

.layout-premium__btns {
	display: flex;
	margin-top: 40px;
}

.layout-premium__btns .main-btn {
	min-width: 216px;
	margin: 0 5px;
}

.layout-premium__premium-cases {
	position: relative;
	display: flex;
	justify-content: center;
}

.layout-premium__premium-cases:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	width: 1737px;
	height: 1103px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/premium/bg-advantages.png?v=4);
	background-position: 50%;
	pointer-events: none;
}

.layout-premium__premium-cases-img {
	position: relative;
	z-index: 2;
	margin: 80px 0;
	width: 937px;
}

.layout-premium__primium-title {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 2;
	font-size: 74px;
	line-height: 89px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

.layout-premium__primium-title:after,.layout-premium__primium-title:before {
	content: "";
	margin: 0 20px;
	width: 123px;
	height: 102px;
	background-size: 100%;
	background-repeat: no-repeat;
	pointer-events: none;
}

.layout-premium__primium-title:before {
	background-image: url(/img/premium/left-leaf.svg);
}

.layout-premium__primium-title:after {
	background-image: url(/img/premium/right-leaf.svg);
}

.layout-premium__premium-subtitle {
	max-width: 414px;
	text-align: center;
	font-size: 22px;
	line-height: 26px;
	font-weight: 400;
	color: #ac9dbc;
}

.layout-premium__about-premium {
	max-width: 1200px;
	width: 100%;
	margin: 120px 0 30px;
	display: flex;
	justify-content: center;
}

.layout-premium__premium-tarriffs {
	position: relative;
	margin-top: 67px;
}

.layout-premium__premium-tarriffs:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transform: translate(-50%,-50%) rotate(-28deg);
	z-index: 1;
	width: 2300px;
	height: 1300px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/premium/bg-tarriffs.png?v=1);
	background-position: 50%;
	pointer-events: none;
}

.layout-premium__until-end {
	display: flex;
	align-items: center;
	margin-top: 40px;
	padding: 0 15px;
	height: 90px;
	width: 600px;
	border: 1px solid rgba(181,181,212,.15);
	border-radius: 8px;
}

.layout-premium__until-end-text {
	margin: 0 20px;
}

.layout-premium__until-end-title {
	margin-bottom: 5px;
}

.layout-premium__until-end-type {
	margin-left: auto;
	width: 171px;
}

.layout-premium__until-end-renew {
	margin-top: 5px;
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 17px;
	font-weight: 400;
	color: #fbae21;
	transition: .12s ease-in-out;
}

.layout-premium__until-end-renew:before {
	content: "";
	margin-right: 6px;
	margin-top: 2px;
	width: 14px;
	height: 13px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_renew.svg);
	background-position: 50%;
}

.layout-premium__until-end-renew:hover {
	color: #fcc053;
}

.about-premium {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.about-premium__items {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	position: relative;
}

.about-premium__items:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	width: 2200px;
	height: 1103px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/premium/bg-about.png);
	background-position: 50%;
	pointer-events: none;
}

.about-premium__img {
	height: 333px;
}

.about-premium__title {
	margin-top: -40px;
	font-size: 34px;
	line-height: 40px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
}

.about-premium__descr {
	margin-top: 15px;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #ac9dbc;
}

.about-premium__num {
	position: absolute;
	top: 30px;
	left: 25px;
	font-size: 16px;
	line-height: 19px;
	font-weight: 700;
	color: #fff;
}

.about-premium__text {
	margin-left: 60px;
}

.about-premium__big-item,.about-premium__item {
	position: relative;
	z-index: 2;
	margin-bottom: 30px;
	border-radius: 8px;
	background-color: #1e1949;
}

.about-premium__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 30px 90px;
	width: calc(50% - 15px);
	min-height: 520px;
}

.about-premium__big-item {
	width: 100%;
	min-height: 450px;
	display: flex;
	align-items: center;
}

.about-premium__big-item .about-premium__title {
	margin-top: 0;
	max-width: 379px;
}

.about-premium__big-item .about-premium__descr {
	max-width: 364px;
}

.about-premium__big-item_wheel {
	background-image: url(/img/premium/advantage_wheel.png?v=3);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 350px 0;
}

@media (min-width:1200px) {
	.about-premium__big-item_wheel {
		background-position: 100%;
	}
}

.about-premium__big-item_incognito {
	justify-content: space-between;
	background-color: transparent;
}

.about-premium__big-item_incognito .about-premium__img {
	height: 640px;
}

.about-premium__value {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 120px;
	font-size: 115px;
	line-height: 150px;
	font-weight: 700;
	color: #f9d1f7;
	text-shadow: 2px 4px 0 #82197d;
}

.premium-tarriffs {
	position: relative;
	z-index: 2;
}

.premium-tarriffs__row {
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
	width: 100%;
}

.premium-tarriffs__row:first-child .premium-tarriffs__data {
	border-radius: 5px 5px 0 0;
}

.premium-tarriffs__row:last-child .premium-tarriffs__data {
	padding: 45px 0 15px;
	border-bottom: none;
	border-radius: 0 0 5px 5px;
}

.premium-tarriffs__data {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 15px 0;
	width: 190px;
	border-bottom: 1px solid rgba(141,131,231,.09);
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	color: #ac9dbc;
}

@media (min-width:1200px) {
	.premium-tarriffs__data {
		width: 240px;
	}
}

.premium-tarriffs__data_feature {
	align-items: flex-start;
	width: 275px;
	padding-right: 85px;
	text-align: left;
}

@media (min-width:1200px) {
	.premium-tarriffs__data_feature {
		width: 375px;
	}
}

.premium-tarriffs__data_silver {
	margin-right: 20px;
	background-color: #201d40;
}

.premium-tarriffs__data_gold {
	margin-right: 20px;
	background-color: #231948;
}

.premium-tarriffs__data_platinum {
	background-color: #1e1949;
}

.premium-tarriffs__label-img {
	width: 175px;
	backface-visibility: hidden;
}

.premium-tarriffs__title {
	text-transform: uppercase;
	font-size: 34px;
	line-height: 40px;
	font-weight: 600;
	color: #fff;
}

.premium-tarriffs__old-price {
	position: absolute;
	left: 50%;
	bottom: 100%;
	padding: 3px 6px 5px;
	background-image: linear-gradient(1deg,#850606,#ae0101);
	box-shadow: 0 0 5px -1px rgba(234,3,3,.28);
	border-radius: 4px 2px 4px 2px;
	transform: skewX(-10deg) translateX(-50%);
	font-size: 14px;
	line-height: 17px;
	font-weight: 700;
	color: #fff;
	font-style: italic;
}

.premium-tarriffs__old-price:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	width: calc(100% - 12px);
	height: 2px;
	background-color: #fff;
}

.premium-tarriffs__old-price .price {
	transform: skewX(10deg);
}

.premium-tarriffs__price {
	position: relative;
	font-size: 55px;
	line-height: 55px;
	font-weight: 700;
	color: #fff;
}

.premium-tarriffs__btn {
	margin: 8px 0;
	padding: 12px 0;
	width: 80%;
	text-align: center;
	border: 1px solid #6dae01;
	border-radius: 6px;
	transition: .12s ease;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: #fff;
}

.premium-tarriffs__btn:hover {
	background-color: #6dae01;
	box-shadow: 0 0 12px 0 rgba(109,174,1,.35);
}

.premium-tarriffs__icon-cross {
	background-image: url(/img/icon_cross.svg);
}

.premium-tarriffs__icon-cross,.premium-tarriffs__icon-success {
	width: 28px;
	height: 28px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
}

.premium-tarriffs__icon-success {
	background-image: url(/img/icon_success.svg);
}

.premium-tarriffs__bonus {
	font-size: 34px;
	line-height: 27px;
	font-weight: 700;
	color: #fff;
}

.premium-up {
	position: relative;
	padding: 6px 116px 6px 10px;
	border-radius: 6px;
	border: 1px solid rgba(123,79,157,.4);
	background-color: rgba(192,116,230,.05);
	transition: .15s ease-in-out;
}

.premium-up:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 96px;
	height: 30px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/premium/premium-up.svg);
	background-position: 50%;
}

.premium-up__title {
	font-size: 11px;
	line-height: 16px;
	font-weight: 400;
	color: hsla(0,0%,100%,.7);
}

.premium-up__subtitle {
	font-size: 14px;
	line-height: 19px;
	font-weight: 500;
	color: #c074e6;
}

.premium-up:hover {
	filter: brightness(1.2);
	box-shadow: 0 0 5px 0 rgba(192,116,230,.1);
	background-color: rgba(192,116,230,.07);
}

.card-game {
	-webkit-perspective: 1000px;
	perspective: 1000px;
	position: relative;
	width: 630px;
	margin-top: 40px;
	height: 700px;
}

.card-game:before {
	content: "";
	position: absolute;
	z-index: 1;
	width: 1045px;
	height: 710px;
	top: 52.9%;
	left: 50.5%;
	transform: translate(-50%,-50%);
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/cards/cards-overlay.png);
}

.card-game__cards {
	display: flex;
	padding-top: 54px;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	z-index: 2;
}

.card-game__cards.disabled {
	opacity: .15;
	pointer-events: none;
}

.card-game__card {
	margin: 10px;
}

.card-game__card_0 .card-game__front-side {
	background-image: url(/img/cards/cards-rarity/default-0.png);
}

.card-game__card_1 .card-game__front-side {
	background-image: url(/img/cards/cards-rarity/default-1.png);
}

.card-game__card_2 .card-game__front-side {
	background-image: url(/img/cards/cards-rarity/default-2.png);
}

.card-game__card_3 .card-game__front-side {
	background-image: url(/img/cards/cards-rarity/default-3.png);
}

.card-game__card_4 .card-game__front-side {
	background-image: url(/img/cards/cards-rarity/default-4.png);
}

.card-game__card_5 .card-game__front-side {
	background-image: url(/img/cards/cards-rarity/default-5.png);
}

.card-game__card_10 .card-game__front-side {
	background-image: url(/img/cards/cards-rarity/guarant.png);
}

.card-game__card_common .card-game__back-side {
	background-image: url(/img/cards/cards-rarity/card_common.png);
}

.card-game__card_uncommon .card-game__back-side {
	background-image: url(/img/cards/cards-rarity/card_uncommon.png);
}

.card-game__card_milspec .card-game__back-side {
	background-image: url(/img/cards/cards-rarity/card_milspec.png);
}

.card-game__card_restricted .card-game__back-side {
	background-image: url(/img/cards/cards-rarity/card_restricted.png);
}

.card-game__card_classified .card-game__back-side {
	background-image: url(/img/cards/cards-rarity/card_classified.png);
}

.card-game__card_covert .card-game__back-side {
	background-image: url(/img/cards/cards-rarity/card_covert.png);
}

.card-game__card_rare .card-game__back-side {
	background-image: url(/img/cards/cards-rarity/card_rare.png);
}

.card-game__card.viewed .card-game__sides {
	transform: rotateY(180deg)!important;
}

.card-game__card.active .card-game__sides {
	opacity: .9;
	filter: brightness(1.4);
	animation: preOpen 3s ease 0s infinite;
}

.card-game__card.disabled {
	opacity: .85;
	pointer-events: none;
}

.card-game__sides {
	width: 170px;
	height: 170px;
	position: relative;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transition: .5s ease;
	cursor: pointer;
	will-change: transform;
}

.card-game__sides:hover {
	transform: rotateY(10deg);
}

.card-game__sides:hover .card-game__front-side {
	opacity: 1;
	filter: brightness(1.1);
}

.card-game__back-side,.card-game__front-side {
	width: 100%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-size: 100%;
	background-repeat: no-repeat;
}

.card-game__front-side {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	z-index: 20;
	transition: .2s ease-in-out;
	opacity: .8;
}

.card-game__back-side {
	padding-top: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	z-index: 30;
}

.card-game__img {
	width: 115px;
}

.card-game__name {
	width: 100%;
	margin-top: 3px;
	padding: 0 25px;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.card-game__guarant {
	padding: 110px 30px 0;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	color: rgba(224,194,255,.5);
	backface-visibility: hidden;
}

.card-game__preview {
	width: 100%;
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

@keyframes preOpen {
	0% {
		filter: brightness(1.7);
		opacity: .9;
	}

	35% {
		filter: brightness(2.4);
		opacity: 1;
	}

	to {
		filter: brightness(1.7);
		opacity: .9;
	}
}

.layout-cards__title {
	margin-bottom: 50px;
}

.layout-cards__cards {
	margin-top: 70px;
}

.prizes-layout__prizes-items {
	margin: 70px 0 40px;
}

.prizes-layout__link {
	display: flex;
	justify-content: center;
}

.prizes-layout__steps {
	margin: 60px 0;
}

.prizes-layout__tabs {
	margin-top: 60px;
}

.prizes-items,.prizes-layout__tabs {
	display: flex;
	justify-content: center;
}

.prizes-items__item {
	width: 190px;
	padding: 20px 0 5px;
	margin: 0 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: none;
	border-radius: 10px;
	background: linear-gradient(0deg,#252050 -6.13%,rgba(33,29,68,0));
	counter-reset: winner;
	box-shadow: 0 30px 23px 0 rgba(15,12,39,.51);
}

@media (min-width:1550px) {
	.prizes-items__item {
		padding: 35px 0 5px;
		width: 250px;
	}
}

.prizes-items__item .prize-winner {
	border-bottom: 2px solid #28244e;
}

.prizes-items__item .prize-winner:last-child {
	border-bottom: none;
}

.dailyprize-about-block {
	padding: 30px 0 50px;
	text-align: center;
}

.dailyprize-about {
	position: relative;
	width: 260px;
	display: inline-block;
	vertical-align: top;
	color: #ded1ff;
	font-style: italic;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: 300;
	padding: 20px 30px;
	margin-right: 10px;
	text-align: center;
	text-decoration: none;
}

.dailyprize-about:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: rgba(22,18,55,.7);
	border: 1px solid rgba(222,210,255,.5);
	border-radius: 5px;
	transform: skewX(-10deg);
	box-shadow: 0 5px 25px rgba(0,0,0,.3);
	z-index: -1;
}

.dailyprize-about:first-child {
	left: 30px;
	z-index: 3;
}

.dailyprize-about:nth-child(2) {
	top: 25px;
	left: 0;
	z-index: 2;
}

.dailyprize-about:nth-child(3) {
	top: 10px;
	left: -25px;
	z-index: 1;
}

.dailyprize-about-head {
	font-size: 1.5em;
	line-height: 1.1em;
	font-weight: 700;
	color: #fff;
	padding: 0 0 10px;
}

.dailyprize-about-text span {
	color: #fff;
}

.dailyprize-about-text a {
	color: #fff;
	text-decoration: underline;
}

.dailyprize-about-text a:hover {
	text-decoration: none;
	color: #fff;
}

.prize-leader {
	display: flex;
	align-items: center;
	padding: 11px 18px 11px 30px;
	width: 100%;
}

@media (min-width:1500px) {
	.prize-leader {
		padding: 11px 25px 11px 40px;
	}
}

.prize-leader__data {
	min-width: 0;
}

.prize-leader__img {
	position: relative;
	transition: .12s ease-in-out;
	flex: none;
}

.prize-leader__img:after,.prize-leader__img:before {
	position: absolute;
}

.prize-leader__img:before {
	right: 100%;
	margin-right: 10px;
	top: 46%;
	transform: translateY(-50%);
	counter-increment: winner;
	content: counter(winner);
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	color: #9f9ec1;
	text-shadow: 1px 1px 3px rgba(21,17,54,.85);
	font-style: italic;
}

.prize-leader__img img {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin-right: 8px;
	border: 2px solid #585293;
}

@media (min-width:1500px) {
	.prize-leader__img img {
		width: 50px;
		height: 50px;
	}
}

.prize-leader__name {
	margin-bottom: 2px;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 16px;
	line-height: 17px;
	font-weight: 400;
	color: #8d8cad;
	font-style: italic;
	transition: .12s ease-in-out;
}

.prize-leader__cases {
	display: flex;
	align-items: center;
	font-size: 19px;
	line-height: 22px;
	font-weight: 700;
	color: #fff4e8;
	font-style: italic;
}

.prize-leader__cases .icon {
	margin-top: 3px;
	margin-right: 7px;
}

.prize-leader:hover .prize-leader__img,.prize-leader:hover .prize-leader__name {
	filter: brightness(1.15);
}

.prize-leader.winner {
	background-color: rgba(255,200,0,.2);
}

.prize-leader.winner .prize-leader__name {
	color: #ffdd45;
}

.prize-leader.winner .prize-leader__img img {
	border-color: #e8922a;
}

.prize-leader.winner .prize-leader__img:before {
	color: #ffdd45;
}

.prize-leader.winner .prize-leader__img:after {
	content: "";
	z-index: 2;
	top: -2px;
	right: 10px;
	width: 18px;
	height: 18px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_cup-yellow.svg);
	background-position: 50%;
}

.layout-bonus__bonus-missions {
	max-width: 860px;
	margin: 0 auto 20px;
}

@media (min-width:1500px) {
	.layout-bonus__bonus-missions {
		max-width: none;
	}
}

.layout-bonus__title {
	margin-bottom: 80px;
}

.layout-bonus__bonus-info {
	margin: 0 auto 30px;
	text-align: center;
	max-width: 900px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	color: #fff;
}

.layout-bonus__super-bonus {
	width: 100%;
	margin: 90px 0 80px;
}

.layout-bonus__super-bonus,.refillcode {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.refillcode__code,.refillcode__timer,.refillcode__timer-title {
	transform: skewX(10deg);
}

.refillcode__title {
	margin-bottom: 30px;
	font-style: italic;
	font-weight: 500;
	font-size: 22px;
	color: #6dae01;
}

.refillcode__code-field {
	width: 850px;
	padding: 30px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #6dae01;
	border-radius: 6px;
	box-shadow: 0 0 38px 4px rgba(109,174,1,.3);
	background-color: #111;
	transform: skewX(-10deg);
}

.refillcode__code {
	font-size: 30px;
	font-style: italic;
	font-weight: 500;
}

.refillcode__copycode {
	position: absolute;
	z-index: 2;
	left: 50%;
	bottom: -18px;
	transform: translateX(-50%) skewX(10deg);
}

.refillcode__copycode .main-btn {
	background-color: #578b01;
}

.refillcode__copycode .main-btn span {
	font-weight: 400;
	font-style: italic;
	font-size: 14px;
}

.refillcode__copycode .main-btn:hover {
	background-color: #67a401;
}

.refillcode__text {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-style: italic;
	color: hsla(0,0%,100%,.4);
	transform: skewX(10deg);
}

.refillcode__text span {
	text-align: right;
}

.refillcode__text span:first-child {
	margin-bottom: 5px;
}

.refillcode__text b {
	font-weight: 700;
	color: hsla(0,0%,100%,.45);
}

.refillcode__info {
	margin: 40px 0;
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
	color: #b5b5d4;
}

.refillcode__info a {
	color: #fff;
	transition: .2s ease-in-out;
}

.refillcode__info a:hover {
	color: #62b3ff;
}

.refillcode__timer-title {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 18px;
	text-transform: uppercase;
	white-space: nowrap;
	color: #d6d6d6;
}

.refillcode__timer {
	display: flex;
	width: 100%;
	justify-content: center;
	font-size: 22px;
	line-height: 17px;
	color: #fff;
}

.refillcode__timer span {
	width: 34px;
	display: flex;
	justify-content: center;
	font-size: 24px;
}

.refillcode__item,.refillcode__sale-wrapper {
	display: flex;
	align-items: center;
}

.refillcode__item {
	height: 60px;
	padding: 0 25px;
	border: 1px solid rgba(109,174,1,.7);
	box-shadow: 0 0 30px 0 rgba(109,174,1,.25);
	border-radius: 6px;
	transform: skewX(-10deg);
	background-color: #111;
}

.refillcode__item_left,.refillcode__item_right {
	padding-bottom: 2px;
}

.refillcode__item_left span,.refillcode__item_right span {
	transform: skewX(10deg);
	font-style: italic;
}

.refillcode__item_left {
	margin-right: -10px;
	padding-right: 33px;
	font-size: 26px;
	text-transform: uppercase;
}

.refillcode__item_center {
	height: 80px;
	padding: 12px 20px 13px;
	margin-top: -2px;
	position: relative;
	z-index: 1;
	flex-direction: column;
	justify-content: center;
	border-color: #67a401;
	box-shadow: 0 0 30px 2px rgba(93,149,1,.2);
	background-color: #171f0b;
}

.refillcode__item_right {
	margin-left: -10px;
	padding-left: 33px;
	font-size: 32px;
}

.bonus-missions {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.bonus-missions__column {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 250px;
	height: 305px;
	margin: 8px;
	padding: 15px;
	background-color: rgba(26,21,56,.35);
	border: 1px solid rgba(67,58,128,.8);
	border-radius: 5px;
}

.bonus-missions__column.done .bonus-missions__btn {
	background-color: #3b316f;
	border-color: #3b316f;
	box-shadow: none;
	color: #fff;
}

.bonus-missions__column.done .bonus-missions__btn span {
	display: flex;
}

.bonus-missions__column.done .bonus-missions__btn span:before {
	content: "";
	margin-right: 6px;
	width: 16px;
	height: 16px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon-check-circle.svg?v=3);
	background-position: 50%;
}

.bonus-missions__column.done .bonus-missions__icon:before {
	background-image: url(/img/bonus/icon_checked.svg);
}

.bonus-missions__column.done .bonus-missions__icon_id-vk:before {
	right: 87px;
	top: 101px;
}

@media (min-width:1250px) {
	.bonus-missions__column {
		width: 200px;
	}
}

.bonus-missions__icon {
	left: 50%;
	top: -15px;
	transform: translateX(-50%);
	width: 240px;
	height: 211px;
	background-size: 100%;
}

.bonus-missions__icon,.bonus-missions__icon:before {
	position: absolute;
	background-position: 50%;
	background-repeat: no-repeat;
}

.bonus-missions__icon:before {
	content: "";
	z-index: 2;
	width: 30px;
	height: 36px;
	right: 85px;
	top: 120px;
	background-size: contain;
	background-image: url(/img/bonus/pointer.svg);
}

.bonus-missions__icon_id-vk {
	background-image: url(/img/bonus/bonus-id-vk.png?v=4);
}

.bonus-missions__icon_vk {
	background-image: url(/img/bonus/bonus-group-vk.png?v=4);
}

.bonus-missions__icon_steam {
	background-image: url(/img/bonus/bonus-steam.png?v=4);
}

.bonus-missions__icon_instagram {
	background-image: url(/img/bonus/bonus-inst.png?v=4);
}

.bonus-missions__icon_telegram {
	background-image: url(/img/bonus/bonus-telegram.png?v=4);
}

.bonus-missions__icon_youtube {
	background-image: url(/img/bonus/bonus-youtube.png?v=4);
}

.bonus-missions__icon_tiktok {
	background-image: url(/img/bonus/bonus-tiktok.png?v=4);
}

.bonus-missions__title {
	margin-top: auto;
	margin-bottom: 3px;
	font-size: 15px;
	line-height: 18px;
	font-weight: 400;
	color: #ac9dbc;
}

.bonus-missions__bonus-value {
	margin-bottom: 12px;
	font-size: 34px;
	line-height: 40px;
	font-weight: 400;
	color: #fff;
	font-weight: 600!important;
}

.bonus-missions__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	width: 100%;
	border: 1px solid #6dae01;
	border-radius: 4px;
	background-color: #222632;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
	color: #6dae01;
	transition: .2s ease;
	cursor: pointer;
}

.bonus-missions__btn:hover {
	background-color: #2c3241;
	border-color: #8de101;
	box-shadow: 0 0 15px 0 rgba(109,174,1,.5);
}

.super-bonus {
	display: flex;
	background-color: rgba(45,39,86,.23);
	border-radius: 6px;
	border: 1px solid #433a80;
}

.super-bonus__left,.super-bonus__right {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.super-bonus__left {
	width: 230px;
	padding: 25px;
}

.super-bonus__right {
	margin: 25px 0;
	padding: 0 25px;
	width: 572px;
	border-left: 1px solid #433a80;
}

.super-bonus__icon-bonus {
	margin: -60px -20px;
	width: 225px;
	height: 205px;
	background-image: url(/img/bonus/icon-super-bonus.png);
}

.super-bonus__icon-bonus,.super-bonus__icon-intro {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	pointer-events: none;
}

.super-bonus__icon-intro {
	margin: -48px 0;
	width: 350px;
	height: 180px;
	background-image: url(/img/bonus/bg-super-bonus.png);
}

.super-bonus__amount-bonus {
	font-size: 30px;
	line-height: 22px;
	font-weight: 700;
	color: #fff;
}

.super-bonus__text {
	margin: 5px 0;
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	color: #ac9dbc;
}

.super-bonus__title {
	margin: 15px 0 6px;
	line-height: 17px;
	color: #fff;
}

.super-bonus__btn,.super-bonus__title {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.super-bonus__btn {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 15px;
	padding: 10px 0;
	background-color: #ffdd45;
	border-radius: 4px;
	line-height: 16px;
	color: #3f301a;
	cursor: pointer;
	transition: .12s ease;
}

.super-bonus__btn:hover {
	background-color: #ffd82b;
	box-shadow: 0 0 15px 0 rgba(255,216,43,.35);
}

.super-bonus__btn.done {
	background-color: #433a80;
	pointer-events: none;
	color: #fff;
}

.super-bonus__btn.done:before {
	content: "";
	margin-right: 8px;
	width: 16px;
	height: 16px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon-check-circle.svg);
	background-position: 50%;
}

.super-bonus__btn:disabled {
	cursor: default;
	filter: grayscale(1);
	opacity: .7;
}

.super-bonus__bonus-progress {
	display: flex;
	margin-top: 20px;
	border-radius: 5px;
	border: 1px solid #433a80;
}

.super-bonus__day {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-right: 1px solid #433a80;
	background-color: rgba(67,58,128,.1);
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	color: hsla(0,0%,100%,.33);
}

.super-bonus__day:first-child {
	border-radius: 4px 0 0 4px;
}

.super-bonus__day:last-child {
	border-right: none;
	border-radius: 0 4px 4px 0;
}

.super-bonus__day.active {
	border-right-color: #ab8c00;
	color: #312a5d;
}

.super-bonus__btn-info,.super-bonus__day.active {
	background-image: linear-gradient(180deg,#f8cf15,#fb912a);
	box-shadow: 0 2px 14px 0 rgba(249,179,30,.36);
}

.super-bonus__btn-info {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 25px;
	padding: 10px 0 12px;
	border-radius: 4px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	color: #3f301a;
}

.super-bonus_nickname {
	margin-top: 5px;
}

.super-bonus_nickname .super-bonus__icon-bonus {
	margin: -30px 0;
	width: 245px;
	height: 210px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/bonus/icon-nickname-bonus.png);
	background-position: 50%;
}

.super-bonus_nickname .super-bonus__icon-bonus.done {
	background-image: url(/img/bonus/icon-nickname-bonus_done.png);
}

.super-bonus_nickname .super-bonus__icon-intro {
	margin: -30px 0 -10px;
	width: 420px;
	height: 160px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/bonus/bg-nickname-bonus.png);
	background-position: 50%;
}

.error-layout {
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	font-style: italic;
}

.error-layout__logo {
	margin-bottom: 30px;
}

.error-layout__error-type {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 50px;
	line-height: 56px;
}

.error-layout__text {
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	color: hsla(0,0%,100%,.85);
	margin-bottom: 150px;
}

.error-layout_admin .error-layout__error-type {
	font-size: 46px;
	line-height: 48px;
}

.scammers-layout {
	padding-bottom: 50px;
	flex-direction: column;
}

.scammers-layout,.scammers-layout__info-section {
	display: flex;
	align-items: center;
}

.scammers-layout__info {
	max-width: 655px;
	padding: 25px 35px;
	border-radius: 12px;
	border: 1px solid rgba(206,0,0,.7);
	box-shadow: inset 0 0 15px 2px rgba(206,0,0,.25);
	background: linear-gradient(180deg,rgba(26,24,48,.8),rgba(27,25,49,.8) 84.26%,rgba(30,28,56,.8));
}

.scammers-layout__info-title {
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	color: #fff;
}

.scammers-layout__info-text {
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	color: #ac9dbc;
}

.scammers-layout__sample-friend {
	margin-left: 45px;
	background-image: url(/img/scammers/sample_friend.png);
	backface-visibility: hidden;
}

.scammers-layout__sample-friend,.scammers-layout__sample-friend_en {
	width: 324px;
	height: 180px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
}

.scammers-layout__sample-friend_en {
	background-image: url(/img/scammers/sample_friend_en.png);
}

.scammers-layout__title {
	margin: 45px 0 35px;
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	color: #fff;
}

.scammers-layout__samples {
	position: relative;
	min-height: 276px;
	max-width: 950px;
	width: 100%;
	margin-bottom: 70px;
}

.scammers-layout__samples:before {
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 493px;
	height: 201px;
	background-image: url(/img/scammers/notebook.png);
}

.scammers-layout__samples:before,.scammers-samples__sample {
	position: absolute;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
}

.scammers-samples__sample {
	opacity: 0;
	backface-visibility: hidden;
}

.scammers-samples__sample_1 {
	left: 0;
	top: 0;
	bottom: 0;
	width: 310px;
	height: 276px;
	margin: auto 0;
	background-image: url(/img/scammers/sample_message-1.png);
	animation: showScamSample 1.5s ease .4s forwards;
}

.scammers-samples__sample_2 {
	z-index: 1;
	top: 0;
	right: 0;
	width: 265px;
	height: 130px;
	background-image: url(/img/scammers/sample_message-2.png);
	animation: showScamSample 1.5s ease 3.5s forwards;
}

.scammers-samples__sample_3 {
	z-index: 2;
	top: 120px;
	right: 30px;
	width: 263px;
	height: 122px;
	background-image: url(/img/scammers/sample_message-3.png);
	animation: showScamSample 1.5s ease 1.8s forwards;
}

.scammers-samples_en .scammers-samples__sample_1 {
	background-image: url(/img/scammers/sample_message-1_en.png);
}

.scammers-samples_en .scammers-samples__sample_2 {
	background-image: url(/img/scammers/sample_message-2_en.png);
}

.scammers-samples_en .scammers-samples__sample_3 {
	background-image: url(/img/scammers/sample_message-3_en.png);
}

@keyframes showScamSample {
	0% {
		opacity: 0;
		transform: translateX(0) scale(1.01);
	}

	50% {
		transform: translateY(-15px) scale(1.01);
	}

	70% {
		transform: translateY(-15px) scale(1.01);
	}

	to {
		transform: translateY(-10px) scale(1);
		opacity: 1;
	}
}

.scammers-importantly {
	position: relative;
	display: flex;
}

.scammers-importantly__column {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 33.33%;
	max-width: 300px;
	margin: 0 50px;
}

.scammers-importantly__icon {
	margin-bottom: 20px;
	width: 58px;
	height: 58px;
	background-size: 100%;
	background-repeat: no-repeat;
}

.scammers-importantly__icon_contact {
	background-image: url(/img/scammers/icon_contact.svg);
}

.scammers-importantly__icon_chat {
	background-image: url(/img/scammers/icon_chat.svg);
}

.scammers-importantly__icon_refill {
	background-image: url(/img/scammers/icon_refill.svg);
}

.scammers-importantly__title {
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	color: #ac9dbc;
}

.scammers-banner {
	margin: 30px auto 50px;
	padding-left: 120px;
	position: relative;
}

.scammers-banner:after,.scammers-banner:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.scammers-banner:after {
	width: 100px;
	height: 100px;
	left: -5px;
}

.scammers-banner:before {
	left: -55px;
	width: 210px;
	height: 210px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_scammer.webp);
	background-position: 50%;
	transition: .15s ease-in-out;
	pointer-events: none;
}

.scammers-banner__title {
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 27px;
	font-weight: 700;
	color: #fff;
}

.scammers-banner__subtitle {
	max-width: 330px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #ac9dbc;
	transition: .15s ease-in-out;
}

a.scammers-banner:hover:before {
	filter: brightness(1.3);
}

a.scammers-banner:hover .scammers-banner__subtitle {
	color: #c1b5cd;
}

.layout-wheel {
	padding-bottom: 50px;
}

.layout-wheel__title {
	margin-bottom: 50px;
}

.bonus-wheel-section,.layout-wheel__preview {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.bonus-wheel-section {
	padding: 0 0 30px;
	position: relative;
}

@media (min-width:1500px) {
	.bonus-wheel-section {
		padding: 0 0 30px;
		margin-top: 220px;
	}

	.bonus-wheel-section:after {
		content: "";
		position: absolute;
		z-index: 0;
		left: 50%;
		top: -332px;
		transform: translateX(-50%);
		width: 620px;
		height: 503px;
		background-size: 100%;
		background-repeat: no-repeat;
		background-image: url(/img/bonus-wheel/action-overlay.png);
		background-position: 50%;
		pointer-events: none;
	}
}

.bonus-wheel-section__items {
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 2000px;
	padding: 75px 40px 40px;
	background-color: #1f1a47;
	border: 1px solid rgba(51,43,115,.1);
	box-shadow: 0 0 40px 0 rgba(17,17,17,.3);
	border-radius: 17px;
}

.bonus-wheel-section__items:before {
	content: "";
	position: absolute;
	top: -107px;
	left: 50%;
	transform: translateX(-50%);
	width: 565px;
	height: 220px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/flare.png?v=3);
	background-position: 50%;
	pointer-events: none;
}

.bonus-wheel-section__items .how-work-bonus {
	margin-bottom: 40px;
}

.bonus-wheel-section__control {
	position: absolute;
	left: 50%;
	top: -50px;
	width: 340px;
	height: 130px;
	padding: 15px;
	transform: translateX(-50%) skewX(-10deg);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 3;
	background: linear-gradient(177.67deg,#2c265d -15.36%,#241f4f 111.71%);
	border-radius: 16px;
	box-shadow: 0 0 25px 5px #2f0a4a;
	backface-visibility: hidden;
}

.bonus-wheel-section__control .steam-lvl-required {
	transform: skewX(10deg);
}

.bonus-wheel-section__action {
	width: 100%;
	height: 100%;
	padding: 0 10px;
	border: 10px solid #963da4;
	background: #963da4;
	border-radius: 11px;
	transition: .12s ease-in-out;
	font-size: 32px;
	line-height: 33px;
	font-weight: 700;
	color: #eaa6f9;
	text-shadow: 1px 1px 0 #602669;
	font-style: italic;
}

.bonus-wheel-section__action:hover {
	filter: brightness(1.15);
	box-shadow: 0 0 15px 2px rgba(150,61,164,.4);
}

.bonus-wheel-section__action.login {
	font-size: 25px;
}

.bonus-wheel-section__action_open {
	text-transform: uppercase;
}

.bonus-wheel-section__action_open span {
	display: flex;
	align-items: center;
	text-align: left;
}

.bonus-wheel-section__action span {
	transform: skewX(10deg);
}

.bonus-wheel-section__action b {
	color: #ce0000;
}

.bonus-wheel-section__info {
	max-width: 370px;
	left: 70px;
	font-size: 22px;
	line-height: 26px;
	font-weight: 400;
	color: #fff;
}

.bonus-wheel-section__info:after {
	content: "";
	position: absolute;
	z-index: 1;
	right: -90px;
	top: 20px;
	width: 89px;
	height: 26px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/bonus-wheel/info-arrow.svg);
	background-position: 50%;
}

.bonus-wheel-section__info,.bonus-wheel-section__promocode {
	position: absolute;
	top: 30px;
	z-index: 2;
}

.bonus-wheel-section__promocode {
	right: 70px;
}

.bonus-wheel-section__promocode label {
	width: 300px;
	height: 52px;
	display: flex;
	align-items: center;
	background-color: #110f24;
	border-radius: 8px;
	border: 1px solid #66609b;
	transition: .14s ease;
	overflow: hidden;
	transform: skewX(-10deg);
}

.bonus-wheel-section__promocode label:hover {
	background-color: #16142f;
	box-shadow: 0 0 10px 0 rgba(66,59,113,.3);
}

.bonus-wheel-section__promocode label:focus-within {
	border-color: #847faf;
	background-color: #14122b;
	box-shadow: 0 0 10px 0 rgba(147,142,185,.3);
}

.bonus-wheel-section__promocode input {
	width: 100%;
	height: 100%;
	padding-right: 60px;
	padding-left: 25px;
	background-color: transparent;
	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	color: #fff;
}

.bonus-wheel-section__promocode input::-webkit-input-placeholder {
	text-transform: uppercase;
	color: hsla(0,0%,100%,.4);
}

.bonus-wheel-section__promocode input::placeholder {
	text-transform: uppercase;
	color: hsla(0,0%,100%,.4);
}

.bonus-wheel-section__promocode button {
	position: absolute;
	right: 5px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	flex: none;
	border-radius: 4px;
	background: linear-gradient(180.92deg,#6a3da4 -13.51%,#3a2164 115.88%);
	box-shadow: 0 0 12px 2px rgba(0,0,0,.8);
	cursor: pointer;
	transition: .14s ease;
}

.bonus-wheel-section__promocode button:hover {
	filter: brightness(1.1);
}

.bonus-wheel-section__promocode button:before {
	content: "";
	width: 25px;
	height: 25px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_check.svg);
	background-position: 50%;
	transform: skewX(10deg);
}

.bonus-wheel-section__attempts {
	margin-left: auto;
	padding-left: 15px;
	font-size: 40px;
}

.bonus-wheel-section__your-bonuses {
	margin: 60px auto 0;
}

.bonus-wheel-section__your-bonuses .info-section {
	max-width: 700px;
}

.bonus-wheel {
	position: relative;
	width: 890px;
	height: 890px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/bonus-wheel/circle.svg);
	background-position: 50%;
}

.bonus-wheel__item {
	flex-direction: column;
	position: absolute;
	width: 165px;
	height: 143px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bonus-wheel__item_0 {
	left: 363px;
	top: 1px;
}

.bonus-wheel__item_1 {
	left: 549px;
	top: 51px;
	transform: rotate(30deg);
}

.bonus-wheel__item_2 {
	left: 686px;
	top: 186px;
	transform: rotate(60deg);
}

.bonus-wheel__item_3 {
	left: 735px;
	top: 372px;
	transform: rotate(90deg);
}

.bonus-wheel__item_4 {
	left: 686px;
	top: 559px;
	transform: rotate(120deg);
}

.bonus-wheel__item_5 {
	left: 550px;
	top: 696px;
	transform: rotate(150deg);
}

.bonus-wheel__item_6 {
	left: 363px;
	top: 747px;
	transform: rotate(180deg);
}

.bonus-wheel__item_7 {
	left: 176px;
	top: 697px;
	transform: rotate(210deg);
}

.bonus-wheel__item_8 {
	left: 39px;
	top: 561px;
	transform: rotate(240deg);
}

.bonus-wheel__item_9 {
	left: -11px;
	top: 374px;
	transform: rotate(270deg);
}

.bonus-wheel__item_10 {
	left: 39px;
	top: 187px;
	transform: rotate(300deg);
}

.bonus-wheel__item_11 {
	left: 176px;
	top: 50px;
	transform: rotate(330deg);
}

.bonus-wheel-items {
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
}

.bonus-wheel-items__item {
	width: 33.33%;
	padding: 10px;
}

@media (min-width:1300px) {
	.bonus-wheel-items__item {
		width: 25%;
	}
}

@media (min-width:1800px) {
	.bonus-wheel-items__item {
		width: 20%;
	}
}

.bonus-wheel-items__wrapper {
	width: 100%;
	height: 145px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background-color: #161237;
}

.bonus-wheel-items__title {
	margin-top: 5px;
	padding: 0 10px;
	text-align: center;
	font-size: 15px;
	line-height: 21px;
	font-weight: 400;
	color: #8d8cad;
}

.bonus-item {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.bonus-item__img {
	position: absolute;
	z-index: 1;
	max-height: 120px;
	max-width: 165px;
}

.bonus-item__label,.bonus-item__value {
	position: relative;
	z-index: 2;
}

.bonus-item__value {
	text-shadow: 0 4px 1px rgba(255,240,227,.8),0 0 10px #111;
	font-size: 65px;
	line-height: 67px;
	font-weight: 700;
	color: #fff0e3;
}

.bonus-item__value_margin-b15 {
	margin-bottom: 15px;
}

.bonus-item__value_margin-b40 {
	margin-bottom: 40px;
}

.bonus-item__value_margin-t15 {
	margin-top: 15px;
}

.bonus-item__value_margin-t40 {
	margin-top: 40px;
}

.bonus-item__value_rotate-left-10 {
	transform: rotate(-10deg);
}

.bonus-item__value_rotate-right-10 {
	transform: rotate(10deg);
}

.bonus-item__value_font-small {
	font-size: 50px;
	line-height: 60px;
}

.bonus-item__value_font-large {
	font-size: 75px;
	line-height: 75px;
}

.bonus-item__value_rotate25 {
	transform: rotate(-25deg);
}

.bonus-item__value_rotate20 {
	transform: rotate(-20deg);
}

.bonus-item__value_rotate15 {
	transform: rotate(-15deg);
}

.bonus-item__value_rotate5 {
	transform: rotate(-5deg);
}

.bonus-item__value_margin-t50 {
	margin-top: 50px;
}

.bonus-item__value_margin-t30 {
	margin-top: 30px;
}

.bonus-item__value_margin-t20 {
	margin-top: 20px;
}

.bonus-item__value_margin-l50 {
	margin-left: 50px;
}

.bonus-item__value_margin-l40 {
	margin-left: 40px;
}

.bonus-item__value_margin-l30 {
	margin-left: 30px;
}

.bonus-item__value_margin-l25 {
	margin-left: 25px;
}

.bonus-item__value_margin-l20 {
	margin-left: 20px;
}

.bonus-item__value_margin-l15 {
	margin-left: 15px;
}

.bonus-item__value_margin-l10 {
	margin-left: 10px;
}

.bonus-item__value_red {
	color: #ff4e09;
	text-shadow: 0 3px 1px #a22d00,0 0 10px #111;
}

.bonus-item__value_orange {
	color: #ffc339;
	text-shadow: 0 3px 1px #d29200,0 0 10px #111;
}

.bonus-item__value_pink {
	color: #f2d2fd;
	text-shadow: 0 3px 1px #d670f9,0 0 10px #111;
}

.bonus-item__value_blue {
	color: #bfe6ed;
	text-shadow: 0 3px 1px #48b7cb,0 0 10px #111;
}

.bonus-item__value_gray {
	color: #e0c5b3;
	text-shadow: 0 3px 1px #b27248,0 0 10px #111;
}

.bonus-item__value_yellow {
	color: #ffff6b;
	text-shadow: 0 3px 1px #d1d100,0 0 10px #111;
}

.bonus-item__value_green {
	color: #e5ff00;
	text-shadow: 0 3px 1px #5c6600,0 0 10px #111;
}

.bonus-item__label {
	margin: 10px 0;
	padding: 3px 6px 5px;
	border-radius: 3px;
	background-color: rgba(0,0,0,.8);
	transform: skewX(-10deg);
	font-size: 15px;
	line-height: 14px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(17,17,17,.35);
}

.bonus-item__label span {
	display: inline-block;
	transform: skewX(10deg);
}

.bonus-item__label_red {
	background-color: #e70d12;
	box-shadow: 0 0 10px 1px rgba(231,13,18,.35);
}

.bonus-item__label_light-red {
	background-color: #ff4300;
	box-shadow: 0 0 10px 1px rgba(255,67,0,.35);
}

.bonus-item__label_orange {
	background-color: #ff911e;
	box-shadow: 0 0 10px 1px rgba(255,145,30,.35);
}

.bonus-item__label_yellow {
	background-color: #ffff6b;
	box-shadow: 0 0 10px 1px rgba(255,255,107,.35);
	color: #202009;
	text-shadow: none;
}

.bonus-item__label_green {
	background-color: #2a9104;
	box-shadow: 0 0 10px 1px rgba(42,145,4,.35);
}

.bonus-item__label_pink {
	background-color: #621b6d;
	box-shadow: 0 0 10px 1px rgba(98,27,109,.35);
}

.bonus-item__label_blue {
	background-color: #005a99;
	box-shadow: 0 0 10px 1px rgba(0,90,153,.35);
}

.wheel-attempts {
	width: 84px;
	overflow: hidden;
	border-radius: 8px;
	border: 1px solid #312a5d;
	text-align: center;
}

.wheel-attempts__top {
	padding: 7px 10px;
	background-color: #221e30;
	font-size: 12px;
	line-height: 15px;
	font-weight: 400;
	color: #b8b6bf;
}

.wheel-attempts__bottom {
	padding: 5px 10px;
	background-color: #15131e;
	font-size: 34px;
	line-height: 40px;
	font-weight: 700;
	color: #fff;
}

.bonus-preview {
	width: 100%;
	padding-bottom: 30px;
}

.bonus-preview__preview {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
}

@media (min-width:1150px) {
	.bonus-preview__preview {
		flex-wrap: nowrap;
	}
}

.bonus-preview__left,.bonus-preview__right {
	display: flex;
	flex-direction: column;
}

.bonus-preview__left {
	margin-bottom: 20px;
	width: 100%;
	align-items: center;
}

@media (min-width:1150px) {
	.bonus-preview__left {
		margin-bottom: 0;
	}
}

.bonus-preview__right {
	width: 50%;
	align-items: center;
}

@media (min-width:1150px) {
	.bonus-preview__right {
		width: 100%;
	}
}

.bonus-preview__right .list {
	max-width: 200px;
}

@media (min-width:1250px) {
	.bonus-preview__right .list {
		max-width: 250px;
	}
}

@media (min-width:1600px) {
	.bonus-preview__right .list {
		max-width: 300px;
	}
}

.bonus-preview__center {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 300px;
	flex: none;
}

@media (min-width:1240px) {
	.bonus-preview__center .bonus-item {
		transform: scale(1.3);
	}
}

@media (min-width:1300px) {
	.bonus-preview__center {
		margin: 0 25px;
	}
}

.bonus-preview__item {
	position: relative;
	margin: 110px 0;
}

.bonus-preview__item:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 277px;
	height: 277px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/bonus-wheel/bg-preview.svg);
	background-position: 50%;
	pointer-events: none;
}

.bonus-preview__item-actions {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.bonus-preview__item-actions .main-btn {
	margin: 0 20px;
	min-width: 250px;
}

.bonus-preview__title {
	position: relative;
	z-index: 2;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	color: #fff;
	text-align: center;
}

@media (min-width:1150px) {
	.bonus-preview {
		padding-bottom: 0;
		justify-content: space-between;
		align-items: center;
		flex-wrap: nowrap;
	}
}

.how-work-bonus {
	position: relative;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 40px 20px 30px;
	margin: -40px;
	background-color: rgba(85,76,155,.1);
	border-radius: 17px;
}

.how-work-bonus__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 50%;
	margin-top: 20px;
	padding: 0 50px;
}

@media (min-width:1150px) {
	.how-work-bonus__item {
		width: 25%;
		padding: 0 30px;
		margin-top: 0;
	}
}

@media (min-width:1300px) {
	.how-work-bonus__item {
		max-width: 360px;
		padding: 0 40px;
	}
}

.how-work-bonus__title {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 104px;
	white-space: nowrap;
	margin-bottom: 5px;
	font-size: 28px;
	line-height: 29px;
	font-weight: 700;
	color: #ffb300;
}

.how-work-bonus__title:before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
}

.how-work-bonus__title .price:after {
	font-weight: inherit!important;
}

.how-work-bonus__title_timer {
	padding-top: 5px;
}

.how-work-bonus__title_timer:before {
	background-image: url(/img/bonus-wheel/icon_timer.svg);
}

.how-work-bonus__title_limit:before {
	background-image: url(/img/bonus-wheel/icon_limit.svg);
}

.how-work-bonus__title_bonus {
	font-size: 16px;
	text-transform: uppercase;
}

.how-work-bonus__title_bonus:before {
	background-image: url(/img/bonus-wheel/icon_bonus.svg);
}

.how-work-bonus__title_refill {
	font-size: 26px;
}

.how-work-bonus__title_refill:before {
	background-image: url(/img/bonus-wheel/icon_refill.svg);
}

@media (min-width:1150px) {
	.how-work-bonus__title {
		margin-bottom: 10px;
	}
}

.how-work-bonus__text {
	font-size: 15px;
	line-height: 23px;
	font-weight: 400;
	color: #fff;
	text-align: center;
}

.how-work-bonus__text b {
	color: #f7a92b;
}

@media (min-width:1300px) {
	.how-work-bonus__text {
		font-size: 15px;
		line-height: 22px;
	}
}

.how-work-bonus__items-switcher {
	position: absolute;
	z-index: 2;
	top: 100%;
	left: 50%;
	padding: 6px 32px 8px;
	border-radius: 0 0 4px 4px;
	background-color: #62b3ff;
	transform: translateX(-50%) skewX(-10deg);
	transition: .12s ease-in-out;
	font-size: 14px;
	line-height: 15px;
	font-weight: 700;
	color: #07111a;
	cursor: pointer;
}

.how-work-bonus__items-switcher span {
	transform: skewX(10deg);
}

.how-work-bonus__items-switcher:hover {
	background-color: #95ccff;
}

@media (min-width:1150px) {
	.how-work-bonus {
		padding: 60px 20px 40px;
		flex-wrap: nowrap;
	}
}

@media (min-width:1300px) {
	.how-work-bonus {
		padding: 60px 40px 30px;
		margin: 50px auto 0;
	}
}

.wheel-widget {
	position: fixed;
	z-index: 20;
	bottom: 20px;
	left: 25px;
	min-width: 200px;
	max-width: 230px;
	padding: 18px 15px 14px 65px;
	background-color: #151228;
	border: 1px solid rgba(67,58,128,.5);
	box-shadow: 0 0 15px 0 rgba(67,58,128,.25);
	border-radius: 8px;
	transition: .2s ease;
}

.wheel-widget:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	width: 38px;
	height: 38px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/bonus-wheel/icon_wheel.svg);
	background-position: 50%;
	transition: .2s ease;
}

.wheel-widget__title {
	position: absolute;
	left: 50%;
	top: -9px;
	padding: 3px 8px;
	transform: translateX(-50%) skewX(-10deg);
	font-size: 13px;
	line-height: 15px;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
	background-image: linear-gradient(180deg,#433a80,#312a5d);
	box-shadow: 0 0 14px 0 rgba(67,58,128,.5);
	border-radius: 4px;
}

.wheel-widget__title span {
	display: inline-block;
	transform: skewX(10deg);
	backface-visibility: hidden;
}

.wheel-widget__content-available {
	display: flex;
	align-items: center;
}

.wheel-widget__label-spins {
	max-width: 90px;
	margin-right: 5px;
	font-size: 13px;
	line-height: 17px;
	font-weight: 400;
	color: #fff;
}

.wheel-widget__available-spins {
	margin-left: auto;
	font-size: 32px;
	line-height: 38px;
	font-weight: 700;
	color: #fff;
}

.wheel-widget__label-timer {
	width: 100%;
	margin-bottom: 2px;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	color: #fff;
}

.wheel-widget__timer {
	min-width: 115px;
	font-size: 26px;
	line-height: 31px;
	font-weight: 700;
	color: #fff;
}

.wheel-widget__close {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 15px;
	height: 15px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_close_default.svg);
	background-position: 50%;
	background-size: 10px;
	opacity: .7;
	transition: .12s ease;
}

.wheel-widget__close:hover {
	opacity: 1;
	transform: scale(1.1);
}

.wheel-widget:hover {
	filter: brightness(1.15);
}

.wheel-widget:hover:before {
	transform: translateY(-50%) scale(1.1);
}

.notifications {
	position: absolute;
	width: 300px;
	top: 100%;
	right: -20px;
	z-index: 20;
	transform: translateY(7px);
	background-color: #151123;
	border: 1px solid #373354;
	border-bottom: none;
	box-shadow: 0 0 25px 5px #171427;
	border-radius: 6px;
	opacity: 0;
	visibility: hidden;
	transition: .12s ease-in-out;
}

.notifications:after,.notifications:before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 15px;
	opacity: 0;
}

.notifications:before {
	bottom: 100%;
}

.notifications:after {
	top: 100%;
}

.notifications__scrollable-area {
	overflow-y: auto;
	min-height: 287px;
	max-height: 300px;
	border-radius: 6px 6px 0 0;
}

.notifications__scrollable-area::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

.notifications__scrollable-area::-webkit-scrollbar-thumb {
	background-color: #474444;
}

.notifications__content {
	display: flex;
	flex-direction: column;
	min-height: 287px;
	padding: 10px 10px 48px;
}

.notifications__all-notifications,.notifications__notification {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: hsla(0,0%,100%,.8);
	transition: .12s ease-in-out;
}

.notifications__notification {
	padding: 11px 18px 11px 12px;
	margin-bottom: 7px;
	position: relative;
	background-color: #1c1a2d;
	border-radius: 4px;
}

.notifications__notification:first-child {
	border-top: none;
}

.notifications__notification_main:before {
	content: "";
	position: absolute;
	left: 50%;
	top: -19px;
	transform: translateX(-50%);
	width: 88px;
	height: 42px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/flare.png);
	background-position: 50%;
	opacity: .8;
	transition: .12s ease-in-out;
	pointer-events: none;
}

.notifications__notification.new:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 10px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #5bd65b;
	box-shadow: 0 0 7px 1px #276927;
}

.notifications__all-notifications {
	height: 48px;
	padding: 0 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	width: 100%;
	background-color: #35305b;
	border-radius: 0 0 5px 5px;
	text-shadow: 1px 1px 1px rgba(17,17,17,.4);
	color: #fff;
}

.notifications__all-notifications:before {
	content: "";
	margin: 0 8px;
	width: 19px;
	height: 19px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_chat.svg);
	background-position: 50%;
	transition: .12s ease-in-out;
	opacity: .85;
}

.notifications__all-notifications:hover {
	background-color: #3b3565;
	color: #fff;
}

.notifications__all-notifications:hover:before {
	opacity: 1;
}

a.notifications__notification {
	background-color: #231e3a;
	background-image: url(/img/overlay-link.svg);
	background-size: contain;
	background-position: 100%;
	background-repeat: no-repeat;
	text-decoration: underline;
	cursor: pointer;
	color: #6e63bb;
}

a.notifications__notification:hover {
	background-color: #272141;
	color: #756abe;
}

a.notifications__notification_main:hover {
	color: #7b71c1;
}

a.notifications__notification_main:hover:before {
	opacity: 1;
}

.layout-notifications {
	margin: 0 auto;
}

.layout-notifications__title {
	margin-bottom: 60px;
}

.layout-notifications__container {
	display: flex;
	justify-content: center;
}

.layout-notifications__tabs {
	width: 290px;
	flex: none;
	padding-right: 50px;
}

.layout-notifications__tab {
	margin-bottom: 15px;
	padding: 15px 20px 15px 15px;
	width: 100%;
	background: #110d21;
	border-radius: 4px;
	border: 2px solid #2d2a42;
	transform: skewX(-5deg);
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	color: #fff;
	transition: .12s ease-in-out;
	cursor: pointer;
	opacity: .8;
}

.layout-notifications__tab span {
	display: flex;
	align-items: center;
	transform: skewX(5deg);
}

.layout-notifications__tab span:before {
	content: "";
	margin-right: 12px;
	width: 18px;
	height: 18px;
	flex: none;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
}

.layout-notifications__tab_all span:before {
	background-image: url(/img/icon_chat.svg);
}

.layout-notifications__tab_main span:before {
	background-image: url(/img/icon_alert.svg);
}

.layout-notifications__tab:hover {
	background: #151028;
	border-color: #383452;
}

.layout-notifications__tab.active {
	background-color: #15112a;
	border-color: #302a5d;
	opacity: 1;
	cursor: default;
}

.layout-notifications__notifications-list {
	width: 100%;
	max-width: 1000px;
}

.notifications-list {
	width: 100%;
}

.notifications-list__notification {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	padding: 25px;
	background: #120f27;
	box-shadow: 0 4px 5px 0 #151131;
	border-radius: 5px;
	border: 1px solid #302a5d;
	border-left: 4px solid #433a80;
	overflow: hidden;
	transition: .12s ease-in-out;
	opacity: 1;
}

.notifications-list__notification:hover {
	opacity: 1;
}

.notifications-list__notification-date {
	display: inline-flex;
	flex-direction: column;
	margin-bottom: 2px;
	font-family: Roboto Condensed,sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: 700;
	color: #514e67;
}

.notifications-list__notification-title {
	font-size: 15px;
	line-height: 19px;
	font-weight: 700;
	color: hsla(0,0%,100%,.95);
}

.notifications-list__notification-text {
	margin-top: 10px;
	font-size: 14px;
	line-height: 19px;
	font-weight: 400;
	color: hsla(0,0%,100%,.75);
}

.notifications-list__notification_main:before {
	content: "";
	position: absolute;
	left: 50%;
	top: -70px;
	transform: translateX(-50%);
	width: 350px;
	height: 140px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/flare.png);
	background-position: 50%;
	opacity: .8;
	transition: .12s ease-in-out;
}

.notifications-list__notification_main .notifications-list__notification-title:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 1px;
	left: -25px;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 0 40px 20px #433a80;
}

.notifications-list__notification.new {
	opacity: 1;
}

.notifications-list__notification.new .notifications-list__notification-title:after {
	content: "";
	position: absolute;
	right: 8px;
	top: 8px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #5bd65b;
	box-shadow: 0 0 7px 1px #276927;
}

.notifications-list__btn .main-btn {
	margin: 30px 5px;
}

a.notifications-list__notification {
	background-image: url(/img/overlay-link.svg);
	background-size: contain;
	background-position: 100%;
	background-repeat: no-repeat;
}

a.notifications-list__notification .notifications-list__notification-title {
	text-decoration: underline;
	color: #6e63bb;
}

a.notifications-list__notification:hover {
	background-color: #171331;
	border-left-color: #554aa3;
}

a.notifications-list__notification:hover .notifications-list__notification-title {
	color: #756abe;
}

a.notifications-list__notification_main:hover:before {
	opacity: 1;
}

@media (max-width:599px) {
	.layout-casecreate {
		margin: 0 -10px;
	}
}

@media (min-width:600px) and (max-width:1249px) {
	.layout-casecreate {
		margin: 0 -25px;
	}
}

@media (max-width:1249px) {
	.layout-casecreate {
		overflow-x: auto;
	}
}

.layout-casecreate__case-creating {
	position: relative;
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

.layout-casecreate__case-creating:before {
	content: "";
	position: absolute;
	z-index: 2;
	top: -77px;
	left: 50%;
	transform: translateX(-50%);
	width: 500px;
	height: 200px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/flare.png);
	background-position: 50%;
	pointer-events: none;
}

.layout-casecreate__info {
	position: relative;
	z-index: 1;
	margin: 65px 0 25px;
}

.layout-casecreate__info:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	width: 850px;
	height: 110px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/casecreate/flare.png);
	background-position: 50%;
}

.layout-casecreate__inner {
	min-width: 1200px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.layout-casecreate__case-creating,.layout-casecreate__faq-items,.layout-casecreate__incase,.layout-casecreate__pool,.layout-casecreate__title-items,.layout-casecreate__title-view-case {
	width: 100%;
}

.layout-casecreate__title-view-case {
	position: absolute;
	z-index: 2;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	font-size: 30px;
	line-height: 40px;
	font-weight: 700;
	color: #fff;
	font-style: italic;
	text-shadow: 1px 1px 2px #202;
	pointer-events: none;
}

.layout-casecreate__title {
	margin-bottom: 10px;
}

.layout-casecreate__title-items {
	margin: 50px 0 60px;
}

.layout-casecreate__steps {
	margin: 20px 0 40px;
	max-width: 1090px;
}

.layout-casecreate__incase {
	margin-bottom: 60px;
}

.layout-casecreate__pool {
	margin-top: 30px;
}

.layout-casecreate__title-faq {
	margin: 60px 0;
}

.layout-casecreate__faq-items {
	max-width: 840px;
	margin: 0 auto;
}

.layout-usercases {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.layout-usercases__tabs,.layout-usercases__title {
	margin-bottom: 60px;
}

.layout-usercases__btn {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.layout-casecreate .item-incase {
	cursor: pointer;
}

.layout-casecreate .item-incase.item-in-inventory {
	cursor: default;
	opacity: .6;
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-ms-filter: grayscale(1);
	-o-filter: grayscale(1);
	filter: grayscale(1);
}

.layout-casecreate .item-incase.item-in-inventory .item-inventory-add {
	display: none;
}

.layout-casecreate .item-incase_empty .item-incase__price {
	opacity: 0;
}

.layout-casecreate .item-incase_empty .item-incase__first-name {
	display: none;
}

.layout-casecreate .item-incase_empty .item-incase__second-name {
	text-align: center;
}

.layout-casecreate .item-incase_empty:before {
	background-image: url(/img/item-frames/item_overlay_default.png);
}

.casecreate-items {
	padding: 30px 0 20px;
	text-align: center;
	max-width: 1350px;
	margin: 0 auto;
	clear: both;
}

.casecreate-items .items__item:nth-of-type(7n) {
	margin-right: 0;
}

.casecreate-items .items__item:first-of-type .item-casecreate-num:before {
	content: "1";
}

.casecreate-items .items__item:nth-of-type(2) .item-casecreate-num:before {
	content: "2";
}

.casecreate-items .items__item:nth-of-type(3) .item-casecreate-num:before {
	content: "3";
}

.casecreate-items .items__item:nth-of-type(4) .item-casecreate-num:before {
	content: "4";
}

.casecreate-items .items__item:nth-of-type(5) .item-casecreate-num:before {
	content: "5";
}

.casecreate-items .items__item:nth-of-type(6) .item-casecreate-num:before {
	content: "6";
}

.casecreate-items .items__item:nth-of-type(7) .item-casecreate-num:before {
	content: "7";
}

.casecreate-items .items__item:nth-of-type(8) .item-casecreate-num:before {
	content: "8";
}

.casecreate-items .items__item:nth-of-type(9) .item-casecreate-num:before {
	content: "9";
}

.casecreate-items .items__item:nth-of-type(10) .item-casecreate-num:before {
	content: "10";
}

.casecreate-items .items__item:nth-of-type(11) .item-casecreate-num:before {
	content: "11";
}

.casecreate-items .items__item:nth-of-type(12) .item-casecreate-num:before {
	content: "12";
}

.casecreate-items .items__item:nth-of-type(13) .item-casecreate-num:before {
	content: "13";
}

.casecreate-items .items__item:nth-of-type(14) .item-casecreate-num:before {
	content: "14";
}

.casecreate-items .items__item:nth-of-type(15) .item-casecreate-num:before {
	content: "15";
}

.casecreate-items .items__item:nth-of-type(16) .item-casecreate-num:before {
	content: "16";
}

.casecreate-items .items__item:nth-of-type(17) .item-casecreate-num:before {
	content: "17";
}

.casecreate-items .items__item:nth-of-type(18) .item-casecreate-num:before {
	content: "18";
}

.casecreate-items .items__item:nth-of-type(19) .item-casecreate-num:before {
	content: "19";
}

.casecreate-items .items__item:nth-of-type(20) .item-casecreate-num:before {
	content: "20";
}

.casecreate-items .items__item:nth-of-type(21) .item-casecreate-num:before {
	content: "21";
}

.casecreate-items .items__item:nth-of-type(22) .item-casecreate-num:before {
	content: "22";
}

.casecreate-items .items__item:nth-of-type(23) .item-casecreate-num:before {
	content: "23";
}

.casecreate-items .items__item:nth-of-type(24) .item-casecreate-num:before {
	content: "24";
}

.casecreate-items .items__item:nth-of-type(25) .item-casecreate-num:before {
	content: "25";
}

.casecreate-items .items__item:nth-of-type(26) .item-casecreate-num:before {
	content: "26";
}

.casecreate-items .items__item:nth-of-type(27) .item-casecreate-num:before {
	content: "27";
}

.casecreate-items .items__item:nth-of-type(28) .item-casecreate-num:before {
	content: "28";
}

.casecreate-items .items__item:nth-of-type(29) .item-casecreate-num:before {
	content: "29";
}

.casecreate-items .items__item:nth-of-type(30) .item-casecreate-num:before {
	content: "30";
}

.casecreate-items .items__item .item-casecreate-remove {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 6em;
	line-height: 90px;
	text-align: center;
	color: hsla(0,0%,100%,.7);
	z-index: 200;
}

.casecreate-items .items__item .item-casecreate-remove:after,.casecreate-items .items__item .item-casecreate-remove:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 15%;
	width: 70%;
	height: 4px;
	margin-bottom: -4px;
	background-color: rgba(206,0,0,.85);
	opacity: 0;
	transition: transform .25s ease-in-out,opacity .25s ease-in-out;
}

.casecreate-items .items__item:hover .item-casecreate-remove:before {
	transform: rotate(45deg);
	opacity: 1;
}

.casecreate-items .items__item:hover .item-casecreate-remove:after {
	transform: rotate(-45deg);
	opacity: 1;
}

.item-casecreate-num {
	margin-bottom: 15px;
	font-size: 70px;
	font-weight: 700;
}

.casecreate-cost {
	font-size: 2em;
	line-height: 1.2em;
	color: #433a80;
}

.casecreate-bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.casecreate-bottom .button {
	margin-bottom: 20px;
	width: auto;
}

.casecreate-steps {
	overflow: hidden;
	padding: 20px 0;
}

.casecreate-exterior {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0 0;
	padding: 0 20px 60px;
	clip-path: polygon(0 0,100% 0,100% 90%,50% 100%,0 90%);
	background: #23213c;
	border-radius: 5px;
}

.casecreate-exterior-left,.casecreate-exterior-right {
	display: inline-block;
	width: 374px;
	height: 547px;
	padding-top: 15px;
}

.casecreate-exterior-right {
	direction: rtl;
	position: relative;
}

.casecreate-exterior-right .casecreate-item {
	width: 110px;
}

.scrollblock {
	border-radius: 10px;
	width: 100%;
	height: 547px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 17px 17px 0;
}

.scrollblock::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	border-radius: 10px;
}

.scrollblock::-webkit-scrollbar {
	width: 8px;
}

.scrollblock::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #62b3ff;
}

.casecreate-exterior-header {
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	font-family: PT Sans Narrow,sans-serif;
}

.casecreate-exterior-icon {
	padding-top: 40px;
}

.casecreate-exterior-icon .casecreate-item {
	width: 95px;
}

@media (min-width:1220px) {
	.casecreate-exterior-icon .casecreate-item {
		width: 99px;
	}
}

@media (min-width:1400px) {
	.casecreate-exterior-icon .casecreate-item {
		width: 100px;
	}
}

.casecreate-exterior-case .casecreate-item {
	width: 148px;
}

@media (min-width:1220px) {
	.casecreate-exterior-case .casecreate-item {
		width: 153px;
	}
}

@media (min-width:1400px) {
	.casecreate-exterior-case .casecreate-item {
		width: 155px;
	}
}

.casecreate-exterior-case,.casecreate-exterior-icon {
	display: flex;
	flex-wrap: wrap;
}

.casecreate-item {
	padding: 8px 5px;
	margin: 5px;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid transparent;
	transition: .1s ease-in-out;
}

.casecreate-item img {
	width: 100%;
}

.casecreate-item:hover {
	border-color: rgba(67,58,128,.4);
	background-color: rgba(13,20,21,.2);
}

.casecreate-item.selected {
	background-color: rgba(13,20,21,.5);
	border-color: rgba(67,58,128,.8);
}

.casecreate-exterior-center {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 400px;
	height: 491px;
	text-align: center;
}

.casecreate-exterior-name {
	padding: 0 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -34px;
	height: 66px;
	width: 264px;
	border: 1px solid #332f49;
	background-color: #221f31;
	border-radius: 7px;
	font-family: PT Sans Narrow,sans-serif;
	font-size: 34px;
	text-align: center;
	color: #fff;
	transition: .2s ease;
}

.casecreate-exterior-name:hover {
	border-color: #3e3959;
}

.casecreate-exterior-name:focus {
	border-color: #433a80;
	box-shadow: 0 0 20px 1px rgba(67,58,128,.35);
}

.casecreate-exterior-name::placeholder {
	color: hsla(0,0%,100%,.5);
}

.casecreate-exterior-result {
	position: relative;
	margin: 70px 0 40px;
	text-align: center;
}

.casecreate-exterior-result:before {
	content: "";
	position: absolute;
	width: 345px;
	height: 283px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-size: 100%;
	background-image: url(/img/personal-case-overlay.png);
}

.casecreate-result-case {
	width: 285px;
}

.casecreate-result-sticker {
	position: absolute;
	top: 40px;
	left: 10%;
	width: 60%;
	transform: rotateY(-30deg);
}

.caseabout {
	position: relative;
	margin: 30px auto 0;
	background-color: rgba(0,0,0,.3);
	border-radius: 5px;
	width: 550px;
	height: 82px;
	clear: both;
}

.caseabout:before {
	content: "";
	position: absolute;
	top: 0;
	left: 10%;
	width: 80%;
	height: 2px;
	font-size: 1px;
	line-height: 1px;
	background: -moz-linear-gradient(left,rgba(255,210,0,0) 0,#ffd200 45%,#ffd200 55%,rgba(255,210,0,0) 100%);
	background: -webkit-linear-gradient(left,rgba(255,210,0,0),#ffd200 45%,#ffd200 55%,rgba(255,210,0,0));
	background: linear-gradient(90deg,rgba(255,210,0,0) 0,#ffd200 45%,#ffd200 55%,rgba(255,210,0,0));
	z-index: 5;
}

.caseabout-info {
	display: inline-block;
	float: left;
	width: 150px;
	height: 100%;
	padding-right: 15px;
	padding-top: 6px;
	text-align: center;
	cursor: default;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.caseabout-info:before {
	content: "";
	position: absolute;
	top: 0;
	left: -12px;
	width: 100%;
	height: 100%;
	transform: skewX(20deg);
	background-color: rgba(0,0,0,.2);
	z-index: -1;
}

.caseabout-info:nth-of-type(2) {
	padding-right: 0;
	padding-left: 15px;
}

.caseabout-info:nth-of-type(2):before {
	left: 12px;
	transform: skewX(-20deg);
}

.caseabout-creator {
	display: inline-block;
	float: left;
	width: 250px;
	margin-top: -25px;
	text-align: center;
	cursor: pointer;
}

.caseabout-creator img {
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	transition: transform .4s ease-in-out;
	z-index: 10;
}

.caseabout-creator .caseabout-info-text {
	font-size: 1.4em;
	line-height: 1.1em;
	color: #433a80;
	padding: 0 5px 2px;
	transition: color .4s ease-in-out;
}

.caseabout-creator .caseabout-info-text-mini span {
	text-transform: lowercase;
}

.caseabout-creator:hover .caseabout-info-text {
	color: #7166ba;
}

.caseabout-creator:hover .caseabout-info-text-mini {
	color: #fff;
}

.caseabout-creator:hover img {
	transform: rotate(1turn);
}

.caseabout-info-header {
	font-size: 1.1em;
	line-height: 1.1em;
	padding: 14px 0 0;
}

.caseabout-info-text {
	font-size: 1.8em;
	font-weight: 700;
	padding: 4px 5px 5px;
}

.caseabout-info-text,.caseabout-info-text-mini {
	line-height: 1.1em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.caseabout-info-text-mini {
	font-size: 1.1em;
	padding: 4px 5px 12px;
}

.case-edit {
	padding: 15px 0 10px;
	text-align: center;
}

.link-edit,.link-remove {
	display: inline-block;
	color: #433a80;
	font-size: 1.4em;
	line-height: 1.2em;
	text-decoration: none;
	border: 0;
	background: transparent;
	cursor: pointer;
	transition: color .4s ease-in-out;
}

.link-edit:before,.link-remove:before {
	content: "";
	display: inline-block;
	position: relative;
	top: -2px;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: transparent url(/img/icon_edit.png) no-repeat center 0;
	background-size: auto 100%;
	transition: transform .4s ease-in-out;
	margin-right: 8px;
	z-index: 10;
}

.link-edit:hover,.link-remove:hover {
	color: #7166ba;
}

.link-edit:hover:before,.link-remove:hover:before {
	transform: rotate(110deg);
}

.link-edit:active:before,.link-remove:active:before {
	transition: transform .2s ease-in-out;
	transform: scale(.6);
}

.link-remove:before {
	top: -3px;
	background-image: url(/img/icon_remove.svg);
}

.link-remove:hover:before {
	transform: rotate(20deg);
}

.casecreate-itemsblock {
	display: flex;
	flex-direction: column;
}

.rangeslider-price {
	position: relative;
	padding: 30px 10px 10px;
	margin: 0 auto 50px;
	border-radius: 20px;
}

.rangeslider-price:hover .rp-header {
	color: #433a80;
}

.rp-header {
	color: #fff;
	font-size: 1.5em;
	line-height: 1.1em;
	font-weight: 700;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);
	text-align: center;
	padding: 0 0 10px;
	transition: color .2s ease-in-out;
}

.rp-my {
	width: 101px;
	position: absolute;
	top: 140px;
	left: 0;
	margin: 0 0 0 -50px;
	background-color: rgba(0,0,0,.8);
	border-radius: 5px;
	text-align: center;
	padding: 5px 7px;
}

.rp-my:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -6px;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid rgba(0,0,0,.8);
}

.rp-my.rp-my-right {
	left: auto;
	right: -25px;
}

.rp-my.rp-my-left {
	right: auto;
	left: 22px;
}

.rp-my-price {
	font-size: 1.1em;
	line-height: 1.1em;
	color: #433a80;
}

.rp-price {
	position: absolute;
	bottom: -35px;
	left: 50%;
	width: 110px;
	transform: translateX(-50%);
	font-size: 1.8em;
	line-height: 1.1em;
	font-weight: 700;
	background-color: rgba(0,0,0,.2);
	border: 1px solid rgba(255,215,0,.7);
	border-radius: 5px;
}

.rp-price:after {
	margin-left: -2px;
}

.rp-price .price:before {
	margin-left: 6px;
}

input.rp-price-input {
	width: 80px;
	text-align: right;
	background: transparent;
	color: #fff;
	-webkit-appearance: none;
	border: 0;
	padding: 4px 0 4px 8px;
	line-height: 26px;
	font-size: 21px;
	font-weight: 700;
}

input.rp-price-input:hover {
	border: 0;
}

.dailyprize-about-text {
	padding: 1em 1.5em;
}

.common-stats {
	padding: 30px 0 20px;
	text-align: center;
}

.common-stat {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 1.1em;
	line-height: 1.2em;
	top: -.6em;
	margin: 30px 10px 0;
	border-radius: .5em;
	text-align: center;
	color: #fff;
	background-color: rgba(0,0,0,.4);
}

.common-stat:after,.common-stat:before {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: 10%;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	width: 80%;
	background: -moz-linear-gradient(left,rgba(255,194,28,0) 0,#ffc21c 45%,#ffc21c 50%,#ffc21c 55%,rgba(255,194,28,0) 100%);
	background: -webkit-linear-gradient(left,rgba(255,194,28,0),#ffc21c 45%,#ffc21c 50%,#ffc21c 55%,rgba(255,194,28,0));
	background: linear-gradient(90deg,rgba(255,194,28,0) 0,#ffc21c 45%,#ffc21c 50%,#ffc21c 55%,rgba(255,194,28,0));
}

.common-stat:after {
	top: auto;
	bottom: -1px;
}

.common-stat-header {
	display: inline-block;
	position: relative;
	margin: -3em 0 0;
	z-index: 2;
	font-size: .8em;
	line-height: 1em;
	padding: .5em 8px;
	font-weight: 700;
	color: #0b1a21;
	background: #efbd12;
	text-align: center;
	box-shadow: 0 0 10px rgba(255,210,0,.5),inset -1px -1px 0 hsla(0,0%,100%,.4);
	border-radius: 1.5em;
}

@media (min-width:600px) {
	.common-stat-header {
		margin: -2em 20px 0;
		padding: .5em 1.2em;
	}
}

@media (min-width:1000px) {
	.common-stat-header {
		font-size: 1.2em;
	}
}

.common-stat-text {
	font-size: 1em;
	font-weight: 700;
	line-height: 1.1em;
	padding: 10px 10px 15px;
}

@media (min-width:360px) {
	.common-stat-text {
		font-size: 1.4em;
	}
}

@media (min-width:1000px) {
	.common-stat-text {
		font-size: 2.8em;
	}
}

.common-stat-text a {
	color: #433a80;
	text-decoration: underline;
}

.common-stat-text a:hover {
	text-decoration: none;
	color: #433a80;
}

.additional-checkbox {
	height: 48px;
	padding: 15px 0 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.additional-checkbox>div {
	display: inline-block;
	vertical-align: top;
}

.pages {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	height: 48px;
	width: 320px;
	font-size: 1.2em;
	color: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pages>div {
	display: inline-block;
	vertical-align: top;
}

.pageleaf {
	background: rgba(0,0,0,.3);
	height: 48px;
	width: 48px;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	padding: 11px 0 0;
}

.pageleaf:before {
	content: "";
	display: inline-block;
	position: relative;
	left: 0;
	width: 28px;
	height: 25px;
	background: transparent url(/img/icon_arrow_right.svg) no-repeat 50%;
	background-size: 100% auto;
	transition: left .15s ease-in-out;
}

.pageleaf:hover {
	background: rgba(0,0,0,.4);
}

.pageleaf:hover.page-prev:before {
	left: -3px;
}

.pageleaf:hover.page-next:before {
	left: 3px;
}

.pageleaf:active {
	background: rgba(0,0,0,.5);
}

.pageleaf.page-prev {
	margin-right: 5px;
}

.pageleaf.page-prev:before {
	background-image: url(/img/icon_arrow_left.svg);
}

.pagenums {
	color: #fff;
	padding: 9px 20px 0 0;
	display: inline-block;
}

.pagenums .pagenums-currentpage {
	position: relative;
	top: -1px;
	width: 40px;
	height: 36px;
	border: 0;
	background: rgba(0,0,0,.3);
	color: #fff;
	vertical-align: middle;
	text-align: center;
	border-radius: 5px;
	outline: none;
	font-weight: 700;
	font-size: 1.1em;
	line-height: 1em;
	margin: 0 3px;
}

.pagenums .pagenums-currentpage:active,.pagenums .pagenums-currentpage:hover {
	background: rgba(0,0,0,.4);
}

.pagenums .pagenums-currentpage:focus {
	background: rgba(0,0,0,.5);
}

.item-rarity input {
	display: none;
}

.item-rarity input+label {
	display: block;
	padding: 0;
	color: #fff;
	opacity: .8;
	font-size: 17px;
	margin-top: 12px;
	font-weight: 600;
	font-family: PT Sans Narrow,sans-serif;
	cursor: pointer;
	transition: .15s ease-in-out;
}

.item-rarity input+label:before {
	content: "";
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	border-radius: 50%;
	top: -1px;
	vertical-align: middle;
	margin: 0 8px 1px 0;
	transition: .25s ease-in-out;
}

.item-rarity input+label:hover,.item-rarity input:checked+label {
	opacity: 1;
}

.item-rarity input:checked+label:before {
	border-width: 0;
}

.item-rarity input:checked#allrarity+label:before {
	background-color: #fff;
}

.item-rarity input:checked#common+label:before {
	background-color: #a6cbf5;
}

.item-rarity input:checked#uncommon+label:before {
	background-color: #5e98d9;
}

.item-rarity input:checked#milspec+label:before {
	background-color: #4b65c8;
}

.item-rarity input:checked#restricted+label:before {
	background-color: #a280f8;
}

.item-rarity input:checked#classified+label:before {
	background-color: #dc61fb;
}

.item-rarity input:checked#covert+label:before {
	background-color: #ff5050;
}

.item-rarity input#common+label {
	color: #a4ebff;
}

.item-rarity input#common+label:before {
	border-color: #a6cbf5;
}

.item-rarity input#uncommon+label {
	color: #5e98d9;
}

.item-rarity input#uncommon+label:before {
	border-color: #5e98d9;
}

.item-rarity input#milspec+label {
	color: #4b65c8;
}

.item-rarity input#milspec+label:before {
	border-color: #4b65c8;
}

.item-rarity input#restricted+label {
	color: #a280f8;
}

.item-rarity input#restricted+label:before {
	border-color: #a280f8;
}

.item-rarity input#classified+label {
	color: #dc61fb;
}

.item-rarity input#classified+label:before {
	border-color: #dc61fb;
}

.item-rarity input#covert+label {
	color: #ff5050;
}

.item-rarity input#covert+label:before {
	border-color: #ff5050;
}

.casecreate-exterior-right__switcher {
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px 0 10px;
	width: calc(100% - 8px);
	z-index: 1;
	display: flex;
	justify-content: center;
	background-color: #23213c;
}

.casecreate-info {
	position: relative;
	z-index: 2;
	width: 550px;
	height: 85px;
	margin: 0 auto;
	border: 1px solid #54386d;
	background-color: #23213c;
	border-radius: 8px;
	transform: skewX(-10deg);
	box-shadow: 0 0 15px 0 #2a123e;
}

.casecreate-info__inner {
	display: flex;
	align-items: center;
	height: 100%;
	transform: skewX(10deg);
	overflow: hidden;
}

.casecreate-info__column {
	padding: 0 10px 0 30px;
	font-style: italic;
}

.casecreate-info__icon {
	position: relative;
	margin-left: 20px;
	margin-right: 15px;
	width: 61px;
	height: 61px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/casecreate/icon_earn.svg);
	background-position: 50%;
}

.casecreate-info__icon:after {
	content: "";
	position: absolute;
	right: -20px;
	top: 50%;
	height: 100px;
	transform: translateY(-50%) skewX(-10deg);
	width: 1px;
	background-color: #54386d;
}

.casecreate-info__title {
	margin-bottom: 3px;
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
}

.casecreate-info__text {
	font-size: 14px;
	line-height: 17px;
	font-weight: 400;
	color: #ac9dbc;
}

.casecreate-info__text b {
	color: #fbae21;
}

.casecreate-sections {
	display: flex;
	padding: 20px 20px 0;
	width: 1260px;
	height: 1100px;
	width: 100%;
	margin: 0 auto;
	border: 1px solid #242739;
	background-color: #12142b;
	border-radius: 9px;
}

.casecreate-sections__filters {
	display: flex;
}

.casecreate-sections__all {
	display: flex;
	flex-direction: column;
	width: 50%;
	padding-right: 20px;
	border-right: 1px solid #242739;
}

.casecreate-sections__selected {
	width: 50%;
	padding-left: 20px;
}

.casecreate-sections__sort {
	position: relative;
	padding-bottom: 20px;
}

.casecreate-sections__items,.casecreate-sections__selected {
	height: 100%;
	overflow-y: auto;
}

.casecreate-sections__items::-webkit-scrollbar-track,.casecreate-sections__selected::-webkit-scrollbar-track {
	background-color: transparent;
}

.casecreate-sections__items::-webkit-scrollbar,.casecreate-sections__selected::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

.casecreate-sections__items::-webkit-scrollbar-thumb,.casecreate-sections__selected::-webkit-scrollbar-thumb {
	background-color: #403d5b;
}

.casecreate-sections__items {
	margin: 0 -20px;
	padding: 30px 20px 20px;
	border-top: 1px solid #242739;
}

.casecreate-sections__items .info-section {
	margin: 0 auto;
}

.casecreate-sections__items-inner {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.casecreate-sections__selected-title {
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: #8d8cad;
}

.casecreate-sections__load-more {
	width: 100%;
	display: flex;
	justify-content: center;
}

.casecreate-sections__item {
	width: 25%;
	margin-bottom: 25px;
}

.casecreate-sections__rarity {
	margin-bottom: 20px;
}

.casecreate-sections__filters {
	margin-bottom: 12px;
}

.casecreate-sections__search {
	margin-right: 20px;
}

.casecreate-sections__sort-name,.casecreate-sections__sort-price {
	margin-right: 12px;
}

.casecreate-sections__reset {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .12s ease;
	font-size: 12px;
	line-height: 13px;
	font-weight: 400;
	color: #62b3ff;
	cursor: pointer;
}

.casecreate-sections__reset:hover {
	filter: brightness(1.2);
}

.casecreate-sections__reset:before {
	content: "";
	margin-right: 7px;
	width: 17px;
	height: 17px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_close-circle.svg);
	background-position: 50%;
}

.rarity-selector {
	display: flex;
	align-items: center;
	font-size: 12px;
	line-height: 13px;
	font-weight: 400;
	color: #ac9dbc;
}

.rarity-selector__label {
	margin-left: 10px;
	position: relative;
}

.rarity-selector__label span {
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: block;
	cursor: pointer;
	transition: .12s ease;
}

.rarity-selector__label span:before {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border: 3px solid transparent;
	background-color: #17153a;
	transition: .12s ease;
}

.rarity-selector__label span:hover {
	filter: brightness(1.2);
}

.rarity-selector__label input {
	opacity: 0;
	position: absolute;
	width: 0;
	height: 0;
}

.rarity-selector__label input:checked~span:before {
	background-color: transparent;
	border-color: #17153a;
}

.rarity-selector__label_all span {
	background-color: #fff;
}

.rarity-selector__label_common span {
	background-color: #646c7f;
}

.rarity-selector__label_uncommon span {
	background-color: #368eb4;
}

.rarity-selector__label_milspec span {
	background-color: #1b97df;
}

.rarity-selector__label_restricted span {
	background-color: #8a54f6;
}

.rarity-selector__label_classified span {
	background-color: #ff3ffa;
}

.rarity-selector__label_covert span {
	background-color: #ff1818;
}

.rarity-selector__label_rare span {
	background-color: #ffc600;
}

.casecreate-sort-types {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}

.casecreate-sort-types__type-name {
	padding: 0 5px;
	width: 100%;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	color: #ac9dbc;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	transition: .12s ease-in-out;
}

.casecreate-sort-types__label {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 90px;
	position: relative;
	margin: 6px 0;
	padding: 0 3px;
	cursor: pointer;
}

.casecreate-sort-types__label input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.casecreate-sort-types__label input:checked~span {
	background-color: #3b579e;
}

.casecreate-sort-types__label input:checked~.casecreate-sort-types__type-name {
	color: #fff;
}

.casecreate-sort-types__label:hover span {
	background-color: #2a284d;
}

.casecreate-sort-types__label:hover .casecreate-sort-types__type-name {
	color: #c6bbd1;
}

.casecreate-sort-types__label span {
	display: inline-block;
	margin-bottom: 5px;
	width: 100%;
	height: 35px;
	border-radius: 4px;
	background-color: #211f3c;
	background-size: auto;
	background-position: 50%;
	background-repeat: no-repeat;
	border: 1px solid #3a3c63;
	transition: .12s ease-in-out;
}

.casecreate-sort-types__label_all span {
	background-image: url(/img/casecreate/type_all.svg);
}

.casecreate-sort-types__label_rifle span {
	background-image: url(/img/casecreate/type_rifle.svg);
}

.casecreate-sort-types__label_sr span {
	background-image: url(/img/casecreate/type_sr.svg);
}

.casecreate-sort-types__label_shotgun span {
	background-image: url(/img/casecreate/type_shotgun.svg);
}

.casecreate-sort-types__label_pistol span {
	background-image: url(/img/casecreate/type_pistol.svg);
}

.casecreate-sort-types__label_pp span {
	background-image: url(/img/casecreate/type_pp.svg);
}

.casecreate-sort-types__label_mg span {
	background-image: url(/img/casecreate/type_mg.svg);
}

.casecreate-sort-types__label_knife span {
	background-image: url(/img/casecreate/type_knife.svg);
}

.casecreate-sort-types__label_gloves span {
	background-image: url(/img/casecreate/type_gloves.svg);
}

.casecreate-sort-types__label_stickers span {
	background-image: url(/img/casecreate/type_stickers.svg);
}

.casecreate-selected-items {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin: -3px;
	counter-reset: case-void-slot;
}

.casecreate-selected-items__item-wrapper {
	width: 25%;
	height: 180px;
	padding: 3px;
}

.casecreate-selected-items__item {
	position: relative;
	height: 100%;
	width: 100%;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #23213c;
	border-radius: 4px;
}

.casecreate-selected-items__void-slot {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
	color: #8d8cad;
	text-align: center;
	white-space: nowrap;
}

.casecreate-selected-items__void-slot:before {
	content: counter(case-void-slot);
	counter-increment: case-void-slot;
	margin: auto 0 10px;
	font-size: 70px;
	line-height: 70px;
	font-weight: 700;
	color: #fff;
}

.casecreate-selected-items__void-slot_hidden {
	opacity: 0;
	visibility: hidden;
}

.casecreate-price {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.casecreate-price .info-section {
	margin: 60px 0 20px;
}

.casecreate-price__title {
	margin: 20px 0;
}

.casecreate-price__slider .rangeslider-price {
	width: 500px;
}

.casecreate-price__slider .irs-line {
	height: 18px;
	background: linear-gradient(270deg,#05c3ff,#137cf8);
}

.casecreate-price__slider .irs-slider {
	width: 36px;
	height: 36px;
	top: 23px;
	border-radius: 50%;
	border: 4px solid #b5b2d2;
}

.casecreate-price__slider .irs-grid {
	height: 24px;
}

.casecreate-price__slider .rp-my {
	top: 54px;
	background-color: transparent;
}

.casecreate-price__slider .rp-my:after {
	display: none;
}

.casecreate-price__slider .rp-my-left {
	left: -100px;
}

.casecreate-price__slider .rp-my-right {
	right: -100px;
}

.casecreate-price__slider .rp-my-price {
	width: 150px;
	white-space: nowrap;
	font-size: 21px;
	line-height: 22px;
	font-weight: 700;
	color: #fff;
	font-style: italic;
}

.casecreate-price__slider .rp-price {
	border-color: #62b3ff;
}

.casecreate-case {
	width: 340px;
	height: 264px;
	position: relative;
}

.casecreate-case__layer {
	position: absolute;
}

.casecreate-case__layer_case {
	top: 0;
	left: 0;
	width: 340px;
	z-index: 1;
}

.casecreate-case__layer_sticker {
	right: 25px;
	top: 35px;
	width: 250px;
	z-index: 2;
}

.casecreate-case__layer_skin {
	left: 0;
	top: 10px;
	width: 340px;
	z-index: 3;
}

.casecreate-case_medium {
	width: 230px;
	height: 178px;
}

.casecreate-case_medium .casecreate-case__layer_case {
	width: 230px;
}

.casecreate-case_medium .casecreate-case__layer_sticker {
	width: 170px;
	top: 27px;
}

.casecreate-case_medium .casecreate-case__layer_skin {
	width: 250px;
}

.casecreate-case_mini {
	width: 85px;
	height: 66px;
}

.casecreate-case_mini .casecreate-case__layer_case {
	width: 85px;
}

.casecreate-case_mini .casecreate-case__layer_sticker {
	right: 15px;
	top: 12px;
	width: 55px;
}

.casecreate-case_mini .casecreate-case__layer_skin {
	left: 10px;
	top: -3px;
	width: 90px;
}

.personal-case-stat {
	position: relative;
	display: flex;
	height: 120px;
	border: 1px solid #62b3ff;
	border-top: 6px solid #62b3ff;
	border-radius: 4px;
}

.personal-case-stat__item {
	width: 200px;
	padding: 0 30px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: hsla(0,0%,100%,.07);
}

.personal-case-stat__item_center {
	width: auto;
	padding: 10px 50px 0;
	background-color: rgba(0,0,0,.1);
}

.personal-case-stat__item_center:hover .personal-case-stat__user-name {
	color: #62b3ff;
}

.personal-case-stat__item_center:hover .personal-case-stat__user-img {
	transform: translateX(-50%) translateY(-6px);
}

.personal-case-stat__title-value {
	margin-bottom: 20px;
	font-size: 18px;
	font-family: PT Sans Narrow,sans-serif;
	line-height: 20px;
}

.personal-case-stat__opened-value {
	font-size: 42px;
	font-weight: 700;
	line-height: 20px;
}

.personal-case-stat__user-name {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 700;
	color: #62b3ff;
	transition: .2s ease;
}

.personal-case-stat__added-at {
	font-size: 16px;
	line-height: 20px;
	font-family: PT Sans Narrow,sans-serif;
}

.personal-case-stat__user-img {
	position: absolute;
	top: -33px;
	left: 50%;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid #62b3ff;
	transform: translateX(-50%);
	box-shadow: 0 0 15px 1px rgba(0,0,0,.45);
	transition: .2s ease-in;
}

.personal-case-stat__user-img img {
	width: 100%;
	backface-visibility: hidden;
}

.personal-case-stat__remove-case {
	position: absolute;
	display: flex;
	align-items: center;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	color: #62b3ff;
	transition: .2s ease-in-out;
}

.personal-case-stat__remove-case:before {
	content: "";
	margin-right: 10px;
	width: 19px;
	height: 27px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/icon_bin.svg);
	transition: .15s ease-in-out;
}

.personal-case-stat__remove-case:hover {
	color: #62b3ff;
}

.personal-case-stat__remove-case:hover:before {
	transform: rotate(6deg);
}

.referral-layout {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.referral-layout__head {
	margin-left: 110px;
}

.referral-layout__title {
	margin-bottom: 80px;
}

.referral-layout__subtitle {
	margin: 20px 0 30px;
}

.referral-layout__table {
	width: 100%;
	margin-bottom: 30px;
}

.referral-layout__referral-lvls {
	margin-top: 50px;
	padding: 50px 130px 15px;
	width: 100%;
	height: 500px;
	overflow-x: auto;
	scrollbar-width: none;
	user-select: none;
}

.referral-layout__referral-lvls::-webkit-scrollbar {
	display: none;
}

.referral-layout__referral-lvls.draggable,.referral-layout__referral-lvls.draggable .referral-lvls__lvl {
	cursor: grabbing;
	cursor: -webkit-grabbing;
}

@media (min-width:1980px) {
	.referral-layout__referral-lvls {
		display: flex;
		justify-content: center;
	}
}

.referral-layout__promo-history {
	margin-bottom: 30px;
}

.referral-header {
	position: relative;
}

.referral-header__status {
	position: absolute;
	z-index: 2;
	width: 220px;
	min-height: 135px;
	left: -110px;
	top: 50%;
	transform: skewX(-5deg) translateY(-50%);
	background: linear-gradient(321deg,#25233b -41.72%,#1b1931 92.66%);
	border-radius: 6px;
	box-shadow: 1px 1px 25px 3px rgba(16,12,25,.17);
	border: 1px solid #2c2946;
}

.referral-header__stat {
	position: relative;
	z-index: 1;
	min-width: 800px;
	padding: 40px 30px 30px 140px;
	background: linear-gradient(90deg,rgba(26,24,51,0) 1.99%,#1a1833 22.95%);
	border-right: 1px solid #262240;
	box-shadow: 17px 6px 30px 1px rgba(14,10,19,.28);
	border-radius: 8px;
	overflow: hidden;
}

.referral-header__stat:after,.referral-header__stat:before {
	content: "";
	position: absolute;
	z-index: 2;
	right: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg,rgba(38,34,64,0) 1.99%,#262240 22.95%);
}

.referral-header__stat:before {
	top: 0;
}

.referral-header__stat:after {
	bottom: 0;
}

.referral-progress {
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: skewX(5deg);
}

.referral-progress__refill {
	margin-bottom: 7px;
	font-size: 13px;
	line-height: 16px;
	font-weight: 700;
	color: #fff;
	font-style: italic;
}

.referral-progress__refill span:first-child {
	color: #6dae01;
}

.referral-progress__lvl-text {
	font-size: 18px;
	line-height: 19px;
	font-weight: 700;
	color: #fff;
	font-style: italic;
}

.referral-progress__progress {
	position: relative;
	width: 112px;
	height: 112px;
	margin: -56px 0 13px;
	background-color: #100e27;
	border-radius: 50%;
	transition: .2s ease;
}

.referral-progress__progress:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	width: 55px;
	height: 55px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
}

.referral-progress__progress-circle {
	transition: .2s ease;
}

.referral-progress__progress.lvl-1 {
	box-shadow: 0 8px 20px 0 rgba(231,8,166,.25);
}

.referral-progress__progress.lvl-1 .referral-progress__progress-circle {
	stroke: #e708a6;
}

.referral-progress__progress.lvl-1:before {
	background-image: url(/img/referral/tokens/token_lvl-1.svg);
}

.referral-progress__progress.lvl-2 {
	box-shadow: 0 8px 20px 0 rgba(0,231,202,.25);
}

.referral-progress__progress.lvl-2 .referral-progress__progress-circle {
	stroke: #00e7ca;
}

.referral-progress__progress.lvl-2:before {
	background-image: url(/img/referral/tokens/token_lvl-2.svg);
}

.referral-progress__progress.lvl-3 {
	box-shadow: 0 8px 20px 0 rgba(239,148,16,.25);
}

.referral-progress__progress.lvl-3 .referral-progress__progress-circle {
	stroke: #ef9410;
}

.referral-progress__progress.lvl-3:before {
	background-image: url(/img/referral/tokens/token_lvl-3.svg);
}

.referral-progress__progress.lvl-4 {
	box-shadow: 0 8px 20px 0 rgba(246,153,145,.25);
}

.referral-progress__progress.lvl-4 .referral-progress__progress-circle {
	stroke: #f69991;
}

.referral-progress__progress.lvl-4:before {
	background-image: url(/img/referral/tokens/token_lvl-4.svg);
}

.referral-progress__progress.lvl-5 {
	box-shadow: 0 8px 20px 0 rgba(26,171,236,.25);
}

.referral-progress__progress.lvl-5 .referral-progress__progress-circle {
	stroke: #1aabec;
}

.referral-progress__progress.lvl-5:before {
	background-image: url(/img/referral/tokens/token_lvl-5.svg);
}

.referral-progress__progress.lvl-6 {
	box-shadow: 0 8px 20px 0 rgba(118,116,237,.25);
}

.referral-progress__progress.lvl-6 .referral-progress__progress-circle {
	stroke: #7674ed;
}

.referral-progress__progress.lvl-6:before {
	background-image: url(/img/referral/tokens/token_lvl-6.svg);
}

.referral-stat__top {
	margin-bottom: 30px;
}

.referral-stat__bottom {
	display: flex;
	align-items: center;
}

.referral-stat__item {
	position: relative;
	padding: 0 23px;
	border-right: 1px solid #2a2d4b;
}

.referral-stat__item:first-child {
	padding-left: 0;
}

.referral-stat__item:nth-last-child(-n+2) {
	border-right: none;
}

.referral-stat__item_discount .referral-stat__title:before {
	background-image: url(/img/referral/icon_discount.svg);
}

.referral-stat__item_percent .referral-stat__title:before {
	background-image: url(/img/referral/icon_percent.svg);
}

.referral-stat__item_limit .referral-stat__title:before {
	background-image: url(/img/referral/icon_limit.svg);
}

.referral-stat__item_limit.limit-error .referral-stat__title:before {
	background-image: url(/img/referral/icon_limit-error.svg);
}

.referral-stat__item_limit.limit-error .referral-stat__value span {
	color: #ff4b55;
}

.referral-stat__item_refill .referral-stat__title:before {
	background-image: url(/img/referral/icon_refill.svg);
}

.referral-stat__item_earnings:before {
	content: "";
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 70px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/referral/earnings_overlay.svg);
	background-position: 50%;
}

.referral-stat__item_earnings .referral-stat__title:before {
	background-image: url(/img/referral/icon_earnings.svg);
}

.referral-stat__title {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
	font-size: 12px;
	line-height: 15px;
	font-weight: 400;
	color: #ac9dbc;
	transition: .12s ease;
}

.referral-stat__title:before {
	content: "";
	width: 15px;
	height: 15px;
	margin-right: 4px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100%;
}

.referral-stat__value {
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	color: #ac9dbc;
	transition: .12s ease;
}

.referral-stat__value span {
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	color: #fff;
}

.referral-stat__value span:after,.referral-stat__value span:before {
	color: #ac9dbc;
}

.referral-stat__refill-history {
	display: flex;
	align-items: center;
	margin-top: 12px;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	color: #ac9dbc;
	transition: .12s ease-in-out;
}

.referral-stat__refill-history:before {
	content: "";
	margin-right: 6px;
	width: 18px;
	height: 18px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(/img/refill-page/icon_history.svg);
	background-position: 50%;
	transition: .12s ease-in-out;
}

.referral-stat__refill-history:hover {
	color: #c6bbd1;
}

.referral-stat__refill-history:hover:before {
	filter: brightness(1.1);
}

.referral-stat__info {
	display: flex;
	align-items: center;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 305px;
	min-height: 87px;
	padding: 0 15px;
	background: linear-gradient(221.33deg,rgba(16,14,39,.4) 15.99%,#100e27 113.95%);
	border-radius: 0 0 0 7px;
}

.referral-stat__info-icon {
	margin-right: 13px;
	position: relative;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	flex: none;
}

.referral-stat__info-icon:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-shadow: 0 0 30px 10px rgba(250,173,32,.45);
}

.referral-stat__info-icon_promo {
	width: 25px;
	height: 25px;
	background-image: url(/img/referral/icon_promo.svg);
}

.referral-stat__info-icon_info {
	width: 21px;
	height: 20px;
	background-image: url(/img/referral/icon_info.svg);
}

.referral-stat__info-icon_lvl-up {
	width: 16px;
	height: 25px;
	background-image: url(/img/referral/icon_lvl-up.svg);
}

.referral-stat__info-text {
	font-size: 14px;
	line-height: 17px;
	font-weight: 500;
	color: #ac9dbc;
	font-style: italic;
}

.referral-promo-input {
	display: flex;
	height: 40px;
}

.referral-promo-input input {
	width: 200px;
	padding: 0 10px;
	height: 100%;
	border: 1px solid #6dae01;
	border-right: none;
	background-color: #1b1931;
	border-radius: 7px 0 0 7px;
	font-size: 15px;
	line-height: 16px;
	font-weight: 500;
	color: hsla(0,0%,100%,.9);
	transition: .12s ease-in-out;
}

.referral-promo-input input::-webkit-input-placeholder {
	color: hsla(0,0%,100%,.4);
}

.referral-promo-input input::-moz-placeholder {
	color: hsla(0,0%,100%,.4);
}

.referral-promo-input input:focus::-webkit-input-placeholder {
	color: hsla(0,0%,100%,.5);
}

.referral-promo-input input:focus::-moz-placeholder {
	color: hsla(0,0%,100%,.5);
}

.referral-promo-input input:hover {
	border-color: #7ac201;
	box-shadow: 0 0 15px 0 rgba(109,174,1,.15);
}

.referral-promo-input input:focus-within {
	border-color: #86d701;
	box-shadow: 0 0 15px 0 rgba(109,174,1,.3);
}

.referral-promo-input button {
	height: 100%;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0 7px 7px 0;
	background-color: #6dae01;
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	color: #fff;
	transition: .12s ease-in-out;
}

.referral-promo-input button .icon {
	margin-right: 6px;
}

.referral-promo-input button:hover {
	background-color: #83d101;
}

.referral-lvls {
	display: flex;
	align-items: center;
	height: 4px;
	counter-reset: referralLvl;
}

.referral-lvls__point {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	position: relative;
	z-index: 1;
	width: 26px;
	height: 26px;
	margin: 0 -13px;
	border-radius: 50%;
	border: 1px solid #2a2d4b;
	background-color: #100e27;
	box-shadow: 0 0 10px 0 rgba(21,17,51,.8);
	transition: .4s ease;
}

.referral-lvls__point:first-child {
	margin-left: auto;
}

.referral-lvls__point:last-child {
	margin-right: auto;
}

.referral-lvls__point:before {
	counter-increment: referralLvl;
	content: counter(referralLvl);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 15px;
	line-height: 15px;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(17,17,17,.3);
}

.referral-lvls__point.done {
	background-color: #62b3ff;
	border-color: #62b3ff;
}

.referral-lvls__point.done .referral-lvls__lvl {
	opacity: 1;
	filter: grayscale(0);
}

.referral-lvls__point.done .referral-lvls__lvl:hover {
	filter: brightness(1.1);
}

.referral-lvls__progress {
	flex: none;
	display: flex;
	align-items: center;
	width: 325px;
	height: 100%;
	background-color: #2a2d4b;
}

.referral-lvls__progress-bar {
	height: 100%;
	background-color: #62b3ff;
	transition: .4s ease;
}

.referral-lvls__dot {
	flex: none;
	position: relative;
	margin: 0 -4.5px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #62b3ff;
	box-shadow: 0 0 0 6px rgba(98,179,255,.2);
}

.referral-lvls__tooltip {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 11px;
	padding: 4px 5px;
	background-color: #62b3ff;
	border-radius: 3px;
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(17,17,34,.25);
	box-shadow: 1px 1px 10px 0 rgba(98,179,255,.5);
	font-style: italic;
	white-space: nowrap;
}

.referral-lvls__tooltip:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-color: #62b3ff transparent transparent;
	border-style: solid;
	border-width: 5px 3px 0;
}

.referral-lvls__lvl {
	position: absolute;
	top: 100%;
	left: auto;
	margin-top: 18px;
	width: 217px;
	height: 100%;
	min-height: 335px;
	background-color: #1b1931;
	border-radius: 6px;
	cursor: pointer;
	filter: grayscale(.6);
	opacity: .45;
	transition: .12s ease;
}

.referral-lvls__lvl:after,.referral-lvls__lvl:before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 10px;
	width: 137px;
	z-index: -1;
	border-radius: 5px;
}

.referral-lvls__lvl:before {
	top: -5px;
}

.referral-lvls__lvl:after {
	bottom: -5px;
}

.referral-lvls__lvl:hover {
	opacity: 1;
	filter: grayscale(0) brightness(1.1);
	transform: scale(1.02);
}

.referral-lvls__lvl.lvl-1:after,.referral-lvls__lvl.lvl-1:before {
	background: linear-gradient(135deg,#b210ff,#ff047d 74.48%);
}

.referral-lvls__lvl.lvl-1 .referral-lvl {
	background: linear-gradient(180deg,#1b1931 50%,#6b135c 135%);
}

.referral-lvls__lvl.lvl-1 .referral-lvl:before {
	background-color: #2d103a;
}

.referral-lvls__lvl.lvl-1 .referral-lvl__token-lvl {
	background-image: url(/img/referral/tokens/token_lvl-1.svg);
}

.referral-lvls__lvl.lvl-1 .referral-lvl__rule {
	border-color: #e708a6;
	background-color: #2d1247;
	box-shadow: 0 0 15px 0 rgba(231,8,166,.4);
}

.referral-lvls__lvl.lvl-2:after,.referral-lvls__lvl.lvl-2:before {
	background: linear-gradient(90deg,#00f5a0,#00d9f5);
}

.referral-lvls__lvl.lvl-2 .referral-lvl {
	background: linear-gradient(180deg,#1b1931 50%,#0c5559 135%);
}

.referral-lvls__lvl.lvl-2 .referral-lvl:before {
	background-color: #132645;
}

.referral-lvls__lvl.lvl-2 .referral-lvl__token-lvl {
	background-image: url(/img/referral/tokens/token_lvl-2.svg);
}

.referral-lvls__lvl.lvl-2 .referral-lvl__rule {
	border-color: #00e6cc;
	background-color: #0e3248;
	box-shadow: 0 0 15px 0 rgba(0,230,204,.4);
}

.referral-lvls__lvl.lvl-3:after,.referral-lvls__lvl.lvl-3:before {
	background: linear-gradient(90deg,#e65c00,#f9d423);
}

.referral-lvls__lvl.lvl-3 .referral-lvl {
	background: linear-gradient(180deg,#1b1931 50%,#482c21 135%);
}

.referral-lvls__lvl.lvl-3 .referral-lvl:before {
	background-color: #2c2431;
}

.referral-lvls__lvl.lvl-3 .referral-lvl__token-lvl {
	background-image: url(/img/referral/tokens/token_lvl-3.svg);
}

.referral-lvls__lvl.lvl-3 .referral-lvl__rule {
	border-color: #ef9410;
	background-color: #282126;
	box-shadow: 0 0 15px 0 rgba(239,148,16,.4);
}

.referral-lvls__lvl.lvl-4:after,.referral-lvls__lvl.lvl-4:before {
	background: linear-gradient(90deg,#ed4264,#ffedbc);
}

.referral-lvls__lvl.lvl-4 .referral-lvl {
	background: linear-gradient(180deg,#1b1931 50%,#69404f 135%);
}

.referral-lvls__lvl.lvl-4 .referral-lvl:before {
	background-color: #2e2844;
}

.referral-lvls__lvl.lvl-4 .referral-lvl__token-lvl {
	background-image: url(/img/referral/tokens/token_lvl-4.svg);
}

.referral-lvls__lvl.lvl-4 .referral-lvl__rule {
	border-color: #f6938e;
	background-color: #251e33;
	box-shadow: 0 0 15px 0 rgba(246,147,142,.4);
}

.referral-lvls__lvl.lvl-5:after,.referral-lvls__lvl.lvl-5:before {
	background: linear-gradient(90deg,#00d2ff,#3a7bd5);
}

.referral-lvls__lvl.lvl-5 .referral-lvl {
	background: linear-gradient(180deg,#1b1931 50%,#09ade1 135%);
}

.referral-lvls__lvl.lvl-5 .referral-lvl:before {
	background-color: #191e48;
}

.referral-lvls__lvl.lvl-5 .referral-lvl__token-lvl {
	background-image: url(/img/referral/tokens/token_lvl-5.svg);
}

.referral-lvls__lvl.lvl-5 .referral-lvl__rule {
	border-color: #1ea5e9;
	background-color: #13203e;
	box-shadow: 0 0 15px 0 rgba(30,165,233,.4);
}

.referral-lvls__lvl.lvl-6:after,.referral-lvls__lvl.lvl-6:before {
	background: linear-gradient(90deg,#fc00ff,#00dbde);
}

.referral-lvls__lvl.lvl-6 .referral-lvl {
	background: linear-gradient(180deg,#1b1931 50%,#8a2db9 135%);
}

.referral-lvls__lvl.lvl-6 .referral-lvl:before {
	background-color: #2b134b;
}

.referral-lvls__lvl.lvl-6 .referral-lvl__token-lvl {
	background-image: url(/img/referral/tokens/token_lvl-6.svg);
}

.referral-lvls__lvl.lvl-6 .referral-lvl__rule {
	border-color: #8864f0;
	background-color: #15213e;
	box-shadow: 0 0 15px 0 rgba(136,100,240,.4);
}

.referral-lvl {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	width: 100%;
	z-index: 1;
	border-radius: 6px;
	border: 1px solid #272541;
	border-bottom: none;
}

.referral-lvl:before {
	content: "";
	width: 286px;
	height: 286px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
	border-radius: 50%;
	opacity: .7;
}

.referral-lvl__token-lvl {
	margin: 5px 0;
	width: 97px;
	height: 93px;
	background-position: 50%;
	background-repeat: no-repeat;
}

.referral-lvl__title {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	color: #fff;
	font-style: italic;
}

.referral-lvl__rule {
	padding: 10px 0;
	margin-bottom: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 249px;
	border: 1px solid transparent;
	transform: skewX(-5deg);
	border-radius: 6px;
}

.referral-lvl__rule .referral-lvl__rule-value,.referral-lvl__rule .referral-lvl__subtitle {
	transform: skewX(5deg);
}

.referral-lvl__rule-value {
	font-size: 28px;
	line-height: 26px;
	font-weight: 700;
	color: #fff;
	font-style: italic;
}

.referral-lvl__text {
	margin-bottom: 15px;
	text-align: center;
}

.referral-lvl__subtitle {
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 13px;
	font-weight: 500;
	color: #b4a6c2;
	text-shadow: 1px 1px 2px #111;
}

.referral-lvl__value {
	font-size: 18px;
	line-height: 21px;
	font-weight: 700;
	color: #fff;
	font-style: italic;
}

.promo-history {
	display: flex;
	align-items: center;
}

.promo-history__token {
	width: 61px;
}

.promo-history__name {
	margin: 0 30px;
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
	color: #fff;
	font-style: italic;
}

.promo-history__date {
	font-size: 14px;
	line-height: 15px;
	font-weight: 500;
	color: #ac9dbc;
}

.referral-banner {
	position: relative;
	margin: 85px auto 75px;
	padding: 20px 360px 20px 47px;
	max-width: 870px;
	width: 100%;
	background-image: url(/img/banner-overlay.png);
	background-size: cover;
	border: 1px solid #3c365d;
	border-radius: 6px;
}

.referral-banner,.referral-banner:before {
	background-repeat: no-repeat;
	background-position: 50%;
}

.referral-banner:before {
	content: "";
	position: absolute;
	right: -50px;
	top: 50%;
	transform: translateY(-50%);
	width: 497px;
	height: 301px;
	background-size: 100%;
	background-image: url(/img/banner-fx.webp);
}

.referral-banner__title {
	margin-bottom: 8px;
	font-size: 30px;
	line-height: 30px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	font-style: italic;
}

.referral-banner__text {
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	color: #fff;
}

.referral-banner__btn {
	margin-top: 20px;
	display: inline-flex;
}

.case-page-animation {
	width: 639px;
	height: 628px;
	position: relative;
	z-index: 5;
	transform: translateY(-100px);
	opacity: 0;
	transition: .5s ease;
}

.case-page-animation__lock:after,.case-page-animation__lock:before,.case-page-animation__smoke:after,.case-page-animation__smoke:before {
	position: absolute;
	content: "";
	display: block;
}

.case-page-animation__smoke:after,.case-page-animation__smoke:before {
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.case-page-animation__smoke:before {
	z-index: 3;
	width: 639px;
	height: 401px;
	background: url(/img/bg1.png) no-repeat;
	transform: translate(-50%,-50%) scale(1.2);
	transition: .5s ease;
	transition-delay: .5s;
}

.case-page-animation__smoke:after {
	z-index: 1;
	width: 525px;
	height: 628px;
	background: url(/img/bg2.png) no-repeat;
	transition: .5s ease;
}

.case-page-animation__grenade {
	position: absolute;
	z-index: 2;
	top: 115px;
	left: 150px;
	width: 203px;
	height: 332px;
	background: url(/img/grenade.png) no-repeat;
	transition: .5s ease;
	transition-delay: .5s;
}

.case-page-animation__lock:before {
	width: 232px;
	height: 206px;
	background: url(/img/blowout.png) no-repeat;
	right: 135px;
	bottom: 305px;
	z-index: 4;
	transition: .5s ease;
	transition-delay: .5s;
	transform: translate(0);
}

.case-page-animation__lock:after {
	width: 390px;
	height: 352px;
	background: url(/img/lock.png) no-repeat;
	right: 90px;
	bottom: 60px;
	z-index: 5;
}

.case-page-animation.animate {
	opacity: 1;
	transform: translate(0);
}

.case-page-animation.animate .case-page-animation__lock:before {
	transform: translateY(-30px);
}

.case-page-animation.animate .case-page-animation__smoke:before {
	transform: translate(-50%,-50%) scale(1);
}

.case-page-animation.animate .case-page-animation__smoke:after {
	transform: translate(-50%,-50%) scale(1.2);
}

.case-page-animation.animate .case-page-animation__grenade {
	transform: rotate(-10deg) translateY(20px);
}

	#noty_layout__bottom,
	#noty_layout__bottomCenter,
	#noty_layout__bottomLeft,
	#noty_layout__bottomRight,
	#noty_layout__center,
	#noty_layout__centerLeft,
	#noty_layout__centerRight,
	#noty_layout__top,
	#noty_layout__topCenter,
	#noty_layout__topLeft,
	#noty_layout__topRight,
	.noty_layout_mixin {
		position: fixed;
		margin: 0;
		padding: 0;
		z-index: 9999999;
		-webkit-transform: translateZ(0) scale(1);
		transform: translateZ(0) scale(1);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-font-smoothing: subpixel-antialiased;
		filter: blur(0);
		-webkit-filter: blur(0);
		max-width: 90%
	}
	
	#noty_layout__top {
		top: 0;
		left: 5%;
		width: 90%
	}
	
	#noty_layout__topLeft {
		top: 20px;
		left: 20px;
		width: 325px
	}
	
	#noty_layout__topCenter {
		top: 5%;
		left: 50%;
		width: 325px;
		-webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1);
		transform: translate(calc(-50% - .5px)) translateZ(0) scale(1)
	}
	
	#noty_layout__topRight {
		top: 20px;
		right: 20px;
		width: 325px
	}
	
	#noty_layout__bottom {
		bottom: 0;
		left: 5%;
		width: 90%
	}
	
	#noty_layout__bottomLeft {
		bottom: 20px;
		left: 20px;
		width: 325px
	}
	
	#noty_layout__bottomCenter {
		bottom: 5%;
		left: 50%;
		width: 325px;
		-webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1);
		transform: translate(calc(-50% - .5px)) translateZ(0) scale(1)
	}
	
	#noty_layout__bottomRight {
		bottom: 20px;
		right: 20px;
		width: 325px
	}
	
	#noty_layout__center {
		top: 50%;
		left: 50%;
		width: 325px;
		-webkit-transform: translate(-webkit-calc(-50% - .5px), -webkit-calc(-50% - .5px)) translateZ(0) scale(1);
		transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1)
	}
	
	#noty_layout__centerLeft {
		left: 20px
	}
	
	#noty_layout__centerLeft,
	#noty_layout__centerRight {
		top: 50%;
		width: 325px;
		-webkit-transform: translateY(-webkit-calc(-50% - .5px)) translateZ(0) scale(1);
		transform: translateY(calc(-50% - .5px)) translateZ(0) scale(1)
	}
	
	#noty_layout__centerRight {
		right: 20px
	}
	
	.noty_progressbar {
		display: none
	}
	
	.noty_has_timeout.noty_has_progressbar .noty_progressbar {
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		height: 3px;
		width: 100%;
		background-color: #646464;
		opacity: .2;
		filter: alpha(opacity=10)
	}
	
	.noty_bar {
		-webkit-backface-visibility: hidden;
		-webkit-transform: translate(0) translateZ(0) scale(1);
		-ms-transform: translate(0) scale(1);
		transform: translate(0) scale(1);
		-webkit-font-smoothing: subpixel-antialiased;
		overflow: hidden
	}
	
	.noty_effects_open {
		opacity: 0;
		-webkit-transform: translate(50%);
		-ms-transform: translate(50%);
		transform: translate(50%);
		-webkit-animation: noty_anim_in .5s cubic-bezier(.68, -.55, .265, 1.55);
		animation: noty_anim_in .5s cubic-bezier(.68, -.55, .265, 1.55);
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards
	}
	
	.noty_effects_close {
		-webkit-animation: noty_anim_out .5s cubic-bezier(.68, -.55, .265, 1.55);
		animation: noty_anim_out .5s cubic-bezier(.68, -.55, .265, 1.55);
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards
	}
	
	.noty_fix_effects_height {
		-webkit-animation: noty_anim_height 75ms ease-out;
		animation: noty_anim_height 75ms ease-out
	}
	
	.noty_close_with_click {
		cursor: pointer
	}
	
	.noty_close_button {
		position: absolute;
		top: 2px;
		right: 2px;
		font-weight: 700;
		width: 20px;
		height: 20px;
		text-align: center;
		line-height: 20px;
		background-color: rgba(0, 0, 0, .05);
		border-radius: 2px;
		cursor: pointer;
		-webkit-transition: all .2s ease-out;
		transition: all .2s ease-out
	}
	
	.noty_close_button:hover {
		background-color: rgba(0, 0, 0, .1)
	}
	
	.noty_modal {
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: #000;
		z-index: 10000;
		opacity: .3;
		left: 0;
		top: 0
	}
	
	.noty_modal.noty_modal_open {
		opacity: 0;
		-webkit-animation: noty_modal_in .3s ease-out;
		animation: noty_modal_in .3s ease-out
	}
	
	.noty_modal.noty_modal_close {
		-webkit-animation: noty_modal_out .3s ease-out;
		animation: noty_modal_out .3s ease-out;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards
	}
	
	@-webkit-keyframes noty_modal_in {
		to {
			opacity: .3
		}
	}
	
	@keyframes noty_modal_in {
		to {
			opacity: .3
		}
	}
	
	@-webkit-keyframes noty_modal_out {
		to {
			opacity: 0
		}
	}
	
	@keyframes noty_modal_out {
		to {
			opacity: 0
		}
	}
	
	@-webkit-keyframes noty_anim_in {
		to {
			-webkit-transform: translate(0);
			transform: translate(0);
			opacity: 1
		}
	}
	
	@keyframes noty_anim_in {
		to {
			-webkit-transform: translate(0);
			transform: translate(0);
			opacity: 1
		}
	}
	
	@-webkit-keyframes noty_anim_out {
		to {
			-webkit-transform: translate(50%);
			transform: translate(50%);
			opacity: 0
		}
	}
	
	@keyframes noty_anim_out {
		to {
			-webkit-transform: translate(50%);
			transform: translate(50%);
			opacity: 0
		}
	}
	
	@-webkit-keyframes noty_anim_height {
		to {
			height: 0
		}
	}
	
	@keyframes noty_anim_height {
		to {
			height: 0
		}
	}
	
	.noty_theme__relax.noty_bar {
		margin: 4px 0;
		overflow: hidden;
		border-radius: 2px;
		position: relative
	}
	
	.noty_theme__relax.noty_bar .noty_body {
		padding: 10px
	}
	
	.noty_theme__relax.noty_bar .noty_buttons {
		border-top: 1px solid #e7e7e7;
		padding: 5px 10px
	}
	
	.noty_theme__relax.noty_type__alert,
	.noty_theme__relax.noty_type__notification {
		background-color: #fff;
		border: 1px solid #dedede;
		color: #444
	}
	
	.noty_theme__relax.noty_type__warning {
		background-color: #ffeaa8;
		border: 1px solid #ffc237;
		color: #826200
	}
	
	.noty_theme__relax.noty_type__warning .noty_buttons {
		border-color: #dfaa30
	}
	
	.noty_theme__relax.noty_type__error {
		background-color: #ff8181;
		border: 1px solid #e25353;
		color: #fff
	}
	
	.noty_theme__relax.noty_type__error .noty_buttons {
		border-color: #8b0000
	}
	
	.noty_theme__relax.noty_type__info,
	.noty_theme__relax.noty_type__information {
		background-color: #78c5e7;
		border: 1px solid #3badd6;
		color: #fff
	}
	
	.noty_theme__relax.noty_type__info .noty_buttons,
	.noty_theme__relax.noty_type__information .noty_buttons {
		border-color: #0b90c4
	}
	
	.noty_theme__relax.noty_type__success {
		background-color: #bcf5bc;
		border: 1px solid #7cdd77;
		color: #006400
	}
	
	.noty_theme__relax.noty_type__success .noty_buttons {
		border-color: #50c24e
	}
	
	.noty_theme__metroui.noty_bar {
		margin: 4px 0;
		overflow: hidden;
		position: relative;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, .298039)
	}
	
	.noty_theme__metroui.noty_bar .noty_progressbar {
		position: absolute;
		left: 0;
		bottom: 0;
		height: 3px;
		width: 100%;
		background-color: #000;
		opacity: .2;
		filter: alpha(opacity=20)
	}
	
	.noty_theme__metroui.noty_bar .noty_body {
		padding: 1.25em;
		font-size: 14px
	}
	
	.noty_theme__metroui.noty_bar .noty_buttons {
		padding: 0 10px .5em
	}
	
	.noty_theme__metroui.noty_type__alert,
	.noty_theme__metroui.noty_type__notification {
		background-color: #fff;
		color: #1d1d1d
	}
	
	.noty_theme__metroui.noty_type__warning {
		background-color: #fa6800;
		color: #fff
	}
	
	.noty_theme__metroui.noty_type__error {
		background-color: #ce352c;
		color: #fff
	}
	
	.noty_theme__metroui.noty_type__info,
	.noty_theme__metroui.noty_type__information {
		background-color: #1ba1e2;
		color: #fff
	}
	
	.noty_theme__metroui.noty_type__success {
		background-color: #60a917;
		color: #fff
	}
	
	.noty_theme__mint.noty_bar {
		margin: 4px 0;
		overflow: hidden;
		border-radius: 2px;
		position: relative
	}
	
	.noty_theme__mint.noty_bar .noty_body {
		padding: 10px;
		font-size: 14px
	}
	
	.noty_theme__mint.noty_bar .noty_buttons {
		padding: 10px
	}
	
	.noty_theme__mint.noty_type__alert,
	.noty_theme__mint.noty_type__notification {
		background-color: #fff;
		border-bottom: 1px solid #d1d1d1;
		color: #2f2f2f
	}
	
	.noty_theme__mint.noty_type__warning {
		background-color: #ffae42;
		border-bottom: 1px solid #e89f3c;
		color: #fff
	}
	
	.noty_theme__mint.noty_type__error {
		background-color: #de636f;
		border-bottom: 1px solid #ca5a65;
		color: #fff
	}
	
	.noty_theme__mint.noty_type__info,
	.noty_theme__mint.noty_type__information {
		background-color: #7f7eff;
		border-bottom: 1px solid #7473e8;
		color: #fff
	}
	
	.noty_theme__mint.noty_type__success {
		background-color: #afc765;
		border-bottom: 1px solid #a0b55c;
		color: #fff
	}
	
	.noty_theme__sunset.noty_bar {
		margin: 4px 0;
		overflow: hidden;
		border-radius: 2px;
		position: relative
	}
	
	.noty_theme__sunset.noty_bar .noty_body {
		padding: 10px;
		font-size: 14px;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
	}
	
	.noty_theme__sunset.noty_bar .noty_buttons {
		padding: 10px
	}
	
	.noty_theme__sunset.noty_type__alert,
	.noty_theme__sunset.noty_type__notification {
		background-color: #073b4c;
		color: #fff
	}
	
	.noty_theme__sunset.noty_type__alert .noty_progressbar,
	.noty_theme__sunset.noty_type__notification .noty_progressbar {
		background-color: #fff
	}
	
	.noty_theme__sunset.noty_type__warning {
		background-color: #ffd166;
		color: #fff
	}
	
	.noty_theme__sunset.noty_type__error {
		background-color: #ef476f;
		color: #fff
	}
	
	.noty_theme__sunset.noty_type__error .noty_progressbar {
		opacity: .4
	}
	
	.noty_theme__sunset.noty_type__info,
	.noty_theme__sunset.noty_type__information {
		background-color: #118ab2;
		color: #fff
	}
	
	.noty_theme__sunset.noty_type__info .noty_progressbar,
	.noty_theme__sunset.noty_type__information .noty_progressbar {
		opacity: .6
	}
	
	.noty_theme__sunset.noty_type__success {
		background-color: #06d6a0;
		color: #fff
	}
	
	.noty_theme__bootstrap-v3.noty_bar {
		margin: 4px 0;
		overflow: hidden;
		position: relative;
		border: 1px solid transparent;
		border-radius: 4px
	}
	
	.noty_theme__bootstrap-v3.noty_bar .noty_body {
		padding: 15px
	}
	
	.noty_theme__bootstrap-v3.noty_bar .noty_buttons {
		padding: 10px
	}
	
	.noty_theme__bootstrap-v3.noty_bar .noty_close_button {
		font-size: 21px;
		font-weight: 700;
		line-height: 1;
		color: #000;
		text-shadow: 0 1px 0 #fff;
		filter: alpha(opacity=20);
		opacity: .2;
		background: transparent
	}
	
	.noty_theme__bootstrap-v3.noty_bar .noty_close_button:hover {
		background: transparent;
		text-decoration: none;
		cursor: pointer;
		filter: alpha(opacity=50);
		opacity: .5
	}
	
	.noty_theme__bootstrap-v3.noty_type__alert,
	.noty_theme__bootstrap-v3.noty_type__notification {
		background-color: #fff;
		color: inherit
	}
	
	.noty_theme__bootstrap-v3.noty_type__warning {
		background-color: #fcf8e3;
		color: #8a6d3b;
		border-color: #faebcc
	}
	
	.noty_theme__bootstrap-v3.noty_type__error {
		background-color: #f2dede;
		color: #a94442;
		border-color: #ebccd1
	}
	
	.noty_theme__bootstrap-v3.noty_type__info,
	.noty_theme__bootstrap-v3.noty_type__information {
		background-color: #d9edf7;
		color: #31708f;
		border-color: #bce8f1
	}
	
	.noty_theme__bootstrap-v3.noty_type__success {
		background-color: #dff0d8;
		color: #3c763d;
		border-color: #d6e9c6
	}
	
	.noty_theme__bootstrap-v4.noty_bar {
		margin: 4px 0;
		overflow: hidden;
		position: relative;
		border: 1px solid transparent;
		border-radius: .25rem
	}
	
	.noty_theme__bootstrap-v4.noty_bar .noty_body {
		padding: .75rem 1.25rem
	}
	
	.noty_theme__bootstrap-v4.noty_bar .noty_buttons {
		padding: 10px
	}
	
	.noty_theme__bootstrap-v4.noty_bar .noty_close_button {
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1;
		color: #000;
		text-shadow: 0 1px 0 #fff;
		filter: alpha(opacity=20);
		opacity: .5;
		background: transparent
	}
	
	.noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover {
		background: transparent;
		text-decoration: none;
		cursor: pointer;
		filter: alpha(opacity=50);
		opacity: .75
	}
	
	.noty_theme__bootstrap-v4.noty_type__alert,
	.noty_theme__bootstrap-v4.noty_type__notification {
		background-color: #fff;
		color: inherit
	}
	
	.noty_theme__bootstrap-v4.noty_type__warning {
		background-color: #fcf8e3;
		color: #8a6d3b;
		border-color: #faebcc
	}
	
	.noty_theme__bootstrap-v4.noty_type__error {
		background-color: #f2dede;
		color: #a94442;
		border-color: #ebccd1
	}
	
	.noty_theme__bootstrap-v4.noty_type__info,
	.noty_theme__bootstrap-v4.noty_type__information {
		background-color: #d9edf7;
		color: #31708f;
		border-color: #bce8f1
	}
	
	.noty_theme__bootstrap-v4.noty_type__success {
		background-color: #dff0d8;
		color: #3c763d;
		border-color: #d6e9c6
	}
	
	.noty_theme__semanticui.noty_bar {
		margin: 4px 0;
		overflow: hidden;
		position: relative;
		border: 1px solid transparent;
		font-size: 1em;
		border-radius: .28571429rem;
		box-shadow: inset 0 0 0 1px rgba(34, 36, 38, .22), 0 0 0 0 transparent
	}
	
	.noty_theme__semanticui.noty_bar .noty_body {
		padding: 1em 1.5em;
		line-height: 1.4285em
	}
	
	.noty_theme__semanticui.noty_bar .noty_buttons {
		padding: 10px
	}
	
	.noty_theme__semanticui.noty_type__alert,
	.noty_theme__semanticui.noty_type__notification {
		background-color: #f8f8f9;
		color: rgba(0, 0, 0, .87)
	}
	
	.noty_theme__semanticui.noty_type__warning {
		background-color: #fffaf3;
		color: #573a08;
		box-shadow: inset 0 0 0 1px #c9ba9b, 0 0 0 0 transparent
	}
	
	.noty_theme__semanticui.noty_type__error {
		background-color: #fff6f6;
		color: #9f3a38;
		box-shadow: inset 0 0 0 1px #e0b4b4, 0 0 0 0 transparent
	}
	
	.noty_theme__semanticui.noty_type__info,
	.noty_theme__semanticui.noty_type__information {
		background-color: #f8ffff;
		color: #276f86;
		box-shadow: inset 0 0 0 1px #a9d5de, 0 0 0 0 transparent
	}
	
	.noty_theme__semanticui.noty_type__success {
		background-color: #fcfff5;
		color: #2c662d;
		box-shadow: inset 0 0 0 1px #a3c293, 0 0 0 0 transparent
	}
	
	.noty_theme__nest.noty_bar {
		margin: 0 0 15px;
		overflow: hidden;
		border-radius: 2px;
		position: relative;
		box-shadow: 5px 4px 10px 0 rgba(0, 0, 0, .098039)
	}
	
	.noty_theme__nest.noty_bar .noty_body {
		padding: 10px;
		font-size: 14px;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
	}
	
	.noty_theme__nest.noty_bar .noty_buttons {
		padding: 10px
	}
	
	.noty_layout .noty_theme__nest.noty_bar {
		z-index: 5
	}
	
	.noty_layout .noty_theme__nest.noty_bar:nth-child(2) {
		position: absolute;
		top: 0;
		margin-top: 4px;
		margin-right: -4px;
		margin-left: 4px;
		z-index: 4;
		width: 100%
	}
	
	.noty_layout .noty_theme__nest.noty_bar:nth-child(3) {
		position: absolute;
		top: 0;
		margin-top: 8px;
		margin-right: -8px;
		margin-left: 8px;
		z-index: 3;
		width: 100%
	}
	
	.noty_layout .noty_theme__nest.noty_bar:nth-child(4) {
		position: absolute;
		top: 0;
		margin-top: 12px;
		margin-right: -12px;
		margin-left: 12px;
		z-index: 2;
		width: 100%
	}
	
	.noty_layout .noty_theme__nest.noty_bar:nth-child(5) {
		position: absolute;
		top: 0;
		margin-top: 16px;
		margin-right: -16px;
		margin-left: 16px;
		z-index: 1;
		width: 100%
	}
	
	.noty_layout .noty_theme__nest.noty_bar:nth-child(n+6) {
		position: absolute;
		top: 0;
		margin-top: 20px;
		margin-right: -20px;
		margin-left: 20px;
		z-index: -1;
		width: 100%
	}
	
	#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(2),
	#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(2) {
		margin-top: 4px;
		margin-left: -4px;
		margin-right: 4px
	}
	
	#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(3),
	#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(3) {
		margin-top: 8px;
		margin-left: -8px;
		margin-right: 8px
	}
	
	#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(4),
	#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(4) {
		margin-top: 12px;
		margin-left: -12px;
		margin-right: 12px
	}
	
	#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(5),
	#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(5) {
		margin-top: 16px;
		margin-left: -16px;
		margin-right: 16px
	}
	
	#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(n+6),
	#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(n+6) {
		margin-top: 20px;
		margin-left: -20px;
		margin-right: 20px
	}
	
	.noty_theme__nest.noty_type__alert,
	.noty_theme__nest.noty_type__notification {
		background-color: #073b4c;
		color: #fff
	}
	
	.noty_theme__nest.noty_type__alert .noty_progressbar,
	.noty_theme__nest.noty_type__notification .noty_progressbar {
		background-color: #fff
	}
	
	.noty_theme__nest.noty_type__warning {
		background-color: #ffd166;
		color: #fff
	}
	
	.noty_theme__nest.noty_type__error {
		background-color: #ef476f;
		color: #fff
	}
	
	.noty_theme__nest.noty_type__error .noty_progressbar {
		opacity: .4
	}
	
	.noty_theme__nest.noty_type__info,
	.noty_theme__nest.noty_type__information {
		background-color: #118ab2;
		color: #fff
	}
	
	.noty_theme__nest.noty_type__info .noty_progressbar,
	.noty_theme__nest.noty_type__information .noty_progressbar {
		opacity: .6
	}
	
	.noty_theme__nest.noty_type__success {
		background-color: #06d6a0;
		color: #fff
	}
	
	.noty_theme__light.noty_bar {
		margin: 4px 0;
		overflow: hidden;
		border-radius: 2px;
		position: relative
	}
	
	.noty_theme__light.noty_bar .noty_body {
		padding: 10px
	}
	
	.noty_theme__light.noty_bar .noty_buttons {
		border-top: 1px solid #e7e7e7;
		padding: 5px 10px
	}
	
	.noty_theme__light.noty_type__alert,
	.noty_theme__light.noty_type__notification {
		background-color: #fff;
		border: 1px solid #dedede;
		color: #444
	}
	
	.noty_theme__light.noty_type__warning {
		background-color: #ffeaa8;
		border: 1px solid #ffc237;
		color: #826200
	}
	
	.noty_theme__light.noty_type__warning .noty_buttons {
		border-color: #dfaa30
	}
	
	.noty_theme__light.noty_type__error {
		background-color: #ed7000;
		border: 1px solid #e25353;
		color: #fff
	}
	
	.noty_theme__light.noty_type__error .noty_buttons {
		border-color: #8b0000
	}
	
	.noty_theme__light.noty_type__info,
	.noty_theme__light.noty_type__information {
		background-color: #78c5e7;
		border: 1px solid #3badd6;
		color: #fff
	}
	
	.noty_theme__light.noty_type__info .noty_buttons,
	.noty_theme__light.noty_type__information .noty_buttons {
		border-color: #0b90c4
	}
	
	.noty_theme__light.noty_type__success {
		background-color: #57c880;
		border: 1px solid #7cdd77;
		color: #006400
	}
	
	.noty_theme__light.noty_type__success .noty_buttons {
		border-color: #50c24e
	}
	</style>
	<style type="text/css">
	body.stop-scrolling {
		height: 100%;
		overflow: hidden
	}
	
	.sweet-overlay {
		background-color: #000;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
		background-color: rgba(0, 0, 0, .4);
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		display: none;
		z-index: 10000
	}
	
	.sweet-alert {
		background-color: #fff;
		font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
		width: 478px;
		padding: 17px;
		border-radius: 5px;
		text-align: center;
		position: fixed;
		left: 50%;
		top: 50%;
		margin-left: -256px;
		margin-top: -200px;
		overflow: hidden;
		display: none;
		z-index: 99999
	}
	
	@media (max-width:540px) {
		.sweet-alert {
			width: auto;
			margin-left: 0;
			margin-right: 0;
			left: 15px;
			right: 15px
		}
	}
	
	.sweet-alert h2 {
		color: #575757;
		font-size: 30px;
		font-weight: 600;
		text-transform: none;
		margin: 25px 0;
		line-height: 40px;
		display: block
	}
	
	.sweet-alert h2,
	.sweet-alert p {
		text-align: center;
		position: relative;
		padding: 0
	}
	
	.sweet-alert p {
		color: #797979;
		font-size: 16px;
		font-weight: 300;
		text-align: inherit;
		float: none;
		margin: 0;
		line-height: normal
	}
	
	.sweet-alert fieldset {
		border: none;
		position: relative
	}
	
	.sweet-alert .sa-error-container {
		background-color: #f1f1f1;
		margin-left: -17px;
		margin-right: -17px;
		overflow: hidden;
		padding: 0 10px;
		max-height: 0;
		webkit-transition: padding .15s, max-height .15s;
		transition: padding .15s, max-height .15s
	}
	
	.sweet-alert .sa-error-container.show {
		padding: 10px 0;
		max-height: 100px;
		webkit-transition: padding .2s, max-height .2s;
		transition: padding .25s, max-height .25s
	}
	
	.sweet-alert .sa-error-container .icon {
		display: inline-block;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background-color: #ea7d7d;
		color: #fff;
		line-height: 24px;
		text-align: center;
		margin-right: 3px
	}
	
	.sweet-alert .sa-error-container p {
		display: inline-block
	}
	
	.sweet-alert .sa-input-error {
		position: absolute;
		top: 29px;
		right: 26px;
		width: 20px;
		height: 20px;
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transition: all .1s;
		transition: all .1s
	}
	
	.sweet-alert .sa-input-error:after,
	.sweet-alert .sa-input-error:before {
		content: "";
		width: 20px;
		height: 6px;
		background-color: #f06e57;
		border-radius: 3px;
		position: absolute;
		top: 50%;
		margin-top: -4px;
		left: 50%;
		margin-left: -9px
	}
	
	.sweet-alert .sa-input-error:before {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	
	.sweet-alert .sa-input-error:after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	
	.sweet-alert .sa-input-error.show {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	
	.sweet-alert input {
		width: 100%;
		box-sizing: border-box;
		border-radius: 3px;
		border: 1px solid #d7d7d7;
		height: 43px;
		margin-top: 10px;
		margin-bottom: 17px;
		font-size: 18px;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
		padding: 0 12px;
		display: none;
		-webkit-transition: all .3s;
		transition: all .3s
	}
	
	.sweet-alert input:focus {
		outline: none;
		box-shadow: 0 0 3px #c4e6f5;
		border: 1px solid #b4dbed
	}
	
	.sweet-alert input:focus::-moz-placeholder {
		transition: opacity .3s ease .03s;
		opacity: .5
	}
	
	.sweet-alert input:focus:-ms-input-placeholder {
		transition: opacity .3s ease .03s;
		opacity: .5
	}
	
	.sweet-alert input:focus::-webkit-input-placeholder {
		transition: opacity .3s ease .03s;
		opacity: .5
	}
	
	.sweet-alert input::-moz-placeholder {
		color: #bdbdbd
	}
	
	.sweet-alert input:-ms-input-placeholder {
		color: #bdbdbd
	}
	
	.sweet-alert input::-webkit-input-placeholder {
		color: #bdbdbd
	}
	
	.sweet-alert.show-input input {
		display: block
	}
	
	.sweet-alert .sa-confirm-button-container {
		display: inline-block;
		position: relative
	}
	
	.sweet-alert .la-ball-fall {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -27px;
		margin-top: 4px;
		opacity: 0;
		visibility: hidden
	}
	
	.sweet-alert button {
		background-color: #8cd4f5;
		color: #fff;
		border: none;
		box-shadow: none;
		font-size: 17px;
		font-weight: 500;
		-webkit-border-radius: 4px;
		border-radius: 5px;
		padding: 10px 32px;
		margin: 26px 5px 0;
		cursor: pointer
	}
	
	.sweet-alert button:focus {
		outline: none;
		box-shadow: 0 0 2px rgba(128, 179, 235, .5), inset 0 0 0 1px rgba(0, 0, 0, .05)
	}
	
	.sweet-alert button:hover {
		background-color: #7ecff4
	}
	
	.sweet-alert button:active {
		background-color: #5dc2f1
	}
	
	.sweet-alert button.cancel {
		background-color: #c1c1c1
	}
	
	.sweet-alert button.cancel:hover {
		background-color: #b9b9b9
	}
	
	.sweet-alert button.cancel:active {
		background-color: #a8a8a8
	}
	
	.sweet-alert button.cancel:focus {
		box-shadow: 0 0 2px rgba(197, 205, 211, .8), inset 0 0 0 1px rgba(0, 0, 0, .0470588)!important
	}
	
	.sweet-alert button[disabled] {
		opacity: .6;
		cursor: default
	}
	
	.sweet-alert button.confirm[disabled] {
		color: transparent
	}
	
	.sweet-alert button.confirm[disabled]~.la-ball-fall {
		opacity: 1;
		visibility: visible;
		transition-delay: 0s
	}
	
	.sweet-alert button::-moz-focus-inner {
		border: 0
	}
	
	.sweet-alert[data-has-cancel-button=false] button {
		box-shadow: none!important
	}
	
	.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
		padding-bottom: 40px
	}
	
	.sweet-alert .sa-icon {
		width: 80px;
		height: 80px;
		border: 4px solid grey;
		-webkit-border-radius: 40px;
		border-radius: 40px;
		border-radius: 50%;
		margin: 20px auto;
		padding: 0;
		position: relative;
		box-sizing: content-box
	}
	
	.sweet-alert .sa-icon.sa-error {
		border-color: #f27474
	}
	
	.sweet-alert .sa-icon.sa-error .sa-x-mark {
		position: relative;
		display: block
	}
	
	.sweet-alert .sa-icon.sa-error .sa-line {
		position: absolute;
		height: 5px;
		width: 47px;
		background-color: #f27474;
		display: block;
		top: 37px;
		border-radius: 2px
	}
	
	.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		left: 17px
	}
	
	.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		right: 16px
	}
	
	.sweet-alert .sa-icon.sa-warning {
		border-color: #f8bb86
	}
	
	.sweet-alert .sa-icon.sa-warning .sa-body {
		position: absolute;
		width: 5px;
		height: 47px;
		left: 50%;
		top: 10px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		margin-left: -2px;
		background-color: #f8bb86
	}
	
	.sweet-alert .sa-icon.sa-warning .sa-dot {
		position: absolute;
		width: 7px;
		height: 7px;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		margin-left: -3px;
		left: 50%;
		bottom: 10px;
		background-color: #f8bb86
	}
	
	.sweet-alert .sa-icon.sa-info {
		border-color: #c9dae1
	}
	
	.sweet-alert .sa-icon.sa-info:before {
		content: "";
		position: absolute;
		width: 5px;
		height: 29px;
		left: 50%;
		bottom: 17px;
		border-radius: 2px;
		margin-left: -2px;
		background-color: #c9dae1
	}
	
	.sweet-alert .sa-icon.sa-info:after {
		content: "";
		position: absolute;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		margin-left: -3px;
		top: 19px;
		background-color: #c9dae1
	}
	
	.sweet-alert .sa-icon.sa-success {
		border-color: #a5dc86
	}
	
	.sweet-alert .sa-icon.sa-success:after,
	.sweet-alert .sa-icon.sa-success:before {
		content: "";
		-webkit-border-radius: 40px;
		border-radius: 40px;
		border-radius: 50%;
		position: absolute;
		width: 60px;
		height: 120px;
		background: #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	
	.sweet-alert .sa-icon.sa-success:before {
		-webkit-border-radius: 120px 0 0 120px;
		border-radius: 120px 0 0 120px;
		top: -7px;
		left: -33px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform-origin: 60px 60px;
		transform-origin: 60px 60px
	}
	
	.sweet-alert .sa-icon.sa-success:after {
		-webkit-border-radius: 0 120px 120px 0;
		border-radius: 0 120px 120px 0;
		top: -11px;
		left: 30px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform-origin: 0 60px;
		transform-origin: 0 60px
	}
	
	.sweet-alert .sa-icon.sa-success .sa-placeholder {
		width: 80px;
		height: 80px;
		border: 4px solid rgba(165, 220, 134, .2);
		-webkit-border-radius: 40px;
		border-radius: 40px;
		border-radius: 50%;
		box-sizing: content-box;
		position: absolute;
		left: -4px;
		top: -4px;
		z-index: 2
	}
	
	.sweet-alert .sa-icon.sa-success .sa-fix {
		width: 5px;
		height: 90px;
		background-color: #fff;
		position: absolute;
		left: 28px;
		top: 8px;
		z-index: 1;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	
	.sweet-alert .sa-icon.sa-success .sa-line {
		height: 5px;
		background-color: #a5dc86;
		display: block;
		border-radius: 2px;
		position: absolute;
		z-index: 2
	}
	
	.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
		width: 25px;
		left: 14px;
		top: 46px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	
	.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
		width: 47px;
		right: 8px;
		top: 38px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	
	.sweet-alert .sa-icon.sa-custom {
		background-size: contain;
		border-radius: 0;
		border: none;
		background-position: 50%;
		background-repeat: no-repeat
	}
	
	@-webkit-keyframes showSweetAlert {
		0% {
			transform: scale(.7);
			-webkit-transform: scale(.7)
		}
		45% {
			transform: scale(1.05);
			-webkit-transform: scale(1.05)
		}
		80% {
			transform: scale(.95);
			-webkit-transform: scale(.95)
		}
		to {
			transform: scale(1);
			-webkit-transform: scale(1)
		}
	}
	
	@keyframes showSweetAlert {
		0% {
			transform: scale(.7);
			-webkit-transform: scale(.7)
		}
		45% {
			transform: scale(1.05);
			-webkit-transform: scale(1.05)
		}
		80% {
			transform: scale(.95);
			-webkit-transform: scale(.95)
		}
		to {
			transform: scale(1);
			-webkit-transform: scale(1)
		}
	}
	
	@-webkit-keyframes hideSweetAlert {
		0% {
			transform: scale(1);
			-webkit-transform: scale(1)
		}
		to {
			transform: scale(.5);
			-webkit-transform: scale(.5)
		}
	}
	
	@keyframes hideSweetAlert {
		0% {
			transform: scale(1);
			-webkit-transform: scale(1)
		}
		to {
			transform: scale(.5);
			-webkit-transform: scale(.5)
		}
	}
	
	@-webkit-keyframes slideFromTop {
		0% {
			top: 0
		}
		to {
			top: 50%
		}
	}
	
	@keyframes slideFromTop {
		0% {
			top: 0
		}
		to {
			top: 50%
		}
	}
	
	@-webkit-keyframes slideToTop {
		0% {
			top: 50%
		}
		to {
			top: 0
		}
	}
	
	@keyframes slideToTop {
		0% {
			top: 50%
		}
		to {
			top: 0
		}
	}
	
	@-webkit-keyframes slideFromBottom {
		0% {
			top: 70%
		}
		to {
			top: 50%
		}
	}
	
	@keyframes slideFromBottom {
		0% {
			top: 70%
		}
		to {
			top: 50%
		}
	}
	
	@-webkit-keyframes slideToBottom {
		0% {
			top: 50%
		}
		to {
			top: 70%
		}
	}
	
	@keyframes slideToBottom {
		0% {
			top: 50%
		}
		to {
			top: 70%
		}
	}
	
	.showSweetAlert[data-animation=pop] {
		-webkit-animation: showSweetAlert .3s;
		animation: showSweetAlert .3s
	}
	
	.showSweetAlert[data-animation=none] {
		-webkit-animation: none;
		animation: none
	}
	
	.showSweetAlert[data-animation=slide-from-top] {
		-webkit-animation: slideFromTop .3s;
		animation: slideFromTop .3s
	}
	
	.showSweetAlert[data-animation=slide-from-bottom] {
		-webkit-animation: slideFromBottom .3s;
		animation: slideFromBottom .3s
	}
	
	.hideSweetAlert[data-animation=pop] {
		-webkit-animation: hideSweetAlert .2s;
		animation: hideSweetAlert .2s
	}
	
	.hideSweetAlert[data-animation=none] {
		-webkit-animation: none;
		animation: none
	}
	
	.hideSweetAlert[data-animation=slide-from-top] {
		-webkit-animation: slideToTop .4s;
		animation: slideToTop .4s
	}
	
	.hideSweetAlert[data-animation=slide-from-bottom] {
		-webkit-animation: slideToBottom .3s;
		animation: slideToBottom .3s
	}
	
	@-webkit-keyframes animateSuccessTip {
		0% {
			width: 0;
			left: 1px;
			top: 19px
		}
		54% {
			width: 0;
			left: 1px;
			top: 19px
		}
		70% {
			width: 50px;
			left: -8px;
			top: 37px
		}
		84% {
			width: 17px;
			left: 21px;
			top: 48px
		}
		to {
			width: 25px;
			left: 14px;
			top: 45px
		}
	}
	
	@keyframes animateSuccessTip {
		0% {
			width: 0;
			left: 1px;
			top: 19px
		}
		54% {
			width: 0;
			left: 1px;
			top: 19px
		}
		70% {
			width: 50px;
			left: -8px;
			top: 37px
		}
		84% {
			width: 17px;
			left: 21px;
			top: 48px
		}
		to {
			width: 25px;
			left: 14px;
			top: 45px
		}
	}
	
	@-webkit-keyframes animateSuccessLong {
		0% {
			width: 0;
			right: 46px;
			top: 54px
		}
		65% {
			width: 0;
			right: 46px;
			top: 54px
		}
		84% {
			width: 55px;
			right: 0;
			top: 35px
		}
		to {
			width: 47px;
			right: 8px;
			top: 38px
		}
	}
	
	@keyframes animateSuccessLong {
		0% {
			width: 0;
			right: 46px;
			top: 54px
		}
		65% {
			width: 0;
			right: 46px;
			top: 54px
		}
		84% {
			width: 55px;
			right: 0;
			top: 35px
		}
		to {
			width: 47px;
			right: 8px;
			top: 38px
		}
	}
	
	@-webkit-keyframes rotatePlaceholder {
		0% {
			transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg)
		}
		5% {
			transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg)
		}
		12% {
			transform: rotate(-405deg);
			-webkit-transform: rotate(-405deg)
		}
		to {
			transform: rotate(-405deg);
			-webkit-transform: rotate(-405deg)
		}
	}
	
	@keyframes rotatePlaceholder {
		0% {
			transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg)
		}
		5% {
			transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg)
		}
		12% {
			transform: rotate(-405deg);
			-webkit-transform: rotate(-405deg)
		}
		to {
			transform: rotate(-405deg);
			-webkit-transform: rotate(-405deg)
		}
	}
	
	.animateSuccessTip {
		-webkit-animation: animateSuccessTip .75s;
		animation: animateSuccessTip .75s
	}
	
	.animateSuccessLong {
		-webkit-animation: animateSuccessLong .75s;
		animation: animateSuccessLong .75s
	}
	
	.sa-icon.sa-success.animate:after {
		-webkit-animation: rotatePlaceholder 4.25s ease-in;
		animation: rotatePlaceholder 4.25s ease-in
	}
	
	@-webkit-keyframes animateErrorIcon {
		0% {
			transform: rotateX(100deg);
			-webkit-transform: rotateX(100deg);
			opacity: 0
		}
		to {
			transform: rotateX(0deg);
			-webkit-transform: rotateX(0deg);
			opacity: 1
		}
	}
	
	@keyframes animateErrorIcon {
		0% {
			transform: rotateX(100deg);
			-webkit-transform: rotateX(100deg);
			opacity: 0
		}
		to {
			transform: rotateX(0deg);
			-webkit-transform: rotateX(0deg);
			opacity: 1
		}
	}
	
	.animateErrorIcon {
		-webkit-animation: animateErrorIcon .5s;
		animation: animateErrorIcon .5s
	}
	
	@-webkit-keyframes animateXMark {
		0% {
			transform: scale(.4);
			-webkit-transform: scale(.4);
			margin-top: 26px;
			opacity: 0
		}
		50% {
			transform: scale(.4);
			-webkit-transform: scale(.4);
			margin-top: 26px;
			opacity: 0
		}
		80% {
			transform: scale(1.15);
			-webkit-transform: scale(1.15);
			margin-top: -6px
		}
		to {
			transform: scale(1);
			-webkit-transform: scale(1);
			margin-top: 0;
			opacity: 1
		}
	}
	
	@keyframes animateXMark {
		0% {
			transform: scale(.4);
			-webkit-transform: scale(.4);
			margin-top: 26px;
			opacity: 0
		}
		50% {
			transform: scale(.4);
			-webkit-transform: scale(.4);
			margin-top: 26px;
			opacity: 0
		}
		80% {
			transform: scale(1.15);
			-webkit-transform: scale(1.15);
			margin-top: -6px
		}
		to {
			transform: scale(1);
			-webkit-transform: scale(1);
			margin-top: 0;
			opacity: 1
		}
	}
	
	.animateXMark {
		-webkit-animation: animateXMark .5s;
		animation: animateXMark .5s
	}
	
	@-webkit-keyframes pulseWarning {
		0% {
			border-color: #f8d486
		}
		to {
			border-color: #f8bb86
		}
	}
	
	@keyframes pulseWarning {
		0% {
			border-color: #f8d486
		}
		to {
			border-color: #f8bb86
		}
	}
	
	.pulseWarning {
		-webkit-animation: pulseWarning .75s infinite alternate;
		animation: pulseWarning .75s infinite alternate
	}
	
	@-webkit-keyframes pulseWarningIns {
		0% {
			background-color: #f8d486
		}
		to {
			background-color: #f8bb86
		}
	}
	
	@keyframes pulseWarningIns {
		0% {
			background-color: #f8d486
		}
		to {
			background-color: #f8bb86
		}
	}
	
	.pulseWarningIns {
		-webkit-animation: pulseWarningIns .75s infinite alternate;
		animation: pulseWarningIns .75s infinite alternate
	}
	
	@-webkit-keyframes rotate-loading {
		0% {
			transform: rotate(0deg)
		}
		to {
			transform: rotate(1turn)
		}
	}
	
	@keyframes rotate-loading {
		0% {
			transform: rotate(0deg)
		}
		to {
			transform: rotate(1turn)
		}
	}
	
	.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
		-ms-transform: rotate(45deg)\9
	}
	
	.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
		-ms-transform: rotate(-45deg)\9
	}
	
	.sweet-alert .sa-icon.sa-success {
		border-color: transparent\9
	}
	
	.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
		-ms-transform: rotate(45deg)\9
	}
	
	.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
		-ms-transform: rotate(-45deg)\9
	}
	/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
	
	.la-ball-fall,
	.la-ball-fall>div {
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	
	.la-ball-fall {
		display: block;
		font-size: 0;
		color: #fff
	}
	
	.la-ball-fall.la-dark {
		color: #333
	}
	
	.la-ball-fall>div {
		display: inline-block;
		float: none;
		background-color: currentColor;
		border: 0 solid
	}
	
	.la-ball-fall {
		width: 54px;
		height: 18px
	}
	
	.la-ball-fall>div {
		width: 10px;
		height: 10px;
		margin: 4px;
		border-radius: 100%;
		opacity: 0;
		-webkit-animation: ball-fall 1s ease-in-out infinite;
		-moz-animation: ball-fall 1s ease-in-out infinite;
		-o-animation: ball-fall 1s ease-in-out infinite;
		animation: ball-fall 1s ease-in-out infinite
	}
	
	.la-ball-fall>div:first-child {
		-webkit-animation-delay: -.2s;
		-moz-animation-delay: -.2s;
		-o-animation-delay: -.2s;
		animation-delay: -.2s
	}
	
	.la-ball-fall>div:nth-child(2) {
		-webkit-animation-delay: -.1s;
		-moz-animation-delay: -.1s;
		-o-animation-delay: -.1s;
		animation-delay: -.1s
	}
	
	.la-ball-fall>div:nth-child(3) {
		-webkit-animation-delay: 0ms;
		-moz-animation-delay: 0ms;
		-o-animation-delay: 0ms;
		animation-delay: 0ms
	}
	
	.la-ball-fall.la-sm {
		width: 26px;
		height: 8px
	}
	
	.la-ball-fall.la-sm>div {
		width: 4px;
		height: 4px;
		margin: 2px
	}
	
	.la-ball-fall.la-2x {
		width: 108px;
		height: 36px
	}
	
	.la-ball-fall.la-2x>div {
		width: 20px;
		height: 20px;
		margin: 8px
	}
	
	.la-ball-fall.la-3x {
		width: 162px;
		height: 54px
	}
	
	.la-ball-fall.la-3x>div {
		width: 30px;
		height: 30px;
		margin: 12px
	}
	
	@-webkit-keyframes ball-fall {
		0% {
			opacity: 0;
			-webkit-transform: translateY(-145%);
			transform: translateY(-145%)
		}
		10% {
			opacity: .5
		}
		20% {
			opacity: 1;
			-webkit-transform: translateY(0);
			transform: translateY(0)
		}
		80% {
			opacity: 1;
			-webkit-transform: translateY(0);
			transform: translateY(0)
		}
		90% {
			opacity: .5
		}
		to {
			opacity: 0;
			-webkit-transform: translateY(145%);
			transform: translateY(145%)
		}
	}
	
	@-moz-keyframes ball-fall {
		0% {
			opacity: 0;
			-moz-transform: translateY(-145%);
			transform: translateY(-145%)
		}
		10% {
			opacity: .5
		}
		20% {
			opacity: 1;
			-moz-transform: translateY(0);
			transform: translateY(0)
		}
		80% {
			opacity: 1;
			-moz-transform: translateY(0);
			transform: translateY(0)
		}
		90% {
			opacity: .5
		}
		to {
			opacity: 0;
			-moz-transform: translateY(145%);
			transform: translateY(145%)
		}
	}
	
	@-o-keyframes ball-fall {
		0% {
			opacity: 0;
			-o-transform: translateY(-145%);
			transform: translateY(-145%)
		}
		10% {
			opacity: .5
		}
		20% {
			opacity: 1;
			-o-transform: translateY(0);
			transform: translateY(0)
		}
		80% {
			opacity: 1;
			-o-transform: translateY(0);
			transform: translateY(0)
		}
		90% {
			opacity: .5
		}
		to {
			opacity: 0;
			-o-transform: translateY(145%);
			transform: translateY(145%)
		}
	}
	
	@keyframes ball-fall {
		0% {
			opacity: 0;
			-webkit-transform: translateY(-145%);
			-moz-transform: translateY(-145%);
			-o-transform: translateY(-145%);
			transform: translateY(-145%)
		}
		10% {
			opacity: .5
		}
		20% {
			opacity: 1;
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0)
		}
		80% {
			opacity: 1;
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0)
		}
		90% {
			opacity: .5
		}
		to {
			opacity: 0;
			-webkit-transform: translateY(145%);
			-moz-transform: translateY(145%);
			-o-transform: translateY(145%);
			transform: translateY(145%)
		}
	}