* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

html,
body {
	height: 100%;
	font-family: Tahoma, sans-serif
}

main {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background-color: #002347;
	font-family: Tahoma, sans-serif
}

main p,
main span,
main h1,
main h2,
main h3,
main h4,
main h5,
main figcaption,
main li {
	color: #fff;
	font-family: Tahoma, sans-serif
}

main a {
	color: #ff7a4d;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.45;
	font-family: Tahoma, sans-serif
}

main a:hover {
	text-decoration: underline
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
main p,
main ol,
main ul,
main figure,
main .general-table,
main .faq-container {
	margin: 0 auto;
	width: 96%
}

main figure {
	margin: 0 auto;
	margin-bottom: 20px
}

main p {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.45
}

main .wrapper {
	width: 100%;
	max-width: 1128px;
	margin: 0 auto
}

body {
	overflow-x: hidden;
	position: relative;
	background: #f5f5f5
}

a {
	text-decoration: none;
	transition: .3s
}

table,
tr,
td,
tbody,
thead {
	font-family: Tahoma, sans-serif
}

input,
button {
	font-family: Tahoma, sans-serif;
	border: none;
	box-shadow: none;
	transition: .3s
}

input {
	outline: none
}

p,
span,
li,
a {
	font-size: 18px;
	line-height: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-align: center;
	padding: 15px 0;
	color: #1e1e24
}

h1 {
	font-size: 22px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 1.32px
}

h2 {
	font-size: 20px;
	line-height: 24px
}

h3 {
	font-size: 18px;
	line-height: 20px
}

h4 {
	font-size: 16px;
	line-height: 18px
}

h5,
h6 {
	font-size: 14px;
	line-height: 16px
}

p,
span,
li,
h1,
h2,
h3,
a,
b,
i,
label,
input,
button,
td,
tr,
figcaption {
	color: #1e1e24
}

p {
	padding-bottom: 20px
}

li {
	list-style: none
}

button {
	cursor: pointer;
	background: rgba(0, 0, 0, 0)
}

img {
	max-width: 100%;
	display: block
}

i {
	font-style: normal
}

#__next {
	min-height: 100%;
	display: flex;
	flex-direction: column
}

.content {
	position: relative;
	flex-grow: 1;
	padding-top: 20px
}

.content .content-block {
	margin-bottom: 20px;
	border-radius: 20px;
	background: rgba(0, 0, 0, 0);
	padding: 20px 20px 0px 20px
}

.content .content-block .added-dynamic {
	background: #003266;
	border-radius: 15px;
	margin-bottom: 20px;
	padding: 10px
}

.content .general-ol {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 20px;
	counter-reset: counter-ol;
	padding-left: 20px
}

.content .general-ol li {
	position: relative;
	padding-left: 0;
	margin-bottom: 10px;
	padding-left: 20px;
	width: 48%;
	counter-increment: counter-ol
}

.content .general-ol li::before {
	position: absolute;
	content: counter(counter-ol) ".";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	color: #fff;
	background: linear-gradient(0deg, #fa4d00 0, #fa5e00);
	border-radius: 50%;
	top: 2px;
	left: -20px
}

.content .general-ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 20px
}

.content .general-ul li {
	position: relative;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 48%
}

.content .general-ul li::before {
	content: no-open-quote;
	position: absolute;
	width: 10px;
	height: 2px;
	left: 0;
	top: 13px;
	background: linear-gradient(0deg, #fa4d00 0, #fa5e00)
}

.pageError {
	min-height: calc(100vh - 70px)
}

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

.imgWrap {
	display: block;
	position: relative
}

figure {
	margin-bottom: 20px;
	text-align: center
}

figure span {
	height: 50%;
	width: 100%;
	position: absolute;
	left: 0;
	top: -50%
}

figcaption {
	color: #1e1e24;
	font-size: 14px
}

.general-image {
	display: block;
	border-radius: 15px;
	max-height: 500px;
	width: auto;
	height: auto;
	margin: 0 auto 10px auto
}

.general-image.vertical {
	max-height: 500px;
	max-width: 70%
}

.general-image.horizontal {
	max-width: 100%
}

.general-table {
	margin-bottom: 20px;
	border-collapse: collapse;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	line-height: 18px
}

.general-table .general-tr {
	background: rgba(0, 0, 0, 0)
}

.general-table .general-tr .general-td {
	padding: 10px;
	text-align: center;
	color: #fff;
	border: 1px solid rgba(251, 251, 251, .2)
}

.faq-container .faq-item {
	margin: 0 auto;
	position: relative;
	min-height: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #1e1e24
}

.faq-container .faq-item:last-child {
	border-bottom: none
}

.faq-container .faq-item:hover .icon::before,
.faq-container .faq-item:hover .icon::after {
	background: #63b0e8
}

.faq-container .faq-item:hover {
	border-color: #63b0e8
}

.faq-container .faq-item:hover .faq-question {
	color: #63b0e8
}

.faq-container .faq-question {
	padding-bottom: 0;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px
}

.faq-container .faq-answer {
	padding: 10px 0;
	height: 0;
	overflow: hidden;
	z-index: -1;
	position: relative;
	opacity: 0;
	transition: .4s ease
}

.faq-container .icon {
	height: 18px;
	position: absolute;
	width: 18px;
	right: 10px;
	top: 11px;
	z-index: 2
}

.faq-container .icon::before,
.faq-container .icon::after {
	background: #63b0e8;
	content: no-open-quote;
	height: 4px;
	right: 0;
	position: absolute;
	top: 0;
	width: 18px;
	transition: transform 500ms ease
}

.faq-container .toggle {
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	position: absolute;
	top: 0;
	z-index: 3
}

.faq-container .toggle:checked~.icon::before,
.faq-container .toggle:checked~.icon::after {
	background: #63b0e8
}

.faq-container .toggle:checked~.faq-question {
	color: #63b0e8
}

.faq-container .toggle:not(:checked)~.icon:before {
	transform: rotate(180deg)
}

.faq-container .toggle:not(:checked)~.icon:after {
	transform: rotate(90deg)
}

.faq-container .toggle:checked~.faq-answer {
	height: auto;
	opacity: 1;
	z-index: 2
}

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

.columns p {
	width: 100%
}

.columns .column {
	width: 48%
}

.columns .column-header {
	padding-top: 0;
	text-align: left
}

.columns .column-p {
	position: relative;
	margin-left: 15px;
	padding-left: 25px
}

.columns .column-p::before {
	content: no-open-quote;
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(/list.svg);
	background-repeat: no-repeat;
	background-size: cover;
	left: 0;
	top: 8px
}

.table_of_contents {
	margin: 19px 0
}

.table_of_contents .toggle {
	display: none
}

.table_of_contents .lbl-toggle {
	display: inline-block;
	font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
	padding: 10px;
	color: #1e1e24;
	background: #8d53e9;
	cursor: pointer;
	border-radius: 7px;
	transition: all .25s ease-out
}

.table_of_contents .lbl-toggle:hover {
	background: #08f
}

.table_of_contents .toggle:checked+.lbl-toggle {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.table_of_contents .table_box {
	max-height: 0px;
	overflow: hidden;
	transition: max-height .25s ease-in-out;
	display: flex;
	width: 100%;
	max-width: 500px;
	flex-direction: column
}

.table_of_contents .toggle:checked+.lbl-toggle+div {
	max-height: 1000px;
	border: 1px solid #8d53e9;
	padding: 20px;
	margin-top: 12px;
	border-radius: 8px
}

.table_of_contents .table_link {
	position: relative;
	padding-left: 15px;
	font-size: 16px;
	line-height: 1.8
}

.table_of_contents .table_link::before {
	content: no-open-quote;
	position: absolute;
	width: 8px;
	height: 8px;
	top: 32%;
	left: 0;
	background: #08f;
	border-radius: 50%;
	transition: all .25s ease-out
}

.table_of_contents .table_link:hover {
	color: #08f
}

.content404Page.wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	max-width: 100%;
	width: 100%;
	background: #205685
}

.content404Page.wrapper .content404 {
	display: flex;
	flex-direction: column;
	width: 280px
}

.content404Page.wrapper .content404 img {
	display: block;
	margin: 0 auto
}

.content404Page.wrapper .content404 h1 {
	color: #fff
}

.content404Page.wrapper .content404 button {
	display: inline-block;
	background: #fff;
	margin-right: 15px;
	padding: 5px 15px;
	border-radius: 5px;
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	color: #000
}

.content404Page.wrapper .content404 button:hover {
	background: #92c637
}

.contentMap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
	max-width: 100%;
	width: 100%;
	background: #205685
}

.contentMap h1 {
	text-align: left;
	color: #1e1e24;
	margin-bottom: 64px
}

.contentMap .sitemapLinks {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 640px
}

.contentMap .sitemapLinks a {
	display: inline-block;
	color: #fff;
	margin: 0 auto 12px;
	position: relative
}

.contentMap .sitemapLinks a:before {
	position: absolute;
	left: -16px;
	top: calc(50% - 4px);
	content: no-open-quote;
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%
}

.contentMap .sitemapLinks a:hover {
	color: #92c637
}

.img-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center
}

.img-overlay:target {
	visibility: visible;
	opacity: 1
}

.img-overlay .img-popup {
	margin: 70px auto;
	padding: 20px;
	border-radius: 5px;
	width: 100%;
	position: relative;
	transition: all 5s ease-in-out
}

.img-overlay .img-popup.horizontal {
	aspect-ratio: 1/.2
}

.img-overlay .img-popup.vartical {
	aspect-ratio: .5/1
}

.button-block {
	padding: 24px;
	text-align: center;
	margin: 20px 0;
	background-image: url(/uploads/img/button_block_bg.webp);
	background-repeat: no-repeat;
	background-size: cover
}

.button-block button {
	padding: 18px 60px;
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 50px;
	background: linear-gradient(125deg, #ffbf2d 0%, #ff9314 100%);
	box-shadow: 0px 0px 12px 0px rgba(255, 92, 0, .26)
}

.button-block button:hover {
	background: linear-gradient(135deg, #f69401 0%, #ff7c01 100%);
	box-shadow: 0px 0px 12px 0px rgba(255, 92, 0, .26), 0px 0px 18px 0px rgba(255, 46, 0, .7)
}

.quote {
	position: relative;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 40px;
	width: 98%;
	max-width: 600px;
	border-radius: 12px;
	background: #2163ce
}

.quote p {
	padding: 40px 40px 20px 40px;
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	color: #fff
}

.quote::after {
	position: absolute;
	content: "";
	width: 60px;
	height: 60px;
	background-image: url(/_next/static/media/quote-icon.28ebace9.svg);
	background-repeat: no-repeat;
	background-size: cover;
	left: 45%;
	top: -30px
}

@media screen and (max-width: 1250px) {
	main .wrapper {
		padding: 0 10px
	}

	h1 {
		font-size: 26px;
		line-height: 30px
	}

	h2 {
		font-size: 22px;
		line-height: 32px
	}

	h3 {
		font-size: 20px;
		line-height: 30px
	}

	h4 {
		font-size: 18px;
		line-height: 28px
	}

	h5,
	h6 {
		font-size: 16px;
		line-height: 26px
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		padding: 10px 0
	}

	.content {
		padding-top: 20px
	}

	.content .content-block {
		padding: 20px 10px 0px 10px
	}

	.content .content-block .added-dynamic {
		padding: 5px
	}

	.content .contentMain {
		width: 100%
	}

	.content .general-ol li,
	.content .general-ul li {
		width: 100%
	}

	.columns {
		flex-wrap: wrap
	}

	.columns .column {
		width: 100%
	}

	.column-p {
		margin-left: 0
	}

	.footer-block-btn .buttons {
		justify-content: space-between;
		width: 100%
	}

	.footer-block-btn .buttons .regButton,
	.footer-block-btn .buttons .logButton {
		padding: 7px 5px
	}

	.footer-block-btn .buttons .logButton {
		width: 38%
	}

	.footer-block-btn .buttons .regButton {
		width: 58%
	}
}

@media screen and (max-width: 400px) {
	.general-table {
		overflow-x: auto;
		max-width: 100%;
		display: flex
	}
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}

body {
	overflow-x: hidden;
	background: var(--main);
}

a {
	text-decoration: none;
	transition: 0.3s;
}

input,
button {
	border: none;
	box-shadow: none;
	transition: 0.3s;
}

input {
	outline: none;
}

p,
span,
li,
a {
	font-size: 16px;
	line-height: 28px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-align: center;
	color: var(--text);
}

p,
span,
li,
h1,
h2,
h3,
a,
b,
i,
label,
input,
button,
td,
tr,
figcaption {
	color: var(--text);
}

/* li {list-style:none;} */
button {
	cursor: pointer;
	background: transparent;
}

img {
	max-width: 100%;
	display: block;
}

i {
	font-style: normal;
	transition: 0.3s;
}

.wrapper {
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
}

.h2 {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.h2 button {
	border-radius: var(--block-border-radius);
	padding: 10px 10px;
	background: var(--color-primary);
	color: #fff;
	position: relative;
}

.h2 button:hover {
	background: var(--color-secondary);
}

.h2 button i {
	color: #fff;
	font-size: 18px;
	padding-right: 5px;
	position: relative;
	top: 2px;
}

.h2 h2 {
	margin-left: 280px;
	margin-bottom: 0;
}


:root {
	--main: #f5f5f5;
	--text: #000;
	--light-back: #fff;
	--block-border-radius: 10px;
	--color-primary: #4d8ab9;
	--color-secondary: #376c97;
}


/* Header */
header {
	padding: 20px 0;
}

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

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

.header_logo img {
	width: 40px;
	margin-right: 10px;
}

.header_logo span {
	font-size: 20px;
}

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

.header_admin img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 10px;
}

.header_admin span {
	font-size: 14px;
}


/* Main content */
.main_content {
	display: flex;
	justify-content: space-between
}

.sidebar {
	width: 220px;
	background: var(--light-back);
	padding: 20px 0;
	border-radius: var(--block-border-radius);
	min-height: 80vh;
	position: relative;
}

.sidebar span {
	font-size: 12px;
	display: block;
}

.sidebar .material-icons {
	font-size: 24px;
	margin-right: 12px;
}

.sidebar a {
	display: flex;
	width: 100%;
	align-items: center;
	padding: 10px 15px 10px 15px;
	position: relative;
}

.sidebar a:hover,
.sidebar a.active {
	background: var(--color-primary);
	color: #fff;
}

.sidebar a:hover span {
	color: #fff;
}

.sidebar a i {
	color: var(--text);
	font-size: 18px;
	padding-right: 8px;
}

.sidebar a:hover i,
.sidebar a.active i {
	color: #fff;
}

.sidebar .year {
	position: absolute;
	bottom: 20px;
}

.main_content .info {
	width: calc(100% - 240px);
	background: var(--light-back);
	border-radius: var(--block-border-radius);
}

.main_content .info h2 {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 40px;
}

.info_content {
	padding: 30px;
}


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

.navigation_item {
	border-radius: var(--block-border-radius);
	background: var(--color-primary);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
	margin-bottom: 20px;
}

.navigation_item i {
	display: block;
	font-size: 40px;
	text-align: center;
	padding-bottom: 20px;
	color: #fff;
}

.navigation_item a {
	font-size: 22px;
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	padding: 30px;
	text-align: center;
}

.navigation_item:hover {
	background: var(--color-secondary);
}

.info_field {
	display: flex;
	margin-bottom: 20px;
}

.info_field span {
	background: #eee;
	font-size: 15px;
	padding: 5px 10px;
	width: 25%;
	border-radius: var(--block-border-radius) 0 0 var(--block-border-radius);
}

.info_field input {
	border: 1px solid #eee;
	padding: 5px 10px;
	width: 75%;
	border-radius: 0 var(--block-border-radius) var(--block-border-radius) 0;
}

.info_field input::placeholder {
	color: var(--text);
	opacity: 1;
	font-size: 16px;
}

.info_field select {
	border-radius: 0 var(--block-border-radius) var(--block-border-radius) 0;
	border: 1px solid #eee;
	padding: 5px 10px;
	background: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	color: var(--text);
}


.pages_item {
	padding: 10px 10px 10px 0;
	border-bottom: 1px solid #eee;
	display: flex;
	align-items: center;
}

.pages_item h3 {
	text-align: left;
	font-size: 16px;
	position: relative;
	margin: 0 12px;
}

.pages_item img {
	width: 40px;
	flex: 0 0 auto;
	height: 40px;
}

.pages_item_moves {
	display: flex;
}

.pages_item_moves i {
	color: #b7b7b7;
	font-size: 14px;
	padding-right: 5px;
}

.pages_item .details {
	display: flex;
	align-items: center;
}

.pages_item .details:hover,
.pages_item .details:hover i {
	color: var(--color-primary);
}

.pages_item .delete:hover,
.pages_item .delete:hover i {
	color: #f80505;
}


.pageKey {
	margin-left: 12px;
	padding: 10px;
	border: 1px #ccc solid;
	border-radius: 4px;
}

.pages_bound {
	margin-left: 30px;
	padding: 20px 0;
}

.pages_bound_item a {
	text-align: left;
	font-size: 14px;
	padding-left: 25px;
	position: relative;
}

.pages_bound_item a:before {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0;
	background: url(/_next/static/media/England-flag.5d086557.png)no-repeat;
	background-size: cover;
	border-radius: 50%;
}

.pages_bound_item a:hover {
	color: var(--color-secondary);
}


.category_item {
	padding: 10px 10px 10px 0;
	border-bottom: 1px solid #eee;
}

.category_item a {
	text-align: left;
	font-size: 16px;
}

.category_item a:hover {
	color: var(--color-secondary);
}


/* Links Block */

.links-block {
	width: 94%;
	max-width: 860px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 18px 20px;
	border-radius: 16px;
	background: #0B3266;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 44px;
	margin-top: 29px;
}

.links-block .icons {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	max-height: 82px;
	width: 100%;
}

.links-block .icon-item {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 25%;
	position: relative;

}

.links-block .icon-item button {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.links-block .icon-enter img,
.links-block .icon-apk img,
.links-block .icon-casino img {
	width: 44px;
	height: 44px;
}

.links-block .icon-aviator img {
	width: 60px;
	height: 44px;
}

.links-block .icon-info {
	display: flex;
	justify-content: center;
	align-items: center;
}

.links-block .icon-info span {
	color: #FFF;
	text-align: center;
	font-family: Verdana;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: -0.44px;
	text-transform: uppercase;
	padding: 12px 0 0 0;
}

.links-block .icon-info .color {
	color: #F95617;
	font-weight: 700;

}

.links-block .icon-casino::before,
.links-block .icon-enter::before,
.links-block .icon-apk::before {
	content: '';
	position: absolute;
	width: 100%;
	border-color: transparent #054782 transparent transparent;
	border-style: solid;
	border-width: 1px;
	height: 82px;
	padding-right: 10px;
}


@media screen and (max-width: 1250px) {
	.links-block {
		margin-bottom: 8px;
		margin-top: 16px;
		padding: 12px 10px;
	}

	.links-block .icon-info span {
		font-size: 14px;
		line-height: 16px;
	}

	.links-block .icon-enter img,
	.links-block .icon-apk img,
	.links-block .icon-casino img {
		width: 28px;
		height: 28px;
	}

	.links-block .icon-aviator img {
		width: 39px;
		height: 28px;
	}

	.links-block .icon-casino::before,
	.links-block .icon-enter::before,
	.links-block .icon-apk::before {
		height: 40px;
	}


}

@media screen and (max-width: 350px) {
	.links-block .icon-info span {
		font-size: 12px;
		line-height: 14px;
	}

}

/* Links Block end */


/* Page login */
.loginPage {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loginPage .header_logo {
	display: flex;
	justify-content: center;
}

.loginPage form {
	padding: 30px;
	background: var(--light-back);
	border-radius: var(--block-border-radius);
	width: 100%;
	max-width: 400px;
}

.loginPage form div {
	margin-bottom: 15px;
}

.loginPage form label {
	display: flex;
}

.loginPage label span {
	background: #eee;
	font-size: 17px;
	padding: 5px 10px;
	border-radius: var(--block-border-radius) 0 0 var(--block-border-radius);
	width: 25%;
}

.loginPage label input {
	border: 1px solid #eee;
	padding: 5px 10px;
	width: 75%;
	border-radius: 0 var(--block-border-radius) var(--block-border-radius) 0;
	font-size: 17px;
	background: var(--light-back);
}

.loginPage .loginButton {
	display: flex;
	justify-content: center;
}

.loginPage button {
	background: var(--color-primary);
	color: #fff;
	font-size: 18px;
	border-radius: var(--block-border-radius);
	padding: 10px 25px;
	text-transform: uppercase;
}

.loginPage button:hover {
	background: var(--color-secondary);
}


.buttonAdmin {
	background: var(--color-primary);
	color: #fff;
	font-size: 18px;
	border-radius: var(--block-border-radius);
	padding: 10px 25px;
	text-transform: uppercase;
}

.buttonAdmin:hover {
	background: var(--color-secondary);
}

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

.buttonDelete {
	background: #eee;
	font-size: 16px;
	border-radius: var(--block-border-radius);
	padding: 10px 15px;
}

.buttonDelete:hover {
	background: #e10404;
	color: #fff;
}


.cardList {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.cardList .cardItem {
	margin: 16px 0px 0px 0;
	padding: 10px;
	border: 1px #eee solid;
	border-radius: 4px;
	cursor: -webkit-grab;
	cursor: grab;
	position: relative;
	width: 100%;
}

.cardList .cardItem h3 {
	padding: 0 0 10px 0;
	text-align: left;
	font-size: 16px;
}

.cardList .cardItem .remove {
	position: absolute;
	cursor: pointer;
	right: 16px;
	top: 8px;
	font-size: 24px;
	background: red;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cardList .cardItem .remove span {
	color: #fff;
}

.cardList button.addItem {
	width: 100%;
	height: 100px;
	background: #eee;
	margin-top: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cardList button.addItem span {
	font-size: 32px;
	color: #333;
}

.cardList .cardItem .input {
	margin-bottom: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cardList .cardItem input {
	width: calc(100% - 120px);
	background: #eee;
	padding: 10px;
	flex-grow: .9;
}

.cardList .cardItem .input span {
	width: 120px;
	font-size: 15px;
}

.cardList .select {
	width: 100%;
	display: flex;
}

.cardList .select div {
	margin-right: 15px;
}

.cardList .select div input {
	margin-right: 5px;
}

.saveButton {
	width: 100%;
	margin: 20px 0;
	display: flex;
	justify-content: flex-end;
}

.cardList .menuName {
	width: 100%;
	margin-top: 16px;
}

.cardList .menuName input {
	border: 1px solid #eee;
	padding: 10px 10px;
	width: 500px;
	border-radius: var(--block-border-radius);
}

.footer {
	background-color: #04386e;
	padding: 20px 0
}

.footer .footer-topside {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 20px 20px
}

.footer .footer-topside .download {
	display: flex;
	align-items: center;
	margin-right: 20px;
	padding: 5px 5px 5px 10px;
	border-radius: 20px;
	background-color: #054588
}

.footer .footer-topside .download span {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase
}

.footer .footer-topside .download button {
	width: 20px;
	height: 20px;
	margin: 0 5px;
	fill: #428cdc;
	transition: .4s
}

.footer .footerInner {
	display: flex;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding-top: 20px
}

.footer .footerInner img {
	margin: 0 auto;
	object-fit: contain
}

.footer .footerInner .dmca-badge {
	display: block;
	margin-top: 4px;
	margin-bottom: 8px
}

.footer .footerInner .dmca-badge img {
	display: block;
	margin: 0 auto
}

.footer .footerInner .copyright {
	display: block;
	color: #fff;
	font-size: 15px;
	padding-bottom: 10px
}

.footer .scrollTop {
	background: linear-gradient(135deg, #fb4d00 0%, #fb7c34 100%);
	box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, .1);
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 60px;
	right: 20px;
	opacity: 0;
	cursor: pointer;
	border-radius: 50%;
	z-index: 5
}

.footer .scrollTop.pam_content {
	opacity: 1
}

.footer .menu {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 20px 0;
	border-top: 1px solid #fff
}

.footer .menu a {
	color: #fff;
	transition: all .3s ease-in-out
}

.footer .menu a:hover {
	text-decoration: none;
	color: #fa7135
}

.footer-block-btn {
	z-index: 4;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	height: 60px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: linear-gradient(0deg, rgba(0, 50, 102, 0) 0, #003266 73%, #003266 98%);
	background-color: #0a519e;
	display: none;
	justify-content: center;
	align-items: center
}

.footer-block-btn .buttons {
	display: flex
}

@media(max-width: 1200px) {
	.footer-block-btn {
		display: flex
	}

	.footer {
		padding-bottom: 50px
	}

	.footer .menu,
	.footer hr {
		display: none
	}

	.footer .footer-topside {
		justify-content: center;
		padding-bottom: 0
	}

	.footer .footer-topside .download {
		display: none
	}

	.footer .footerInner {
		padding: 0
	}

	.footer .footerInner img {
		display: none
	}
}

.header {
	background-image: linear-gradient(0deg, rgba(0, 50, 102, 0) 0, #003266 73%, #003266 98%);
	background-color: #0a519e;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	padding: 10px 20px
}

.header .headerInner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	margin-bottom: 10px
}

.header .headerInner .header__top {
	display: flex;
	align-items: center
}

.header .headerInner .header__top .logo {
	display: none
}

.header .headerInner .header__top .header__top-download {
	display: flex;
	align-items: center;
	margin-right: 20px;
	padding: 5px 5px 5px 10px;
	border-radius: 20px;
	background-color: #054588
}

.header .headerInner .header__top .header__top-download span {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase
}

.header .headerInner .header__top .header__top-download button {
	width: 20px;
	height: 20px;
	margin: 0 5px;
	fill: #428cdc;
	transition: .4s
}

.header .headerInner .header__top .header__security {
	margin-right: 20px;
	display: flex;
	align-items: center;
	height: 40px;
	padding: 10px;
	background: #054588;
	border-radius: 20px;
	transition: all .2s ease;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	border: 2px solid #054588
}

.header .headerInner .header__top .header__security button {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	text-transform: uppercase
}

.header .headerInner .header__top .header__security button .security-img {
	display: block;
	background: url(/uploads/img/security.svg);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat
}

.header .headerInner .header__top .header__top-stocks {
	display: flex;
	align-items: center;
	padding: 5px 10px;
	height: 40px;
	font-size: 12px;
	font-weight: 700;
	background-color: #428cdc;
	color: #fff;
	background-image: linear-gradient(0deg, #428cdc 0, #0992af);
	box-shadow: 0 11px 27px rgba(66, 140, 220, .63);
	border-radius: 20px
}

.header .headerInner .header__top .header__top-stocks button {
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-weight: 600
}

.header .headerInner .header__top .header__top-stocks button svg {
	margin-right: 10px;
	width: 20px;
	height: 20px;
	fill: #fff;
	transition: fill .15s ease-in
}

.header .headerInner .logo a {
	display: block
}

.header .headerInner .logo .ampLogo {
	position: relative
}

.header .headerInner .logo .ampLogo button {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.header .menu {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.header .menu .links {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px 10px;
	flex: 1 1 auto;
	background-color: rgba(0, 49, 102, .5);
	border-radius: 20px;
	height: 40px
}

.header .menu a {
	margin-right: 10px;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	text-decoration: none;
	padding: 10px
}

.header .menu a:last-child {
	margin-right: 0
}

.header .menu a:hover {
	color: #ffb801
}

.header .menu a.active {
	color: #fff
}

.header .menu .btn-bonus-buy {
	font-size: 15px;
	display: flex;
	align-items: center;
	border-radius: 20px;
	border: 2px solid #ffb801;
	padding: 0px 20px;
	color: #fff;
	line-height: 1.15;
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
	transition: color .3s ease
}

.header .menu .btn-bonus-buy img {
	margin-right: 8px
}

.buttons .logButton {
	padding: 10px 20px;
	border-radius: 50px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0);
	transition: all .1s ease-in-out;
	background-image: linear-gradient(0deg, #428cdc 0, #509aea 97%, #509aea)
}

.buttons .logButton:hover,
.buttons .logButton:active {
	color: #fb4d00;
	background: #ffeaea
}

.buttons .regButton {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-right: 20px;
	background: linear-gradient(135deg, #fb4d00 0%, #fb7c34 100%);
	padding: 10px 20px 10px 20px;
	border-radius: 50px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	transition: all .1s ease-in-out
}

.buttons .regButton img {
	position: relative;
	top: 1px;
}

.buttons .regButton:hover,
.buttons .regButton:active {
	background: linear-gradient(135deg, #ff7a4d 0%, #ff9567 100%)
}

@media screen and (max-width: 1250px) {
	.header {
		height: 50px
	}

	.header .menu {
		display: none
	}

	.header .headerInner .header__top {
		width: 100%
	}

	.header .headerInner .header__top .logo {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center
	}

	.header .headerInner .header__top .header__top-download,
	.header .headerInner .header__top .header__security,
	.header .headerInner .header__top .header__top-stocks span {
		display: none
	}

	.header .headerInner .header__top .header__top-stocks {
		height: 30px;
		padding: 0 10px
	}

	.header .headerInner .header__top .header__top-stocks button svg {
		margin-right: 0
	}

	.buttons {
		display: none
	}

	.buttons .regButton {
		margin-right: 0
	}

	.buttons .regButton,
	.buttons .logButton {
		font-size: 16px
	}
}

.contentSidebar {
	width: 350px;
	height: 540px;
	position: -webkit-sticky;
	position: sticky;
	right: 0;
	top: 100px;
	padding: 20px;
	background: #1b243a;
	border-radius: 15px
}

.contentSidebar .appName {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #fff
}

.contentSidebar .appImg {
	display: flex;
	justify-content: center
}

.contentSidebar .appItem {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 15px;
	padding: 10px;
	margin: 10px 0;
	position: relative
}

.contentSidebar .appItem button {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.contentSidebar .appItem .appInfo {
	width: calc(100% - 40px)
}

.contentSidebar .appItem .appInfoTitle {
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	display: block
}

.contentSidebar .appItem .appInfoSubtitle {
	font-size: 13px;
	color: #fff;
	line-height: 20px;
	display: block
}

.contentSidebar .appItem:nth-child(1n) {
	background: #8d53e9
}

.contentSidebar .appItem:nth-child(1n):hover {
	background: #712cde
}

.contentSidebar .appItem:nth-child(2n) {
	background: #00b7ff
}

.contentSidebar .appItem:nth-child(2n):hover {
	background: #2ca0ce
}

@media screen and (max-width: 1250px) {
	.contentSidebar {
		display: none
	}
}

.burger {
	display: none;
	position: relative
}

.mobileMenu {
	position: fixed;
	top: 0;
	right: 0%;
	display: block;
	z-index: 5;
	background: #003266;
	width: 100%;
	max-width: 350px;
	min-height: 100vh;
	padding: 30px 20px;
	transition: right .8s
}

.mobileMenu .buttons {
	display: block;
	margin-top: 32px
}

.mobileMenu .buttons button {
	display: block;
	margin: 0 auto 12px;
	width: 50%
}

.mobileMenu[hidden] {
	right: -200%
}

.mobileMenu .mobileMenuTop {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px
}

.mobileMenu .mobileMenuLinks {
	display: flex;
	flex-direction: column;
	gap: 26px;
	align-items: center
}

.mobileMenu .mobileMenuLinks a {
	color: #fff;
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	line-height: 10px;
	text-transform: uppercase
}

.mobileMenu .mobileMenuLinks .btn-bonus-buy {
	font-size: 15px;
	display: flex;
	align-items: center;
	border-radius: 20px;
	border: 2px solid #ffb801;
	padding: 0px 20px;
	color: #fff;
	line-height: 1.15;
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
	transition: color .3s ease
}

.mobileMenu .mobileMenuLinks .btn-bonus-buy img {
	margin-right: 8px
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .5);
	z-index: 1;
	display: block
}

.overlay[hidden] {
	display: none
}

@media screen and (max-width: 1250px) {
	.burger {
		display: block
	}
}

.breadcrumbs {
	display: flex;
	align-items: center;
	padding-top: 25px;
	overflow-x: hidden
}

.breadcrumbs a {
	color: #000;
	font-size: 14px
}

.breadcrumbs a:hover {
	text-decoration: none
}

.breadcrumbs .last {
	position: relative;
	margin-left: 10px;
	font-size: 14px
}

.breadcrumbs a:after {
	display: inline-block;
	width: 11px;
	height: 11px;
	background-image: url(arrow-right.svg);
	background-size: cover;
	background-repeat: no-repeat;
	margin-left: 10px;
	content: no-open-quote
}

@media screen and (max-width: 1250px) {
	.breadcrumbs {
		padding-top: 35px;
	}
}

.bannerApp {
	margin-top: 90px;
	background-repeat: no-repeat;
	background-size: cover
}

.bannerApp .bannerAppWripper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-around
}

.bannerApp .bannerAppInfo {
	display: flex;
	flex-direction: column;
	gap: 30px
}

.bannerApp .bannerAppInfo p {
	padding-bottom: 0;
	max-width: 550px;
	color: #fff;
	font-size: 80px;
	font-weight: 700;
	line-height: 80px;
	text-transform: uppercase
}

.bannerApp .bannerAppBtns {
	display: flex;
	align-items: center;
	gap: 20px
}

.bannerApp .bannerAppBtns button {
	position: relative;
	padding: 18px 24px 18px 52px;
	width: 250px;
	color: #2f5fdc;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0px 0px 8px 0px rgba(41, 114, 199, .45)
}

.bannerApp .bannerAppBtns button::before {
	position: absolute;
	content: "";
	width: 18px;
	height: 18px;
	top: 18px;
	left: 33%;
	background-repeat: no-repeat;
	background-size: cover
}

.bannerApp .bannerAppBtns button:last-child::before {
	left: 40%
}

.bannerApp .bannerAppBtns button:hover {
	transform: scale(1.03)
}

@media screen and (max-width: 1250px) {
	.bannerApp .bannerAppWripper {
		padding: 0 20px;
		justify-content: center
	}

	.bannerApp .bannerAppInfo {
		align-items: flex-start;
		gap: 10px;
		padding: 15px 0
	}

	.bannerApp .bannerAppInfo p {
		max-width: 210px;
		font-size: 26px;
		line-height: normal
	}

	.bannerApp .bannerAppImg {
		margin-top: -10px;
		width: 105px;
		height: auto
	}

	.bannerApp .bannerAppImg img {
		width: 100%;
		height: 100%
	}

	.bannerApp .bannerAppBtns {
		flex-direction: column;
		gap: 10px
	}

	.bannerApp .bannerAppBtns button {
		padding: 5px 14px;
		width: 150px;
		font-size: 14px;
		line-height: 18px;
		border-radius: 8px
	}

	.bannerApp .bannerAppBtns button::before {
		top: 4px;
		left: 15%
	}

	.bannerApp .bannerAppBtns button:last-child::before {
		left: 25%
	}
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Tahoma
}


.banner {
	margin-top: 205px;
	height: 360px
}

.banner .banner__wrapper {
	display: flex;
	justify-content: space-between;
	height: 100%
}

.banner .banner__wrapper .banner__right {
	width: 35%;
	border-radius: 6px;
	background: #fe4004;
	margin-left: 60px
}

.banner .banner__wrapper .banner__right .banner__right-inner {
	overflow: hidden;
	padding: 40px 40px 40px 40px;
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%
}

.banner .banner__wrapper .banner__right .banner__right-inner::before {
	content: no-open-quote;
	height: 155px;
	right: 47px;
	position: absolute;
	background: url(uploads/img/tg.svg) no-repeat;
	background-size: cover;
	width: 155px;
	top: 96px
}

.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right {
	width: 100%
}

.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right .right {
	color: #fff;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 60px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 280px;
	z-index: 2;
	position: relative
}

.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right .banner__text-right {
	color: #fff;
	font-size: 34px;
	line-height: 34px;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	padding: 12px 0 18px 0;
	width: 100%;
	max-width: 200px;
	margin-left: 0;
	margin-right: 0
}

.banner .banner__wrapper .banner__right .banner__right-inner .button-right {
	border-radius: 12px;
	background: #fff;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	box-shadow: 0px 0px 12px 0px rgba(0, 122, 204, .37)
}

.banner .banner__wrapper .banner__right .banner__right-inner .button-right .btn-telegram {
	color: #fe4004;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 20px 0px;
	width: 100%;
	outline: none;
	border: none;
	background: none;
	cursor: pointer;
	border-radius: 12px
}

.banner .banner__wrapper .banner__left {
	background: #002d59 url('uploads/img/apk_banner_bg.webp');
	background-size: cover;
	width: 65%;
	border-radius: 6px;
	position: relative;
	background-position: center;
	display: flex;
	justify-content: center;
	overflow: hidden;
	margin: 0 auto
}

.banner .banner__wrapper .banner__left .banner__info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding-top: 33px;
	position: relative;
	left: -160px
}

.banner .banner__wrapper .banner__left .banner__img {
	position: absolute;
	right: 178px;
	top: 30px;
}

.banner .banner__wrapper .banner__left .banner__img img {
	width: 207px;
}

.banner .banner__wrapper .banner__left button {
	padding: 20px 0;
	width: 400px;
	font-size: 20px;
	line-height: 22px;
	color: #FFFFFF;
	font-weight: 700;
	text-transform: uppercase;
}

@media(max-width:1600px) {
	.banner .banner__wrapper .banner__left .banner__img {
		right: 68px;
	}
}

.banner .banner__wrapper .banner__left::before {
	display: none;
}

.banner .banner__wrapper .banner__left::after {
	display: none;
}

.banner .banner__wrapper .banner__left .banner__info .info-left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 100%
}

.banner .banner__wrapper .banner__left .banner__info .info-left .left {
	color: #fff;
	font-family: Tahoma;
	font-size: 120px;
	line-height: 120px;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	display: block
}

.banner .banner__wrapper .banner__left .banner__info .info-left .banner__text {
	padding-bottom: 0;
	color: #fff;
	text-align: left;
	font-family: Tahoma;
	font-size: 60px;
	line-height: 66px;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	width: 453px;
}

.banner .banner__wrapper .banner__left .banner__info .button {
	width: 100%;
	display: flex;
	position: absolute;
	left: 0;
	bottom: 32px;
}

.banner .banner__wrapper .banner__left .banner__info .button .button-wrapper {
	border-radius: 12px;
	background: #FE4004;
}

.banner .banner__wrapper .banner__left .banner__info .button .button-wrapper .btn-banner {
	border-radius: 12px;
	color: #fff;
	font-family: Tahoma;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	padding: 20px 0px;
	width: 400px;
	border: none;
	background: none;
	outline: none;
	cursor: pointer
}

@media(max-width: 1600px) {
	.banner .banner__wrapper .banner__left::before {
		left: -62px
	}

	.banner .banner__wrapper .banner__left::after {
		right: -62px
	}

	.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right .right {
		font-size: 46px;
		line-height: 46px
	}
}

@media(max-width: 1300px) {
	.banner {
		height: 180px;
		margin-top: 170px
	}

	.banner .banner__wrapper .banner__left {
		flex: 0 0 auto;
	}

	.banner .banner__wrapper .banner__left .banner__info {
		padding-top: 28px;
		min-width: 400px;
	}

	.banner .banner__wrapper .banner__left .banner__info .info-left .banner__text {
		font-size: 28px;
		padding: 0;
		max-width: unset;
		width: 363px;
		line-height: 30px;
		margin: 0;
	}

	.banner .banner__wrapper .banner__left button {
		padding: 13px 0;
		width: 100%;
		font-size: 18px;
	}

	.banner .banner__wrapper .banner__left .banner__info .info-left {
		flex-direction: unset;
	}

	.banner .banner__wrapper .banner__left .banner__img img {
		width: 104px;
	}

	.banner .banner__wrapper .banner__left .banner__info {
		left: -100px;
	}

	.banner .banner__wrapper .banner__left .banner__info .info-left .left {
		font-size: 64px;
		line-height: 64px
	}

	.banner .banner__wrapper .banner__left::before {
		width: 155.735px;
		height: 180px;
		left: 34px
	}

	.banner .banner__wrapper .banner__left::after {
		display: none
	}

	.banner .banner__wrapper .banner__left .banner__info .button {
		bottom: 10px
	}

	.banner .banner__wrapper .banner__left .banner__info .button .button-wrapper {
		width: 100%
	}

	.banner .banner__wrapper .banner__left .banner__info .button .button-wrapper .btn-banner {
		width: 100%;
		font-size: 18px;
		height: auto;
		padding: 7px 0
	}

	.banner .banner__wrapper .banner__right .banner__right-inner {
		padding: 10px 40px 10px 40px
	}

	.banner .banner__wrapper .banner__right .banner__right-inner::before {
		width: 83px;
		height: 83px;
		right: 60px;
		top: 27px
	}

	.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right {
		height: 100%
	}

	.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right .right {
		font-size: 20px;
		line-height: 24px;
		width: 104px
	}

	.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right .banner__text-right {
		font-size: 14px;
		margin-top: 6px;
		padding: 0;
		z-index: 2;
		position: relative;
		max-width: 80px;
		line-height: 16px
	}

	.banner .banner__wrapper .banner__right .banner__right-inner .button-right {
		position: absolute;
		bottom: 10px;
		left: 40px;
		width: calc(100% - 80px)
	}

	.banner .banner__wrapper .banner__right .banner__right-inner .button-right .btn-telegram {
		padding: 14px 0px;
		font-size: 16px
	}

	.content_page.inner_pages {
		padding: 12px 10px 0px 10px
	}
}

@media(max-width: 1250px) {
	.banner {
		margin-top: 65px
	}
}

@media(max-width: 950px) {
	.banner .banner__wrapper .banner__left {
		width: 48%;
	}

	.banner .banner__wrapper .banner__left .banner__info {
		justify-content: flex-end;
		min-width: 100%;
		left: 0;
		padding: 10px;
	}

	.banner .banner__wrapper .banner__left .banner__img {
		display: none;
	}

	.banner .banner__wrapper .banner__left .banner__info .info-left {
		height: 100%;
		justify-content: flex-start;
		position: relative;
		z-index: 2;
		align-items: unset;
	}

	.banner .banner__wrapper .banner__left .banner__info .info-left .banner__text {
		max-width: 253px;
		width: unset;
	}

	.banner .banner__wrapper .banner__left .banner__info .info-left .left {
		text-align: right;
		display: block;
		width: 100%
	}

	.banner .banner__wrapper .banner__left .banner__info::before {
		left: 0
	}

	.banner .banner__wrapper .banner__left .banner__info .button {
		z-index: 3
	}

	.banner .banner__wrapper .banner__left .banner__info .button .button-wrapper {
		width: calc(100% - 20px);
		margin: 0 auto;
	}

	.banner .banner__wrapper .banner__right {
		margin-left: 10px;
		width: 50%
	}

	.banner .banner__wrapper .banner__right .banner__right-inner {
		padding: 10px 10px 10px 10px
	}

	.banner .banner__wrapper .banner__right .banner__right-inner::before {
		right: 10px
	}

	.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right .banner__text-right {
		width: 90px;
		margin-left: 0;
		margin-top: 0px;
		padding: 4px 0 0px 0
	}

	.banner .banner__wrapper .banner__right .banner__right-inner .button-right {
		left: 10px;
		width: calc(100% - 20px)
	}
}

@media(max-width: 750px) {
	.banner .banner__wrapper .banner__left .banner__info::before {
		left: -100px;
		max-width: 100%
	}

	.banner .banner__wrapper .banner__left .banner__info .info-left .left {
		font-size: 44px;
		line-height: 44px
	}

	.banner .banner__wrapper .banner__left .banner__info .info-left .banner__text {
		font-size: 22px;
		line-height: 30px;
		margin-right: 0;
		font-weight: 700
	}

	.banner .banner__wrapper .banner__right .banner__right-inner::before {
		right: 5px;
		top: 34px;
		width: 63px;
		height: 63px
	}
}

@media(max-width: 600px) {
	.banner .banner__wrapper .banner__left .banner__info .info-left .banner__text {
		font-size: 20px;
		line-height: 24px;
		max-width: 152px;
	}
}

@media(max-width: 540px) {
	.banner {
		margin: 65px 0px 0
	}

	.banner .banner__wrapper .banner__left::before {
		left: -74px
	}
}

@media(max-width: 380px) {
	.banner .banner__wrapper .banner__left .banner__info::before {
		display: none
	}

	.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right .right {
		font-size: 16px;
		line-height: 18px;
		width: 100%
	}

	.banner .banner__wrapper .banner__left .banner__info .info-left .banner__text {
		font-size: 18px;
		line-height: 22px;
	}

	.banner .banner__wrapper .banner__left button {
		font-size: 16px;
	}

	.banner .banner__wrapper .banner__right .banner__right-inner::before {
		width: 43px;
		height: 43px
	}

	.banner .banner__wrapper .banner__left .banner__info .button {
		left: 5px
	}
}

@media(max-width: 360px) {
	.banner .banner__wrapper .banner__left::before {
		display: none
	}
}

/*new*/
/* .banner .banner__wrapper .banner__left {
  background: linear-gradient(90deg, #00369f 0%, #004cb5 100%);
  position: relative;
  justify-content: flex-start;
}
.banner .banner__wrapper .banner__left .banner__left_img {
  position: absolute;
  top: 0;
  right: 0;
  width: 360px;
  height: 360px;
  background: url(uploads/img/football-img.webp) no-repeat;
  background-size: cover;
}
.banner .banner__wrapper .banner__left .banner__left_text_wrapper {
  width: calc(100% - 360px);
  padding-left: 20px;
  display: flex;
  gap: 24px;
  flex-direction: column;
  justify-content: center;
}
.banner .banner__wrapper .banner__left .banner__left_text img {
  max-width: 100%;
  height: auto;
}
.banner .banner__wrapper .banner__left button {
  width: 100%;
  max-width: 480px;
  border-radius: 12px;
  background: #fff;
  padding: 20px 0;
  color: #fe4004;
  font-family: Tahoma;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
}
.banner .banner__wrapper .banner__left button:hover {
  opacity: 0.8;
}
@media (max-width: 1300px) {
  .banner .banner__wrapper .banner__left .banner__left_img {
	width: 180px;
	height: 180px;
  }
  .banner .banner__wrapper .banner__left button {
	box-shadow: 0px 0px 12px 0px rgba(145, 44, 0, 0.37);
	padding: 12px 0;
  }
  .banner .banner__wrapper .banner__left .banner__left_text img {
	height: 80px;
  }
  .banner .banner__wrapper .banner__left .banner__left_text_wrapper {
	gap: 13px;
	width: calc(100% - 180px);
  }
}

@media (max-width: 900px) {
  .banner .banner__wrapper .banner__left .banner__left_text img {
	display: none;
  }
  .banner .banner__wrapper .banner__left .banner__left_text {
	width: 96px;
	height: 100px;
	background: url(uploads/img//offer-mobile-new.svg) no-repeat;
	background-size: cover;
  }
  .banner .banner__wrapper .banner__left .banner__left_text_wrapper {
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	position: relative;
	z-index: 2;
  }
  .banner .banner__wrapper .banner__left .banner__left_img {
	right: -35px;
	z-index: 1;
  }
  .banner .banner__wrapper .banner__left button {
	font-size: 16px;
  }
}

@media (max-width: 470px) {
  .banner .banner__wrapper .banner__left .banner__left_img {
	right: -57px;
	width: 160px;
	height: 160px;
	top: auto;
	bottom: 0;
  }
}
@media (max-width: 357px) {
  .banner .banner__wrapper .banner__left .banner__left_img {
	display: none;
  }
} */


/* .banner{margin-top:205px;height:360px}.banner .banner__wrapper{display:flex;justify-content:space-between;height:100%}.banner .banner__wrapper .banner__right{width:35%;border-radius:6px;background:#fe4004;margin-left:60px}.banner .banner__wrapper .banner__right .banner__right-inner{overflow:hidden;padding:40px 40px 40px 40px;position:relative;display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}.banner .banner__wrapper .banner__right .banner__right-inner::before{content:no-open-quote;height:155px;right:47px;position:absolute;background:url(uploads/img/tg.svg) no-repeat;background-size:cover;width:155px;top:96px}.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right{width:100%}.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right .right{color:#fff;font-size:60px;font-style:normal;font-weight:700;line-height:60px;text-transform:uppercase;padding:0;margin:0;width:100%;max-width:280px;z-index:2;position:relative}.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right .banner__text-right{color:#fff;font-size:34px;line-height:34px;font-style:normal;font-weight:400;text-transform:uppercase;padding:12px 0 18px 0;width:100%;max-width:200px;margin-left:0;margin-right:0}.banner .banner__wrapper .banner__right .banner__right-inner .button-right{border-radius:12px;background:#fff;text-align:center;width:100%;margin:0 auto;box-shadow:0px 0px 12px 0px rgba(0,122,204,.37)}.banner .banner__wrapper .banner__right .banner__right-inner .button-right .btn-banner-right{color:#fe4004;font-size:20px;font-weight:700;text-transform:uppercase;padding:20px 0px;width:100%;outline:none;border:none;background:none;cursor:pointer;border-radius:12px}.banner .banner__wrapper .banner__left{background:#002d59 url(/uploads/img/bg.webp);background-size:cover;width:65%;border-radius:6px;position:relative;background-position:center;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:0 auto}.banner .banner__wrapper .banner__left .banner__info{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding-top:52px;position:relative}.banner .banner__wrapper .banner__left::before{content:no-open-quote;position:absolute;bottom:0;left:62px;background:url(/uploads/img/mask-right.webp) no-repeat;background-size:cover;width:360px;height:360px}.banner .banner__wrapper .banner__left::after{content:no-open-quote;position:absolute;bottom:0;right:62px;background:url(/uploads/img/mask-left.webp) no-repeat;background-size:cover;width:360px;height:360px}.banner .banner__wrapper .banner__left .banner__info .info-left{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}.banner .banner__wrapper .banner__left .banner__info .info-left .left{color:#fff;font-family:Tahoma;font-size:120px;line-height:120px;font-style:normal;font-weight:700;text-transform:uppercase;text-align:center;display:block}.banner .banner__wrapper .banner__left .banner__info .info-left .banner__text{color:#fff;text-align:center;font-family:Tahoma;font-size:40px;line-height:40px;font-style:normal;font-weight:400;text-transform:uppercase;width:100%}.banner .banner__wrapper .banner__left .banner__info .button{position:absolute;bottom:40px;left:0;width:100%;display:flex;justify-content:center;z-index:3}.banner .banner__wrapper .banner__left .banner__info .button .button-wrapper{border-radius:12px;background:#fe4004;padding:6px;box-shadow:0px 0px 12px 0px rgba(238,79,11,.4)}.banner .banner__wrapper .banner__left .banner__info .button .button-wrapper .btn-banner{height:50px;border-radius:12px;color:#fff;font-family:Tahoma;font-size:20px;font-style:normal;font-weight:700;text-transform:uppercase;padding:6px 155px;border:none;background:none;outline:none;cursor:pointer}@media(max-width: 1600px){.banner .banner__wrapper .banner__left::before{left:-62px}.banner .banner__wrapper .banner__left::after{right:-62px}.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right .right{font-size:46px;line-height:46px}}@media(max-width: 1300px){.banner{height:180px;margin-top:170px}.banner .banner__wrapper .banner__left{justify-content:flex-end;padding-right:50px;flex:0 0 auto}.banner .banner__wrapper .banner__left .banner__info{padding-top:18px;min-width:400px}.banner .banner__wrapper .banner__left .banner__info .info-left .banner__text{font-size:28px;padding:0;max-width:160px;text-align:center;line-height:26px;padding-bottom:4px}.banner .banner__wrapper .banner__left .banner__info .info-left .left{font-size:64px;line-height:64px}.banner .banner__wrapper .banner__left::before{width:155.735px;height:180px;left:34px}.banner .banner__wrapper .banner__left::after{display:none}.banner .banner__wrapper .banner__left .banner__info .button{bottom:10px}.banner .banner__wrapper .banner__left .banner__info .button .button-wrapper{width:100%}.banner .banner__wrapper .banner__left .banner__info .button .button-wrapper .btn-banner{width:100%;font-size:18px;height:auto;padding:7px 0}.banner .banner__wrapper .banner__right .banner__right-inner{padding:10px 40px 10px 40px}.banner .banner__wrapper .banner__right .banner__right-inner::before{width:83px;height:83px;right:60px;top:27px}.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right{height:100%}.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right .right{font-size:20px;line-height:24px;width:104px}.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right .banner__text-right{font-size:14px;margin-top:6px;padding:0;z-index:2;position:relative;max-width:80px;line-height:16px}.banner .banner__wrapper .banner__right .banner__right-inner .button-right{position:absolute;bottom:10px;left:40px;width:calc(100% - 80px)}.banner .banner__wrapper .banner__right .banner__right-inner .button-right .btn-banner-right{padding:14px 0px;font-size:16px}.content_page.inner_pages{padding:12px 10px 0px 10px}}@media(max-width: 1250px){.banner{margin-top:65px}}@media(max-width: 950px){.banner .banner__wrapper .banner__left{width:48%;padding-right:10px}.banner .banner__wrapper .banner__left .banner__info{justify-content:flex-end;min-width:100%}.banner .banner__wrapper .banner__left .banner__info .info-left{height:100%;justify-content:flex-start;position:relative;z-index:2}.banner .banner__wrapper .banner__left .banner__info .info-left .banner__text{max-width:100%;text-align:right}.banner .banner__wrapper .banner__left .banner__info .info-left .left{text-align:right;display:block;width:100%}.banner .banner__wrapper .banner__left .banner__info::before{left:0}.banner .banner__wrapper .banner__left .banner__info .button{z-index:3}.banner .banner__wrapper .banner__left .banner__info .button .button-wrapper{width:175px}.banner .banner__wrapper .banner__right{margin-left:10px;width:50%}.banner .banner__wrapper .banner__right .banner__right-inner{padding:10px 10px 10px 10px}.banner .banner__wrapper .banner__right .banner__right-inner::before{right:10px}.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right .banner__text-right{width:90px;margin-left:0;margin-top:0px;padding:4px 0 0px 0}.banner .banner__wrapper .banner__right .banner__right-inner .button-right{left:10px;width:calc(100% - 20px)}}@media(max-width: 750px){.banner .banner__wrapper .banner__left .banner__info::before{left:-100px;max-width:100%}.banner .banner__wrapper .banner__left .banner__info .info-left .left{font-size:44px;line-height:44px}.banner .banner__wrapper .banner__left .banner__info .info-left .banner__text{font-size:18px;line-height:16px;margin-right:0;font-weight:700}.banner .banner__wrapper .banner__right .banner__right-inner::before{right:5px;top:34px;width:63px;height:63px}}@media(max-width: 540px){.banner{margin:65px 0px 0}.banner .banner__wrapper .banner__left::before{left:-74px}}@media(max-width: 380px){.banner .banner__wrapper .banner__left .banner__info::before{display:none}.banner .banner__wrapper .banner__right .banner__right-inner .banner__info-right .right{font-size:16px;line-height:18px;width:100%}.banner .banner__wrapper .banner__right .banner__right-inner::before{width:43px;height:43px}.banner .banner__wrapper .banner__left .banner__info .button{left:5px}.banner .banner__wrapper .banner__left .banner__info .button .button-wrapper{padding:4px}}@media(max-width: 360px){.banner .banner__wrapper .banner__left::before{display:none}} */


/* football_new */

.banner_left_new {
	width: 65%;
	border-radius: 6px;
	overflow: hidden;
	background: linear-gradient(180deg, #153CDA 0%, #041361 100%);
	position: relative;
}

.banner_left_new .banner_left_new_logo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: -30px;
	left: 0;
	z-index: 1;
}

.banner_left_new .banner_left_new_logo_inner {
	background: url(logo-banner.svg)no-repeat;
	background-size: cover;
	width: 447px;
	height: 220px;
}

.banner_left_new_pattern {
	background: url(pattern.webp)no-repeat;
	background-size: cover;
	width: 100%;
	height: 261px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-position: center center;
}


.banner_left_new_inner {
	display: flex;
	justify-content: center;
	height: 100%;
	align-items: center;
	position: relative;
	z-index: 2;
}

.banner_left_new_info {
	display: flex;
	height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.banner_left_new_flags {
	background: url(flags.webp)no-repeat;
	background-size: cover;
	width: 270px;
	height: 105px;
}

.banner_left_new_text {
	background: url(text.webp)no-repeat;
	background-size: cover;
	width: 350px;
	height: 206px;
	margin-top: 20px;
	margin-bottom: 30px;
	background-position: center;
}

.banner_left_new_button {
	display: flex;
	justify-content: center;
}

.banner_left_new_button button {
	background: #F8C602;
	border-radius: 10px;
	padding: 15px 70px;
	color: #000D40;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

.banner_left_new_button button:hover {
	opacity: 0.8;
}

@media (max-width: 1300px) {
	.banner_left_new_pattern {
		display: none;
	}

	.banner_left_new .banner_left_new_logo {
		top: 0;
	}

	.banner_left_new .banner_left_new_logo_inner {
		height: 74px;
		width: 150px;
	}

	.banner_left_new_text {
		margin-top: 0px;
		margin-bottom: 0px;
		width: 180px;
		height: 109px;
		order: -1;
	}

	.banner_left_new_button {
		width: 100%;
		max-width: 337px;
	}

	.banner_left_new_button button {
		padding: 14px 5px;
		width: 100%;
	}

	.banner_left_new_inner {
		padding: 10px 10px;
	}

	.banner_left_new_flags {
		height: 57px;
		width: 146px;
	}

	.banner_left_new_info {
		width: 100%;
		justify-content: space-between;
	}
}

@media (max-width: 950px) {
	.banner_left_new {
		width: 48%;
	}
}

@media (max-width: 500px) {
	.banner_left_new_button button {
		font-size: 13px;
	}
}

@media (max-width: 388px) {
	.banner_left_new_button button {
		font-size: 11px;
	}
}

@keyframes pulse {
	0% {
		transform: scaleX(1)
	}

	50% {
		transform: scale3d(1.15, 1.15, 1.15)
	}

	to {
		transform: scaleX(1)
	}
}

.gift-block {
	position: fixed;
	right: 19px;
	bottom: 63px;
	background: url(gift-big.svg)no-repeat;
	background-size: cover;
	background-position: center;
	width: 173px;
	height: 146px;
	animation: 2s pulse infinite;
}

.gift-block button {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

@media (max-width: 1120px) {
	.gift-block {
		width: 120px;
		height: 101px;
		right: 12px;
		bottom: 111px;
	}
}