@import url('../css/fonts.css');

:root {
	--base-1: #4f4f97;
	--base-2: #8c8cd9;
	--base-3: #8ac9ff;

	--color-1: #bee3ff;
	--color-2: #a4f1ff;
	--color-3: #54acff;
	--color-4: #b254ff;
	--color-5: #ff54d4;
	--color-6: #ff5454;
	--color-7: #ffac54;

	--full: 160px;
}

::-webkit-input-placeholder {
	color: #000;
}

::-moz-placeholder {
	color: #000;
}

:-ms-input-placeholder {
	color: #000;
}

::-ms-input-placeholder {
	color: #000;
}

input, button, textarea {
	background: 0;
	border: 0;
	outline: 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 14px;
	color: #fff;
	font-family: 'Proxima Nova Rg';
}

textarea {
	resize: none;
}

input[type="submit"], button[type="submit"] {
	cursor: pointer;
}

a, input[type="submit"], button[type="submit"] {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

* {
	padding: 0;
	margin: 0;
	outline: 0;
}

html, body {
	background-repeat: no-repeat;
	background-color: #0d0d29;
	font-size: 14px;
	color: #fff;
	font-family: 'Proxima Nova Rg';
	min-width: 1200px;
}

a {
	color: #fff;
	text-decoration: none;
}

ul, li {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
}

.wrap {
	min-height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	overflow: hidden;
}

.full {
	padding-left: var(--full);
	padding-right: var(--full);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.live:after {
	background: url(../images/Live-drop/Left.png) no-repeat;
	width: 75px;
	height: 160px;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
}

.live {
	height: 135px;
	position: relative;
}

.live-ul {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.live-hype-ul {
	width: max-content;
	display: flex;
	height: 100%;
	align-items: center;
	background: rgba(8, 8, 33, 0.40);
	border-right: 1px solid rgba(100,100,255, 0.10);	
}

.live-hover {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
}

.live-upgrade {
	z-index: 4;
	position: absolute;
	bottom: 12px;
	left: 0;
	right: 0;
	font-size: 12px;
	text-align: center;
}

.live-i.color-1:after {
	background-image: url(../images/Live-drop/1.png);
}

.live-i.color-2:after {
	background-image: url(../images/Live-drop/2.png);
}

.live-i.color-3:after {
	background-image: url(../images/Live-drop/3.png);
}

.live-i.color-4:after {
	background-image: url(../images/Live-drop/4.png);
}

.live-i.color-5:after {
	background-image: url(../images/Live-drop/5.png);
}

.live-i.color-6:after {
	background-image: url(../images/Live-drop/6.png);
}

.live-i.color-7:after {
	background-image: url(../images/Live-drop/7.png);
}

.live-i:after {
	width: 153px;
	height: 153px;
	background-repeat: no-repeat;
	position: absolute;
	top: -11px;
	left: -21px;
	content: '';
	z-index: -1;
}

.live-i {
	position: relative;
	z-index: 1;
	width: 115px;
	height: 115px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid rgba(255,255,255, 0.07);
	border-radius: 50%;
	margin-left: 10px;
}

.live-wp {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.live-case {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 3;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
	border-radius: 50%;
	-webkit-transform: scale(0);
	    -ms-transform: scale(0);
	        transform: scale(0);
}

.live-hover:hover {
	overflow: visible;
}

.live-hover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	border-radius: 50%;
	overflow: hidden;
}

.live-hover:hover .live-case {
	opacity: 1;
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
}

.live-hover:hover .live-wp {
	opacity: 0;
	-webkit-transform: scale(0);
	    -ms-transform: scale(0);
	        transform: scale(0);
}

.live-hover:hover .live-login,
.live-hover:hover .live-wp-name {
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	opacity: 1;
}

.live-case img {
	max-width: 75%;
	margin-left: -5px;
}

.live-login {
	top: 0;
	-webkit-transform: scale(0);
	    -ms-transform: scale(0);
	        transform: scale(0);
}

.live-wp-name {
	bottom: 0;
	-webkit-transform: scale(0);
	    -ms-transform: scale(0);
	        transform: scale(0);
}

.live-login,
.live-wp-name {
	position: absolute;
	left: 0;
	right: 0;
	font-size: 12px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
}

.live-i.color-1 .live-wp-name span {
	color: var(--color-1);
}

.live-i.color-2 .live-wp-name span {
	color: var(--color-2);
}

.live-i.color-3 .live-wp-name span {
	color: var(--color-3);
}

.live-i.color-4 .live-wp-name span {
	color: var(--color-4);
}

.live-i.color-5 .live-wp-name span {
	color: var(--color-5);
}

.live-i.color-6 .live-wp-name span {
	color: var(--color-6);
}

.live-i.color-7 .live-wp-name span {
	color: var(--color-7);
}

.header {
	height: 148px;
	border: 1px solid rgba(100,100,255, 0.06);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.header .in {
	width: 100%;
	height: 130px;
	background: rgba(100,100,255, 0.04);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.panel {
	height: 90px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.container {
	padding-top: 62px;
	padding-bottom: 62px;
}

.footer {
	height: 200px;
	margin-top: auto;
	background: #0b0b24;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.logo {
	background: url(../images/logo.png) no-repeat;
	width: 199px;
	height: 50px;
	margin-right: 111px;
}

.menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.menu li:not(:last-child) {
	margin-right: 81px;
}

.menu a {
	font-size: 18px;
	text-transform: uppercase;
	position: relative;
}

.menu a:after {
	height: 2px;
	position: absolute;
	bottom: -17px;
	left: 0;
	right: 100%;
	content: '';
	background: var(--base-3);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.menu a:hover:after {
	right: 0;
}

.menu a:hover {
	color: var(--base-3);
	-webkit-filter: drop-shadow(0 0 13px #3da5ff);
	        filter: drop-shadow(0 0 13px #3da5ff);
}

.login,
.mini-profile-btn {
	margin-left: auto;
	background: url(../images/login.png) no-repeat;
	width: 250px;
	height: 81px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 16px;
	position: relative;
}

.login {
	padding-left: 28px;
	padding-right: 26px;
}

.login svg {
	margin-left: auto;
}

.login path {
	fill: #fff;
}

.line-hover span {
	height: 11px;
	position: absolute;
	-webkit-transition: ease-in 0.35s;
	-o-transition: ease-in 0.35s;
	transition: ease-in 0.35s;
}

.line-tl {
	border-right: 2px solid var(--base-3);
	top: -5px;
	left: 9px;
	right: calc(100% - 11px);
	z-index: 2;
}

.line-tr {
	border-left: 2px solid var(--base-3);
	top: -5px;
	right: 9px;
	left: calc(100% - 11px);
	z-index: 2;
}

.line-bl {
	border-right: 2px solid var(--base-3);
	bottom: -4px;
	left: 9px;
	right: calc(100% - 11px);
	z-index: 2;
}

.line-br {
	border-left: 2px solid var(--base-3);
	bottom: -4px;
	right: 9px;
	left: calc(100% - 11px);
	z-index: 2;
}

.line-tl2 {
	top: -5px;
	left: 9px;
	right: calc(100% - 11px);
	background-color: rgba(96,96,168, 0.10);
}

.line-tr2 {
	top: -5px;
	right: 9px;
	left: calc(100% - 11px);
	background-color: rgba(96,96,168, 0.10);
}

.line-bl2 {
	bottom: -4px;
	left: 9px;
	right: calc(100% - 11px);
	background-color: rgba(96,96,168, 0.10);
}

.line-br2 {
	bottom: -4px;
	right: 9px;
	left: calc(100% - 11px);
	background-color: rgba(96,96,168, 0.10);
}

.line-hover:hover .line-tl,
.line-hover:hover .line-tl2,
.line-hover:hover .line-bl,
.line-hover:hover .line-bl2 {
	right: calc(50% + 10px);
}

.line-hover:hover .line-tr,
.line-hover:hover .line-tr2,
.line-hover:hover .line-br,
.line-hover:hover .line-br2 {
	left: calc(50% + 10px);
}

.line-hover:hover .line-tl,
.line-hover:hover .line-tr,
.line-hover:hover .line-bl,
.line-hover:hover .line-br {
	-webkit-filter: drop-shadow(0 0 10px var(--base-3)) drop-shadow(0 0 10px var(--base-3));
	        filter: drop-shadow(0 0 10px var(--base-3)) drop-shadow(0 0 10px var(--base-3));
}

.mini-profile {
	margin-left: auto;
	position: relative;
	left: var(--full);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-right: var(--full);
	padding-left: 30px;
	background: rgba(100,100,255, 0.04);
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.mini-profile .mini-profile-btn {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.mini-profile .mini-profile-btn span {
	border-color: #8affb1;
}

.mini-profile .mini-profile-btn:hover .line-tl,
.mini-profile .mini-profile-btn:hover .line-tr,
.mini-profile .mini-profile-btn:hover .line-bl,
.mini-profile .mini-profile-btn:hover .line-br {
	-webkit-filter: drop-shadow(0 0 10px #8affb1) drop-shadow(0 0 10px #8affb1);
	        filter: drop-shadow(0 0 10px #8affb1) drop-shadow(0 0 10px #8affb1);
}

.mini-profile-ava {
	width: 81px;
	height: 81px;
	background: url(../images/mini-profile-ava.png) no-repeat;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-left: 30px;
	position: relative;
}

.mini-profile-ava a,
.mini-profile-ava img {
	width: 73px;
	height: 73px;
}

.mini-profile-pole {
	margin-left: 30px;
	width: 162px;
}

.mini-profile-login {
	font-size: 24px;
	margin-bottom: 1px;
	margin-right: 15px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	max-width: 145px;
}

.mini-profile-balance {
	font-size: 24px;
	color: var(--base-3);
	max-width: -webkit-max-content;
	max-width: -moz-max-content;
	max-width: max-content;
}

.mini-profile-logout svg {
	fill: var(--base-1);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.mini-profile-logout:hover svg {
	fill: var(--base-3);
}

.flogo {
	background: url(../images/LogoDark.png) no-repeat;
	width: 199px;
	height: 50px;
}

.fpole {
	margin-left: 71px;
}

.fcopy {
	font-size: 18px;
	padding-bottom: 15px;
	color: #39396b;
}

.ftext {
	font-size: 14px;
	color: #1f1f4b;
	font-family: 'Proxima Nova Lt';
}

.fmenu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin-left: auto;
	margin-right: -75px;
	width: 630px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.fmenu li {
	margin: 10px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	width: 300px;
}

.fmenu a {
	font-size: 16px;
	color: #343463;
	padding-bottom: 2px;
	border-bottom: 1px solid #1d1d3f;
}

.fmenu a:hover {
	color: #fff;
	border-color: #fff;
}

.stats {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.stats li:not(:last-child) {
	margin-right: 55px;
}

.stats li {
	position: relative;
	padding-left: 50px;
}

.stats svg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
}

.stats .stats-p-1 {
	color: #4c4c92;
}

.stats .stats-p-2 {
	font-size: 18px;
	font-weight: 600;
}

.stats-online .stats-p-2 {
	color: #8affa6;
}

.stats-user .stats-p-2 {
	color: #fff08a;
}

.stats-case .stats-p-2 {
	color: #ff8a8a;
}

.stats-upgrade .stats-p-2 {
	color: #f88aff;
}

.soc {
	margin-left: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.soc li:not(first-child) {
	margin-left: 60px;
}

.soc svg {
	fill: #4f4f97;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.soc a:hover svg {
	fill: var(--base-3);
}

.rotate {
	-webkit-animation: 1s linear 0s normal none infinite running rot;
	        animation: 1s linear 0s normal none infinite running rot;
	-webkit-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
}

@-webkit-keyframes rot {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 50px;
}

.title span {
	font-size: 24px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 63px;
}

.title span:before {
	background: url(../images/Headline.png) no-repeat;
	width: 122px;
	height: 103px;
	content: '';
	margin-right: calc( -17px * 2);
}

.title span:after {
	background: url(../images/Headline.png) no-repeat;
	width: 122px;
	height: 103px;
	content: '';
	-webkit-transform: scale(-1, 1);
	    -ms-transform: scale(-1, 1);
	        transform: scale(-1, 1);
	margin-left: calc( -17px * 2);
}

.case-loop {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 70px;
	margin-bottom: -55px;
	margin-left: -50px;
	margin-right: -50px;
}

.case.no-item {
	opacity: 0.20;
}

.case {
	width: 260px;
	max-height: 402px;
	margin-bottom: 55px;
}

.case-in {
	width: 220px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
}

.case:not(.no-item) .case-in:hover .case-images {
	-webkit-transform: translate3d(0, -20px, 0);
	        transform: translate3d(0, -20px, 0);
	-webkit-filter: saturate(150%);
	        filter: saturate(150%)
}

.case-loop.csgo .case-images {
	margin-bottom: -15px;
	width: 240px;
	max-height: 200px;
}

.case-loop.collection .case-images {
	margin-bottom: -5px;
	width: 240px;
	max-height: 200px;
}

.case-images {
	width: 310px;
	max-height: 310px;
	margin-top: -15px;
	margin-bottom: -25px;
	-webkit-transition: 0.45s;
	-o-transition: 0.45s;
	transition: 0.45s;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.case-images img {
	max-width: 100%;
	max-height: 100%;
}

.case-hover {
	position: absolute;
	top: 0;
	bottom: -5px;
	left: 0;
	right: 0;
}

.case-name {
	font-size: 18px;
	margin-top: 20px;
}

.case:not(.no-item) .case-in:hover .case-price:after {
	-webkit-transform: translate3d(10px, 0, 0);
	        transform: translate3d(10px, 0, 0);
}

.case:not(.no-item) .case-in:hover .case-price:before {
	-webkit-transform: translate3d(-10px, 0, 0);
	        transform: translate3d(-10px, 0, 0);
}

.case-price:after {
	width: 46px;
	height: 59px;
	background: url(../images/price-after.png) no-repeat 0 0;
	position: absolute;
	top: 21px;
	left: 3px;
	content: '';
	-webkit-transition: 0.45s;
	-o-transition: 0.45s;
	transition: 0.45s;
}

.case-price:before {
	width: 46px;
	height: 59px;
	background: url(../images/price-after.png) no-repeat right bottom;
	position: absolute;
	top: 21px;
	right: 3px;
	content: '';
	-webkit-transition: 0.45s;
	-o-transition: 0.45s;
	transition: 0.45s;
}

.case-price {
	background: url(../images/Price.png) no-repeat;
	width: 201px;
	height: 101px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: 24px;
	font-weight: 600;
	color: var(--base-3);
	text-shadow: 0 0 27px rgba(61,165,255, 0.40);
	position: relative;
}

.case-price-old {
	color: #ff8a8a;
	font-size: 16px;
	font-weight: 600;
	text-shadow: 0 0 27px rgba(255,61,61, 0.40);
	margin-top: -11px;
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

.case-price-old:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #fff;
	content: '';
	z-index: 1;
	margin: auto;
	-webkit-filter: drop-shadow(0 0 2px #ff3d3d) drop-shadow(0 0 2px #ff3d3d);
	        filter: drop-shadow(0 0 2px #ff3d3d) drop-shadow(0 0 2px #ff3d3d);
}

.faq-i:not(:last-child) {
	margin-bottom: 20px;
}

.faq-name:after {
	width: 16px;
	height: 2px;
	background: #4f4f97;
	position: absolute;
	top: 43px;
	right: 40px;
	content: '';
}

.faq-name:before {
	width: 2px;
	height: 16px;
	background: #4f4f97;
	position: absolute;
	top: 36px;
	right: 47px;
	content: '';
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.faq-i.active .faq-name:before {
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
	opacity: 0;
}

.faq-name {
	height: 88px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background: rgba(100,100,255, 0.04);
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 40px;
	font-size: 20px;
	color: #7a7ac0;
	cursor: pointer;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	position: relative;
}

.faq-name:hover {
	color: #79afe2;
	padding-left: 50px;
	//background: rgba(100,100,255, 0.07);
}

.faq-i.active .faq-name {
	background: rgba(100,100,255, 0.04);
	color: #fff;
}

.faq-mess {
	background: rgba(100,100,255, 0.04);
	margin-top: 1px;
	padding: 40px;
	font-size: 16px;
	font-family: 'Proxima Nova Lt';
	color: #4f4f97;
	display: none;
}

.faq-mess span {
	color: #84c1f5;
}

.use {
	font-size: 16px;
	color: #8c8cd9;
}

.use p {
	margin-bottom: 20px;
}

.use ul {
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.use ul li:not(:last-child) {
	margin-bottom: 25px;
}

.use ul li:not(:first-child) {
	padding-left: 100px;
}

.use ul li:first-child {
	font-size: 22px;
}

.open-do,
.rulet,
.win {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 792px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: -50px;
}

.open-do-case {
	background: url(../images/BeforeOpen.png) no-repeat;
	width: 484px;
	height: 484px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
	z-index: 1;
}

.open-do-case:after {
	background: url(../images/BeforeOpen-after.png) no-repeat;
	width: 380px;
	height: 380px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content: '';
	z-index: -1;
	-webkit-animation: 6s linear 0s normal none infinite running rot;
	        animation: 6s linear 0s normal none infinite running rot;
}

.open-do-panel {
	background: url(../images/open-do-panel.png) no-repeat;
	width: 692px;
	height: 155px;
	margin-top: 39px;
	margin-bottom: -21px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.open-do-btn {
	width: 250px;
	height: 81px;
	position: relative;
	font-size: 16px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-transform: uppercase;
}

.open-do-price {
	text-align: center;
	font-size: 14px;
	color: #8ac9ff;
}

.open-do-price p {
	text-shadow: 0 0 20px rgba(61,165,255, 0.30);
}

.open-do-price p:nth-child(1) {
	margin-top: 4px;
}

.open-do-price p:nth-child(2) {
	font-size: 36px;
	font-weight: 600;
	font-family: 'Proxima Nova Lt';
	margin-top: 4px;
}

.item.color-1:after {
	background-image: url(../images/Items/1.png);
}

.item.color-2:after {
	background-image: url(../images/Items/2.png);
}

.item.color-3:after {
	background-image: url(../images/Items/3.png);
}

.item.color-4:after {
	background-image: url(../images/Items/4.png);
}

.item.color-5:after {
	background-image: url(../images/Items/5.png);
}

.item.color-6:after {
	background-image: url(../images/Items/6.png);
}

.item.color-7:after {
	background-image: url(../images/Items/7.png);
}

.item:after {
	width: 254px;
	height: 270px;
	background-repeat: no-repeat;
	position: absolute;
	top: -26px;
	left: -21px;
	content: '';
	z-index: 1;
}

.item {
	background-image: url(../images/item.png);
	width: 212px;
	height: 218px;
	background-repeat: no-repeat;
	position: relative;
}

.item-loop {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0 -17px;
}

.item-loop .item {
	margin: 15px 9.5px;
}

.item.color-1 .item-name2 {
	color: var(--color-1);
}

.item.color-2 .item-name2 {
	color: var(--color-2);
}

.item.color-3 .item-name2 {
	color: var(--color-3);
}

.item.color-4 .item-name2 {
	color: var(--color-4);
}

.item.color-5 .item-name2 {
	color: var(--color-5);
}

.item.color-6 .item-name2 {
	color: var(--color-6);
}

.item.color-7 .item-name2 {
	color: var(--color-7);
}

.item-wp {
	height: 150px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
	z-index: 5;
}

.item-wp img {
	max-height: 108px;
	max-width: 160px;
	margin-top: 25px;
}

.item-name1 {
	font-size: 18px;
}

.item-name2 {
	font-size: 16px;
}

.item-name1,
.item-name2 {
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	padding: 0 20px;
	position: relative;
	z-index: 5;
}

.rul-loop:after {
	background: url(../images/rul.png) no-repeat;
	width: 24px;
	height: 305px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: '';
	z-index: 99;
}

.rul-loop {
	max-width: 1238px;
	height: 278px;
	position: relative;
}

.rul {
	height: 278px;
	border: 1px solid rgba(255,255,255, 0.05);
	overflow: hidden;
}

.rul-ul.active {
	    -webkit-animation-duration:10s;
	            animation-duration:10s;
	-webkit-animation-name:rulet;
	        animation-name:rulet;
}

.rul-ul {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	height: 278px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	position: relative;
	left: calc(50% - 960px);
	-webkit-animation-iteration-count:1;
	        animation-iteration-count:1;
	-webkit-animation-fill-mode:both;
	        animation-fill-mode:both;
}

.rul .item {
	margin-right: 3px;
}

@-webkit-keyframes rulet {
	0% {
		-webkit-animation-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
		        animation-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	
	60% {
		-webkit-animation-duration:20s;
		        animation-duration:20s;
		-webkit-animation-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);
		        animation-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);
	}
	
	80% {
		-webkit-animation-timing-function:cubic-bezier(0.68, 0.84, 0.265, 1.55);
		        animation-timing-function:cubic-bezier(0.68, 0.84, 0.265, 1.55);
	}
	
	100% {
		-webkit-transform: translate3d(-10974px, 0, 0);
		        transform: translate3d(-10974px, 0, 0);
	}
}

@keyframes rulet {
	0% {
		-webkit-animation-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
		        animation-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	
	60% {
		-webkit-animation-duration:20s;
		        animation-duration:20s;
		-webkit-animation-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);
		        animation-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);
	}
	
	80% {
		-webkit-animation-timing-function:cubic-bezier(0.68, 0.84, 0.265, 1.55);
		        animation-timing-function:cubic-bezier(0.68, 0.84, 0.265, 1.55);
	}
	
	100% {
		-webkit-transform: translate3d(-10974px, 0, 0);
		        transform: translate3d(-10974px, 0, 0);
	}
}

.win-row:before {
	width: 484px;
	height: 484px;
	background: url(../images/Prize/White.png) no-repeat;
	position: absolute;
	top: -2px;
	bottom: 0;
	left: -3px;
	right: 0;
	content: '';
	margin: auto;
	z-index: 1;
}

.win-row {
	width: 759px;
	height: 759px;
	background-repeat: no-repeat;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
	margin-bottom: -157px;
	margin-top: -152px;
}

.win-row img {
	max-width: 340px;
	max-height: 250px;
	position: relative;
	z-index: 5;
}

.win.color-1 .win-row {
	background-image: url(../images/Prize/1.png);
}

.win.color-2 .win-row {
	background-image: url(../images/Prize/2.png);
}

.win.color-3 .win-row {
	background-image: url(../images/Prize/3.png);
}

.win.color-4 .win-row {
	background-image: url(../images/Prize/4.png);
}

.win.color-5 .win-row {
	background-image: url(../images/Prize/5.png);
}

.win.color-6 .win-row {
	background-image: url(../images/Prize/6.png);
}

.win.color-7 .win-row {
	background-image: url(../images/Prize/7.png);
}

.win-row svg {
	position: absolute;
	top: 188px;
	left: 188px;
	content: '';
	z-index: 2;
	opacity: 0.08;
	-webkit-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	-webkit-animation: 6s linear 0s normal none infinite running rot;
	        animation: 6s linear 0s normal none infinite running rot;
}

.win.color-1 path {
	stroke: var(--color-1);
}

.win.color-2 path {
	stroke: var(--color-2);
}

.win.color-3 path {
	stroke: var(--color-3);
}

.win.color-4 path {
	stroke: var(--color-4);
}

.win.color-5 path {
	stroke: var(--color-5);
}

.win.color-6 path {
	stroke: var(--color-6);
}

.win.color-7 path {
	stroke: var(--color-7);
}

.win-name {
	margin-top: 50px;
	text-align: center;
	font-family: 'Proxima Nova Lt';
}

.win-name p:nth-child(1) {
	font-size: 24px;
}

.win-name p:nth-child(2) {
	font-size: 18px;
	margin-top: 4px;
	color: #7676cd;
}

.win.color-1 .win-name p:nth-child(1) span {
	color: var(--color-1);
}

.win.color-2 .win-name p:nth-child(1) span {
	color: var(--color-2);
}

.win.color-3 .win-name p:nth-child(1) span {
	color: var(--color-3);
}

.win.color-4 .win-name p:nth-child(1) span {
	color: var(--color-4);
}

.win.color-5 .win-name p:nth-child(1) span {
	color: var(--color-5);
}

.win.color-6 .win-name p:nth-child(1) span {
	color: var(--color-6);
}

.win.color-7 .win-name p:nth-child(1) span {
	color: var(--color-7);
}

.win-btn {
	margin-top: 40px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.win-btn-a {
	background: url(../images/login.png) no-repeat;
    width: 250px;
    height: 81px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    margin: 0 10px;
    font-size: 16px;
    text-transform: uppercase;
}

.line-hover.red {
	color: #ea7f81;
}

.line-hover.green {
	color: #8aff97;
}

.line-hover.blue {
	color: #7fb7eb;
}

.line-hover.red span {
	border-color: #ff8a8a;
}

.line-hover.green span {
	border-color: #8aff98;
}

.line-hover.red:hover .line-tl,
.line-hover.red:hover .line-tr,
.line-hover.red:hover .line-bl,
.line-hover.red:hover .line-br {
	-webkit-filter: drop-shadow(0 0 10px #ff8a8a) drop-shadow(0 0 10px #ff8a8a);
	        filter: drop-shadow(0 0 10px #ff8a8a) drop-shadow(0 0 10px #ff8a8a);
}

.line-hover.green:hover .line-tl,
.line-hover.green:hover .line-tr,
.line-hover.green:hover .line-bl,
.line-hover.green:hover .line-br {
	-webkit-filter: drop-shadow(0 0 10px #8aff98) drop-shadow(0 0 10px #8aff98);
	        filter: drop-shadow(0 0 10px #8aff98) drop-shadow(0 0 10px #8aff98);
}

.profile {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 100px;
	margin-top: 60px;
}

.profile-left {
	width: 520px;
	border: 1px solid rgba(100,100,255, 0.06);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 9px;
}

.profile-bg {
	border: 1px solid rgba(100,100,255, 0.06);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 9px;
	margin: 0 20px;
}

.profile-bg .profile-in {
	width: 206px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.profile-right {
	margin-left: auto;
	width: calc(100% - 540px);
	border: 1px solid rgba(100,100,255, 0.06);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 9px;
}

.profile-in {
	background: rgba(100,100,255, 0.04);
	height: 206px;
}

.profile-left .profile-in {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-left: 49px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.profile-ava {
	width: 122px;
	height: 122px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
	background: url(../images/profile-ava.png) no-repeat;
	margin-right: 50px;
}

.profile-ava img {
	width: 114px;
	height: 114px;
}

.profile-panel {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 67px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.profile-panel li:after {
	height: 28px;
	width: 28px;
	border: 1px solid #8ac9ff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 30px;
	content: attr(data-count);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: auto 0;
	font-size: 16px;
	color: #8ac9ff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-box-shadow: 0 0 27px rgba(61,165,255, 0.30), inset 0 0 25px rgba(61,165,255, 0.20);
	        box-shadow: 0 0 27px rgba(61,165,255, 0.30), inset 0 0 25px rgba(61,165,255, 0.20);
}

.profile-panel li.active p:nth-child(1) {
	color: #84f4ab;
}

.profile-panel li.active:after {
	color: #8affb1;
	border-color: #8affb1;
	-webkit-box-shadow: 0 0 27px rgba(138,255,177, 0.25), inset 0 0 25px rgba(138,255,177, 0.13);
	        box-shadow: 0 0 27px rgba(138,255,177, 0.25), inset 0 0 25px rgba(138,255,177, 0.13);
}

.profile-panel li {
	width: calc((100% - 2px) / 3);
	background: rgba(100,100,255, 0.03);
	font-family: 'Proxima Nova Lt';
	position: relative;
	padding-left: 90px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 67px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.profile-panel li p:nth-child(1) {
	font-size: 16px;
	color: #84c1f6;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.profile-panel li p:nth-child(2) {
	font-size: 14px;
	color: #4c4c92;
	margin-top: 4px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.profile-trade {
	height: 139px;
	padding: 0 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.profile-login {
	font-size: 24px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	max-width: 180px;
}

.profile-balance {
	font-size: 20px;
	color: #4f4f97;
}

.profile-balance span {
	color: #8ac9ff;
	font-size: 24px;
}

.profile-plus {
	background: rgba(100,100,255, 0.06);
	height: 48px;
	width: 220px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border: 1px solid rgba(100,100,255, 0.20);
	font-size: 16px;
	color: #8ac9ff;
	margin-top: 12px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.profile-plus:hover,
.profile-input button[type="submit"]:hover {
	color: var(--base-3);
	text-shadow: 0 0 13px #3da5ff;
}

.profile-input {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 48px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 15px;
}

.profile-input input[type="text"] {
	width: calc(100% - 210px);
	height: 48px;
	background: rgba(0,0,0, 0.11);
	-webkit-box-shadow: inset 0 0 0 1px rgba(100,100,255, 0.08);
	        box-shadow: inset 0 0 0 1px rgba(100,100,255, 0.08);
	padding: 0 20px;
	color: #84c1f5;
	font-size: 16px;
}

.profile-input button[type="submit"] {
	width: 180px;
	height: 48px;
	border: 1px solid rgba(100,100,255, 0.20);
	background: rgba(100,100,255, 0.06);
	font-size: 16px;
	color: #8ac9ff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.profile-trade-link {
	color: #4c4c92;
	font-size: 16px;
}

.profile-trade-link a:hover {
	color: #fff;
}

.profile-trade-link a {
	color: #84c1f5;
	text-decoration: underline;
}

.item-loop.item-profile .item {
    margin: 21px 9.5px;
}

.item-loop.item-profile {
	margin-top: -11px;
	margin-bottom: -11px;
}

.item-rub {
	position: absolute;
	top: 28px;
	right: 17px;
	z-index: 7;
	font-size: 17px;
	color: #ffa454;
	text-shadow: 0 0 27px rgba(255,152,61, 0.80);
}

.item-ico {
	width: 32px;
	height: 32px;
	background: url(../images/item-ico.png) no-repeat;
	position: absolute;
	top: -17px;
	right: 17px;
	z-index: 8;
}

.item-ico:after {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	background-position: center center;
	background-repeat: no-repeat;
}

.item-ico.ico-1:after {
	background-image: url(../images/ico-1.png);
	-webkit-filter: drop-shadow(0 0 8px rgba(33,255,70, 0.60)) drop-shadow(0 0 12px rgba(33,255,70, 0.50));
	        filter: drop-shadow(0 0 8px rgba(33,255,70, 0.60)) drop-shadow(0 0 12px rgba(33,255,70, 0.50));
}

.item-ico.ico-2:after {
	background-image: url(../images/ico-2.png);
	-webkit-filter: drop-shadow(0 0 8px rgba(255,84,245, 0.60)) drop-shadow(0 0 12px rgba(255,84,245, 0.50));
	        filter: drop-shadow(0 0 8px rgba(255,84,245, 0.60)) drop-shadow(0 0 12px rgba(255,84,245, 0.50));
}

.item-ico.ico-3:after {
	background-image: url(../images/ico-3.png);
	-webkit-filter: drop-shadow(0 0 8px rgba(84,181,255, 0.60)) drop-shadow(0 0 12px rgba(84,181,255, 0.50));
	        filter: drop-shadow(0 0 8px rgba(84,181,255, 0.60)) drop-shadow(0 0 12px rgba(84,181,255, 0.50));
}

.item-ico.ico-4:after {
	background-image: url(../images/ico-4.png);
	-webkit-filter: drop-shadow(0 0 8px rgba(255,84,84, 0.60)) drop-shadow(0 0 12px rgba(255,84,84, 0.50));
	        filter: drop-shadow(0 0 8px rgba(255,84,84, 0.60)) drop-shadow(0 0 12px rgba(255,84,84, 0.50));
}

.item-ico.ico-5:after {
	background-image: url(../images/ico-5.png);
	-webkit-filter: drop-shadow(0 0 8px rgba(255,84,238, 0.60)) drop-shadow(0 0 12px rgba(255,84,238, 0.50));
	        filter: drop-shadow(0 0 8px rgba(255,84,238, 0.60)) drop-shadow(0 0 12px rgba(255,84,238, 0.50));
}

.item-ico.ico-6:after {
	background-image: url(../images/ico-6.png);
	-webkit-filter: drop-shadow(0 0 8px rgba(84,181,255, 0.60)) drop-shadow(0 0 12px rgba(84,181,255, 0.50));
	        filter: drop-shadow(0 0 8px rgba(84,181,255, 0.60)) drop-shadow(0 0 12px rgba(84,181,255, 0.50));
}

.item-ico.ico-7:after {
	background-image: url(../images/ico-7.png);
	-webkit-filter: drop-shadow(0 0 8px rgba(255,185,84, 0.60)) drop-shadow(0 0 12px rgba(255,185,84, 0.50));
	        filter: drop-shadow(0 0 8px rgba(255,185,84, 0.60)) drop-shadow(0 0 12px rgba(255,185,84, 0.50));
}

.item-ico-hover {
	position: absolute;
	top: 32px;
	left: 14px;
	z-index: 10;
}

.item-ico-hover li {
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	height: 32px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	position: relative;
	background: url(../images/item-ico-hover.png) repeat-x;
}

.item-ico-hover li:after {
	background: url(../images/item-ico-hover-after.png) no-repeat;
	width: 4px;
	height: 32px;
	position: absolute;
	top: 0;
	left: -4px;
	content: '';
}

.item-ico-hover li:before {
	background: url(../images/item-ico-hover-after.png) no-repeat;
	width: 4px;
	height: 32px;
	position: absolute;
	top: 0;
	right: -4px;
	content: '';
	-webkit-transform: scale(-1, 1);
	    -ms-transform: scale(-1, 1);
	        transform: scale(-1, 1);
}

.item-ico-hover a:after {
	width: 24px;
	height: 24px;
	top: 4px;
	left: 0;
}

.item-ico-hover a {
	background: 0;
	position: static;
	width: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 32px;
	top: 0;
	right: 0;
	padding-left: 24px;
	position: relative;
	text-transform: uppercase;
	font-size: 13px;
}

.item-ico-hover span {
	-webkit-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.item-ico-hover a:not(:hover) span {
	padding-left: 0px;
	padding-right: 0px;
	width: 0px;
}

.item-ico-hover a:hover span {
	padding-left: 4px;
	padding-right: 8px;
}

.item-ico-hover li:nth-child(1) a:hover span {
	width: 70px;
}

.item-ico-hover li:nth-child(2) a:hover span {
	width: 78px;
}

.item-ico-hover li:nth-child(3) a:hover span {
	width: 62px;
}

.profile.profile-c {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.profile-text1 {
	font-size: 18px;
	color: #49498c;
	padding-top: 18px;
}

.profile-text2 {
	font-size: 24px;
	font-weight: 600;
	padding-top: 4px;
}

.upgrade {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 150px;
	height: 566px;
	margin-bottom: 80px;
	position: relative;
}

.upgrade-middle {
	width: 450px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	position: relative;
}

.upgrade-row {
	background: url(../images/upgrade-middle.png) no-repeat;
	width: 450px;
	height: 450px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
}

.upgrade-left,
.upgrade-right {
	width: 547px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.upgrade-item {
	width: 547px;
	height: 448px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	z-index: 1;
}

.upgrade-left .upgrade-item {
	padding-left: 78px;
}

.upgrade-right .upgrade-item {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	padding-right: 78px;
}

.upgrade .upgrade-item.color-0:after {
	background-image: url(../images/upgrade/0.png);
}

.upgrade .upgrade-item.color-1:after {
	background-image: url(../images/upgrade/1.png);
}

.upgrade .upgrade-item.color-2:after {
	background-image: url(../images/upgrade/2.png);
}

.upgrade .upgrade-item.color-3:after {
	background-image: url(../images/upgrade/3.png);
}

.upgrade .upgrade-item.color-4:after {
	background-image: url(../images/upgrade/4.png);
}

.upgrade .upgrade-item.color-5:after {
	background-image: url(../images/upgrade/5.png);
}

.upgrade .upgrade-item.color-6:after {
	background-image: url(../images/upgrade/6.png);
}

.upgrade .upgrade-item.color-7:after {
	background-image: url(../images/upgrade/7.png);
}

.upgrade-item-mame span {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.upgrade-item:after,
.upgrade-item:after {
	width: 660px;
	height: 592px;
	background-repeat: no-repeat;
	position: absolute;
	top: -72px;
	content: '';
	z-index: -1;
	-webkit-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}

.upgrade-left .upgrade-item:after {
	left: -37px;
}

.upgrade-right .upgrade-item:after {
	-webkit-transform: scale(-1, 1);
	    -ms-transform: scale(-1, 1);
	        transform: scale(-1, 1);
	right: -37px;
}

.upgrade-item.color-1 .upgrade-item-mame span {
	color: var(--color-1);
}

.upgrade-item.color-2 .upgrade-item-mame span {
	color: var(--color-2);
}

.upgrade-item.color-3 .upgrade-item-mame span {
	color: var(--color-3);
}

.upgrade-item.color-4 .upgrade-item-mame span {
	color: var(--color-4);
}

.upgrade-item.color-5 .upgrade-item-mame span {
	color: var(--color-5);
}

.upgrade-item.color-6 .upgrade-item-mame span {
	color: var(--color-6);
}

.upgrade-item.color-7 .upgrade-item-mame span {
	color: var(--color-7);
}

.upgrade-item-mame {
	font-size: 24px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	max-width: 240px;
}

.upgrade-item-rub {
	font-size: 30px;
	margin-top: 5px;
	margin-bottom: 3px;
}

.upgrade-item-wp {
	width: 340px;
	height: 250px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	        -webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.upgrade-item-wp img {
	max-width: 340px;
	max-height: 250px;
}

.upgrade-item-wp.active {
	-webkit-transform: translate3d(0, -20px, 0);
	        transform: translate3d(0, -20px, 0);
}

.upgrade-loop {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.upgrade-view {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: calc(50% - 10px);
}

.upgrade-view-bg {
	border: 1px solid rgba(255,255,255, 0.05);
	padding: 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.upgrade-view-panel {
	height: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 25px;
}

.upgrade-view-title {
	font-size: 24px;
}

.upgrade-proc {
	font-size: 48px !important;
	font-weight: 600 !important;
	margin-top: -20px;
}

.upgrade-proc-text {
	font-size: 24px;
	margin-top: 50px;
}

.upgrade-btn {
	width: 250px;
	height: 81px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/login.png) no-repeat;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: 16px;
	margin-top: 35px;
	z-index: 33;
}

.upgrade-item-panel {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-top: 35px;
	position: relative;
	z-index: 33;
}

.upgrade-item-panel li {
	font-size: 24px;
	color: #8c8cd9;
}

.upgrade-left .upgrade-item-panel {
	padding-left: 27px;
}

.upgrade-left .upgrade-item-panel li:nth-child(1) {
	width: 245px;
}

.upgrade-right .upgrade-item-panel {
	padding-right: 27px;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.upgrade-right .upgrade-item-panel li:not(:first-child) {
	margin-left: 32px;
}

.upgrade-right .upgrade-item-panel li {
	cursor: pointer;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.upgrade-right .upgrade-item-panel li.active {
	color: #8ac9ff;
	text-shadow: 0 0 27px rgba(61,165,255, 0.70);
}

.upgrade-page {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 23px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 30px;
	font-size: 18px;
}

.upgrade-page .current {
	color: #89c8ff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.upgrade-page .current span {
	padding: 0 11px;
}

.upgrade-page .prev {
	width: 13px;
	height: 23px;
	background: url(../images/prev.png) no-repeat;
}

.upgrade-page .next {
	width: 13px;
	height: 23px;
	background: url(../images/next.png) no-repeat;
}

.upgrade-page .all {
	color: #8c8cd9;
	margin-left: 20px;
}

.upgrade-sort {
	margin-left: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.upgrade-sort-i {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: 53px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #8c8cd9;
	font-size: 18px;
}

.upgrade-sort-i.rub div {
	width: 70px;
	height: 36px;
	background: #0d0d29;
	border: 1px solid #8ac9ff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: 10px;
}

.upgrade-sort-i.rub div input[type="text"] {
	width: 100%;
	text-align: center;
	color: #8ac9ff;
	font-size: 18px;
	position:relative;
	z-index:5;
}

.upgrade-bottom {
	position: absolute;
	height: 112px;
	top: 362px;
	width: 680px;
	left: 50%;
	margin-left: calc(-680px / 2);
	background: url(../images/left.png) no-repeat left bottom,
	url(../images/right.png) no-repeat right bottom;
	padding: 0 43px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.upgrade-row-btn {
	width: 88px;
	height: 88px;
	border: 1px solid rgba(255,255,255, 0.05);
	border-radius: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.upgrade-row-btn a {
	height: 66px;
	width: 66px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 2px solid rgba(255,255,255, 0.10);
	border-radius: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
	z-index: 33;
}

.upgrade-row-btn .cls-1 {
	fill: none;
}

.upgrade-row-btn .sound svg {
	fill: #8ac9ff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-filter: drop-shadow(0 0 12px rgba(61,165,255, 0.40)) drop-shadow(0 0 12px rgba(61,165,255, 0.40));
	        filter: drop-shadow(0 0 12px rgba(61,165,255, 0.40)) drop-shadow(0 0 12px rgba(61,165,255, 0.40));
}

.upgrade-row-btn .chance svg {
	fill: #8ac9ff;
	-webkit-filter: drop-shadow(0 0 14px rgba(61,165,255, 0.40)) drop-shadow(0 0 14px rgba(61,165,255, 0.40));
	        filter: drop-shadow(0 0 14px rgba(61,165,255, 0.40)) drop-shadow(0 0 14px rgba(61,165,255, 0.40));
}

.upgrade-row-btn .chance g {
	-webkit-transform: scale(-1, 1);
	    -ms-transform: scale(-1, 1);
	        transform: scale(-1, 1);
	-webkit-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.upgrade-row-btn .chance.active g {
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
}

.upgrade-row-btn .sound.active rect.opacity {
	opacity: 1;
}

.upgrade-row-btn .sound.active path.opacity {
	opacity: 0;
}

.upgrade-row-btn .sound polygon {
	opacity: 0;
}

.upgrade-row-btn .sound.active path.opacity {
	opacity: 0;
}

.upgrade-row-btn .sound.active polygon {
	opacity: 1;
}

.upgrade-row-btn .sound.active svg {
	fill: #ff8a8a;
	-webkit-filter: drop-shadow(0 0 14px rgba(255,61,61, 0.40)) drop-shadow(0 0 14px rgba(255,61,61, 0.40));
	        filter: drop-shadow(0 0 14px rgba(255,61,61, 0.40)) drop-shadow(0 0 14px rgba(255,61,61, 0.40));
}

.circle {
	position: absolute;
	top: 4px;
	bottom: 0;
	left: 1px;
	right: 0;
	margin: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.circle svg {
	-webkit-filter: drop-shadow(0 0 20px rgba(255,84,84, 0.80));
	        filter: drop-shadow(0 0 20px rgba(255,84,84, 0.80));
}

.circles-valueStroke {
	-webkit-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: -webkit-transform 0.35s;
	-o-transition: transform 0.35s;
	transition: transform 0.35s;
	transition: transform 0.35s, -webkit-transform 0.35s;
}

.circle.active .circles-valueStroke {
	-webkit-transform: scale(-1, 1);
	    -ms-transform: scale(-1, 1);
	        transform: scale(-1, 1);
}

.arrow {
	background: url(../images/arrow.png) no-repeat center 0;
	width: 380px;
	height: 380px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 55;
	/*-webkit-transition: 5s;
	-o-transition: 5s;
	transition: 5s;*/
	-webkit-filter: drop-shadow(0 0 25px rgba(255,255,255, 0.30));
	        filter: drop-shadow(0 0 25px rgba(255,255,255, 0.30));
}

.upgrade-rows {
	z-index: 90;
	position: absolute;
	top: 318px;
	left: 350px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 57px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.upgrade-rows a {
	width: 23px;
	height: 13px;
	background: url(../images/row.png) no-repeat;
	-webkit-filter: drop-shadow(0 0 20px rgba(61,165,255, 1)) drop-shadow(0 0 20px rgba(61,165,255, 1));
	        filter: drop-shadow(0 0 20px rgba(61,165,255, 1)) drop-shadow(0 0 20px rgba(61,165,255, 1));
}

.upgrade-rows a:hover {
	-webkit-filter: drop-shadow(0 0 20px rgba(61,165,255, 1)) drop-shadow(0 0 20px rgba(61,165,255, 1)) drop-shadow(0 0 20px rgba(61,165,255, 1));
	        filter: drop-shadow(0 0 20px rgba(61,165,255, 1)) drop-shadow(0 0 20px rgba(61,165,255, 1)) drop-shadow(0 0 20px rgba(61,165,255, 1));
}

.upgrade-rows a.down {
	background-image: url(../images/row2.png);
}

.upgrade-page .prev,
.upgrade-page .next {
	-webkit-filter: drop-shadow(0 0 15px rgba(61,165,255, 0.50)) drop-shadow(0 0 15px rgba(61,165,255, 0.70));
	        filter: drop-shadow(0 0 15px rgba(61,165,255, 0.50)) drop-shadow(0 0 15px rgba(61,165,255, 0.70));
}

.upgrade-page .prev:hover,
.upgrade-page .next:hover {
	-webkit-filter: drop-shadow(0 0 15px rgba(61,165,255, 1)) drop-shadow(0 0 15px rgba(61,165,255, 1));
	        filter: drop-shadow(0 0 15px rgba(61,165,255, 1)) drop-shadow(0 0 15px rgba(61,165,255, 1));
}

.items-loop {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin: -5px;
}

.items {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: calc((100% - 40px) / 4);
	padding: 4px;
	position: relative;
	cursor: pointer;
	margin: 5px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.items-point {
	position: absolute;
	background: #9f9ca8;
	width: 1px;
	height: 1px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.items-point-tl {
	top: 0;
	left: 0;
}

.items-point-tr {
	top: 0;
	right: 0;
}

.items-point-bl {
	bottom: 0;
	left: 0;
}

.items-point-br {
	bottom: 0;
	right: 0;
}

.items-line {
	position: absolute;
	background: rgba(255,255,255, 0.05);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.items-line-t {
	height: 1px;
	top: 0;
	left: 2px;
	right: 2px;
}

.items-line-b {
	height: 1px;
	bottom: 0;
	left: 2px;
	right: 2px;
}

.items-line-l {
	width: 1px;
	left: 0;
	top: 2px;
	bottom: 2px;
}

.items-line-r {
	width: 1px;
	right: 0;
	top: 2px;
	bottom: 2px;
}

.items-in {
	height: 210px;
	background-color: #0d0d29;
	position: relative;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

.items.color-1 .items-in {
	background-image: url(../images/upgrade/items-1.png);
}

.items.color-2 .items-in {
	background-image: url(../images/upgrade/items-2.png);
}

.items.color-3 .items-in {
	background-image: url(../images/upgrade/items-3.png);
}

.items.color-4 .items-in {
	background-image: url(../images/upgrade/items-4.png);
}

.items.color-5 .items-in {
	background-image: url(../images/upgrade/items-5.png);
}

.items.color-6 .items-in {
	background-image: url(../images/upgrade/items-6.png);
}

.items.color-7 .items-in {
	background-image: url(../images/upgrade/items-7.png);
}

.items-rub {
	position: absolute;
	top: 15px;
	right: 13px;
	font-size: 17px;
	color: #ea964f;
	text-shadow: 0 0 20px rgba(255,152,61, 0.50);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.items.active .items-point,
.items.active .items-line {
	background: #8affa6;
}

.items.active:hover .items-point,
.items.active:hover .items-line {
	background: #ff8a8a;
}

.items.active .items-rub {
	color: #4dea74;
	text-shadow: 0 0 20px rgba(77,234,116, 0.50);
}

.items.active:hover .items-rub {
	color: #ff5454;
	text-shadow: 0 0 20px rgba(255,84,84, 0.50);
}

.items.active:after {
	-webkit-box-shadow: 0 0 30px rgba(77,234,116, 0.10), inset 0 0 30px rgba(77,234,116, 0.10);
	        box-shadow: 0 0 30px rgba(77,234,116, 0.10), inset 0 0 30px rgba(77,234,116, 0.10);
}

.items.active:hover:after {
	-webkit-box-shadow: 0 0 30px rgba(255,84,84, 0.10), inset 0 0 30px rgba(255,84,84, 0.10);
	        box-shadow: 0 0 30px rgba(255,84,84, 0.10), inset 0 0 30px rgba(255,84,84, 0.10);
}

.items:hover .items-wp img {
	-webkit-transform: translate3d(0, -10px, 0);
	        transform: translate3d(0, -10px, 0);
}

.items:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	z-index: 10;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.items-wp {
	height: 146px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.items-wp img {
	max-width: 160px;
	max-height: 108px;
	margin-top: 30px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.items-name1 {
	font-size: 18px;
}

.items-name2 {
	font-size: 16px;
}

.items-name1,
.items-name2 {
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	padding: 0 15px;
}

.items.color-1 .items-name2 {
	color: var(--color-1);
}

.items.color-2 .items-name2 {
	color: var(--color-2);
}

.items.color-3 .items-name2 {
	color: var(--color-3);
}

.items.color-4 .items-name2 {
	color: var(--color-4);
}

.items.color-5 .items-name2 {
	color: var(--color-5);
}

.items.color-6 .items-name2 {
	color: var(--color-6);
}

.items.color-7 .items-name2 {
	color: var(--color-7);
}

.upgrade-sort-i.raritate,
.upgrade-sort-i.price {
	padding-right: 33px;
	position: relative;
	cursor: pointer;
}

.upgrade-sort-i.raritate:after,
.upgrade-sort-i.price:after {
	background: url(../images/r.png) no-repeat;
	width: 63px;
	height: 55px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: -20px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	content: '';
}

.upgrade-sort-i.active:after {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.upgrade-sort-i.search svg {
	position: relative;
	z-index: 33;
	fill: #8ac9ff;
	cursor: pointer;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-filter: drop-shadow(0 0 15px rgba(61,165,255, 0.50)) drop-shadow(0 0 15px rgba(61,165,255, 0.70));
	        filter: drop-shadow(0 0 15px rgba(61,165,255, 0.50)) drop-shadow(0 0 15px rgba(61,165,255, 0.70));
}

.upgrade-sort-i.search svg:hover {
	-webkit-filter: drop-shadow(0 0 15px rgba(61,165,255, 1)) drop-shadow(0 0 15px rgba(61,165,255, 1)) drop-shadow(0 0 15px rgba(61,165,255, 1));
	        filter: drop-shadow(0 0 15px rgba(61,165,255, 1)) drop-shadow(0 0 15px rgba(61,165,255, 1)) drop-shadow(0 0 15px rgba(61,165,255, 1));
}

.upgrade-sort-i.search {
	margin-left: 0;
	margin-right: 8px;
	position: relative;
}

.sea.active {
	z-index: 10;
	opacity: 1;
}

.sea {
	width: 518px;
	height: 48px;
	position: absolute;
	top: 0;
	left: -23px;
	bottom: 0;
	margin: auto 0;
	border: 1px solid #8ac9ff;
	background: #0d0d29;
	z-index: -1;
	opacity: 0;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.upgrade-sort-i.search input[type="text"] {
	width: 100%;
	height: 48px;
	padding-left: 60px;
	padding-right: 60px;
	font-size: 18px;
	color: #8ac9ff;
	margin-top: -1px;
}

.upgrade-sort-i.search input[type="text"]::-webkit-input-placeholder {
	color: #8ac9ff;
}

.upgrade-sort-i.search input[type="text"]::-moz-placeholder {
	color: #8ac9ff;
}

.upgrade-sort-i.search input[type="text"]:-ms-input-placeholder {
	color: #8ac9ff;
}

.upgrade-sort-i.search input[type="text"]::-ms-input-placeholder {
	color: #8ac9ff;
}

.trade-input::placeholder{
	color: #4c4c92;
}


.upgrade-sort-i.search input[type="text"]::placeholder {
	color: #8ac9ff;
}

.sea-close {
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	height: 18px;
	margin: auto 0;
}

.item-case {
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	        max-height: 100% !important;
	        margin: auto;
	        -webkit-transform: scale(0);
	    -ms-transform: scale(0) scale(-1, 1);
	        transform: scale(0) scale(-1, 1);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
}

.item-case.ver-1 {
	max-width: 200px !important;
	top:0;
}

.item-case.ver-2 {
	max-width: 80% !important;
	top:30px;
}

.item-wp {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	width: 160px;
	margin-left: auto;
	margin-right: auto;
}

.item-wp img {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.item-case-hover .item-wp:hover img:nth-child(1) {
	-webkit-transform: scale(0);
	    -ms-transform: scale(0);
	        transform: scale(0);
	opacity: 0;
}

.item-case-hover .item-wp:hover img:nth-child(2) {
	-webkit-transform: scale(1.0);
	    -ms-transform: scale(1.0);
	        transform: scale(1.0);
	opacity: 1;
}

.modal-loop {
	position:fixed;
	z-index:100;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}

.modal-ovarlay {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:101;
	background:#06061e;
	opacity:0.88;
}

.modal {
	position:relative;
	z-index:102;
	-webkit-animation-duration:0.5s;
	        animation-duration:0.5s;
	-webkit-animation-fill-mode:both;
	        animation-fill-mode:both;
}

@-webkit-keyframes slideInDown{
	0% {
		-webkit-transform:translate3d(0, -100%, 0);
		        transform:translate3d(0, -100%, 0);
		visibility:visible;
	}
	
	to {
		-webkit-transform:translateZ(0);
		        transform:translateZ(0);
	}
}

@keyframes slideInDown{
	0% {
		-webkit-transform:translate3d(0, -100%, 0);
		        transform:translate3d(0, -100%, 0);
		visibility:visible;
	}
	
	to {
		-webkit-transform:translateZ(0);
		        transform:translateZ(0);
	}
}

.modal.active {
	-webkit-animation-name:slideInDown;
	        animation-name:slideInDown;
}

.modal-title {
	height: 98px;
	background: #131337;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 24px;
	padding: 0 40px;
}

.modal-pay {
	background: #101031;
	padding: 40px;
	position: relative;
}

.modal-promo {
	background: #0e0e2e;
	padding: 40px;
}

.modal-btn {
	background: url(../images/login.png) no-repeat;
    width: 250px;
    height: 81px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px;
    position: relative;
    color: #fff !important;
    margin-left: auto;
    margin-right: auto;
}

.modal-input {
	height: 72px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 30px;
	margin-bottom: 45px;
}

.modal-input.error {
	border-color: #c36b74!important; 
}

.modal-pay .modal-input {
	background: #0e0e2c;
	border: 1px solid #15153d;
}

.modal-promo .modal-input {
	background: #0c0c29;
	border: 1px solid #13133a;
}

.modal-close {
	margin-left: auto;
}

.modal-close svg {
	fill: #4f4f97;
	cursor: pointer;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.modal-close:hover svg {
	fill: #fff;
}

.modal-summ {
	font-size: 24px;
	color: #4f4f97;
}

.inp-summ {
	font-size: 24px;
	color: #8ac9ff;
	margin-left: 14px;
	width: 70px;
}

.modal-input .mr {
	margin-left: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.inp-promo {
	width: 100%;
	color: #fff;
	font-size: 24px;
	text-align: center;
}

.inp-promo::-webkit-input-placeholder {
	color: #4f4f97;
}

.inp-promo::-moz-placeholder {
	color: #4f4f97;
}

.inp-promo:-ms-input-placeholder {
	color: #4f4f97;
}

.inp-promo::-ms-input-placeholder {
	color: #4f4f97;
}

.inp-promo::placeholder {
	color: #4f4f97;
}

.inp-promo:focus::-webkit-input-placeholder {
	color: transparent;
}

.inp-promo:focus::-moz-placeholder {
	color: transparent;
}

.inp-promo:focus:-ms-input-placeholder {
	color: transparent;
}

.inp-promo:focus::-ms-input-placeholder {
	color: transparent;
}

.inp-promo:focus::placeholder {
	color: transparent;
}

.bonus {
	font-size: 18px;
	color: #4f4f97;
}

.bonus span {
	color: #8ac9ff;
}

.q {
	font-size: 16px;
	color: #84c1f5;
	width: 28px;
	height: 28px;
	background: #131338;
	border: 1px solid #1f1f56;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-left: 12px;
}

.q:hover {
	background: #191945;
}

.modal-bonus.active {
	z-index: 11;
	opacity: 1;
}

.modal-bonus {
	position: absolute;
	top: 102px;
	right: -188px;
	width: 250px;
	opacity: 0;
	z-index: -1;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.modal-bonus li {
	height: 50px;
	background: #131337;
	margin-bottom: 1px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 20px;
	font-size: 18px;
	color: #49498d;
}

.modal-bonus li span {
	color: #84c1f5;
}

.svg-row {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	-webkit-transform: rotate(41deg);
	    -ms-transform: rotate(41deg);
	        transform: rotate(41deg);
	stroke: #1b1e44;
}

.upgrade-middle.active .svg-row {
	-webkit-animation: 5s linear 0s normal none infinite running rot;
	        animation: 5s linear 0s normal none infinite running rot;
}

.upgrade-middle.wins .svg-row {
	-webkit-filter: drop-shadow(0 0 30px #3dff6a);
	        filter: drop-shadow(0 0 30px #3dff6a);
	stroke: #8afda7;
}

.upgrade-middle.wins .upgrade-proc,
.upgrade-middle.wins .upgrade-proc-text {
	color: #8afda7;
	-webkit-filter: drop-shadow(0 0 30px #3dff6a);
	        filter: drop-shadow(0 0 30px #3dff6a);
}

.upgrade-middle.lose .svg-row {
	-webkit-filter: drop-shadow(0 0 30px #ff3d3d);
	        filter: drop-shadow(0 0 30px #ff3d3d);
	stroke: #ff8a8a;
}

.upgrade-middle.lose .upgrade-proc,
.upgrade-middle.lose .upgrade-proc-text {
	color: #ff8a8a;
	-webkit-filter: drop-shadow(0 0 30px #ff3d3d);
	        filter: drop-shadow(0 0 30px #ff3d3d);
}

.upgrade-sort-i.raritate {
	position: relative;
}

.upgrade-sort-i.raritate.active ul {
	z-index: 99;
	opacity: 1;
	transform: none;
}

.upgrade-sort-i.raritate ul {
	position: absolute;
	top: 45px;
	width: 165px;
	background: #101030;
	left: 50%;
	margin-left: calc(-165px / 2);
	z-index: -1;
	opacity: 0;
	transition: 0.5s;
	transform: translate3d(0, -10px, 0);
	box-sizing: border-box;
	padding: 10px 17px;
	box-shadow: 0 19px 29px #08081a90;
	cursor: default;
}

.upgrade-sort-i.raritate ul li {
	font-size: 14px;
	cursor: pointer;
	margin: 6px 0;
	display: flex;
	align-items: center;
}

.upgrade-sort-i.raritate ul li span {
	width: 0; 
height: 0;
border: 4px solid transparent;
position: relative; 
top: -5px;
margin-left: 4px;
margin-right: 10px;
}

.upgrade-sort-i.raritate ul li span:after {
content: "";
width: 0; 
height: 0;
position: absolute; 
left: -4px; 
top: 4px;
border: 4px solid transparent;
}

.upgrade-sort-i.raritate ul li.color-0 span {
	border-bottom-color: #fff;
	filter: drop-shadow(0 0 15px #fff);
}

.upgrade-sort-i.raritate ul li.color-0 span:after {
	border-top-color: #fff;
}

.upgrade-sort-i.raritate ul li.color-1 span {
	border-bottom-color:  var(--color-1);
	filter: drop-shadow(0 0 15px  var(--color-1));
}

.upgrade-sort-i.raritate ul li.color-1 span:after {
	border-top-color:  var(--color-1);
}

.upgrade-sort-i.raritate ul li.color-2 span {
	border-bottom-color:  var(--color-2);
	filter: drop-shadow(0 0 15px  var(--color-2));
}

.upgrade-sort-i.raritate ul li.color-2 span:after {
	border-top-color:  var(--color-2);
}

.upgrade-sort-i.raritate ul li.color-3 span {
	border-bottom-color:  var(--color-3);
	filter: drop-shadow(0 0 15px  var(--color-3));
}

.upgrade-sort-i.raritate ul li.color-3 span:after {
	border-top-color:  var(--color-3);
}

.upgrade-sort-i.raritate ul li.color-4 span {
	border-bottom-color:  var(--color-4);
	filter: drop-shadow(0 0 15px  var(--color-4));
}

.upgrade-sort-i.raritate ul li.color-4 span:after {
	border-top-color:  var(--color-4);
}

.upgrade-sort-i.raritate ul li.color-5 span {
	border-bottom-color:  var(--color-5);
	filter: drop-shadow(0 0 15px  var(--color-5));
}

.upgrade-sort-i.raritate ul li.color-5 span:after {
	border-top-color:  var(--color-5);
}

.upgrade-sort-i.raritate ul li.color-6 span {
	border-bottom-color:  var(--color-6);
	filter: drop-shadow(0 0 15px  var(--color-6));
}

.upgrade-sort-i.raritate ul li.color-6 span:after {
	border-top-color:  var(--color-6);
}

.upgrade-sort-i.raritate ul li.color-7 span {
	border-bottom-color:  var(--color-7);
	filter: drop-shadow(0 0 15px  var(--color-7));
}

.upgrade-sort-i.raritate ul li.color-7 span:after {
	border-top-color:  var(--color-7);
}

.upgrade-sort-i.raritate ul li.color-0 {
	color: #8686d1;
}

.upgrade-sort-i.raritate ul li.color-1 {
	color: #8686d1;
}

.upgrade-sort-i.raritate ul li.color-2 {
	color: #8686d1;
}

.upgrade-sort-i.raritate ul li.color-3 {
	color: #8686d1;
}

.upgrade-sort-i.raritate ul li.color-4 {
	color: #8686d1;
}

.upgrade-sort-i.raritate ul li.color-5 {
	color: #8686d1;
}

.upgrade-sort-i.raritate ul li.color-6 {
	color: #8686d1;
}

.upgrade-sort-i.raritate ul li.color-7 {
	color: #8686d1;
}

.upgrade-sort-i.raritate ul li {
	transition: 0.5s;
}

.upgrade-sort-i.raritate ul li.color-0:hover {
	color: #fff;
}

.upgrade-sort-i.raritate ul li.color-1:hover {
	color: var(--color-1);
}

.upgrade-sort-i.raritate ul li.color-2:hover {
	color: var(--color-2);
}

.upgrade-sort-i.raritate ul li.color-3:hover {
	color: var(--color-3);
}

.upgrade-sort-i.raritate ul li.color-4:hover {
	color: var(--color-4);
}

.upgrade-sort-i.raritate ul li.color-5:hover {
	color: var(--color-5);
}

.upgrade-sort-i.raritate ul li.color-6:hover {
	color: var(--color-6);
}

.upgrade-sort-i.raritate ul li.color-7:hover {
	color: var(--color-7);
}

.item-ico div {
	position: absolute;
	top: -29px;
	left: 31px;
	height: 30px;
	background: #17173e;
	padding: 0 10px;
	display: flex;
	align-items: center;
	transition: 0.5s;
	z-index: -1;
	opacity: 0;
	width: max-content;
}

.item-ico div:hover {
	z-index: -1 !important;
	opacity: 0 !important;
	cursor: default;	
}

.item-ico:hover div {
	z-index: 10;
	opacity: 1;
}

.item-timer div {
	position: absolute;
	top: -29px;
	left: 31px;
	height: 30px;
	background: #17173e;
	padding: 0 10px;
	display: flex;
	align-items: center;
	transition: 0.5s;
	z-index: -1;
	opacity: 0;
	width: max-content;
}

.item-timer div:hover {
	z-index: -1 !important;
	opacity: 0 !important;
	cursor: default;
}

.item-timer:hover div {
	z-index: 10;
	opacity: 1;
}

.item-ico.ico-1 div {
	text-shadow: 0 0 16px #54ff70;
	color: #54ff70;
}

.item-ico.ico-2 div {
	text-shadow: 0 0 16px #ff54f5;
	color: #ff54f5;
}

.item-ico.ico-3 div {
	text-shadow: 0 0 16px #54b5ff;
	color: #54b5ff;
}

.item-ico.ico-4 div {
	text-shadow: 0 0 16px #ff5454;
	color: #ff5454;
}

.item-ico.ico-5 div {
	text-shadow: 0 0 16px #ff54ee;
	color: #ff54ee;
}

.item-ico.ico-6 div {
	text-shadow: 0 0 16px #54b5ff;
	color: #54b5ff;
}

.item-ico.ico-7 div {
	text-shadow: 0 0 16px #ff9b54;
	color: #ff9b54;
}

.HypeDrop {
	background: url(../images/HypeDrop/mblock.png) no-repeat;
	width: 225px;
	height: 114px;
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	padding-left: 37px;
}

.HypeDrop:after {
	position: absolute;
	bottom: -14px;
	right: -13px;
	width: 258px;
	height: 142px;
	content: '';
	z-index: 10;
}

.HypeDrop.color-1:after {
	background: url(../images/HypeDrop/hype1.png) no-repeat;
}

.HypeDrop.color-2:after {
	background: url(../images/HypeDrop/hype2.png) no-repeat;
}

.HypeDrop.color-3:after {
	background: url(../images/HypeDrop/hype3.png) no-repeat;
}

.HypeDrop.color-4:after {
	background: url(../images/HypeDrop/hype4.png) no-repeat;
}

.HypeDrop.color-5:after {
	background: url(../images/HypeDrop/hype5.png) no-repeat;
}

.HypeDrop.color-6:after {
	background: url(../images/HypeDrop/hype6.png) no-repeat;
}

.HypeDrop.color-7:after {
	background: url(../images/HypeDrop/hype7.png) no-repeat;
}

.HypeDrop-title {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

.HypeDrop-name {
	font-size: 14px;
	margin-top: 2px;
	margin-bottom: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 140px;
	color: #e9e9eb;
}

.HypeDrop-rub {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	width: max-content;
    white-space: nowrap;
}

.HypeDrop.color-1 .HypeDrop-name span {
	color: var(--color-1);
}

.HypeDrop.color-2 .HypeDrop-name span {
	color: var(--color-2);
}

.HypeDrop.color-3 .HypeDrop-name span {
	color: var(--color-3);
}

.HypeDrop.color-4 .HypeDrop-name span {
	color: var(--color-4);
}

.HypeDrop.color-5 .HypeDrop-name span {
	color: var(--color-5);
}

.HypeDrop.color-6 .HypeDrop-name span {
	color: var(--color-6);
}

.HypeDrop.color-7 .HypeDrop-name span {
	color: var(--color-7);
}

.glitch {
  position: relative;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.01em;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.glitch::before, .glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background: #0e0e2c;
  color: #fff;
  clip: rect(0, 400px, 0, 0);
}
.glitch::before {
  left: 7px;
  text-shadow: 1px 0 #1c92ff;
  animation: glitch-effect 3s infinite linear alternate-reverse;
}
.glitch::after {
  left: 3px;
  text-shadow: -1px 0 #ff1c1c;
  animation: glitch-effect 2s infinite linear alternate-reverse;
}

@-webkit-keyframes glitch-effect {
  0% {
    clip: rect(89px, 999px, 36px, 0);
  }
  5% {
    clip: rect(31px, 999px, 40px, 0);
  }
  10% {
    clip: rect(68px, 999px, 70px, 0);
  }
  15% {
    clip: rect(74px, 999px, 41px, 0);
  }
  20% {
    clip: rect(74px, 999px, 18px, 0);
  }
  25% {
    clip: rect(81px, 999px, 20px, 0);
  }
  30% {
    clip: rect(11px, 999px, 28px, 0);
  }
  35% {
    clip: rect(42px, 999px, 6px, 0);
  }
  40% {
    clip: rect(39px, 999px, 22px, 0);
  }
  45% {
    clip: rect(89px, 999px, 6px, 0);
  }
  50% {
    clip: rect(15px, 999px, 1px, 0);
  }
  55% {
    clip: rect(46px, 999px, 54px, 0);
  }
  60% {
    clip: rect(10px, 999px, 93px, 0);
  }
  65% {
    clip: rect(81px, 999px, 37px, 0);
  }
  70% {
    clip: rect(26px, 999px, 25px, 0);
  }
  75% {
    clip: rect(13px, 999px, 47px, 0);
  }
  80% {
    clip: rect(94px, 999px, 63px, 0);
  }
  85% {
    clip: rect(45px, 999px, 8px, 0);
  }
  90% {
    clip: rect(83px, 999px, 51px, 0);
  }
  95% {
    clip: rect(71px, 999px, 1px, 0);
  }
  100% {
    clip: rect(61px, 999px, 31px, 0);
  }
}

@keyframes glitch-effect {
  0% {
    clip: rect(89px, 999px, 36px, 0);
  }
  5% {
    clip: rect(31px, 999px, 40px, 0);
  }
  10% {
    clip: rect(68px, 999px, 70px, 0);
  }
  15% {
    clip: rect(74px, 999px, 41px, 0);
  }
  20% {
    clip: rect(74px, 999px, 18px, 0);
  }
  25% {
    clip: rect(81px, 999px, 20px, 0);
  }
  30% {
    clip: rect(11px, 999px, 28px, 0);
  }
  35% {
    clip: rect(42px, 999px, 6px, 0);
  }
  40% {
    clip: rect(39px, 999px, 22px, 0);
  }
  45% {
    clip: rect(89px, 999px, 6px, 0);
  }
  50% {
    clip: rect(15px, 999px, 1px, 0);
  }
  55% {
    clip: rect(46px, 999px, 54px, 0);
  }
  60% {
    clip: rect(10px, 999px, 93px, 0);
  }
  65% {
    clip: rect(81px, 999px, 37px, 0);
  }
  70% {
    clip: rect(26px, 999px, 25px, 0);
  }
  75% {
    clip: rect(13px, 999px, 47px, 0);
  }
  80% {
    clip: rect(94px, 999px, 63px, 0);
  }
  85% {
    clip: rect(45px, 999px, 8px, 0);
  }
  90% {
    clip: rect(83px, 999px, 51px, 0);
  }
  95% {
    clip: rect(71px, 999px, 1px, 0);
  }
  100% {
    clip: rect(61px, 999px, 31px, 0);
  }
}

.warn:after {
	background: url(../images/warn.png) no-repeat;
	width: 126px;
	height: 95px;
	position: absolute;
	top: -62px;
	left: 0;
	right: 0;
	margin: 0 auto;
	content: '';
}

.warn {
	background: #0d0d29;
	box-shadow: 0 0 0 1px rgba(255,255,255, 0.07);
	width: 690px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;
	margin-top: -90px;
	margin-bottom: -35px;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}

.warn-title {
	font-size: 18px;
	padding-bottom: 20px;
	text-transform: uppercase;
}

.warn-text {
	font-size: 16px;
}

.warn-text span {
	color: #8ac9ff;
	text-transform: uppercase;
}

.first-case-btn {
	background: url(../images/login.png) no-repeat;
    width: 250px;
    height: 81px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	box-sizing: border-box;
	font-size: 16px;
}

.first-case-bg {
	border: 1px solid rgba(100,100,255, 0.06);
	padding: 9px;
	margin-top: 80px;
}

.first-case {
	background: url(../images/first-case.png) repeat;
	display: flex;
	align-items: center;
	padding: 32px 0;
}

.first-case-images {
	width: 326px;
	height: 326px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 67px;
	margin-right: 86px;
	position: relative;
}

.first-case-images img {
	position: relative;
	z-index: 2;
}

.first-row {
	width: 326px;
	height: 326px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}

.first-row li {
	position: absolute;
}

.first-row li[data-row="1"] {
	width: 326px;
	height: 326px;
	background: url(../images/f1.png) no-repeat;
	animation: 3s linear 0s normal none infinite running rot;
}

.first-row li[data-row="2"] {
	width: 262px;
	height: 262px;
	background: url(../images/f2.png) no-repeat;
	animation: 4s linear 0s normal none infinite running rot2;
}

.first-row li[data-row="3"] {
	width: 244px;
	height: 244px;
	background: url(../images/f3.png) no-repeat;
	animation: 5s linear 0s normal none infinite running rot;
}

.first-case-in {
	width: calc(100% - 479px);
}

.first-case-title {
	padding-bottom: 25px;
	font-size: 30px;
}

.first-case-list {
	display: flex;
	background: rgba(100,100,255, 0.04);
	padding: 25px 40px;
	margin-bottom: 40px;
}

.first-case-list li:not(:last-child) {
	margin-right: 90px;
}

.first-case-list li {
	line-height: 1.125;
}

.first-case-list li p:nth-child(1) {
	font-size: 20px;
	color: #89c9ff;
	text-shadow: 0 0 20px rgba(61,165,255, 0.60);
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 15px;
}

.first-case-list li p:nth-child(1):after {
	height: 2px;
	width: 76px;
	background: #8ac9ff;
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
}

.first-case-list li p:nth-child(2),
.first-case-list li p:nth-child(3) {
	color: #8686d1;
	font-size: 16px;
	font-weight: 300;
	font-family: 'Proxima Nova Lt';
}

.first-case-flex {
	display: flex;
	align-items: center;
}

.first-case-info {
	margin-left: 70px;
	font-size: 16px;
	font-weight: 300;
	font-family: 'Proxima Nova Lt';
	line-height: 1.125;
}

.first-case-info p {
	color: #4f4f97;
}

.first-case-info p:nth-child(1) {
	color: #8686d1;
}

@-webkit-keyframes rot2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes rot2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@media (max-width: 1500px) {
	.first-case-title {
		font-size: 20px;
	}

	.first-case-list li:not(:last-child) {
		margin-right: 40px;
	}

	.first-case-info {
		margin-left: 40px;
	}

	.first-case-images {
		margin-left: 40px;
		margin-right: 40px;
	}

	.first-case-in {
		width: calc(100% - 406px);
	}

	.first-case-list li p:nth-child(1) {
		font-size: 18px;
	}

	.first-case-list li p:nth-child(2),
	.first-case-list li p:nth-child(3) {
		font-size: 14px;
	}
}

.timer {
	background: url(../images/timer.png) no-repeat;
	width: 69px;
	height: 32px;
	position: absolute;
	top: -17px;
	right: calc(17px + 32px);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	color: #54b5ff;
	text-shadow: 0 0 16px #54b5ff;
	cursor: default;
	z-index: 6;
}

.pay-grid-title {
	font-size: 18px;
	margin-top: -20px;
	color: #4f4f97;
}

.pay-grid {
	display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 15px;
    margin-top: 18px;
    margin-bottom: 36px;
}

.pay-grid-item {
	background: #15153d;
	border: 1px solid #21215a;
	height: 69px;
	box-sizing: border-box;
	cursor: pointer;
	transition: 0.5s;
	position: relative;
}

.pay-grid-num {
	position: absolute;
	top: 5px;
	right: 5px;
	color: #8ac9ff;
	font-size: 14px;
}

.pay-grid-item.active {
	background: #1a1a4a;
	border-color: #323283;
}

.pay-grid-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    max-width: 72px;
    max-height: 31px;
}

.card-animation {
    -webkit-animation: cardAnimation 4.5s linear 0s infinite normal none running;
    animation: cardAnimation 4.5s linear 0s infinite normal none running;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.card-animation-alt {
    -webkit-animation: cardAnimationAlt 3s linear 0s infinite normal none running;
    animation: cardAnimationAlt 3s linear 0s infinite normal none running;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@keyframes cardAnimation {
0% {
    opacity:1;
  }
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@keyframes cardAnimationAlt {
	0% {
		z-index: 4;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
	40% {
		z-index: 4;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
	45% {
		z-index: 3;
		-webkit-transform: translate(-50%, -50%) scale(0.75);
		transform: translate(-50%, -50%) scale(0.75);
		opacity: 0;
	}
	50% {
		z-index: 3;
		-webkit-transform: translate(-50%, -50%) scale(0.75);
		transform: translate(-50%, -50%) scale(0.75);
		opacity: 0;
	}

	95% {
		z-index: 4;
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(0.75);
		transform: translate(-50%, -50%) scale(0.75);
	}
	100% {
		z-index: 4;
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
}


.modal-scroll {
	overflow: scroll;
	position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	display: flex;
	box-sizing: border-box;
	padding: 20px;
}

.modal {
	margin: auto;
	height: max-content;
}

.modal-scroll::-webkit-scrollbar { width: 0; }

.modal-scroll { -ms-overflow-style: none; }

.modal-scroll { overflow: -moz-scrollbars-none; }


.use dl dt:not(:last-child) {
	margin-bottom: 15px;
}

.use dl dt {
	margin-left: 50px;
}

.use dl dt b {
	display: block;
	margin-bottom: 3px;
}

.use ul li:not(:first-child) {
	padding-left: 50px;
}

.cases__limits {
    position: absolute;
    top: -7px;
    left: 10px;
    width: 90px;
    height: 35px;
    color: #8ac9ff;
    font-size: 14px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #1c1c49;
    border-radius: 100px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cases__limits-bar {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    overflow: hidden;
    box-sizing: border-box;
}

.cases__limits-bar-draw {
	box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 100%;
    border: 1px solid #84bff5;
    border-radius: 100px;
}

.case {
	position: relative;
}

.case-images {
	margin-bottom: -50px;
}

/* new */

.modal-summ {
	font-size: 21px;
}

.inp-summ {
	font-size: 24px;
	font-weight: 600;
}

.modal-summ span {
	color: #8d8dcf;
	font-size: 24px;
}

.pay-grid-num {
	color: #b1ff8a;
	font-size: 12px;
	font-weight: bold;
}

.pay-grid-item:not(.active):hover {
	background: #1a1a4a;
	border-color: #323283;
}

.pay-grid-item.active {
	background: #1a2d3d;
	border-color: #327064;
	box-shadow: inset 0 0 0 1px #327064;
}

.modal-pay .pay-grid {
	margin-bottom: 30px;
}

.modal-panel_NEW {
	height: 41px;
	background: #15153d;
	margin-bottom: 30px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.modal-panel_NEW_SUMM,
.modal-panel_NEW_SUMM_ALL {
	font-size: 14px;
	font-weight: 600;
	color: #4f4f97;
}

.modal-panel_NEW_SUMM span {
	color: #8ac9ff;
}

.modal-panel_NEW_SUMM_ALL span {
	color: #b1ff8a;
}

.modal_promo_input {
	width: 300px;
	height: 48px;
	background: #0c0c29;
	border: 1px solid #13133a;
	box-sizing: border-box;
	padding: 0 20px;
	font-size: 16px;
	font-weight: 300;
	color: #fff;
}

.modal_promo_input::placeholder {
	color: #4c4c91;
}

.modal_promo_input:focus::placeholder {
	color: transparent;
}

.modal_promo_btn {
	width: 180px;
	height: 48px;
	background: #13133a;
	border: 1px solid #1f1f58;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 16px;
	color: #8ac9ff;
}

.modal_promo_btn:hover {
	border-color: #303082;
	background: #181847;
}

.modal-promo {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* new style */

.live {
	display: flex;
	align-items: center;
}

.live:after {
	display: none;
}

.header {
	height: 130px;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	border: 0;
	position: relative;
}

.header:after,
.header:before {
	background: rgba(100,100,255, 0.10);
	height: 1px;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	z-index: 10;
}

.header:after {
	top: 0;
}

.header:before {
	bottom: 0;
}

.live-ul.top_drop {
	background: rgba(8, 8, 33, 0.40);
}

.live_title {
	width: 28px;
	min-width: 28px;
	max-width: 28px;
	font-size: 10px;
	font-weight: bold;
	white-space: pre-line;
	text-align: center;
	line-height: 11px;
	margin-top: -8px;
}

.live_title.top_drop span {
	color: #ffc555;
}

.live_title.live_drop span {
	color: #8ac9ff;
}

.live_in {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	position: absolute;
	z-index: 2;
	overflow: hidden;
	clip-path: polygon(50% 0%, 100% 0, 100% 100%, 75% 100%, 8% 100%, 0 92%, 0 0);
}

.live_item {
	background: url(../images/live_item/bg.png) no-repeat;
	width: 129px;
	height: 115px;
	margin-right: 10px;
	position: relative;
}

.live_item:after,
.live_item:before {
	position: absolute;
	top: -10px;
	left: -12px;
	width: 153px;
	height: 137px;
	content: '';
	z-index: 1;
}

.live_item:before {
	opacity: 0;
	transition: opacity 0.35s;
}

.live_item:hover:before {
	opacity: 1;
}

.live_item.color_1:after,
.live_item.color_1:before {
	background: url(../images/live_item/1.png) no-repeat;
}

.live_item.color_2:after,
.live_item.color_2:before {
	background: url(../images/live_item/2.png) no-repeat;
}

.live_item.color_3:after,
.live_item.color_3:before {
	background: url(../images/live_item/3.png) no-repeat;
}

.live_item.color_4:after,
.live_item.color_4:before {
	background: url(../images/live_item/4.png) no-repeat;
}

.live_item.color_5:after,
.live_item.color_5:before {
	background: url(../images/live_item/5.png) no-repeat;
}

.live_item.color_6:after,
.live_item.color_6:before {
	background: url(../images/live_item/6.png) no-repeat;
}

.live_item.color_7:after,
.live_item.color_7:before {
	background: url(../images/live_item/7.png) no-repeat;
}

.live_item.color_1 .live_item_txt_1 {
	color: #9fb7ec;
}

.live_item.color_2 .live_item_txt_1 {
	color: #55cdff;
}

.live_item.color_3 .live_item_txt_1 {
	color: #5585ff;
}

.live_item.color_4 .live_item_txt_1 {
	color: #7f5eec;
}

.live_item.color_5 .live_item_txt_1 {
	color: #ea4ee6;
}

.live_item.color_6 .live_item_txt_1 {
	color: #ea4e52;
}

.live_item.color_7 .live_item_txt_1 {
	color: #eab451;
}

.live_item.color_1 .live_item_sh {
	background: url(../images/live_item/shadow/1.png) no-repeat;
}

.live_item.color_2 .live_item_sh {
	background: url(../images/live_item/shadow/2.png) no-repeat;
}

.live_item.color_3 .live_item_sh {
	background: url(../images/live_item/shadow/3.png) no-repeat;
}

.live_item.color_4 .live_item_sh {
	background: url(../images/live_item/shadow/4.png) no-repeat;
}

.live_item.color_5 .live_item_sh {
	background: url(../images/live_item/shadow/5.png) no-repeat;
}

.live_item.color_6 .live_item_sh {
	background: url(../images/live_item/shadow/6.png) no-repeat;
}

.live_item.color_7 .live_item_sh {
	background: url(../images/live_item/shadow/7.png) no-repeat;
}

.live_item_wp {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 10px;
	width: 80px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: transform 0.35s, opacity 0.35s;
}

.live_item_wp img {
	max-width: 80px;
	position: absolute;
}

.live_item_wp_original {
	z-index: 2;
}

.live_item_wp_opacity {
	z-index: 1;
	opacity: 7%;
	transform: translate(0px, 10px);
}

.live_item_txt_1 {
	font-weight: 600;
}

.live_item_txt_2 {
	font-weight: bold;
}

.live_item_txt_1,
.live_item_txt_2 {
	margin-left: 15px;
	margin-right: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 10px;
	transition: transform 0.35s, opacity 0.35s;
}

.live_item_txt_1 span {
	color: #fff;
}

.live_case,
.live_ava {
	position: absolute;
	z-index: 3;
	opacity: 0;
	transform: scale(0.9);
	transition: transform 0.35s, opacity 0.35s;
}

.live_case {
	width: 125px;
	height: 125px;
	bottom: -20px;
	left: -20px;
}

.live_case img {
	width: 100%;
	height: 100%;
}

.live_ava {
	top: 7px;
	right: 7px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
}

.live_ava:after {
	position: absolute;
	top: -3px;
	bottom: -3px;
	left: -3px;
	right: -3px;
	content: '';
	border-radius: 50%;
	border: 2px solid #47aaff;
}

.live_ava img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
}

.live_in:hover .live_case,
.live_in:hover .live_ava {
	opacity: 1;
	transform: scale(1);
}

.live_in:hover .live_item_txt_1,
.live_in:hover .live_item_txt_2,
.live_in:hover .live_item_wp {
	transform: scale(0.1);
	opacity: 0;
}

.live_item_sh {
	width: 188px;
	height: 27px;
	position: absolute;
	top: -10px;
	left: calc(-59px / 2);
}

.container {
	counter-reset: case-counter;
	overflow: hidden;
}

.wrap {
	position: relative;
}

.wrap_main .title {
	justify-content: flex-start !important;
	font-size: 24px;
	font-weight: bold;
	counter-increment: case-counter;
	position: relative;
	z-index: 10;
	color: #f0f7ff;
	text-transform: uppercase;
}

.wrap_main .title:after {
		content: " #" counter(case-counter);
		font-weight: 900;
	font-style: italic;
	font-size: 155px;
	position: absolute;
	z-index: -1;
	top: -60px;
	bottom: 0;
	//left: 0;
	margin-top: auto;
	margin-bottom: auto;
	color: #6464ff;
	opacity: 0.02;
}

.wrap_main .title span:before,
.wrap_main .title span:after {
	display: none;
}

.panel {
	border-bottom: 1px solid rgba(100,100,255, 0.10);
}

.case-loop:not(:last-child):after {
	background: rgba(100,100,255, 0.10);
	height: 1px;
	position: absolute;
	bottom: 0;
	left: -2500px;
	right: -2500px;
	content: '';
}

.wrap_main .title_flex:before {
	background: url(../images/sh.png) no-repeat;
	opacity: 0.37;
	position: absolute;
	top: var(--sh-top);
	left: 0px;
	right: 0px;
	content: '';
	width: 910px;
	height: 429px;
	z-index: -1;
}

.case-loop {
	position: relative;
	margin-bottom: -10px;
	z-index: 10;
}

.header .full,
.panel.full,
.footer.full,
.wrap_main .container .full {
	--full: 100px;
}

.fcopy {
	font-weight: bold;
}

.ftext,
.fmenu a {
	font-weight: 300;
}

.case-images,
.case-loop.csgo .case-images,
.case-loop.collection .case-images {
	width: 350px;
    max-height: 350px;
}

.cases__limits {
	z-index: 50;
	left: 18px;
}

.case {
	width: 290px;
}

.case-price:after,
.case-price:before {
	display: none;
}

.case-price {
	background: url(../images/case-price_new.png) no-repeat;
	width: 111px;
	height: 58px;
	font-size: 18px;
	font-weight: bold;
	color: #8ac9ff;
	text-shadow: 0 0 30px rgba(61, 165, 255, 0.8);
}

.case-price-old {
	bottom: -15px;
}

.menu a:after {
	bottom: -14px;
}

.title_flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 1;
	margin-top: -15px;
	margin-bottom: -3px;
}

.case_show {
	color: #bcbcff;
	font-size: 14px;
	background: rgba(85, 125, 255, 0.04);
	border: 1px solid rgba(100, 100, 255, 0.2);
	width: 139px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.35s, border 0.35s;
	gap: 10px;
	text-transform: uppercase;
	position: relative;
	top: 10px;
}

.case_show:hover {
	background: rgba(85, 125, 255, 0.10);
	border: 1px solid rgba(100, 100, 255, 0.25);
}

.case_show svg {
	transform: rotate(180deg);
	transition: transform 0.35s;
}

.case-loop.hide .case {
	//display: none;
}

.case_show.active svg {
	transform: rotate(0deg);
}

@media (max-width: 1280px) {
	body {
		--full: 70px !important;
	}

	.header .full,
	.panel.full,
	.footer.full,
	.wrap_main .container .full {
		--full: 70px !important;
	}

	.logo {
		width: 50px;
	}
}

.wrap:not(.wrap_main) .title {
	margin-bottom: 25px;
	margin-top: -15px;
}

.wrap:not(.wrap_main) .title span:before {
	background: url(../images/arr.png) no-repeat;
	width: 66px;
	height: 60px;
	margin-right: -7px;
}

.wrap:not(.wrap_main) .title span:after {
	background: url(../images/arr.png) no-repeat;
	width: 66px;
	height: 60px;
	margin-left: -7px;
}

.case:not(.no-item) .case-in:hover .case-images {
	filter: saturate(100%) !important;
	transform: scale(1.10) !important;
}

.fcopy span {
	font-weight: 300;
}

.footer {
	background: #0c0c26;
}

.container {
	//margin-bottom: 62px;
	//padding-bottom: 0;
}

.profile {
	margin-top: 0;
}

.upgrade {
	margin-top: 50px;
}

.open-do-case img {
	max-width: 400px;
}

.header .in {
	background: 0;
}

.item-loop {
	margin: 0 -21px;
}

.center {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}

.more-drops {
    justify-content: center;
}

.live_item_proc {
	position: absolute;
	top: 8px;
	right: 10px;
	font-size: 10px;
	font-weight: bold;
	transition: transform 0.35s, opacity 0.35s;
}

.newfooter {
	margin-top: auto;
	display: flex;
	flex-direction: column;
}

.newfooter-one {
	background: #0c0c26;
	padding: 70px 0;
}

.newfooter-one .full {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.newfooter-to {
	background: #0a0a21;
	padding: 50px 0;
}

.newfooter-text {
	display: flex;
	flex-direction: column;
	gap: 20px;
	color: #39396b;
	overflow: hidden;
	height: 40px;
	transition: height 0.35s;
}

.newfooter-to.more .newfooter-text {
	height: auto;
	overflow: visible;
}

.newfooter-text a {
	text-decoration: underline;
	color: #39396b;
}

.newfooter-text li {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.newfooter-text li p:first-child {
	font-size: 15px;
	font-weight: 600;
}

.newfooter-text li p {
	font-size: 14px;
}

.newfooter-text .point {
	padding-left: 30px;
	font-size: 14px;
}

.newfooter-text .point:before {
	content: "\2022";
    padding-right: 8px;
}

.newfooter-showmore {
	margin-top: 20px;
}

.newfooter-showmore a:hover {
	opacity: 0.5;
}

.newfooter-showmore a {
	color: #7373ae;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	width: max-content;
}

.newfooter-showmore svg {
	transition: transform 0.35s;
}

.newfooter-to.more .newfooter-showmore svg {
	transform: rotate(180deg);
}

.newfooter-txt {
	color: #7b7bb8;
	font-size: 18px;
	font-weight: bold;
	margin-top: 35px;
}

.newfooter-info {
	font-size: 14px;
	color: #39396b;
	margin-top: 15px;
}

.newfooter-pole {
	max-width: 600px;
	display: flex;
	flex-direction: column;
}

.newfooter-nav {
	display: flex;
	flex-direction: column;
}

.newfooter-nav_title {
	color: #39396b;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.newfooter-nav ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.newfooter-nav ul a {
	color: #7b7bb8;
	font-size: 15px;
	font-weight: 600;
}

.newfooter-nav ul a:hover {
	opacity: 0.5;
}

.newfooter-soc {
	display: flex;
	align-items: center;
	gap: 35px;
}

.newfooter-soc a:hover {
	opacity: 0.5;
}

.newfooter-soc .tg {
	width: 26px;
	height: 22px;
	background: url(../images/tg.png);
}

.newfooter-soc .vk {
	width: 39px;
	height: 22px;
	background: url(../images/vk.png);
}

@media(max-width: 1400px) {
	.newfooter-pole {
		max-width: 350px;
	}

	.newfooter-info {
		font-size: 10px;
	}
}