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

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

:root {
	--transition: 0.5s;

	--color:  #262942;
	--color-placeholder:  #262942;

	--min-width:  1200px;
	--full:  1140px;
}

::placeholder {
	color: var(--color-placeholder);
}

:focus::placeholder {
	color: transparent;
}

input, button, textarea {
	background: 0;
	border: 0;
	outline: 0;
	box-sizing: border-box;
	font-size: 14px;
	color: var(--color);
	//font-family: 'TT Norms';
	font-family: 'Montserrat', sans-serif;
}

textarea {
	resize: none;
}

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

a, input[type="submit"], button[type="submit"] {
	transition: var(--transition);
}

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

html * {
	max-height: 1000000px;
}

html, body {
	background: #f4f6f8;
	font-size: 14px;
	min-width: var(--min-width);
	position: relative;
	color: var(--color);
	-webkit-text-size-adjust: 100%;
	//font-family: 'TT Norms';
	font-family: 'Montserrat', sans-serif;
}

a {
	color: var(--color);
	text-decoration: none;
}

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

.wrapper {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
}

.full {
	max-width: var(--full);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.header {
	background: #1c1b36 url(../svg/bg_head.svg) center;
    box-shadow: 0px 0px 65px 5px rgb(42 46 84 / 35%);
    height: 95px;
}

.header .full {
	display: flex;
	align-items: center;
	height: 100%;
}

.logo {
	width: 134px;
	height: 35px;
	background-image: url(../new_svg/logo.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.menu {
	display: flex;
	margin-left: 55px;
	height: 100%;
}

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

.menu li {
	height: 100%;
}

.menu a {
	height: 100%;
	font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #5d5984;
    display: flex;
    align-items: center;
    position: relative;
}

.menu a:after {
    left: 0;
    width: 100%;
    bottom: 0;
    height: 4px;
    content: "";
    display: block;
    position: absolute;
    border-radius: 0px;
    background: #6d57f8;
    box-shadow: 0px -10px 50px 15px rgb(89 68 218 / 45%);
    transition: var(--transition);
    opacity: 0;
}

.menu a:hover,
.menu li.active a {
	color: #fff;
}

.menu a:hover:after,
.menu li.active a:after {
	opacity: 1;
}

.auth {
	margin-left: auto;
	display: flex;
}

.auth-link:not(:last-child) {
	margin-right: 20px;
}

.auth-link {
	border-radius: 100px;
	height: 40px;
	width: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 13px;
	color: #fff;
	position: relative;
	box-sizing: border-box;
	padding-left: 20px;
}

.auth-link.vk {
	background: linear-gradient(to right,#767cf5,#7988f5);
    box-shadow: 0px 10px 25px 0px rgb(107 89 241 / 35%);
}

.auth-link.steam {
	background: linear-gradient(to right,#212135,#3d3b67);
    box-shadow: 0px 10px 25px 0px rgb(35 35 56);
}

.auth-link.telegram {
	background: linear-gradient(to right, #212135, #3d3b67);
	box-shadow: 0px 10px 25px 0px rgb(35 35 56);
}

.auth-link:after {
	width: 40px;
    height: 40px;
    border-radius: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    transition: var(--transition);
}

.auth-link.steam:after {
	background-image: url(../svg/steam-icon.svg);
	background-color: #33334a;
}

.auth-link.vk:after {
	background-image: url(../svg/VK.com-logo.svg);
	background-color: rgb(139 150 243);
}

.auth-link.telegram:after {
	background-image: url(../svg/telegram-icon1.svg);
	background-color: #33334a;
}

.auth-link:hover:after {
	left: calc(100% - 40px);
}

.auth-link:hover {
	padding-left: 0;
	padding-right: 20px;
}

.filter {
	height: 64px;
	display: flex;
	align-items: center;
}

.filter-title {
	color: #bfbed4;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.filter-title:before {
	width: 18px;
    height: 21px;
    background: url(../svg/filter.svg);
    content: '';
    margin-right: 10px;
}

.filter-flex {
	display: flex;
	margin-left: 20px;
}

.filter-link {
	color: #23232b;
    font-size: 14px;
    font-weight: bold;
    opacity: 0.2;
    display: flex;
    align-items: center;
}

.filter-link:hover,
.filter-link.active {
	opacity: 1;
}

.filter-link:not(:last-child) {
	margin-right: 20px;
}

.filter-link.csgo:before {
    background-image: url(../svg/ics-csgo.svg);
}

.filter-link.dota2:before {
    background-image: url(../svg/ics-dota2.svg);
}

.filter-link.mma:before {
    background-image: url(../img/mma.png);
}

.filter-link:before {
	content: '';
	margin-right: 5px;
	width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
}

.mini-profile {
	margin-left: auto;
	display: flex;
	align-items: center;
}

.mini-profile-ava {
	width: 50px;
	height: 50px;
	margin-right: 15px;
}

.mini-profile-ava img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.mini-profile-panel {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 8px 0;
}

.mini-profile-name {
	font-size: 13px;
	font-weight: 600;
	color: #fff;
}

.mini-profile-logout {
	background: url(../svg/logout.svg);
	width: 10px;
    height: 10px;
    margin-left: 6px;
}

.mini-profile-logout:hover {
	filter: drop-shadow(0 0 10px red) drop-shadow(0 0 10px red) drop-shadow(0 0 10px red);
}

.mini-profile-balance {
	color: #7570a2;
    font-size: 13px;
    font-weight: 500;
}

.mini-profile-balance span {
	color: #fff;
    font-weight: 600;
    margin-left: 5px;
}

.mini-profile-btn {
	display: flex;
}

.mini-profile-btn a {
	color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    border-radius: 100px;
    padding: 1px 6px;
    line-height: 17px;
    margin-left: 15px;
}

.mini-profile-btn .plus {
	background: #95b93d;
	box-shadow: 0px 0px 0px 4px rgb(149 185 61 / 45%);
}

.mini-profile-btn .minus {
	background: #ce4f4f;
	box-shadow: 0px 0px 0px 4px rgb(206 79 79 / 50%);
}

.mini-profile-btn .plus:hover {
	box-shadow: 0px 0px 0px 4px rgb(149 185 61 / 45%), 0px 0px 20px rgb(149 185 61 / 99%);
}

.mini-profile-btn .minus:hover {
	box-shadow: 0px 0px 0px 4px rgb(206 79 79 / 50%), 0px 0px 20px rgb(206 79 79 / 99%);
}

.main {
	display: flex;
}

.main-hover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
}

.main-hover:hover {
	background: rgba(255, 255, 255, 0.10);
}

.main-slide {
	height: 328px;
	background-size: cover;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	padding-top: 33px;
	position: relative;
}

.main-slide.left {
	width: 70%;
	padding-left: 120px;
	padding-right: 120px;
}

.main-slide.right {
	width: 30%;
	padding-left: 35px;
	padding-right: 35px;
}

.main-title {
	color: #fff;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.45);
    padding: 10px 25px;
    border-radius: 100px;
    position: relative;
    width: max-content;
    margin-bottom: 120px;
}

.main-text p:nth-child(1) {
	font-size: 28px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}

.main-text p:nth-child(2) {
	color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: unset;
}

.container {
	padding: 80px 0;
}

.live-title {
	border: 1px solid #d8ddee;
    border-radius: 100px;
    height: 55px;
    width: 378px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.live-title a {
	background: linear-gradient(to right,#7a8cf4,#6d57f8);
    border-radius: 100px;
    box-shadow: 0px 10px 25px 0px rgb(107 89 241 / 35%);
    padding: 0 50px;
    height: 100%;
    font-size: 13px;
    text-transform: capitalize;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer {
	margin-top: auto;
	position: relative;
}

.footer-bg {
	box-sizing: border-box;
}

.back-link {
	margin-bottom: 30px;
}

.back-link a {
	display: flex;
	align-items: center;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #2D2D2D;
}

.back-link svg {
	margin-right: 15px;
}

.pay2-flex {
	display: flex;
	justify-content: space-between;
	font-family: 'Roboto';
}

.pay2-item {
	background: #FFFFFF;
	box-shadow: 0px 12px 12px rgba(108, 108, 108, 0.1);
	border-radius: 40px;
	border-top: 10px solid #7061F7;
	min-height: 200px;
	box-sizing: border-box;
	padding: 25px;
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
}

[pay2-item="1"] {
	width: calc(60% - 30px);
}

[pay2-item="2"] {
	width: calc(40% - 30px);
}

.pay2-title {
	margin-top: 15px;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	color: #000000;
	line-height: 21px;
}

.pay2-title2 {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #000000;
	margin-top: 6px;
}

.pay2-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 12px;
	margin-top: 37px;
}

.pay2-grid-item {
	background-color: #FBFBFB;
	border-radius: 20px;
	height: 134px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border: 2px solid transparent;
	transition: border-color 0.5s, background-color 0.5s;
	cursor: pointer;
}

.pay2-grid-item .flag {
	position: absolute;
	top: 14px;
}

.pay2-grid-item .flag:nth-child(1) {
	left: 14px;
}

.pay2-grid-item .flag:nth-child(2) {
	left: 28px;
}

.pay2-grid-item.active {
	border-color: #7061F7;
	background-color: #fff;
}

.pay2-terms {
	background: #FBFBFB;
	border-radius: 20px;
	min-height: 124px;
	box-sizing: border-box;
	padding: 25px;
	margin-top: 56px;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	color: #CFD7E1;
	line-height: 24px;
}

.pay2-tg {
	background: #229ED9;
	border-radius: 40px;
	max-width: 367px;
	height: 63px;
	display: flex;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	align-items: center;
	justify-content: center;
}

.pay2-tg svg {
	margin-right: 15px;
}

.pay2-tg:hover {
	background: #2081af;
}

.pay2-row {
	background: linear-gradient(270deg, #7947F7 0%, #7496FF 100%);
	position: absolute;
	bottom: 0;
	width: 80%;
	border-radius: 100%;
}

[pay2-row="1"] {
	left: -30%;
	height: 450px;
}

[pay2-row="2"] {
	right: -30%;
	height: 400px;
}

.pay2-title3 {
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	color: #2D2D2D;
	margin-top: 38px;
	margin-bottom: 25px;
}

.pay2-inp,
.pay2-sel {
	background-color: #FBFBFB;
	border-radius: 6px;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	color: #000;
	padding: 0 12px;
	width: 100%;
	height: 56px;
	margin-bottom: 12px;
	border: 0;
	outline: 0;
	 -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.pay2-inp::placeholder {
	color: #ADB1B5;
}

.pay2-sel {
	background-image: url(../svg_pay2/row.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 12px) center;
	cursor: pointer;
}

.pay2-inp.ico {
	background-image: url(../svg_pay2/ico.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 12px) center;
	padding-right: 38px;
}

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

.pay2-min {
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	color: #ADB1B5;
	padding: 0 12px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 30px;
}

.pay2-total {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.pay2-total li:nth-child(1) p:nth-child(1) {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #2D2D2D;
}

.pay2-total li:nth-child(1) p:nth-child(2) {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #D7D7D7;
}

.pay2-total li:nth-child(2) p {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	color: #2D2D2D;
}

.pay2-total li:nth-child(1) {
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: #2D2D2D;
}

.pay2-total li:nth-child(2) {
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: #2D2D2D;
}

.pay2-btn {
	margin-top: auto;
	height: 78px;
	display: flex;
	background: linear-gradient(270deg, #7947F7 0%, #7496FF 100%);
	border-radius: 40px;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	color: #FFFFFF;
}

.pay2-btn:hover {
	box-shadow: inset 0 0 100px #7496FF, inset 0 0 100px #7947F7;
}

.spb {
	max-width: 566px;
	margin-left: auto;
	margin-right: auto;
}

.spb-logo {
	text-align: center;
}

.spb-title {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 42px;
	line-height: 51px;
	text-align: center;
	color: #313132;
	margin-top: 64px;
}

.spb-text {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	color: #313132;
	margin-top: 24px;
}

.spb-btn {
	background: linear-gradient(180deg, #2AABEE 0%, #229ED9 99.26%);
	border-radius: 12px;
	width: 206px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	margin-bottom: 60px;
}

.spb-btn svg {
	margin-right: 17px;
}

.spb-btn:hover {
	box-shadow: inset 0 0 100px #7496FF, inset 0 0 100px #7947F7;
}

.spb-cart {
	background-color: #7061F7;
	height: 364px;
	margin-bottom: 100px;
	border-radius: 15px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding: 32px;
	display: flex;
	justify-content: space-between;
	background-image: url(../svg_pay2/cart2.png);
	background-repeat: no-repeat;
}

.spb-line {
	height: 2px;
	background: #edebeb;
	margin: 15px 0 20px 0;
}

.footer-bg .full {
	display: flex;
	justify-content: space-between;
}

.footer-bg.pole-1 {
	background: #1b1b28;
	padding: 50px 0;
}

.footer-bg.pole-2 {
	background: #171721;
	padding: 15px 0;
}

.footer-bg.pole-2 .full {
	align-items: center;
}

.flogo {
	width: 134px;
    height: 35px;
    background-image: url(../new_svg/logo.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
    margin-bottom: 20px;
}

.f-text {
	color: #555575;
    font-size: 14px;
    font-weight: 400;
}

.f-left {
	width: 200px;
}

.fnav-title {
	font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}

.fnav-title:after {
	width: 45px;
    height: 3px;
    background: linear-gradient(to right,#7a8cf4,#6d57f8);
    content: '';
    margin-top: 10px;
}

.fnav li:before {
	width: 20px;
    height: 1px;
    background-color: #383850;
    content: '';
    margin-right: 10px;
}

.fnav li:not(:last-child) {
	margin-bottom: 15px;
}

.fnav li {
	display: flex;
	align-items: center;
}

.fnav a {
	color: #555575;
    font-size: 14px;
    font-weight: 400;
}

.fnav a:hover {
	color: #fff;
}

.fsoc {
	display: flex;
}

.fsoc .fsoc-ico {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-left: 10px;
}

.fsoc .fsoc-ico.vk {
	background: #6e88e8 url(../svg/VK.com-logo.svg) center center;
}

.fsoc .fsoc-ico.fb {
	background: #567dc0 url(../svg/facebook.svg) no-repeat center center;
}

.fsoc .fsoc-ico.tg {
	background: #2d9cd8 url(../svg/telegram.svg) no-repeat center center;
}

.fsoc .fsoc-ico.yb {
	background: #ff0000 url(../svg/youtube.svg) no-repeat center center;
}

.fsoc .fsoc-ico.vk:hover {
	box-shadow: 0 0 30px #6e88e8;
}

.fsoc .fsoc-ico.fb:hover {
	box-shadow: 0 0 30px #567dc0;
}

.fsoc .fsoc-ico.tg:hover {
	box-shadow: 0 0 30px #2d9cd8;
}

.fsoc .fsoc-ico.yb:hover {
	box-shadow: 0 0 30px #ff0000;
}

.f-use:after {
	width: 45px;
    height: 45px;
    background: url(../svg/attachment.svg) no-repeat;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin:  auto 0;
    border-radius: 50%;
}

.f-use {
	font-size: 14px;
	color: #59597d;
	position: relative;
	min-height: 45px;
	padding-left: 65px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.f-use a {
	color: #676792;
    font-weight: 500;
    border-bottom: 1px solid #676792;
}

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

.f-design {
	display: flex;
	font-size: 14px;
	color: #59597d;
	align-items: center;
}

.larts {
	width: 50px;
    height: 50px;
    background: url(../svg/design.svg) no-repeat;
    margin-left: 10px;
    opacity: 0.4;
}

.larts:hover {
	opacity: 1;
}

.grid {
	display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 22px;
}

.grid.grid-2 {
	 grid-template-columns: repeat(2,1fr);
}

.grid-item {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 15px 65px 5px rgb(173 179 200 / 35%);
	box-sizing: border-box;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.grid-left,
.grid-right {
	position: relative;
	box-sizing: border-box;
	padding-top: 20px;
}

.grid-left:after,
.grid-right:after {
	position: absolute;
	top: -15px;
	bottom: -15px;
	left: -15px;
	right: -15px;
	z-index: 1;
	background: rgba(227, 231, 244, 0.35);
	content: '';
	opacity: 0;
	transition: var(--transition);
	border-radius: 4px;
}

.grid-left:hover:after,
.grid-right:hover:after {
	opacity: 1;
}

.grid-hover {
	position: absolute;
	top: -15px;
	bottom: -15px;
	left: -15px;
	right: -15px;
	z-index: 3;
	content: '';
}

.grid-flag,
.grid-flag img {
	width: 60px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
}

.grid-name {
	font-weight: bold;
    font-size: 13px;
    color: #34343f;
    text-align: center; 
    margin-bottom: 5px;
    margin-top: 20px;
    position: relative;
	z-index: 2;
}

.grid-procent {
	font-size: 12px;
    color: #fff;
    font-weight: bold;
    display: -webkit-inline-box;
    padding: 5px 20px;
    border-radius: 100px;
    margin-top: 10px;
    position: relative;
	z-index: 2;
}

.grid-procent.green {
	box-shadow: 0px 0px 0px 5px rgb(168 202 66 / 45%);
	 background: #a8ca42;
}

.grid-procent.red {
	background: #e24f4f;
	box-shadow: 0px 0px 0px 5px rgb(226 79 79 / 45%);
}

.grid-procent.black {
	background: #1b1b28;
	box-shadow: 0px 0px 0px 5px rgb(27 27 40 / 22%);
}

.grid-item .hot {
	width: 40px;
    height: 40px;
    background: url(../svg/final.svg);
    position: absolute;
    top: -20px;
    left: 20px;
    z-index: 10;
    border-radius: 50%;
}

.grid-game {
	font-size: 14px;
    color: #2d2d3a;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-game:before {
	width: 20px;
	height: 20px;
	border-radius: 2px;
	margin-right: 5px;
	content: '';
	background-size: cover;
}

.grid-game.csgo:before {
	background-image: url(../svg/ics-csgo.svg);
}

.grid-game.dota2:before {
	background-image: url(../img/dota2.png);
}

.grid-game.mma:before {
	background-image: url(../img/mma.png);
}

.grid-type {
	font-size: 12px;
    color: #d2d1e4;
    font-weight: 500;
    text-align: center;
    margin: 7px 0;
}

.grid-stavka {
	display: flex;
	justify-content: center;
	align-items: center;
}

.grid-stavka-title {
	border: 1px solid #e4e8f4;
	border-radius: 100px;
	height: 32px;
	width: 84px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
    color: #34343f;
    font-weight: 600;
    box-sizing: border-box;
}

.grid-stavka-title:before {
	width: 11px;
    height: 11px;
    background: url(../svg/clock.svg) no-repeat;
    margin-right: 5px;
    content: '';
}

.grid-cof {
	color: #fff;
    background: linear-gradient(to right,#7a8cf4,#6d57f8);
    border-radius: 100px;
    font-size: 11px;
    height: 24px;
    width: 40px;
    font-weight: bold;
    box-shadow: 0px 10px 25px 0px rgb(107 89 241 / 35%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -13px;
    position: relative;
    z-index: 55;
    line-height: 18px;
}

.grid-play:hover {
	box-shadow: 0px 5px 35px 0px rgb(87 69 216 / 100%);
}

.grid-play {
	background: linear-gradient(to right,#7a8cf4,#6d57f8);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px;
    border-radius: 100px;
    box-shadow: 0px 5px 35px 0px rgb(87 69 216 / 25%);
    display: flex;
    height: 36px;
    width: 116px;
    margin-top: 15px;
    align-items: center;
    justify-content: center;
    line-height: 16px;
}

.grid-play:before {
	width: 12px;
    height: 12px;
    background: url(../svg/play.svg) no-repeat;
    margin-right: 8px;
    content: '';
}

.grid-middle {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.title.mt {
	margin-top: 50px;
}

.title.mb {
	margin-bottom: 50px;
}

.title {
	font-size: 24px;
    font-weight: bold;
    color: #34343f;
    display: flex;
    align-items: center;
}

.title:before {
	width: 45px;
    height: 2px;
    background: linear-gradient(to right,#7a8cf4,#6d57f8);
    margin-right: 15px;
    content: '';
}

.grid-2 .grid-stavka-title {
	width: 134px;
}

.grid-2 .grid-left .grid-flag {
	position: absolute;
	left: -5px;
}

.grid-2 .grid-right .grid-flag {
	position: absolute;
	right: -5px;
}

.grid-2 .grid-left {
	padding-left: 70px;
}

.grid-2 .grid-right {
	padding-right: 70px;
}

.grid-2 .grid-name {
	margin-top: 0px;
}

.grid-2 .grid-left .grid-name {
	text-align: left;
}

.grid-2 .grid-right .grid-name {
	text-align: right;
}

.grid-date {
	color: #34343f;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

.grid-time {
	color: #c8c7da;
	font-size: 14px;
    font-weight: 500;
}

.grid-count {
	border-radius: 100px;
    width: 80px;
    height: 40px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
}

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

.paginator a {
	width: 46px;
    height: 46px;
    border-radius: 50%;
    margin: 0 10px;
}

.paginator .prev {
	background: url(../svg/arrows.svg);
}

.paginator .next {
	background: url(../svg/arrows_x2.svg);
}

.modal-loop {
	position:fixed;
	z-index:100000;
	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:100001;
	background:#000;
	opacity:0.95;
}

.modal {
	background: #fff;
	border-radius: 10px;
	padding: 42px;
	position:relative;
	z-index:100002;
	-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 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 20px;
}

.modal-close {
	width: 18px;
    height: 18px;
    background: url(../svg/ics-close.svg) no-repeat;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
    transition: var(--transition);
}

.modal-close:hover {
	opacity: 0.5;
}

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

.modal-item.active:after {
	opacity: 1;
}

.modal-item:after {
	width: 34px;
	height: 34px;
	position: absolute;
	top: 25px;
	right: -17px;
	background: url(../svg/ics-chek.svg) no-repeat;
	content: '';
	z-index: 10;
	opacity: 0;
	transition: var(--transition);
}

.modal-item {
	width: 140px;
	height: 160px;
	box-shadow: 0px 0px 65px 0px rgb(217 222 232 / 95%);
	background: #fff;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
}

.vs {
	width: 180px;
    height: 150px;
    background: url(../svg/vsbeetss.svg) no-repeat;
    margin-left: 40px;
}

.modal-stavka {
	width: 170px;
	height: 44px;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
    font-weight: 500;
    margin-top: 20px;
}

.modal-stavka:before {
	width: 13px;
	height: 13px;
}

.form-flex {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
	--color-placeholder: #c2cae1;
}

.pay-inp {
	--color-placeholder: #c2cae1;
}

.form-flex input,
.pay-inp {
	background: #f2f4fa;
    border-radius: 100px;
    width: 140px;
    height: 46px;
    padding: 0 10px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
}

.form-flex button {
	width: 180px;
	 height: 46px;
	  border-radius: 100px;
	  background: linear-gradient(to right,#7a8cf4,#6d57f8);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    box-shadow: 0px 10px 45px 0px rgb(109 89 248 / 45%);
}

.form-flex button:hover {
	 box-shadow: 0px 10px 45px 0px rgb(109 89 248 / 90%);
}

.form-flex button:before {
	width: 13px;
    height: 13px;
    background: url(../svg/ics-pay.svg) no-repeat;
    content: '';
    margin-right: 10px;
}

.form-all {
	text-align: center;
	font-size: 14px;
    color: #ccd2e4;
    font-weight: 400;
    padding-top: 20px;
}

.form-all b {
	color: #262942;
}

.agreement {
	background-color: #fff !important;
	border-radius: 12px;
	padding: 35px;
    font-size: 14px;
    color: #242428;
    font-weight: 500;
    line-height: 35px;
}

span.bold-bs {
    font-size: 16px;
    font-weight: bold;
}

.contacts-flex {
	display: flex;
}

.contacts-left {
	min-width: 340px;
	max-width: 340px;
	padding: 40px 35px;
    border-radius: 12px;
    background-color: #fff!important;
}

.contacts-title {
	font-size: 16px;
    font-weight: bold;
    color: #2e2e3a;
}

.contacts-text {
	font-size: 14px;
    color: #9393b9;
    line-height: unset;
    margin-top: 15px;
}

.contacts-btn {
	font-size: 14px;
    background: linear-gradient(to right,#7a8cf4,#6d57f8);
    color: #fff;
    border-radius: 100px;
    font-weight: 500;
    margin-top: 15px;
    box-shadow: 0px 10px 45px 0px rgb(111 95 247 / 45%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 46px;
}

.contacts-btn:hover {
	 box-shadow: 0px 10px 45px 0px rgb(111 95 247 / 90%);
}

.contacts-in {
    padding-left: 20px;
    width: 100%;
    box-sizing: border-box;
}

.contacts-grid {
	display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
}

.contacts-item {
	padding: 25px 25px;
    border-radius: 12px;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
}

.contacts-item-ico {
	min-width: 55px;
	min-height: 55px;
	max-width: 55px;
	max-height: 55px;
	border-radius: 50%;
	background: red;
	margin-right: 20px;
}

.contacts-item-ico.fb {
	background: #567dc0 url(../svg/facebook.svg) no-repeat center center;
}

.contacts-item-ico.vk {
	background: #6e88e8 url(../svg/VK.com-logo.svg) no-repeat center center;
}

.contacts-item-ico.tg {
	background: #2d9cd8 url(../svg/telegram.svg) no-repeat center center;
}

.contacts-item-ico.mail {
	background: #3373f7 url(../svg/at.svg) no-repeat center center;
}

.contacts-item-text p:nth-child(1) {
	font-size: 18px;
    color: #34343f;
    font-weight: 600;
    margin-bottom: 5px;
}

.contacts-item-text p:nth-child(2) {
	color: #d5d5e3;
    font-size: 16px;
    font-weight: 400;
}

.contacts-item-hover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	z-index: 10;
}

.profile {
	display: flex;
}

.profile-left {
	min-width: 350px;
	max-width: 350px;
	margin-right: 20px;
}

.profile-in {
	width: 100%;
}

.profile-pole {
	box-shadow: 0px 15px 45px 15px rgb(192 199 219 / 15%);
	background: #fff;
	border-radius: 12px;
	padding: 40px;
	margin-bottom: 20px;
}

.profile-pole-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.profile-nav {
	display: flex;
	justify-content: center;
	border: 1px solid #d8ddee;
    border-radius: 100px;
    height: 55px;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.profile-nav li:after {
	background: linear-gradient(to right,#7a8cf4,#6d57f8);
    box-shadow: 0px 10px 25px 0px rgb(107 89 241 / 35%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    z-index: -1;
     border-radius: 100px;
     transition: var(--transition);
     opacity: 0;
}

.profile-nav li {
	color: #30303a;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 0 30px;
    height: 57px;
    display: flex;
    align-items: center;
    border-radius: 100px;
    margin-left: 20px;
    margin-right: 20px;
    transition: var(--transition);
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.profile-nav li:first-child,
.profile-nav li:last-child {
	margin-left: -1px;
	margin-right: -1px;
}

.profile-nav li.active {
	color: #fff;
}

.profile-nav li.active:after {
	opacity: 1;
}

.tab {
	display: none;
}

.tab.active {
	display: block;
}

.tooltip{position:absolute;z-index:1070;display:block;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}

.profile-list {
	display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px;
}

.profile-list-item {
	box-shadow: 0px 15px 45px 15px rgb(192 199 219 / 15%);
	background-color: #fff;
	border-radius: 12px;
	padding: 35px 20px;
	display: flex;
	position: relative;
	z-index: 1;
}

.profile-list-item:after {
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 20px;
	bottom: 20px;
	left: 20px;
	right: 0;
	content: '';
	z-index: -1;
}

.profile-list-item:nth-child(1):after {
	background-image: url(../svg/es1.svg);
}

.profile-list-item:nth-child(2):after {
	background-image: url(../svg/es2.svg);
}

.profile-list-item:nth-child(3):after {
	background-image: url(../svg/es3.svg);
}

.profile-list-item p:nth-child(1) {
	font-size: 28px;
    font-weight: bold;
    color: #34343f;
    white-space: nowrap;
    padding-right: 20px;
}

.profile-list-item p:nth-child(2) {
	font-size: 14px;
    color: #c9cedd;
    line-height: initial;
    font-weight: 400;
}

.profile-ava {
	width: 160px;
	height: 160px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.profile-ava img {
	width: 160px;
	height: 160px;
	border-radius: 50%;
}

.profile-logout {
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
    height: 38px;
    background: #d25858 url(../svg/ics-logouts.svg);
    border-radius: 50%;
}

.profile-logout:hover {
	box-shadow: 0 0 30px red;
}

.profile-name {
	text-align: center;
	font-size: 16px !important;
    font-weight: bold !important;
    color: #34343f !important;
    padding: 20px 0;
}

.profile-id {
	color: #34343f;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #dfdff3;
    border-radius: 100px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100px;
   height: 50px;
   margin-left: auto;
	margin-right: auto;
}

.profile-date-reg {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.profile-date-reg p:nth-child(1) {
	font-size: 14px;
    color: #c8c7da;
    font-weight: 500;
}

.profile-date-reg p:nth-child(2) {
	font-size: 14px;
    font-weight: 500;
    color: #34343f;
}

.profile-soc {
	display: flex;
	align-items: center;
	padding: 30px 20px;
}

.profile-soc-ico {
	min-width: 54px;
	min-height: 54px;
	max-width: 54px;
	max-height: 54px;
	border-radius: 50%;
	margin-right: 15px;
}

.profile-soc-ico.vk {
	background: #6e88e8 url(../svg/VK.com-logo.svg) no-repeat center center;
}

.profile-soc-ico.steam {
	background: #33334a url(../svg/steam-icon.svg) no-repeat center center;
}

.profile-soc-text {
	width: 100%;
}

.profile-soc-text p:nth-child(1) {
	font-size: 18px;
    font-weight: bold;
    color: #34343f;
}

.profile-soc-text p:nth-child(2) {
	font-size: 14px;
    color: #d5d5e3;
    font-weight: 400;
    margin-top: 5px;
}

.profile-soc-text a {
	color: #0674ec;
}

.profile-scroll {
	max-height: 450px;
	margin-right: -20px;
	padding-right: 20px;
}

.scroll {
	overflow-y:auto;
	overflow-x:hidden;
}

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

.scroll::-webkit-scrollbar-thumb {
	background: #767cf6;
}

.scroll::-webkit-scrollbar-track {
	background:rgba(0,0,0, 0.15);
}

.profile-balance,
.profile-procent {
	text-align: center;
}

.profile-balance p:nth-child(1),
.profile-procent p:nth-child(1) {
	font-size: 24px;
    color: #34343f;
    font-weight: bold;
}

.profile-balance p:nth-child(2),
.profile-procent p:nth-child(2) {
	color: #c3c9d9;
    font-weight: 500;
    font-size: 15px;
}

.profile-ref p {
	color: #c3c9d9;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
}

.profile-ref input {
    height: 50px !important;
    font-size: 14px;
    color: #c3cbe1;
    cursor: text;
    font-weight: bold;
    background: #f2f4fa;
    border-radius: 100px;
    width: 280px;
    padding: 0 15px;
}

.profile-procent {
	position: relative;
	z-index: 1;
}

.profile-procent:after {
	width: 60px;
	height: 65px;
	position: absolute;
	top: -30px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: '';
	z-index: -1;
	background: url(../svg/proc.svg) no-repeat;
	opacity: 0.2;
}

.table-flex:not(:last-child) {
	margin-bottom: 10px;
}

.table-flex {
	display: flex;
	background: #FFFFFF;
	border: 2px solid #DFE2EF;
	box-sizing: border-box;
	border-radius: 10px;
	height: 72px;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 16px;
}

.table-flex:first-child {
	background: 0;
	border: 0;
	height: 40px;
	color: #B0B6CA;
	font-weight: bold;
	font-size: 13px;
}

.table-flag {
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: 16px;
	color: #3C3C45;
}

.table-flag img {
	width: 30px;
	height: 30px;
}

.table-flag span {
	padding: 0 10px;
}

.table-item:nth-child(1) {
	width: 90px;
}

.table-item:nth-child(2) {
	width: 110px;
}

.table-item:nth-child(3) {
	width: 120px;
}

.table-item:nth-child(4) {
	width: 110px;
}

.table-item:nth-child(5) {
	width: 106px;
}

.table-about p,
.table-select p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.table-about p:nth-child(1) {
	font-weight: bold;
	font-size: 13px;
	color: #3C3C45;
}

.table-about p:nth-child(2) {
	font-weight: bold;
	font-size: 13px;
	color: #B0B6CA;
}

.table-select p:nth-child(1) {
	font-weight: bold;
	font-size: 13px;
	color: #3C3C45;
}

.table-select p:nth-child(2) {
	font-weight: bold;
	font-size: 15px;
	color: #3C3C45;
}

.table-select p:nth-child(1) img {
	width: 15px;
	height: 15px;
	margin-right: 5px;
	position: relative;
    top: 2px;
}

.table-status-text {
	font-weight: bold;
	font-size: 13px;
}

.table-status {
	border: 2px solid transparent;
	box-sizing: border-box;
	border-radius: 4px;
	width: 100%;
	font-weight: bold;
	font-size: 11px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 18px;
}

.pay-list {
	display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
    width: 360px;
    margin-left: auto;
    margin-right: auto;
}

.pay-list li {
	background: #FFFFFF;
	border: 2px solid #DFE2EF;
	box-sizing: border-box;
	border-radius: 10px;
	height: 96px;
	cursor: pointer;
	position: relative;
	transition: var(--transition);
	display: flex;
	align-items: center;
	justify-content: center;
}

.pay-list li.active {
	border-color: #6D57F8;
}

.pay-list li:after {
	width: 54px;
	height: 41px;
	position: absolute;
	top: -2px;
	left: -2px;
	z-index: 10;
	content: '';
}

.pay-list li.ico-qiwi:after {
	background: url(../img/1.png);
}

.pay-list li.ico-yoomoney:after {
	background: url(../img/2.png);
}

.pay-title {
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	padding-bottom: 10px;
	padding-top: 30px;
}

.form-flex.down button:before {
	background: url(../svg/down-arrow.svg) no-repeat;
}

.pay-inp {
	width: 336px;
}

.pay-inp2 {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.new-table-item {
	background: #FFFFFF url(../img/logos.png) no-repeat right bottom;
	border: 1px solid #E0E0E0;
	border-radius: 40px;
	padding: 20px 34px;
	margin-bottom: 30px;
}

.new-table-panel {
	display: flex;
	justify-content: space-between;
}

.new-table-title p:nth-child(1) {
	font-weight: 400;
	font-size: 16px;
	color: #424242;
}

.new-table-title p:nth-child(2) {
	font-weight: 400;
	font-size: 12px;
	color: #DADADA;
}

.new-table-live {
	border: 1px solid #FF5050;
	border-radius: 20px;
	height: 27px;
	padding: 0 8px;
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 16px;
	color: #FF5050;
}

.new-table-live:before {
	width: 4px;
	height: 4px;
	background: #FF5050;
	border-radius: 50%;
	content: '';
	margin-right: 5px;
	border: 1px solid #fff;
	box-shadow: 0 0 0 1px #FF5050;
}

.new-table-flex {
	display: flex;
	justify-content: space-between;
	margin: 40px 0;
}

.new-table-row {
	width: 83px;
	height: 86px;
	background: #F2F2F2;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.new-table-row img {
	width: 60px;
	height: 60px;
}

.new-table-VS {
	font-weight: 800;
	font-size: 80px;
	color: #F2F2F2;
}

.new-table-vs {
	position: relative;
}

.new-table-vs-TEXT {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: 400;
}

.new-table-vs-TEXT p:nth-child(1) {
	font-size: 14px;
}

.new-table-vs-TEXT p:nth-child(2) {
	font-size: 16px;
}

.new-table-win {
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 16px;
	color: #424242;
}

.new-table-win img {
	width: 30px;
	height: 30px;
	margin-right: 15px;
}

.new-table-bet {
	font-weight: 400;
	font-size: 19px;
	color: #424242;
	text-align: center;
	margin-top: 10px;
}

.new-table-btn {
	width: 224px;
	height: 47px;
	border-radius: 20px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
}

.new-table-btn.BTN-1 {
	background: #7C5AFE;
}

.new-table-btn.BTN-2 {
	background: #53B95F url(../img/a.png) no-repeat right bottom;
}

.new-table-btn.BTN-3 {
	background: #FF5454 url(../img/b.png) no-repeat right bottom;
}

.new-table-PreMatch {
	border: 1px solid #7C5AFE;
	border-radius: 20px;
	height: 27px;
	padding: 0 8px;
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 16px;
	color: #7C5AFE;
}

.new-pay-flex {
	display: flex;
	justify-content: space-between;
}

.new-pay-fl {
	width: 100%;
	margin-right: 40px;
}

.new-pay-fr {
	width: 380px;
	min-width: 380px;
	max-width: 380px;
}

.new-pay-bg {
	background: #FFFFFF;
	box-shadow: 0px 0px 47px rgba(216, 216, 216, 0.65);
	border-radius: 6px;
	padding: 30px;
	position: relative;
}

.new-pay-tg:hover {
	box-shadow: 0 0 30px #229ED990;
}

.new-pay-tg {
	height: 64px;
	display: flex;
	margin-bottom: 30px;
	background: #229ED9;
	border-radius: 28px;
	width: 100%;
	align-items: center;
	justify-content: center;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
}

.new-pay-tg svg {
	margin-right: 15px;
}

.new-pay-title {
	height: 64px;
	display: flex;
	margin-bottom: 30px;
	align-items: flex-end;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	color: #2D2D2D;
}

.new-pay-title2 {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	color: #2D2D2D;
	margin-bottom: 30px;
}

.new-pay-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 16px;
}

.new-pay-list li.active {
	border-color: #7947F7;
}

.new-pay-list .new-pay-list-check {
	position: absolute;
	top: 8px;
	left: 8px;
}

.new-pay-list-check {
	width: 10px;
	height: 10px;
	border: 2px solid #D7D7D7;
	border-radius: 50%;
	transition: 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.new-pay-list-check:before {
	width: 6px;
	height: 6px;
	background: #fff;
	content: '';
	border-radius: 50%;
	transition: 0.5s;
}

li.active .new-pay-list-check {
	border-color: #7947F7;
}

li.active .new-pay-list-check:before {
	background: #7947F7;
}

.new-pay-list li {
	border: 2px solid #D7D7D7;
	border-radius: 6px;
	height: 100px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: 0.5s;
	position: relative;
}

.new-pay-list li svg {
	max-width: 100%;
}

.new-pay-flex2 {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 40px;
}

.new-pay-inp {
	border: 2px solid #D7D7D7;
	border-radius: 6px;
	height: 40px;
	width: 100%;
	box-sizing: border-box;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #2D2D2D;
	padding: 0 15px;
}

.new-pay-form-item span {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #F13636;
	position: absolute;
	bottom: 5px;
	left: 0;
}

.new-pay-form-item {
	padding-bottom: 25px;
	position: relative;
}

.new-pay-form-title {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #2D2D2D;
	margin-bottom: 8px;
}

.new-pay-form-inp {
	border: 2px solid #D7D7D7;
	border-radius: 6px;
	height: 40px;
	box-sizing: border-box;
	padding: 0 15px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #2D2D2D;
	width: 100%;
}

.new-pay-line {
	background: #D7D7D7;
	height: 2px;
	margin: 30px -30px;
}

.new-pay-info li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #2D2D2D;
}

.new-pay-info li p:nth-child(2) {
	font-weight: 700;
}

.new-pay-info li:last-child {
	font-size: 24px;
	font-weight: 700;
	margin-top: 40px;
}

.new-pay-btn:hover {
	background: #2BFD6D;
}

.new-pay-btn {
	background: #D7D7D7;
	border-radius: 6px;
	height: 78px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	color: #FFFFFF;
}

.new-pay-back {
	margin-top: 20px;
}

.new-pay-back a {
	display: flex;
	align-items: center;
	width: max-content;
}

.new-pay-back svg {
	margin-right: 15px;
	transition: 0.5s;
}

.new-pay-back a:hover svg {
	transform: translate3d(5px, 0px, 0px);
}

.new-pay-bg.new-pay-bg-15 {
	padding: 15px;
	margin-top: 15px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	color: #2D2D2D;
	text-align: center;
}

.new-pay-terms {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	color: #2D2D2D;
	white-space: pre-line;
	margin-top: -20px;
	margin-bottom: -10px;
}

.new-pay-popup {
	position: absolute;
	top: 40px;
	right: -30px;
	background: #FFFFFF;
	box-shadow: 0px 0px 47px rgba(216, 216, 216, 0.65);
	border-radius: 6px;
	padding: 15px;
	z-index: 5;
}

.new-pay-popup li {
	height: 16px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.new-pay-popup li img {
	max-width: 100%;
}

.new-pay-popup li:not(:last-child) {
	margin-bottom: 15px;
}

.new-pay-list-img {
	background: #DEDEDE;
	width: 24px;
	height: 16px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 15px;
	margin-right: 5px;
}

.new-pay-list-text {
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
}

.profile-valuta {
	display: flex;
	align-items: center;
	margin-top: 15px;
}

.profile-valuta-title {
	font-weight: 400;
	font-size: 14px;
	color: #C9C8CD;
}

.profile-valuta-name {
	margin-left: auto;
	font-weight: 400;
	font-size: 14px;
	color: #232323;
}

.profile-valuta-svg {
	margin-left: 10px;
	cursor: pointer;
}

.pay-sovet:hover {
	background: #545fc7;
}

.pay-sovet {
	transition: background 0.5s;
	height: 46px;
	background: #7381FF;
	border-radius: 0px 0px 12px 12px;
	margin-bottom: -40px;
	margin-left: -40px;
	margin-right: -40px;
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	color: #fff;
}

.pay-sovet img {
	margin-right: 15px;
}

.load, body:after {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	background: rgb(115,161,255);
	background: radial-gradient(circle, rgba(115,161,255,1) 0%, rgba(104,112,255,1) 100%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

body:after {
	content: '';
	z-index: 9999;
}

body.load-off:after {
	display: none;
}

.load-logo {
	width: 182px;
	height: 50px;
	margin-bottom: 10px;
	background-image: url(../new_svg/white_logo.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.load-text {
	margin-bottom: 40px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
}

.load-row:after {
	width: 30px;
	height: 30px;
	background: #729bff;
	content: '';
	border-radius: 50%;
}

.load-row {
	width: 42px;
	height: 42px;
	background: conic-gradient(from 180deg at 50% 50%, #7381FF 0deg, #7381FF 63.24deg, rgba(255, 255, 255, 0) 360deg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	animation: Spin 0.8s linear infinite;
}

.spin {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: 0.5s;
	transform: scale(0);
}

@keyframes Spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

.mobile-panel:after {
	background: rgb(75,81,193,1);
	background: radial-gradient(circle, rgb(75 81 193) 0%, rgb(61 88 143) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: '';
	z-index: -1;
	transition: 0.5s;
	height: 70px;
}

.mobile-panel.active:after {
	opacity: 0;
	top: -70px;
}

.mobile-panel {
	display: none;
	align-items: center;
	justify-content: space-between;
    height: 70px;
    padding: 0 20px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.mobile-row {
	padding: 4px 0;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
}

.mobile-row li {
	position: relative;
    display: block;
    width: 18px;
    height: 2px;
    margin: 0 1px;
    transition: transform .3s,background-color .3s;
    background-color: #fff;
}

.mobile-row li:nth-child(2), .mobile-row li:nth-child(3) {
    margin-top: 3px;
}

.mobile-row li:nth-child(2), .mobile-row li:nth-child(3) {
    margin-top: 3px;
}

.mobile-row.active li:nth-child(1) {
    transform: translateY(5px) translateZ(0) rotate(45deg);
}

.mobile-row.active li:nth-child(2) {
    transition: opacity .3s;
    opacity: 0;
}

.mobile-row.active li:nth-child(3) {
    transform: translateY(-5px) translateZ(0) rotate(-45deg);
}

.mobile-popup.active {
	z-index: 99;
	opacity: 1;
}

.mobile-popup {
	position: fixed;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	display: flex;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -99;
	opacity: 0;
	background: rgba(0, 0, 0, 0.97);
	transition: opacity 0.5s;
}

.mobile-panel-menu a {
	color: #fff;
	font-size: 15px;
}

.mobile-panel-menu li {
	margin-bottom: 15px;
}

.mobile-panel-menu a {
	display: flex;
	align-items: center;
}

.mobile-panel-menu a:before {
	content: '';
	margin-right: 8px;
	width: 8px;
	height: 1px;
	background: #fff;
}

.mobile-panel-auth, .mobile-panel-profile {
	margin-top: 20px;
	display: flex;
}

.mobile-panel-auth .auth-link {
	margin: 0 8px;
}

.form-flex.no_bef button[type="submit"]:before {display: none;}

.form-flex.no_bef button[type="submit"] {
	width: auto;
	padding: 0 20px;
}

.p2p-text {
	text-align: center;
	font-size: 15px;
	padding-bottom: 15px;
}

.val-list {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
    align-items: flex-start;
}

.val-list li:not(:last-child) {
	margin-bottom: 10px;
}

.val-list li {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.val-list li.active span:after {
	opacity: 1;
}

.val-list li span:after {
	background: #6e5af8;
	min-width: 7px;
	min-height: 7px;
	max-width: 7px;
	max-height: 7px;
	border-radius: 50%;
	transition: 0.5s;
	content: '';
	opacity: 0;
}

.val-list li span {
	min-width: 11px;
	min-height: 11px;
	max-width: 11px;
	max-height: 11px;
	box-sizing: border-box;
	border: 1px solid #6e5af8;
	border-radius: 50%;
	margin-right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}