@font-face {
	font-family: Lato;
	src: url(fonts/c6e0c3c99431d3bebb9332aa299f900f.eot);
	src: local("Lato Regular"), local("Lato-Regular"), url(fonts/c6e0c3c99431d3bebb9332aa299f900f.eot?#iefix) format("embedded-opentype"), url(fonts/0c0f369e632be6c403233a41afb424dc.woff) format("woff"), url(fonts/56b4b9a2811d1a2226d08e27b50f02ef.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Lato;
	src: url(fonts/9dad2c0bc717ed3326dc9490bc2758c9.eot);
	src: local("Lato Bold"), local("Lato-Bold"), url(fonts/9dad2c0bc717ed3326dc9490bc2758c9.eot?#iefix) format("embedded-opentype"), url(fonts/6ef061ba39f5e614e4f2ac704722d8d2.woff) format("woff"), url(fonts/232ae5f1060021fe7168b7a0e69ae542.ttf) format("truetype");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: Lato;
	src: url(fonts/c0776f792dc0a4ed41492cb5e39a2440.eot);
	src: local("Lato Black"), local("Lato-Black"), url(fonts/c0776f792dc0a4ed41492cb5e39a2440.eot?#iefix) format("embedded-opentype"), url(fonts/07bf29145b2bf3f267588d7b0b661265.woff) format("woff"), url(fonts/193899e5a8c3e436173987748a340b51.ttf) format("truetype");
	font-weight: 900;
	font-style: normal
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

[hidden],
template {
	display: none
}

.container {
	padding: 0 25px
}

@media only screen and (min-width:576px) {
	.container {
		margin: 0 auto;
		padding: 0;
		width: 540px
	}
}

@media only screen and (min-width:768px) {
	.container {
		width: 720px
	}
}

@media only screen and (min-width:992px) {
	.container {
		width: 960px
	}
}

@media only screen and (min-width:1200px) {
	.container {
		width: 1140px
	}
}

.grid {
	display: grid;
	grid-template-columns: 1fr
}

.cols-xs-1-1 {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media only screen and (min-width:576px) {
	.cols-sm-1-1 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}
}

@media only screen and (min-width:768px) {
	.cols-md-1-1 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}
}

@media only screen and (min-width:992px) {
	.cols-lg-1-1 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}
}

@media only screen and (min-width:1200px) {
	.cols-xl-1-1 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}
}

.cols-xs-1-1-1 {
	grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media only screen and (min-width:576px) {
	.cols-sm-1-1-1 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}
}

@media only screen and (min-width:768px) {
	.cols-md-1-1-1 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}
}

@media only screen and (min-width:992px) {
	.cols-lg-1-1-1 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}
}

@media only screen and (min-width:1200px) {
	.cols-xl-1-1-1 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}
}

.hide-xs {
	display: none
}

@media only screen and (min-width:576px) {
	.hide-sm {
		display: none
	}
}

@media only screen and (min-width:768px) {
	.hide-md {
		display: none
	}
}

@media only screen and (min-width:992px) {
	.hide-lg {
		display: none
	}
}

@media only screen and (min-width:1200px) {
	.hide-xl {
		display: none
	}
}

.show-xs {
	display: block
}

@media only screen and (min-width:576px) {
	.show-sm {
		display: block
	}
}

@media only screen and (min-width:768px) {
	.show-md {
		display: block
	}
}

@media only screen and (min-width:992px) {
	.show-lg {
		display: block
	}
}

@media only screen and (min-width:1200px) {
	.show-xl {
		display: block
	}
}

body {
	font: normal normal 20px Lato, sans-serif;
	color: #4f4f4f;
	line-height: 1.1
}

@media only screen and (min-width:992px) {
	body {
		font-size: 24px;
		line-height: 1.4
	}
}

h1 {
	margin: .7em 0 .35em;
	font-size: 1.7em;
	color: #333;
	line-height: 1.3
}

@media only screen and (min-width:992px) {
	h1 {
		font-size: 1.5em
	}
}

@media only screen and (min-width:1200px) {
	h1 {
		margin: 1em 0 1.17em
	}
}

h2 {
	margin: .5em 0 .7em;
	font-size: 1.8em;
	color: #333;
	line-height: 1.1
}

h2.smaller {
	font-size: 1.7em
}

@media only screen and (min-width:992px) {
	h2 {
		font-size: 1.5em
	}
	h2.smaller {
		font-size: 1.4em
	}
}

ul {
	margin: 0;
	padding: 0;
	list-style: none
}

ul.symbol-check li {
	padding-left: 42px;
	background: url(images/symbol-check.svg) 0 no-repeat;
	background-size: 24px
}

ul.symbol-check li+li {
	margin-top: 1em
}

ul.symbol-circle li {
	position: relative;
	padding-left: 47px
}

ul.symbol-circle li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -19px;
	width: 35px;
	height: 35px;
	background: 50% no-repeat;
	border-radius: 50%;
	box-shadow: 10px 10px 20px #c0c1c4, -10px -10px 20px #fafbff
}

ul.symbol-circle li+li {
	margin-top: 1em
}

ul.symbol-circle li.icon-download:before {
	background-image: url(images/download-icon.svg)
}

ul.symbol-circle li.icon-signup:before {
	background-image: url(images/registry-icon.svg)
}

ul.symbol-circle li.icon-bankcard:before {
	background-image: url(images/bank-card-icon.svg)
}

ul.symbol-circle li.icon-geo:before {
	background-image: url(images/location-icon.svg)
}

ul.symbol-circle li.icon-go:before {
	background-image: url(images/go-icon.svg)
}

ul.symbol-circle li.icon-tree:before {
	background-image: url(images/park-icon.svg)
}

ul.symbol-circle li.icon-hand:before {
	background-image: url(images/follow-rules-icon.svg)
}

ul.symbol-dot li {
	position: relative;
	padding-left: 22px
}

ul.symbol-dot li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: linear-gradient(317.7deg, rgba(0, 0, 0, .4), hsla(0, 0%, 100%, .4) 105.18%), #00adee;
	background-blend-mode: soft-light, normal;
	box-shadow: 10px 10px 20px #a6abbd, -10px -10px 20px #fafbff
}

@media only screen and (min-width:992px) {
	ul.symbol-dot li:before {
		top: 8px
	}
}

p {
	margin: 0
}

p+p {
	margin-top: 1em
}

a,
a:active,
a:focus,
a:hover,
a:visited {
	color: #4f4f4f;
	text-decoration: none
}

a.btn,
a:active.btn,
a:focus.btn,
a:hover.btn,
a:visited.btn {
	display: block;
	text-align: center;
	font-weight: 700;
	color: #545454;
	background: rgba(244, 246, 249, .5);
	line-height: 63px;
	border: 1px solid #fff;
	box-shadow: 10px 10px 20px #c0c1c4, -10px -10px 20px #fff;
	border-radius: 5px
}

a.btn+.btn,
a:active.btn+.btn,
a:focus.btn+.btn,
a:hover.btn+.btn,
a:visited.btn+.btn {
	margin-top: 1.1em
}

a:hover {
	text-decoration: underline
}

a:hover.btn {
	text-decoration: none;
	border: 1px solid #ffb89b;
	box-shadow: 10px 10px 20px rgba(255, 102, 40, .5), -10px -10px 20px rgba(245, 145, 79, .2)
}

a:active {
	text-decoration: underline
}

a:active.btn {
	color: #fff;
	background: linear-gradient(180deg, #ff8b32, #ff6c2a);
	line-height: 65px;
	border: none;
	mix-blend-mode: normal;
	box-shadow: none
}

.section {
	position: relative;
	padding: 35px 0 25px
}

@media only screen and (min-width:992px) {
	.section {
		padding: 70px 0 90px
	}
}

.section .section-title {
	font-size: .8em;
	color: #17DE95;
	text-transform: uppercase;
	font-weight: bold;
}

@media only screen and (min-width:992px) {
	.section .section-title {
		font-size: .7em;
		line-height: 1.3
	}
}

.section.section-head {
	padding-bottom: 60px;
	background: #f4f6f9 url(images/background-section-1-2.png) 0 100% no-repeat;
	background-size: cover
}

@media only screen and (min-width:992px) {
	.section.section-head {
		padding-bottom: 94px
	}
}

@media only screen and (min-width:1200px) {
	.section.section-head {
		background-image: none
	}
	.section.section-head:before {
		content: "";
		position: absolute;
		left: 50%;
		right: 0;
		top: 0;
		bottom: 0;
		margin-left: -100px;
		background: url(images/background-section-1.png) no-repeat;
		background-size: cover;
	}
	.section.section-head .left {
		padding-right: 140px
	}
}

.section.section-head #logo {
	/*width: 100%;*/
}

@media only screen and (min-width:1200px) {
	.section.section-head .card {
		padding: 0;
		background: none
	}
}

.section.section-head p {
	font-weight: 700;
	line-height: 1.4
}

@media only screen and (min-width:992px) {
	.section.section-head p {
		font-size: .8em
	}
}

.section.section-head a {
	font-weight: 900
}

.section.section-head .links-store {
	margin-top: 1.9em
}

@media only screen and (min-width:1200px) {
	.section.section-head .links-store {
		margin-top: 1.085em;
		margin-left: -18px;
		justify-content: left
	}
}

.section.section-benefits {
	padding-bottom: 170px;
	background: url(images/rocket_boy_1_2.png) bottom no-repeat;
	background-size: contain
}

@media only screen and (min-width:1200px) {
	.section.section-benefits {
		padding-bottom: 70px;
		background-image: none
	}
	.section.section-benefits:before {
		content: "";
		position: absolute;
		left: 0;
		right: 50%;
		top: 20px;
		bottom: 20px;
		margin-right: -30px;
		background: url(images/rocket_boy_1.png) 100% no-repeat;
		background-size: auto 100%
	}
	.section.section-benefits .left {
		height: 450px
	}
	.section.section-benefits .right {
		padding-left: 72px;
		align-self: center
	}
}

@media only screen and (min-width:1200px) {
	.section.section-howuse {
		padding: 50px 0
	}
	.section.section-howuse:before {
		content: "";
		position: absolute;
		left: 50%;
		right: 0;
		top: -3px;
		bottom: 0;
		margin-left: -734px;
		background: url(images/51b3d837990441311387a489569d5d1d.png) 0 0 no-repeat;
		z-index: -1
	}
	.section.section-howuse .left {
		align-self: center
	}
	.section.section-howuse .right {
		position: relative
	}
	.section.section-howuse .right .inner-image {
		position: absolute;
		top: 24px;
		left: 102px
	}
}

.section.section-safety {
	color: rgba(0, 0, 0, .5);
	background: #f4f6f9 url(images/background-section-safety.png) 0 0 no-repeat;
	background-size: cover
}

@media only screen and (min-width:1200px) {
	.section.section-safety {
		background-image: url(images/background-section-safety.png)
	}
}

.section.section-safety h2 {
	text-align: center;
	color: rgba(0, 0, 0, .5)
}

@media only screen and (min-width:992px) {
	.section.section-safety h2 {
		margin-bottom: 1.9em
	}
}

.section.section-safety ul {
	grid-row-gap: 1.8em;
	grid-column-gap: 60px
}

.section.section-contact {
	padding: 0
}

.section.section-contact #map,
.section.section-contact #map2 {
	width: 100%;
	height: 522px;
	z-index: 0
}

@media only screen and (min-width:992px) {
	.section.section-contact #map,
	.section.section-contact #map2 {
		height: 846px
	}
}

.section.section-contact .contact-wrapper {
	padding: 25px 15px;
	background: #f6f6f4
}

@media only screen and (min-width:992px) {
	.section.section-contact .contact-wrapper {
		position: absolute;
		top: 50px;
		right: 100px;
		padding: 0;
		width: 600px;
		background: none;
		z-index: 1
	}
	.section.section-contact .contact-wrapper .card {
		padding: 25px 40px 40px;
		opacity: 1
	}
	.section.section-contact .contact-wrapper .card+.card {
		margin-top: 50px
	}
}

.section.section-privacy {
	padding-bottom: 73px;
	background: #f4f6f9
}

@media only screen and (min-width:768px) {
	.section.section-privacy .container {
		width: 540px
	}
	.section.section-payment .btn {
		width: 540px;
		margin-top: 1.1em;
	}
}

@media only screen and (min-width:1200px) {
	.section.section-privacy {
		padding: 107px 0 125px
	}
}

.section.section-privacy h2 {
	color: #5856D6
}

.section.section-privacy p {
	margin: 1.875em 0 3.3125em;
	font-size: .8em;
	font-weight: 700;
	color: #9b9b9b
}

@media only screen and (min-width:992px) {
	.section.section-privacy p {
		font-size: .66em
	}
}

.section.section-links {
	padding-bottom: 230px;
	background: url(images/background-section-enjoy.png) left 10px no-repeat;
	background-size: cover
}

@media only screen and (min-width:768px) {
	.section.section-links {
		background-position-y: -80px
	}
}

@media only screen and (min-width:992px) {
	.section.section-links {
		background-position-y: -150px
	}
}

@media only screen and (min-width:1200px) {
	.section.section-links {
		background: none
	}
	.section.section-links:before {
		content: "";
		position: absolute;
		left: 0;
		right: 50%;
		top: 0;
		bottom: 0;
		background: url(images/background-section-enjoy.png) 0 100% no-repeat;
		background-size: cover
	}
}

.section.section-links h2 {
	margin-bottom: .6em;
	text-align: center;
	font-size: 1.4em
}

@media only screen and (min-width:992px) {
	.section.section-links h2 {
		font-size: 1.16em
	}
}

@media only screen and (min-width:1200px) {
	.section.section-links h2 {
		margin-bottom: 1.62em
	}
}

.section.section-links p {
	text-align: center;
	font-size: .9em
}

@media only screen and (min-width:992px) {
	.section.section-links p {
		font-size: .75em
	}
}

.section.section-links .links-store {
	margin-top: 1.6em
}

@media only screen and (min-width:1200px) {
	.section.section-links .links-store {
		margin-top: .71em
	}
}

@media only screen and (min-width:1200px) {
	.section.section-links .right {
		padding-left: 65px;
		width: 400px;
		text-align: center
	}
}

footer {
	padding: 30px 0;
	color: hsla(0, 0%, 100%, .69);
	background: #5856D6;
}

footer .container {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between
}
footer .container .logo-name {
	display: flex;
	align-items: center;
}

@media only screen and (min-width:1200px) {
	footer .container {
		flex-direction: row
	}
}

footer .company {
	padding-left: 90px;
	font-size: .9em;
	line-height: 66px
}

@media only screen and (min-width:1200px) {
	footer .company {
		font-size: .75em
	}
}

footer #footer_logo {
	float: left;
	width: 100px
}

footer ul.footer-menu {
	margin: 1.5em 0 2em
}

@media only screen and (min-width:992px) {
	footer ul.footer-menu {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between
	}
}

@media only screen and (min-width:1200px) {
	footer ul.footer-menu {
		margin: 0;
		display: block;
		line-height: 66px
	}
}

footer ul.footer-menu li {
	display: block
}

@media only screen and (min-width:992px) {
	footer ul.footer-menu li {
		flex: 0 1 auto
	}
}

@media only screen and (min-width:1200px) {
	footer ul.footer-menu li {
		display: inline-block;
		font-size: .66em
	}
}

footer ul.footer-menu li+li {
	margin-top: 1em
}

@media only screen and (min-width:992px) {
	footer ul.footer-menu li+li {
		margin-top: 0
	}
}

@media only screen and (min-width:1200px) {
	footer ul.footer-menu li+li {
		margin-left: 60px
	}
}

footer ul.footer-menu li a,
footer ul.footer-menu li a:active,
footer ul.footer-menu li a:focus,
footer ul.footer-menu li a:hover,
footer ul.footer-menu li a:visited {
	font-size: .8em;
	color: #fff
}

footer ul.social-links {
	text-align: right
}

@media only screen and (min-width:1200px) {
	footer ul.social-links {
		align-self: center;
		line-height: 1
	}
}

footer ul.social-links li {
	display: inline-block
}

@media only screen and (min-width:1200px) {
	footer ul.social-links li img {
		width: 25px
	}
}

footer ul.social-links li+li {
	margin-left: .8em
}

@media only screen and (min-width:1200px) {
	footer ul.social-links li+li {
		margin-left: 10px
	}
}

.card {
	padding: 25px 12px 20px;
	background: #fff;
	opacity: .8;
	border-radius: 10px
}

@media only screen and (min-width:992px) {
	.card {
		padding: 25px 30px 35px
	}
}

.card+.card {
	margin-top: 1em
}

.card.card-contact {
	font-size: .9em;
	color: rgba(0, 0, 0, .69);
	line-height: 1.3
}

.card.card-contact .card-contact-title {
	margin: 10px 0;
}

.card.card-contact .card-contact-item-container {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

@media only screen and (min-width:992px) {
	.card.card-contact {
		font-size: .75em
	}
}

.card.card-company {
	font-size: .8em;
	color: rgba(0, 0, 0, .69);
	line-height: 1.3
}

@media only screen and (min-width:992px) {
	.card.card-company {
		font-size: .75em
	}
}

.card .card-title {
	margin: 0 0 1em;
	font-size: 1.4em;
	font-weight: 700;
	color: #5856D6;
}

@media only screen and (min-width:992px) {
	.card .card-title {
		font-size: 1.16em
	}
}

.links-store {
	margin: 0 -5px;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.links-store a.link-store {
	margin: 0 5px;
	flex: 0 1 160px
}

@media only screen and (min-width:768px) {
	.links-store a.link-store {
		margin: 0 18px
	}
}

.links-store a.link-store:hover {
	opacity: .8
}

.links-store a.link-store img {
	max-width: 100%
}

.color-accent {
	color: #5856D6;
}

.section-payment {
	padding: 20px 0;
	box-sizing: border-box;
}
.section-payment .container {
	display: flex;
	flex-direction: column-reverse;
	/*justify-content: space-around;*/
	align-items: center;
}
.section-payment-container{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
/*.section-payment .container a {
	text-decoration: underline;
}*/

@media screen and (max-width:1000px) {
	.section-payment .container {
		/*flex-direction: column;*/
		/*height: 300px;*/
		text-align: center;
	}
	.section.section-payment .btn {
		width: 100%;
		margin-top: 1.1em;
		margin-bottom: 1.1em;
		line-height: 49px;
	}

}
.wrapper{
        width: 1200px;
        margin: auto;
        font-family: sans-serif;
        font-size: 20px;
        line-height: 1.55;
        padding: 40px 0 0;
      }
      .italic {
        font-style: italic;
        line-height: 1.3;
      }
      h1 {
        font-size: 50px;
        font-weight: 700;
        line-height: 1.17;
      }

      @media screen and (max-width: 1200px) {
        .wrapper {
          width: 100%;
          padding: 30px 25px 0;
          box-sizing: border-box;
        }
      }
      @media screen and (max-width: 1200px) {
        h1 {
          font-size: 1.5em;
        }
      }
      .pay-logo {
      	width: 100%;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	align-items: center;
      	justify-content: center;
      }
     @media screen and (max-width: 600px) {
     	.alfa-logo {
     		width: 100%;
     	}
     	.section.section-privacy h2 {
     		font-size: 1.3em;
     	}
     }
     footer {
     	margin-top: 20px;
     }
     .logos {
     	width: 100%;
     }
 header .container {
	padding-top: 70px;
	text-align: center;
}

.support .container h1 {
	text-align: center;

}
.support .container .region-list {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.support .container .region-list .region-item {
	background: #FFFFFF;
	border: 1px solid #5856D6;
	box-sizing: border-box;
	border-radius: 9px;
	padding: 40px 30px;
	width: 330px;
	filter: drop-shadow(7px 7px 13px rgba(0, 0, 0, 0.15));
	margin-bottom: 30px;
}
.support .container .region-list .region-item h2 {
	font-weight: 800;
	font-size: 25px;
	line-height: 27px;
	margin: 0;
}
.support .container .region-list .region-item .country {
	font-size: 18px;
	line-height: 27px;
}
.support .container .region-list .region-item hr {
	border: 1px solid #5856D6;
}
.support .container .region-list .region-item .contact-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.support .container .region-list .region-item .contact-list .contact-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
}
.support .container .region-list .region-item .contact-list .contact-item .contact-item-description{
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.support .container .region-list .region-item .contact-list img {
	width: 42px;
	height: 42px;
}
.support .container .region-list .region-item .contact-list .contact-item:last-child {
	margin-bottom: 0;
}
.support .container .region-list .region-item .contact-list .email {
	background-image: url('images/email.svg');
    background-repeat: no-repeat;
}
.support .container .region-list .region-item .contact-list .phone {
	background-image: url('images/phone.svg');
    background-repeat: no-repeat;
}
.support .container .region-list .region-item .contact-list .whatsapp {
	background-image: url('images/whatsapp.svg');
    background-repeat: no-repeat;
}
.support .container .region-list .region-item .contact-list .viber {
	background-image: url('images/viber.svg');
    background-repeat: no-repeat;
}
.support .container .region-list .region-item .contact-list .telegram {
	background-image: url('images/telegram.svg');
    background-repeat: no-repeat;
}
.section-support .container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.section-support .container .text-block p {
	margin-bottom: 45px;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 29px;
	color: #010101;
}

.section-support .container .text-block .support-container {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.section-support .container .text-block .support-container .support-button {
	cursor: pointer;
	width: fit-content;
}

.section-support .container .text-block .support-container .support-button a {
	color: inherit;
}

.section-support .container .text-block a {
	text-decoration: none;
}
.section-support .container .text-block .button {
	box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.25);
	border-radius: 39px;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
	color: #5856D6;
	padding: 10px 20px;
	margin-bottom: 10px;
}
.section-support .container .text-block .button:hover {
	box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.45);
}

.table {
	border: 1px solid rgba(0, 0, 0, 0.3);
}

.table__header-item {
	align-items: center;
	display: flex;
	padding: 20px;
	font-weight: 600;
	font-size: 16px;
	color: #00070C;
	border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.table__item {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 20px;
	font-weight: 400;
	font-size: 14px;
	color: #00070C;
}

.table__item:first-child {
	border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.table__body-row {
	display: grid;
	grid-template-columns: 300px 1fr;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {

	.table__header-item,
	.table__item {
		padding: 10px;
	}

	.table__item:first-child,
	.table__header-item {
		border: none;
	}

	.table__body-row {
		grid-template-columns:  1fr;
	}
}
@media only screen and (max-width:992px) {
	.section-support .container {
		flex-direction: column-reverse;
		justify-content: center;
	}
	.section-support .container .text-block {
		text-align: center;
	}
	.section-support .container img {
		margin-bottom: 10px;
	}
}
@media only screen and (max-width:550px) {
	.section-support .container img {
		width: 100%;
	}
	.section-support .container .text-block .button {
		font-size: 18px;
	}
}

@media only screen and (max-width:440px) {
	.section-support .container .text-block .button {
		font-size: 15px;
	}
}
.section-head .container .button {
	box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.25);
	border-radius: 39px;
	font-style: normal;
	font-weight: bold;
	font-size: 17px;
	line-height: 29px;
	color: #5856D6;
	padding: 10px 20px;
	margin-bottom: 10px;	
	width: max-content;
	display: flex;
}
@media only screen and (max-width:1199px) {
	.section-head .container .support-contact-button {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
}

.section-head .container .links-store {
	margin-bottom: 30px;
}
.section-head .container .button img {
	padding-right: 10px;
}
