@charset "UTF-8";

html {
    scroll-behavior: smooth;
}  

@-webkit-keyframes fadeInDown {
	0% {
		transform: translate3d(0, -100%, 0);
		opacity: 0
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes fadeInDown {
	0% {
		transform: translate3d(0, -100%, 0);
		opacity: 0
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@-webkit-keyframes fadeOutUp {
	0% {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}

	to {
		transform: translate3d(0, -100%, 0);
		opacity: 0
	}
}

@keyframes fadeOutUp {
	0% {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}

	to {
		transform: translate3d(0, -100%, 0);
		opacity: 0
	}
}

.c-gold {
	color: #FBB730
}

:root {
	--scrollWidth: 0;
	--containerPadding: 1.6rem;
	--fontBase: 1.6rem
}

html {
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	height: 100%
}

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

blockquote,
body,
dd,
dl,
figcaption,
figure,
h1,
h2,
h3,
h4,
li,
ol,
p,
ul {
	margin: 0
}

ol,
ul {
	list-style: none;
	padding: 0
}

details,
img,
main {
	display: block
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent;
	text-decoration: none;
	color: inherit
}

abbr[title] {
	border-bottom: none;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

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;
	max-width: 100%
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
input,
select {
	outline: 0
}

button {
	padding: 0
}

[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 {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto;
	resize: none
}

[type=checkbox],
[type=radio],
legend {
	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
}

summary {
	display: list-item
}

[hidden],
template {
	display: none
}

@media (prefers-reduced-motion:reduce) {
	* {
		-webkit-animation-duration: .01ms !important;
		animation-duration: .01ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important
	}
}

body {
	font-family: "Raleway", sant-serif;
	font-size: var(--fontBase);
	font-weight: 400;
	line-height: 1.7;
	background-color: #f0f0f0;
	color: rgba(37, 37, 37, .8);
	height: 100%;
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeSpeed;
	min-width: 32rem;
	font-variant-numeric: lining-nums;
	font-feature-settings: 'lnum';
	-moz-font-feature-settings: 'lnum=1';
	-ms-font-feature-settings: 'lnum';
	-webkit-font-feature-settings: 'lnum';
	-o-font-feature-settings: 'lnum'
}

input {
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

input::-webkit-input-placeholder {
	color: inherit
}

input::-moz-placeholder {
	color: inherit
}

input:-ms-input-placeholder,
input::-ms-input-placeholder {
	color: inherit
}

input::placeholder {
	color: inherit
}

input:focus::-webkit-input-placeholder {
	opacity: 0
}

input:focus::-moz-placeholder {
	opacity: 0
}

input:focus:-ms-input-placeholder,
input:focus::-ms-input-placeholder {
	opacity: 0
}

input:focus::placeholder {
	opacity: 0
}

button {
	border: 0;
	background: 0 0;
	cursor: pointer
}

section {
	position: relative
}

@font-face {
	font-family: "Raleway";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/Raleway-Regular.woff) format("woff")
}

@font-face {
	font-family: "Raleway";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../fonts/Raleway-Medium.woff) format("woff")
}

@font-face {
	font-family: "Raleway";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(../fonts/Raleway-SemiBold.woff) format("woff")
}

@font-face {
	font-family: "Raleway";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../fonts/Raleway-Bold.woff) format("woff")
}

@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../fonts/Quicksand-Bold.woff) format("woff")
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../fonts/Roboto-Bold.woff) format("woff")
}

@font-face {
	font-family: "PlayfairDisplay";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../fonts/PlayfairDisplay-Bold.woff) format("woff")
}

body.blocked {
	overflow: hidden;
	height: 100vh;
	position: fixed;
	left: 0;
	width: 100%
}

.page {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow-x: hidden;
	padding-top: 70px
}

@media (max-width:768px) {
	.page {
		padding-top: 55px
	}
}

.content {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column
}

.container {
	width: 100%;
	max-width: calc(120rem + (var(--containerPadding)*2));
	padding: 0 var(--containerPadding);
	margin: 0 auto;
	position: relative
}

.icon {
	width: 1em;
	height: 1em
}

.new-line {
	display: block
}

.section {
	padding: 3.2rem 0 4rem;
	flex-grow: 1
}

@media (min-width:1024px) {
	.section {
		padding: 6.5rem 0 8rem
	}
}

.bg-circle {
	position: relative
}

.bg-circle,
.main-about__content {
	overflow: hidden
}

.about-mission__content {
	position: relative;
	overflow: hidden
}

.about-quality__wrapper,
.bonus-demo__circle,
.career-info__content {
	overflow: hidden
}

.bonus-tech-box,
.news-inside__content blockquote {
	position: relative;
	overflow: hidden
}

.about-mission__content::after,
.about-mission__content::before,
.about-quality__wrapper::after,
.about-quality__wrapper::before,
.bg-circle::after,
.bg-circle::before,
.bonus-demo__circle::after,
.bonus-demo__circle::before,
.bonus-tech-box::after,
.bonus-tech-box::before,
.career-info__content::after,
.career-info__content::before,
.main-about__content::after,
.main-about__content::before,
.news-inside__content blockquote::after,
.news-inside__content blockquote::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(50%, -50%);
	border-radius: 50%;
	background-color: #FBB730
}

.about-mission__content::after,
.about-quality__wrapper::after,
.bg-circle::after,
.bonus-demo__circle::after,
.bonus-tech-box::after,
.career-info__content::after,
.main-about__content::after,
.news-inside__content blockquote::after {
	width: 15.7rem;
	height: 15.7rem;
	opacity: .2
}

@media (min-width:1024px) {

	.about-mission__content::after,
	.about-quality__wrapper::after,
	.bg-circle::after,
	.bonus-demo__circle::after,
	.bonus-tech-box::after,
	.career-info__content::after,
	.main-about__content::after,
	.news-inside__content blockquote::after {
		width: 18rem;
		height: 18rem
	}
}

.about-mission__content::before,
.about-quality__wrapper::before,
.bg-circle::before,
.bonus-demo__circle::before,
.bonus-tech-box::before,
.career-info__content::before,
.main-about__content::before,
.news-inside__content blockquote::before {
	width: 7.9rem;
	height: 7.9rem
}

@media (min-width:1024px) {

	.about-mission__content::before,
	.about-quality__wrapper::before,
	.bg-circle::before,
	.bonus-demo__circle::before,
	.bonus-tech-box::before,
	.career-info__content::before,
	.main-about__content::before,
	.news-inside__content blockquote::before {
		width: 9rem;
		height: 9rem
	}
}

.main-hero-stats__item,
.rhomb {
	position: relative
}

.main-hero__content::before,
.rhomb::before {
	max-width: 55%
}

.main-hero-stats__item::before,
.main-hero__content::before,
.rhomb::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/hero-bg.svg) no-repeat right top/contain
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: 700;
	line-height: 1.2;
	color: #252525
}

h1,
h2,
h3 {
	font-family: "PlayfairDisplay", sant-serif;
	font-size: 3.2rem;
	margin-bottom: .75em
}

@media (min-width:768px) {
	h1 {
		font-size: 4.8rem
	}
}

@media (min-width:1024px) {
	h1 {
		margin-bottom: 1.15em
	}
}

@media (min-width:769px) {
	h2 {
		font-size: 4.8rem;
		text-align: center
	}
}

@media (min-width:768px) {
	h3 {
		font-size: 4.2rem;
		text-align: center
	}
}

a:focus,
a:hover {
	cursor: pointer;
	text-decoration: none
}

p {
	color: #000
}

.swiper-container {
	overflow: hidden
}

.swiper-wrapper {
	display: flex;
	width: 100%;
	height: 100%
}

.swiper-slide {
	flex-shrink: 0
}

.swiper__custom-img {
	height: auto;
	border-radius: 16px;
	width: 100%
}

.popup {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.6rem;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: background-color .4s ease;
	opacity: 0;
	z-index: 100;
	visibility: hidden
}

.popup.act {
	opacity: 1;
	visibility: visible;
	background-color: rgba(0, 0, 0, .72)
}

.popup.act .popup__container {
	-webkit-animation: fadeInDown .5s ease;
	animation: fadeInDown .5s ease
}

.popup,
.popup.closing {
	background-color: transparent
}

.popup.closing .popup__container {
	-webkit-animation: fadeOutUp .5s ease;
	animation: fadeOutUp .5s ease
}

.popup__close {
	display: block;
	width: 4rem;
	height: 4rem;
	background-color: #FBB730;
	border-radius: 50%;
	position: relative;
	margin-left: auto;
	margin-bottom: 1.2rem
}

.popup__close::after,
.popup__close::before {
	content: '';
	display: block;
	width: 50%;
	height: 3px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%
}

.popup__close::before {
	transform: translate(-50%, -50%) rotate(45deg)
}

.popup__close::after {
	transform: translate(-50%, -50%) rotate(-45deg)
}

.popup__container {
	width: 100%;
	overflow-y: auto;
	max-height: 90vh
}

.popup-store__content {
	border-radius: .8rem;
	box-shadow: 0 -16px 24px rgba(158, 158, 158, .16)
}

.popup-store__wrapper {
	margin-bottom: 2.4rem;
	padding: 2.4rem 1.6rem;
	border-radius: .8rem;
	background-color: #fff;
	display: flex;
	margin-top: -2rem;
	position: relative;
	z-index: 1
}

.popup-store__icon {
	width: 2.4rem;
	height: 2.4rem;
	margin-right: 1.6rem;
	fill: #FBB730;
	flex-shrink: 0
}

.popup-store__link {
	display: block;
	line-height: 1.2
}

.popup-store__link:not(:last-child) {
	margin-bottom: 1em
}

.popup-store__iframe {
	width: 100%;
	border: 0;
	height: 38vh;
	border-radius: .8rem;
	min-height: 21.6rem
}

.btn,
.btn--gold {
	text-transform: uppercase;
	display: block;
	border-radius: .8rem;
	border: 1px solid transparent;
	padding: 1.75rem 2.3rem;
	margin: 0 auto;
	width: 100%;
	transition: background-color .4s ease, box-shadow .4s ease
}

.btn,
.btn--gold,
.btn--plus {
	font-weight: 700;
	line-height: 1.1875
}

.btn--new,
.btn--plus {
	text-transform: uppercase;
	display: block;
	border-radius: .8rem;
	border: 1px solid transparent;
	margin: 0 auto;
	width: 100%;
	transition: background-color .4s ease, box-shadow .4s ease
}

.btn--gold,
.btn--plus {
	color: #fff
}

.btn--gold,
.btn--new,
.btn--plus {
	box-shadow: 0 18px 32px -12px rgba(171, 156, 129, .6);
	background-color: #FBB730;
	border-bottom: #FBB730;
	text-align: center;
	max-width: 28.8rem
}

@media (min-width:1024px) {

	.btn--gold:hover,
	.btn--new:hover,
	.btn--plus:hover {
		background-color: #cba451;
		box-shadow: 0 18px 32px -12px rgba(213, 186, 129, .35)
	}
}

.btn--plus {
	display: flex;
	align-items: center;
	padding: 1.5rem 2.3rem
}

.btn--plus-icon {
	display: block;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 50%;
	background-color: #f5f7f8;
	position: relative
}

.btn--plus-icon::after,
.btn--plus-icon::before {
	content: '';
	width: 50%;
	height: .3rem;
	background-color: #FBB730;
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%)
}

.btn--plus-icon::after {
	transform: translate(-50%) rotate(90deg)
}

.btn--plus-content {
	flex-grow: 1;
	text-align: center
}

.btn-back {
	line-height: 1.5;
	color: #FBB730
}

.btn-back__icon {
	width: 1.5rem;
	height: 1rem;
	fill: #FBB730;
	margin-right: .8em;
	transform: rotate(180deg)
}

.btn--new {
	box-shadow: none;
	display: flex;
	align-items: center;
	padding: 1.5rem;
	color: #252525;
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	height: 48px
}

.btn--new__play {
	width: 24px;
	height: 24px;
	background: url(../images/play-ico.svg) no-repeat center/cover
}

.btn--new__arrow {
	width: 24px;
	height: 24px;
	background: url(../images/arrow-ico.svg) no-repeat center/cover
}

.btn--new__plus {
	width: 24px;
	height: 24px;
	background: url(../images/plus-ico.svg) no-repeat center/cover
}

@media (max-width:767px) {
	.btn--new {
		width: 100%
	}
}

.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 3.6rem;
	color: #252525
}

@media (min-width:1024px) {
	.pagination {
		padding-top: 5.6rem
	}
}

.pagination__btn {
	width: 3.2rem;
	height: 3.2rem;
	border-radius: .4rem;
	border: 1px solid rgba(37, 37, 37, .1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: .7rem
}

.pagination__btn.next {
	margin-left: 1rem
}

.pagination__btn.prev {
	transform: rotate(180deg);
	margin-right: 1rem
}

@media (min-width:1024px) {
	.pagination__btn {
		transition: opacity .4s ease
	}

	.pagination__btn:hover {
		opacity: .7
	}
}

.pagination__link {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
	width: 3.2rem;
	height: 3.2rem;
	border: 1px solid rgba(37, 37, 37, .1);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .4rem;
	margin: 0 .5rem
}

.pagination__link.act {
	background-color: #FBB730;
	pointer-events: none;
	border-color: #FBB730
}

@media (min-width:1024px) {
	.pagination__link {
		transition: background-color .4s ease
	}

	.pagination__link:hover[href] {
		background-color: rgba(37, 37, 37, .1)
	}
}

.pagination__icon {
	width: 100%;
	height: 100%;
	fill: #FBB730
}

.b-player {
	width: 100%;
	box-shadow: 0 36px 40px rgba(0, 0, 0, .26), 0 12.36px 17px rgba(0, 0, 0, .29);
	border-radius: 1.6rem;
	overflow: hidden;
	border: 8px solid #c4c4c4;
	max-width: 77.3rem;
	margin: 0 auto
}

.b-player__content {
	padding-top: 56.5%;
	position: relative
}

.b-player__content::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .6);
	z-index: 1
}

.b-player__content iframe,
.b-player__content img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 0
}

.b-player__btn {
	width: 5.9rem;
	height: 5.9rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid #fff;
	border-radius: 50%;
	z-index: 2
}

@media (min-width:1024px) {
	.b-player__btn {
		transition: transform .4s ease
	}

	.b-player__btn:hover {
		transform: translate(-50%, -50%) scale(1.1)
	}
}

.b-player__icon {
	fill: #fff;
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-35%, -50%)
}

.header,
.nav-dropdown::before {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%
}

.header {
	background-color: #161d27;
	padding: .8rem 0;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .04), 0 2px 6px rgba(0, 0, 0, .04), 0 0 1px rgba(0, 0, 0, .04);
	z-index: 99
}

@media (min-width:768px) {
	.header {
		top: 0;
		left: 0;
		width: 100%;
		padding: 1.6rem 0
	}
}

@media (max-width:1024px) {
	.header .header-nav {
		display: none
	}
}

@media (max-width:768px) {
	.header .header-nav {
		display: none
	}
}

.header__logo {
	margin-right: 1rem;
	max-width: 12rem;
	width: 30%
}

@media (min-width:768px) {
	.header__logo {
		width: 10%;
		margin-right: 1.5rem
	}
}

@media (min-width:1024px) {
	.header__logo {
		margin-right: 2rem
	}
}

.header__actions {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-grow: 1
}

.header__btn {
	font-weight: 700;
	text-transform: uppercase;
	border-radius: .4rem;
	padding: .55rem 1.22rem;
	background-color: #cba451;
    color: #252525 !important;
	transition: background-color .4s ease, color .4s ease
}

.header__btn:hover {
	background-color: #cba451;
	box-shadow: 0 18px 32px -12px rgba(213, 186, 129, .35)
}

.header__login {
	background-color: #FBB730;
	color: #fff;
	width: 100%;
	max-width: 12.5rem;
	flex-shrink: 0;
	text-align: center
}

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

.header-lang {
	margin-right: .8rem;
	position: relative
}

.header-lang:hover .header-lang__list {
	visibility: visible;
	opacity: 1;
	transform: translateY(.4rem)
}

.header-lang:hover .header-lang__icon {
	transform: translateY(-25%) rotate(180deg)
}

.header-lang__head {
	display: flex;
	align-items: center;
	border-radius: .4rem;
	height: 4rem;
	padding: 0 1.3rem;
	cursor: pointer;
	background: rgba(213, 186, 129, .2)
}

.header-lang__icon {
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: #4c5979;
	transform: translateY(25%);
	margin-left: 1.7rem;
	transition: transform .4s ease
}

.header-lang__img {
	margin-right: 1.2rem;
	flex-shrink: 0
}

.header-lang__current,
.header-lang__img {
	width: 2.2rem;
	height: 1.6rem;
	border-radius: .2rem;
	overflow: hidden;
	-o-object-fit: contain;
	object-fit: contain
}

.header-lang__item {
	display: flex;
	align-items: center;
	padding: .6rem 1.3rem;
	cursor: pointer;
	transition: background-color .4s ease
}

.header-lang__item:hover {
	background-color: rgba(213, 186, 129, .15)
}

.header-lang__list {
	font-size: 1.6rem;
	font-weight: 700;
	opacity: 0;
	visibility: hidden;
	transform: translateY(.8rem);
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 9rem;
	border: 1px solid #FBB730;
	border-radius: .4rem;
	background-color: #fff;
	transition: opacity .4s ease, visibility .4s ease, transform .4s ease
}

.mob-nav {
	display: none
}

@media (max-width:1024px) {
	.mob-nav {
		display: flex
	}

	.mob-nav .nav__list {
		width: 100%
	}
}

.nav {
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: .1px;
	bottom: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	padding: .9rem 0
}

@media (max-width:1024px) {
	.nav {
		background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

		position: fixed;
		text-align: center;
		color: #fff;
		z-index: 99
	}
}

@media (min-width:375px) {
	.nav {
		padding: 1.4rem 0 1.8rem
	}
}

@media (min-width:1025px) {
	.nav {
		width: 70%;
		max-width: 80rem;
		padding: 0;
		font-size: 1.4rem
	}
}

.nav__icon {
	width: 1.8rem;
	height: 1.8rem;
	margin: 0 auto .5rem;
	fill: #fff
}

@media (min-width:1025px) {
	.nav__icon {
		display: none
	}
}

.nav__icon.act {
	display: none
}

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

@media (min-width:1025px) {
	.nav__list {
		align-items: center
	}
}

.nav__item {
	width: 25%;
	padding: 0 5px
}

@media (min-width:1025px) {
	.nav__item {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		flex-grow: 1;
		transition: color .4s ease
	}
}

@media (min-width:1025px) and (min-width:1025px) {
	.nav__item:hover {
		color: #FBB730
	}
}

.nav__item--more {
	cursor: pointer
}

@media (min-width:1025px) {
	.nav__item--more:hover .nav-dropdown {
		opacity: 1;
		visibility: visible
	}

	.nav__item--more:hover .nav-dropdown__list {
		transform: translateY(.8rem)
	}
}

.nav__item--more.open {
	color: inherit
}

.nav__item--more.open .nav-dropdown {
	opacity: 1;
	visibility: visible
}

.nav__item--more.open .nav-dropdown__list {
	transform: translateY(0)
}

@media (min-width:1025px) {
	.nav__item--more {
		border: 1px solid #FBB730;
		border-radius: .4rem;
		padding: 0 1.4rem;
		height: 4rem;
		max-width: 12.1rem;
		position: relative
	}

	.nav__item--more:hover {
		color: #252525 !important
	}

	.nav__item--more:hover .nav__link--desktop::after {
		transform: translateY(-25%) rotate(180deg)
	}

	.nav__item--more .nav__link--desktop {
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	.nav__item--more .nav__link--desktop:after {
		content: '';
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-top-color: #4c5979;
		transform: translateY(25%);
		margin-left: 1.7rem;
		transition: transform .4s ease
	}
}

.nav__item.act {
	color: #FBB730
}

@media (max-width:1024px) {
	.nav__item.act .nav__icon {
		display: none;
		fill: #FBB730
	}

	.nav__item.act .nav__icon.act {
		display: block
	}
}

@media (min-width:1025px) {
	.nav__item.act {
		font-weight: 700;
		text-transform: uppercase
	}
}

.nav__link {
	color: inherit
}

@media (max-width:1024px) {
	.nav__link {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		line-height: 1.2
	}
}

@media (min-width:1025px) {
	.nav__link {
		display: block;
		height: 100%
	}

	.nav__link--mobi {
		display: none
	}
}

.nav-dropdown__item .nav-dropdown__icon.act,
.nav__link--desktop {
	display: none
}

@media (min-width:1025px) {
	.nav__link--desktop {
		display: inline-block
	}
}

.nav-dropdown {
	font-size: 1.4rem;
	font-weight: 400;
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	text-align: left;
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s ease, visibility .4s ease
}

@media (min-width:1025px) {
	.nav-dropdown {
		width: 100%;
		bottom: inherit;
		top: 100%
	}
}

.nav-dropdown::before {
	content: '';
	height: calc(100vh - 8rem);
	background-color: rgba(0, 0, 0, .54);
	z-index: -1
}

@media (min-width:375px) {
	.nav-dropdown::before {
		height: calc(100vh - 8rem)
	}
}

@media (min-width:1025px) {
	.nav-dropdown::before {
		display: none
	}
}

.nav-dropdown__icon {
	width: 1.8rem;
	height: 1.8rem;
	fill: #fff;
	margin-right: 1.2rem
}

@media (min-width:1025px) {
	.nav-dropdown__icon {
		display: none
	}
}

.nav-dropdown__list {
	border-radius: 1.6rem 1.6rem 0 0;
	padding: 4rem 2.4rem;
	transform: translateY(10%);
	transition: transform .4s ease;
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%)

}

@media (min-width:1025px) {
	.nav-dropdown__list {
		background-color: #fff;
		border: 1px solid #FBB730;
		border-radius: .4rem;
		padding: 0
	}
}

@media (max-width:1024px) {
	.nav-dropdown__item {
		border-bottom: 1px solid rgba(255, 255, 255, .1);
		padding-bottom: 1.1rem
	}

	.nav-dropdown__item:not(:last-child) {
		margin-bottom: 1.1rem
	}
}

.nav-dropdown__item .nav-dropdown__icon,
.nav-dropdown__item.act .nav-dropdown__icon.act {
	display: block
}

.nav-dropdown__item.act .nav-dropdown__link {
	color: #FBB730
}

.nav-dropdown__item.act .nav-dropdown__icon {
	display: none
}

.nav-dropdown__link {
	display: flex;
	align-items: center;
	letter-spacing: .15px
}

@media (min-width:1025px) {
	.nav-dropdown__link {
		padding: .85rem 1.4rem;
		transition: background-color .4s ease
	}

	.nav-dropdown__link:hover {
		background-color: rgba(213, 186, 129, .15)
	}

	.nav-dropdown__link--mobi {
		display: none
	}
}

.nav-dropdown__link--desktop {
	display: none
}

@media (min-width:1025px) {
	.nav-dropdown__link--desktop {
		display: block
	}
}

.footer {
	color: #fff;
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%)

}

.footer__container {
	padding-top: 3.2rem;
	padding-bottom: 4rem
}

@media (min-width:1024px) {
	.footer__container {
		display: flex;
		align-items: flex-start;
		padding-top: 4.5rem;
		padding-bottom: 4.5rem
	}

	.footer__wrap {
		display: flex;
		flex-direction: column-reverse;
		width: 40%;
		flex-shrink: 0;
		max-width: 19.4rem;
		order: 2
	}
}

.footer__logo {
	display: block;
	margin: 0 auto 1.35em
}

@media (min-width:1024px) {
	.footer__logo {
		margin: 0;
		margin-right: 1.6rem
	}
}

.footer__logo.mobi {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

@media (min-width:1024px) {
	.footer__logo.mobi {
		display: none
	}
}

.footer__logo.desktop {
	display: none
}

@media (min-width:1024px) {
	.footer__logo.desktop {
		display: block
	}
}

.footer__login {
	height: 48px;
	line-height: .9;
	margin-bottom: 3.3em;
	color: #000
}

@media (min-width:1024px) {
	.footer__login {
		margin-bottom: 1.6rem
	}
}

@media (min-width:768px) {
	.footer__action {
		display: flex;
		justify-content: space-between
	}
}

@media (min-width:1024px) {
	.footer__action {
		width: 60%;
		max-width: 64rem;
		margin-left: auto;
		margin-right: 6rem
	}
}

.footer__subtitle {
	font-family: "Raleway", sant-serif;
	font-size: 1.4rem;
	font-weight: 400;
	text-transform: uppercase;
	border-bottom: 1px solid currentColor;
	padding-bottom: .4em;
	margin-bottom: 1.1em;
	color: #fff
}

@media (min-width:1024px) {
	.footer__subtitle {
		display: none
	}
}

.footer__group:not(:last-child) {
	margin-bottom: 2.7em
}

@media (min-width:768px) {
	.footer__group:not(:last-child) {
		margin-bottom: 0
	}

	.footer__group {
		width: 48%
	}
}

@media (min-width:1024px) {
	.footer__group:first-child {
		width: 77%
	}

	.footer__group:last-child {
		width: 22%
	}
}

.footer__contacts {
	font-size: 1.4rem
}

@media (max-width:1023px) {
	.footer__contacts {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap
	}
}

@media (min-width:1024px) {
	.footer__contacts {
		font-size: 1.6rem
	}

	.footer__email--mobi {
		display: none !important
	}
}

.footer__email--desktop {
	display: none
}

@media (min-width:1024px) {
	.footer__email--desktop {
		display: block;
		margin-bottom: 1.6rem;
		text-align: center
	}
}

@media (max-width:1023px) {
	.footer__link {
		width: 49%;
		margin-bottom: 1.3em
	}
}

@media (min-width:1024px) {
	.footer__link {
		display: block;
		transition: color .4s ease
	}

	.footer__link:hover {
		color: #FBB730
	}

	.footer__link:not(:last-child) {
		margin-bottom: .8rem
	}
}

.footer__copyright {
	font-size: 1.4rem;
	text-align: center;
	background-color: #000;
	padding: 1.4rem 1.6rem;
	color: rgba(255, 255, 255, .7)
}

@media (min-width:1024px) {
	.footer__copyright {
		padding: 2.05rem 1.6rem
	}
}

.footer-socials {
	display: flex;
	justify-content: space-between;
	max-width: 26.4rem;
	margin: 0 auto 1em
}

@media (min-width:1024px) {
	.footer-socials {
		width: 100%;
		max-width: 17.6rem;
		margin-bottom: 0
	}

	.footer-socials__item {
		transition: transform .4s ease
	}

	.footer-socials__item:hover {
		transform: scale(1.1)
	}
}

.footer-socials__icon {
	width: 4.8rem;
	height: 4.8rem;
	fill: #f5f7f8
}

@media (min-width:1024px) {
	.footer-socials__icon {
		width: 3.2rem;
		height: 3.2rem
	}
}

.footer-nav {
	line-height: 1.7
}

.footer-nav__list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: -.8em
}

@media (min-width:1024px) {
	.footer-nav__list {
		justify-content: flex-start
	}
}

.footer-nav__link {
	display: block
}

@media (min-width:1024px) {
	.footer-nav__link {
		display: inline-block;
		transition: color .4s ease
	}

	.footer-nav__link:hover {
		color: #FBB730
	}
}

.footer-nav__item {
	width: 50%;
	margin-bottom: .8em
}

.hero {
	background: linear-gradient(280.15deg, #FBB730 0, #f4e1b9 100%), linear-gradient(100.15deg, #4b5776 0, #4f5c7a 100%)
}

.hero__content {
	padding: 3.2rem 1.6rem;
	box-shadow: 0 -16px 24px rgba(158, 158, 158, .16);
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

	border-radius: .8rem;
	position: relative;
	color: rgba(255, 255, 255, .8)
}

@media (max-width:767px) {
	.hero__content {
		margin: -3.3rem calc(-1*var(--containerPadding)) 0
	}
}

@media (min-width:768px) {
	.hero__content {
		width: 70%;
		max-width: 69.3rem;
		padding: 4.8rem 4rem;
		border-radius: 1.6rem
	}
}

.hero__content::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/hero-bg.svg) no-repeat right top/contain;
	max-width: 45%
}

.hero__title {
	color: #fff
}

@media (max-width:767px) {
	.hero__btn {
		transform: translateY(50%);
		width: 100%
	}
}

@media (min-width:768px) {
	.hero__btn {
		margin: 0
	}
}

.hero__descr:not(:last-child) {
	margin-bottom: 1.7em
}

.modal {
	display: none;
	z-index: 9999
}

.modal.is-open {
	display: block
}

.modal__overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	outline: 0
}

.modal__container {
	width: 95%;
	max-width: 500px;
	max-height: 100vh;
	border-radius: 4px;
	overflow-y: auto;
	box-sizing: border-box;
	position: relative
}

.modal__close {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	cursor: pointer;
	outline: 0;
	background: 0 0;
	border: 0;
	padding: 0;
	z-index: 999
}

.modal__close img {
	border-radius: 0 16px
}

.socials-modal__content {
	border-radius: 16px;
	background: linear-gradient(360deg, #00272a 0, #013a3f 99%);
	border-bottom: 0 !important;
	position: relative;
	text-align: center;
	padding: 40px 25px 30px
}

@media (max-width:767px) {
	.socials-modal__content {
		padding: 60px 25px 40px
	}
}

.socials-modal__content::before {
	content: '';
	position: absolute;
	background-image: url(../images/patern-romb-top.png);
	width: 200px;
	height: 150px;
	background-size: contain;
	top: 0;
	background-repeat: no-repeat;
	right: 0
}

.socials-modal__desc,
.socials-modal__title {
	line-height: 110%;
	color: #fff;
	text-align: center
}

.socials-modal__title {
	font-weight: 700;
	font-size: 24px;
	margin: 15px 0
}

.socials-modal__desc {
	font-size: 14px;
	opacity: .6;
	margin: 15px 0 20px
}

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

.socials-modal__block {
	padding: 12px;
	background: rgba(213, 186, 129, .1);
	width: calc(50% - 8px);
	max-width: 150px;
	margin-right: 8px;
	margin-bottom: 8px;
	border-radius: 6px
}

.socials-modal__block-name {
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #FBB730;
	margin: 10px 0 0
}

.socials-modal__block-ico,
.socials-modal__dialog-ico {
	margin: auto
}

.main-hero {
	color: #fff
}

@media (min-width:768px) {
	.main-hero__top {
		background: linear-gradient(355.48deg, #FBB730 1.43%, #f4e1b9 96.39%);
		position: relative
	}

	.main-hero__top::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background: url(../images/main-hero-bg%402.png) no-repeat center/cover;
		position: absolute;
		top: 0;
		left: 0
	}
}

.main-hero__content {
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

	border-radius: 0 0 1rem 1rem;
	padding: 3.2rem 1.6rem 0;
	position: relative;
	z-index: 1
}

@media (max-width:767px) {
	.main-hero__content {
		margin: 0 calc(-1*var(--containerPadding))
	}
}

@media (min-width:768px) {
	.main-hero__content {
		padding: 4.8rem 4rem;
		box-shadow: 0 -16px 24px rgba(158, 158, 158, .16);
		border-radius: 1.6rem
	}
}

@media (min-width:1024px) {
	.main-hero__content {
		max-width: 69.3rem
	}
}

@media (min-width:768px) {
	.main-hero__container-top {
		padding-top: 3.2rem;
		padding-bottom: 3.2rem
	}
}

@media (min-width:1024px) {
	.main-hero__container-top {
		padding-top: 6.4rem;
		padding-bottom: 6.4rem
	}
}

.main-hero__title {
	margin-bottom: .7em;
	text-align: left;
	color: #fff
}

.main-hero__descr {
	opacity: .8;
	margin-bottom: .3em
}

@media (min-width:768px) {
	.main-hero__descr {
		margin-bottom: 4rem
	}
}

.main-hero__img {
	display: none
}

@media (min-width:1024px) {
	.main-hero__img {
		display: block;
		position: absolute;
		right: 2.5rem;
		bottom: 0;
		max-width: 38.6rem
	}
}

@media (min-width:1200px) {
	.main-hero__img {
		right: 5rem
	}
}

@media (max-width:767px) {
	.main-hero__btn {
		transform: translateY(50%);
		width: 100%
	}
}

@media (min-width:768px) {
	.main-hero__btn {
		margin: 0
	}
}

.main-hero-stats {
	padding: 4.3em 0 3.9rem;
	margin: 0 calc(-1*var(--containerPadding))
}

@media (min-width:1024px) {
	.main-hero-stats {
		padding: 8.1rem 0;
		margin: 0
	}
}

.main-hero-stats__list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.4rem -.8rem;
	padding: 0 .8rem
}

@media (min-width:1024px) {
	.main-hero-stats__list {
		margin: 0 -.8rem;
		padding: 0
	}
}

.main-hero-stats__item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: calc(50% - .8rem);
	margin: 0 .4rem .8rem;
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

	border-radius: .8rem;
	padding: 1.9rem 1.6rem
}

.main-hero-stats__item::before {
	max-width: 75%;
	background-size: cover;
	background-position: left top
}

@media (min-width:1024px) {
	.main-hero-stats__item {
		width: calc(25% - 1.6rem);
		margin: 0 .8rem;
		padding: 2.4rem
	}
}

.main-hero-stats__text {
	font-size: 1.4rem;
	line-height: 1.2;
	margin-bottom: 1.4em
}

@media (min-width:768px) {
	.main-hero-stats__text {
		font-size: 1.6rem
	}
}

@media (min-width:1024px) {
	.main-hero-stats__text {
		font-size: 1.8rem
	}
}

.main-hero-stats__count {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.3;
	color: #FBB730
}

@media (min-width:768px) {
	.main-hero-stats__count {
		font-size: 3.6rem
	}
}

@media (min-width:1024px) {
	.main-hero-stats__count {
		font-size: 4rem
	}
}

@media (min-width:1200px) {
	.main-hero-stats__count {
		font-size: 4.8rem
	}
}

.main-work {
	background-color: #fff;
	border-radius: 1.6rem;
	box-shadow: 0 -16px 24px rgba(158, 158, 158, .16);
	padding: 3.3rem 0 0;
	margin-bottom: 3rem;
	position: relative;
	z-index: 1
}

@media (min-width:768px) {
	.main-work {
		padding: 3.3rem 0
	}
}

@media (min-width:1024px) {
	.main-work {
		padding: 6.4rem 0
	}
}

.main-work__title {
	margin-bottom: .5em
}

@media (min-width:768px) {
	.main-work__title {
		margin-bottom: .3em
	}
}

.main-work__subtitle {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 1.4em;
	color: #252525
}

@media (min-width:768px) {
	.main-work__subtitle {
		font-size: 2rem;
		text-align: center;
		margin-bottom: 1.2em
	}
}

.main-work__descr {
	opacity: .8;
	margin-bottom: 2em
}

@media (min-width:768px) {
	.main-work__descr {
		text-align: center;
		max-width: 59.2rem;
		margin: 0 auto 3.9rem
	}
}

@media (max-width:767px) {
	.main-work__body {
		height: 0;
		transition: all .4s ease;
		overflow: hidden;
		box-sizing: content-box;
		padding: 0 1.6rem
	}
}

@media (min-width:768px) {
	.main-work__body {
		padding: 0 1.5rem 2.4rem
	}
}

.main-work__list {
	counter-reset: section;
	margin-bottom: .2em
}

@media (min-width:768px) {
	.main-work__list {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -.8rem 3.4rem
	}
}

.main-work__name {
	display: flex;
	align-items: center
}

.main-work__name::before {
	counter-increment: section;
	content: counter(section);
	font-family: "Roboto", sant-serif;
	font-size: 2.8rem;
	font-weight: 700;
	margin-right: .7em
}

@media (min-width:768px) {
	.main-work__name::before {
		font-size: 3.2rem;
		margin-right: .5em
	}
}

.main-work__icon {
	display: block;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background-color: #FBB730;
	position: relative;
	flex-shrink: 0
}

.main-work__icon::after,
.main-work__icon::before {
	content: '';
	width: 50%;
	height: .3rem;
	background-color: #fff;
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%)
}

.main-work__icon::after {
	transform: translate(-50%) rotate(90deg);
	transition: transform .4s ease
}

@media (min-width:768px) {
	.main-work__icon {
		display: none
	}
}

.main-work__btn {
	transform: translateY(50%);
	width: 100%
}

@media (min-width:768px) {
	.main-work__btn {
		transform: translateY(0)
	}
}

.main-work__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2.35rem 1.6rem;
	transition: padding-bottom .4s ease
}

@media (min-width:768px) {
	.main-work__header {
		padding: 2.05rem 1.6rem 1.3rem
	}
}

.main-work__item {
	border-radius: .8rem;
	background-color: #f0f0f0;
	transition: box-shadow .4s ease, background-color .4s ease
}

.main-work__item:not(:last-child) {
	margin-bottom: .8rem
}

@media (min-width:768px) {
	.main-work__item:not(:last-child) {
		margin-bottom: 1.6rem
	}
}

@media (max-width:767px) {
	.main-work__item.act {
		box-shadow: 0 2px 20px rgba(16, 30, 115, .1);
		background-color: #fff
	}

	.main-work__item.act .main-work__header {
		padding-bottom: 1.6rem
	}

	.main-work__item.act .main-work__body {
		padding: 0 1.6rem 2.4rem
	}

	.main-work__item.act .main-work__icon::after {
		transform: translate(-50%) rotate(0)
	}
}

@media (min-width:768px) {
	.main-work__item {
		width: calc(50% - 1.6rem);
		margin: 0 .8rem 1.6rem;
		background-color: #fff;
		box-shadow: 0 2px 20px rgba(16, 30, 115, .1)
	}
}

@media (min-width:1024px) {
	.main-work__item {
		width: calc(25% - 1.6rem)
	}
}

.main-about {
	margin-top: -4.2rem;
	color: rgba(255, 255, 255, .8);
	margin-bottom: 2.5em
}

@media (min-width:768px) {
	.main-about {
		padding: 7.7rem 0 6.6rem;
		margin-bottom: 4em
	}
}

.main-about__logo {
	width: 60%;
	margin: 0 auto;
	max-width: 37.8rem
}

@media (min-width:768px) {
	.main-about__logo {
		font-size: 8rem;
		width: 37%;
		margin: 0 0 0 auto;
		padding-right: 2.5rem
	}
}

@media (min-width:1024px) {
	.main-about__logo {
		font-size: 12rem
	}
}

.main-about__logo-wrap {
	font-family: "Quicksand", sant-serif;
	font-size: 4rem;
	font-weight: 700;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
	z-index: 1;
	max-width: calc(120rem + (var(--containerPadding)*2));
	margin: 0 auto;
	width: 100%
}

@media (max-width:767px) {
	.main-about__header {
		position: relative;
		max-height: 46vh;
		min-height: 26rem;
		overflow: hidden
	}
}

@media (min-width:768px) {
	.main-about__img {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
}

.main-about__img img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.main-about__title {
	margin-bottom: .8em;
	text-align: left;
	color: #fff
}

@media (min-width:768px) {
	.main-about__title {
		margin-bottom: .7em
	}
}

.main-about__descr {
	opacity: .8
}

.main-about__descr:not(:last-of-type) {
	margin-bottom: 1em
}

@media (min-width:1024px) {
	.main-about__descr:not(:last-of-type) {
		margin-bottom: 1.6em
	}
}

@media (max-width:767px) {
	.main-about__container {
		padding: 0
	}
}

.main-about__content {
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

	border-radius: 1.6rem 1.6rem 0 0;
	position: relative;
	padding: 3.2rem var(--containerPadding) 2.4em;
	margin-top: -2.8rem
}

@media (min-width:768px) {
	.main-about__content {
		width: 60%;
		max-width: 68.9rem;
		margin: 0;
		border-radius: 1.6rem
	}
}

@media (min-width:1024px) {
	.main-about__content {
		padding: 4.8rem 4rem 7.3rem
	}
}

.main-about__content.act .main-about__hidden {
	padding-top: 1em
}

.main-about__show {
	display: block;
	width: 100%;
	font-weight: 700;
	text-align: center;
	box-shadow: 0 18px 32px rgba(171, 156, 129, .6);
	text-transform: uppercase;
	color: #fff;
	background-color: #FBB730;
	padding: 1.45rem 1.6rem;
	border-radius: 0 0 1.6rem 1.6rem
}

@media (min-width:768px) {
	.main-about__show {
		display: none
	}
}

@media (max-width:767px) {
	.main-about__hidden {
		height: 0;
		transition: all .4s ease;
		overflow: hidden;
		box-sizing: content-box
	}
}

@media (min-width:768px) {
	.main-about__hidden {
		padding-top: 1em
	}
}

@media (min-width:1024px) {
	.main-about__hidden {
		padding-top: 1.6em
	}
}

.main-advantages {
	padding-bottom: 2.5em
}

@media (min-width:1024px) {
	.main-advantages {
		padding-bottom: 4.9em
	}
}

.main-advantages__title {
	margin-bottom: 1em
}

@media (min-width:768px) {
	.main-advantages__title {
		margin-bottom: 1.35em
	}
}

.main-advantages__btn,
.news-inside__content iframe {
	width: 100%
}

.main-advantages-swiper {
	margin: -1.6rem -1.6rem 1.6rem;
	padding: 1.6rem
}

@media (min-width:1024px) {
	.main-advantages-swiper {
		margin: 0 -.8rem 4.8rem;
		padding: 0;
		overflow: visible
	}
}

.main-advantages-swiper__title {
	font-size: 2rem;
	line-height: 1.6;
	margin-bottom: .8em
}

.main-advantages-swiper__slide {
	background-color: #fff;
	padding: 2.4rem 1.6rem;
	box-shadow: 0 2px 20px rgba(16, 30, 115, .1);
	border-radius: .8rem
}

@media (min-width:1024px) {
	.main-advantages-swiper__slide {
		width: calc(100%/3 - 1.6rem);
		margin: 0 .8rem;
		padding: 3.2rem 3.5rem
	}
}

.main-advantages-swiper__counter {
	font-family: "PlayfairDisplay", sant-serif;
	font-weight: 700;
	font-size: 7.2rem;
	line-height: .8;
	font-variant-numeric: oldstyle-nums;
	text-align: center;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	background-color: rgba(213, 186, 129, .2);
	position: relative;
	padding: 1rem;
	margin-bottom: 2.4rem;
	color: #252525
}

.main-advantages-swiper__counter span {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	background-color: #FBB730;
	border-radius: 50%
}

.main-knowledge {
	padding-bottom: 3.9rem
}

@media (min-width:768px) {
	.main-knowledge {
		padding: 5.6rem 0 4rem
	}
}

@media (min-width:1024px) {
	.main-knowledge {
		background-color: #fff;
		box-shadow: 0 -16px 24px rgba(158, 158, 158, .16);
		border-radius: 1.6rem 1.6rem 0 0
	}
}

.main-knowledge__title {
	margin-bottom: .5em
}

@media (min-width:768px) {
	.main-knowledge__title {
		margin-bottom: .3em
	}
}

.main-knowledge__descr {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 1.3em;
	color: #252525
}

@media (min-width:768px) {
	.main-knowledge__descr {
		font-size: 2rem;
		text-align: center
	}
}

@media (min-width:1024px) {
	.main-knowledge__descr {
		margin-bottom: 2.75em
	}

	.main-knowledge__list {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -.8rem -2.4rem
	}
}

.main-knowledge__item {
	border-radius: .8rem;
	box-shadow: 0 2px 20px rgba(16, 30, 115, .1);
	background-color: #fff;
	margin-bottom: 3rem
}

@media (max-width:1023px) {
	.main-knowledge__item:not(:last-child) {
		margin-bottom: 3.2em
	}
}

@media (min-width:768px) {
	.main-knowledge__item {
		display: flex
	}
}

@media (min-width:1024px) {
	.main-knowledge__item {
		width: calc(50% - 1.6rem);
		margin: 0 .8rem 2.4rem
	}
}

.main-knowledge__img {
	border-radius: .8rem .8rem 0 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

@media (max-width:767px) {
	.main-knowledge__img {
		max-height: 35.2rem;
		height: 30vh;
		min-height: 17.6rem
	}
}

@media (min-width:768px) {
	.main-knowledge__img {
		width: 45%;
		max-width: 26rem;
		flex-shrink: 0;
		border-radius: .8rem 0 0 .8rem
	}
}

.main-knowledge__subtitle {
	font-size: 2rem;
	line-height: 1.5;
	margin-bottom: 1em
}

@media (min-width:768px) {
	.main-knowledge__subtitle {
		margin-bottom: .9em
	}
}

.main-knowledge__text {
	margin-bottom: .2em
}

@media (min-width:768px) {
	.main-knowledge__text {
		margin-bottom: 1rem
	}
}

@media (min-width:1200px) {
	.main-knowledge__text {
		margin-bottom: 3.2rem
	}
}

.main-knowledge__content {
	padding: 2.1rem 1.6rem 0
}

@media (min-width:768px) {
	.main-knowledge__content {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		padding: 4rem
	}
}

@media (min-width:1024px) {
	.main-knowledge__content {
		padding: 2rem
	}
}

@media (min-width:1200px) {
	.main-knowledge__content {
		padding: 3rem 3.2rem
	}
}

.main-knowledge__link {
	transform: translateY(50%)
}

@media (min-width:768px) {
	.main-knowledge__link {
		transform: translateY(0);
		margin-top: auto
	}
}

.about-hero {
	padding-top: 2.7rem
}

@media (min-width:768px) {
	.about-hero {
		padding: 6.4rem 0
	}
}

@media (min-width:1024px) {
	.about-hero {
		padding-bottom: 10rem
	}
}

@media (min-width:1200px) {
	.about-hero {
		padding-bottom: 16.6rem
	}
}

@media (min-width:768px) {
	.about-hero__title {
		margin-bottom: .65em
	}
}

.about-hero__img {
	width: 41%;
	margin: 0 auto;
	max-width: 18rem
}

@media (min-width:768px) {
	.about-hero__img {
		position: absolute;
		top: 50%;
		right: 1rem;
		width: 60%;
		transform: translateY(-36%);
		max-width: 27.4rem
	}
}

@media (min-width:1024px) {
	.about-hero__img {
		width: 70%;
		right: 12rem
	}
}

.about-history {
	padding: 4rem 0
}

@media (min-width:1024px) {
	.about-history {
		padding: 8.2rem 0 8.8rem
	}

	.about-history__title {
		margin-bottom: 1.35em
	}
}

@media (min-width:768px) {
	.about-history__list {
		display: flex;
		margin: 0 -.8rem
	}
}

.about-history__item {
	background-color: #fff;
	box-shadow: 0 2px 20px rgba(16, 30, 115, .1);
	border-radius: .8rem;
	padding: 3.2rem 1.6rem
}

@media (max-width:767px) {
	.about-history__item:not(:last-child) {
		margin-bottom: 1em
	}
}

@media (min-width:768px) {
	.about-history__item {
		width: calc(100%/3 - 1.6rem);
		margin: 0 .8rem
	}
}

@media (min-width:1024px) {
	.about-history__item {
		padding: 3.2rem
	}
}

.about-history__item:last-child {
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

	color: #fff
}

.about-history__item:nth-child(1) .about-history-icon__cirlce {
	left: 0
}

.about-history__item:nth-child(1) .about-history-icon__line {
	background: linear-gradient(90deg, #252525 0, rgba(37, 37, 37, 0) 100%)
}

.about-history__item:nth-child(2) .about-history-icon__circle {
	left: 50%
}

.about-history__item:nth-child(2) .about-history-icon__line {
	background: linear-gradient(90deg, rgba(37, 37, 37, 0) 0, #252525 50%, rgba(37, 37, 37, 0) 100%)
}

.about-history__item:nth-child(3) .about-history-icon__circle {
	right: 0;
	transform: translateY(-50%)
}

.about-history__item:nth-child(3) .about-history-icon__line {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.about-history__item:nth-child(3) .about-history__year {
	color: #fff
}

.about-history__label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1.5em
}

.about-history__year {
	font-family: "PlayfairDisplay", sant-serif;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.2;
	margin-right: 1.2rem;
	color: #252525
}

.about-history-icon {
	flex-grow: 1;
	max-width: 14rem;
	position: relative
}

@media (min-width:768px) {
	.about-history-icon {
		max-width: 21.8rem
	}
}

.about-history-icon__line {
	width: 90%;
	height: 1px
}

.about-history-icon__circle,
.about-history-icon__circle::before {
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.about-history-icon__circle {
	width: 2.4rem;
	height: 2.4rem;
	background-color: rgba(213, 186, 129, .2)
}

.about-history-icon__circle::before {
	content: '';
	width: 50%;
	height: 50%;
	background-color: #FBB730;
	left: 50%
}

.about-mission {
	background: linear-gradient(to bottom, #bcd2e7 20%, transparent 80%);
	border-radius: 1.6rem;
	color: rgba(255, 255, 255, .8)
}

@media (min-width:768px) {
	.about-mission {
		background: #bcd2e7
	}

	.about-mission__container {
		padding-bottom: 4rem
	}
}

@media (min-width:1024px) {
	.about-mission__container {
		padding-top: 7.2rem;
		padding-bottom: 13.9rem
	}
}

.about-mission__title {
	text-align: left;
	color: #fff
}

.about-mission__img {
	width: 80%;
	margin: 0 auto;
	transform: translateY(-1rem);
	max-width: 32rem
}

@media (min-width:768px) {
	.about-mission__img {
		transform: translateY(0)
	}
}

@media (min-width:1024px) {
	.about-mission__img {
		max-width: 58rem;
		position: absolute;
		width: 45%;
		bottom: 0;
		right: -1rem;
		z-index: 1
	}
}

@media (min-width:1200px) {
	.about-mission__img {
		width: 55%
	}
}

.about-mission__title {
	margin-bottom: .7em
}

.about-mission__content {
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

	box-shadow: 0 -16px 24px rgba(158, 158, 158, .16);
	border-radius: 1.6rem
}

@media (max-width:767px) {
	.about-mission__content {
		padding: 3.5rem var(--containerPadding) 11.4rem;
		margin: -1rem calc(-1*var(--containerPadding))
	}
}

@media (min-width:768px) {
	.about-mission__content {
		padding: 4.8rem 4.4rem
	}
}

@media (min-width:1024px) {
	.about-mission__content {
		width: 80%;
		margin: 0;
		max-width: 68.9rem;
		padding-right: 8rem
	}
}

@media (min-width:768px) {
	.about-video {
		padding: 4rem 0;
		text-align: center;
		background: url(../images/about-video-bg.svg) no-repeat center/cover
	}
}

@media (min-width:1024px) {
	.about-video {
		padding: 8rem 0
	}
}

.about-video__container {
	max-width: calc(79.4rem + (var(--containerPadding)*2))
}

@media (min-width:768px) {
	.about-video__container {
		display: flex;
		flex-direction: column
	}
}

.about-video__title {
	margin: 0 auto 3.2rem
}

@media (min-width:768px) {
	.about-video__title {
		max-width: 56.9rem
	}

	.about-video__descr {
		max-width: 59.2rem;
		margin: 0 auto 5.6rem
	}
}

.about-video__iframe {
	border-radius: 1.6rem;
	overflow-y: hidden
}

.about-video__btn {
	width: 5.9rem;
	height: 5.9rem;
	border: 1px solid #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@media (min-width:1024px) {
	.about-video__btn {
		width: 16.2rem;
		height: 16.2rem;
		transition: transform .4s ease
	}

	.about-video__btn:hover {
		transform: translate(-50%, -50%) scale(.9)
	}
}

.about-video__icon {
	width: 30%;
	height: 30%;
	fill: #fff;
	transform: translateX(21%)
}

@media (max-width:767px) {
	.about-video__player {
		transform: translateY(-7rem)
	}
}

@media (min-width:768px) {
	.about-video__player {
		order: 2
	}
}

.about-quality {
	color: rgba(255, 255, 255, .8)
}

@media (min-width:768px) {
	.about-quality {
		padding: 7.2rem 0 7.4rem
	}

	.about-quality__container {
		position: static
	}
}

.about-quality__title {
	text-align: left;
	color: #fff
}

.about-quality__descr {
	margin-bottom: 2.5em
}

.about-quality__img {
	margin: 0 calc(-1*var(--containerPadding));
	width: 100vw;
	max-width: inherit;
	border-radius: 1.6rem;
	box-shadow: 0 -16px 24px rgba(158, 158, 158, .16);
	max-height: 26rem;
	-o-object-fit: cover;
	object-fit: cover
}

@media (min-width:768px) {
	.about-quality__img {
		margin: 0;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 0;
		max-height: 100%
	}
}

.about-quality__wrapper {
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

	box-shadow: 0 -16px 24px rgba(158, 158, 158, .16);
	border-radius: 1.6rem 1.6rem 0 0;
	margin: -4.6rem calc(-1*var(--containerPadding)) 0;
	padding: 3.2rem var(--containerPadding);
	position: relative
}

@media (min-width:768px) {
	.about-quality__wrapper {
		margin: 0;
		padding: 4.8rem 4rem;
		max-width: 68.9rem;
		border-radius: 1.6rem
	}
}

@media (min-width:1024px) {
	.about-quality__wrapper {
		padding-right: 8rem
	}
}

.faq {
	background-color: #fff
}

.faq__name {
	font-size: 1.8rem;
	line-height: 1.4;
	margin-right: 1rem
}

@media (min-width:768px) {
	.faq__name {
		font-size: 2rem
	}
}

.faq__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2.35rem 1.6rem;
	transition: padding-bottom .4s ease
}

@media (min-width:768px) {
	.faq__header {
		padding: 2.35rem 3.3rem
	}
}

@media (min-width:1024px) {
	.faq__header {
		cursor: pointer
	}
}

.faq__icon {
	display: block;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background-color: #FBB730;
	position: relative;
	flex-shrink: 0
}

.faq__icon::after,
.faq__icon::before {
	content: '';
	width: 50%;
	height: .3rem;
	background-color: #fff;
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%)
}

.faq__icon::after {
	transform: translate(-50%) rotate(90deg);
	transition: transform .4s ease
}

.faq__body {
	height: 0;
	transition: all .4s ease;
	overflow: hidden;
	box-sizing: content-box;
	padding: 0 1.6rem;
	max-width: 66rem
}

@media (min-width:768px) and (min-width:768px) {
	.faq__body {
		padding: 0 3.3rem
	}
}

.faq__list {
	max-width: 89.6rem
}

.faq__item {
	border-radius: .8rem;
	background-color: #f0f0f0;
	transition: box-shadow .4s ease, background-color .4s ease
}

.faq__item:not(:last-child) {
	margin-bottom: 1.1em
}

@media (min-width:1024px) {
	.faq__item:hover {
		box-shadow: 0 2px 20px rgba(16, 30, 115, .1);
		background-color: #fff
	}
}

.faq__item.act {
	box-shadow: 0 2px 20px rgba(16, 30, 115, .1)
}

.faq__item.act .faq__header {
	padding-bottom: 1.6rem
}

.faq__item.act .faq__body {
	padding: 0 1.6rem 2.4rem
}

@media (min-width:768px) {
	.faq__item.act .faq__body {
		padding: 0 3.3rem 2.4rem
	}
}

.faq__item.act .faq__icon::after {
	transform: translate(-50%) rotate(0)
}

.faq__item.act,
.news-list {
	background-color: #fff
}

.news-list__article {
	font-size: 1.2rem;
	box-shadow: 0 2px 20px rgba(16, 30, 115, .1);
	border-radius: .8rem;
	overflow: hidden
}

@media (max-width:767px) {
	.news-list__article:not(:last-child) {
		margin-bottom: .8rem
	}
}

@media (min-width:768px) {
	.news-list__article {
		display: flex;
		flex-direction: column;
		width: calc(50% - 1.6rem);
		margin: 0 .8rem 1.6rem
	}
}

@media (min-width:1024px) {
	.news-list__article {
		width: calc(100%/3 - 1.6rem)
	}
}

.news-list__info {
	padding: 1.4rem 1.6rem 0;
	display: block
}

@media (min-width:768px) {
	.news-list__info {
		display: flex;
		flex-direction: column;
		flex-grow: 1
	}
}

.news-list__img {
	display: none
}

@media (min-width:768px) {
	.news-list__img {
		display: block;
		width: 100%;
		height: 14.6rem;
		-o-object-fit: cover;
		object-fit: cover
	}
}

.news-list__date {
	line-height: 1.2;
	margin-bottom: .8em
}

@media (min-width:768px) {
	.news-list__date {
		display: none
	}
}

.news-list__name {
	font-size: 1.8rem;
	margin-bottom: .6em
}

.news-list__text {
	line-height: 1.5;
	margin-bottom: 1.2em
}

.news-list__icon {
	width: 1.5rem;
	height: 1rem;
	fill: #FBB730;
	margin-left: .5em;
	vertical-align: middle;
	transition: transform .4s ease
}

.news-list__link {
	padding: 1rem 1.6rem;
	font-size: 1.6rem;
	font-weight: 600;
	color: #FBB730;
	display: block
}

@media (min-width:768px) {
	.news-list__link {
		margin-top: auto
	}
}

@media (min-width:1024px) {
	.news-list__link:hover svg {
		transform: translateX(50%)
	}
}

@media (min-width:768px) {
	.news-list__wrapper {
		display: flex;
		align-items: flex-start
	}

	.news-list__flex {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -.8rem -1.6rem
	}
}

.news-list__content {
	margin-bottom: 3rem
}

@media (min-width:768px) {
	.news-list__content {
		flex-grow: 1;
		margin-right: 1.6rem
	}
}

.news-list-main {
	border-radius: .8rem;
	overflow: hidden;
	position: relative;
	color: #fff;
	margin-bottom: 2em;
	max-height: 28rem
}

.news-list-main::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .6) 41.67%, #000 100%)
}

.news-list-main__img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.news-list-main__name {
	font-size: 1.4rem;
	line-height: 1.4;
	margin-bottom: .8em;
	max-width: 56rem
}

@media (min-width:768px) {
	.news-list-main__name {
		font-size: 1.8rem
	}
}

@media (min-width:1024px) {
	.news-list-main__name {
		font-size: 2rem
	}
}

.news-list-main__link {
	display: block;
	color: #fff
}

.news-list-main__info {
	font-size: 1.2rem;
	line-height: 1.2
}

.news-list-main__content {
	position: absolute;
	padding: 1.6rem;
	left: 0;
	bottom: 0
}

@media (min-width:768px) {
	.news-list-main__content {
		padding: 3.2rem
	}
}

@media (max-width:374px) {
	.news-list-main__content {
		padding: .5rem 1rem
	}
}

.news-inside__content blockquote,
.news-list-archive {
	box-shadow: 0 2px 20px rgba(16, 30, 115, .1);
	border-radius: .8rem
}

.news-list-archive {
	font-size: 1.2rem;
	line-height: 1.2;
	display: flex;
	align-items: flex-start;
	overflow-x: auto;
	padding: 3.2rem calc(var(--containerPadding) - .4rem);
	margin: 0 calc(-1*var(--containerPadding));
	background-color: #fff
}

@media (min-width:768px) {
	.news-list-archive {
		display: block;
		width: 100%;
		max-width: 28.8rem;
		flex-shrink: 0;
		padding: 3.2rem 1.6rem 4.2rem;
		margin: 0
	}
}

.news-list-archive__item {
	display: flex;
	align-items: center;
	flex-grow: 1;
	width: 100%;
	max-width: 19.2rem;
	margin-right: 1.6rem;
	flex-shrink: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 1.2em
}

@media (min-width:768px) {
	.news-list-archive__item {
		max-width: 100%;
		padding-right: 1.6rem
	}

	.news-list-archive__item:not(:last-child) {
		margin-bottom: 1.6rem
	}
}

.news-list-archive__info {
	opacity: .5;
	margin-bottom: .7em
}

.news-list-archive__icon {
	width: 1.5rem;
	height: 1.5rem;
	flex-shrink: 0;
	margin-right: .5rem;
	transform: translateY(75%)
}

.news-inside {
	background-color: #fff
}

@media (min-width:1024px) {
	.news-inside {
		padding-top: 4rem
	}
}

.news-inside__back {
	display: inline-block;
	margin-bottom: 2.4rem
}

@media (min-width:1024px) {
	.news-inside__back {
		margin-bottom: 4rem
	}
}

.news-inside__date.news-inside__date {
	font-size: 1.2rem;
	opacity: .5;
	margin-bottom: 2.4rem
}

@media (min-width:1024px) {
	.news-inside__date.news-inside__date {
		margin-bottom: 3.2rem
	}

	.news-inside__wrapper {
		display: flex;
		align-items: flex-start
	}

	.news-inside__main {
		margin-right: 1.6rem
	}
}

.news-inside__content iframe:before {
	content: ''
}

.news-inside__content h1 {
	font-family: "Raleway", sant-serif;
	font-size: 2rem;
	margin-bottom: 1.6rem
}

@media (min-width:768px) {
	.news-inside__content h1 {
		font-size: 2.6rem
	}
}

@media (min-width:1024px) {
	.news-inside__content h1 {
		font-size: 3.1rem
	}
}

.news-inside__content img {
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: .8rem;
	max-width: 700px;
	margin-bottom: 3.2rem
}

@media (max-width:767px) {
	.news-inside__content img {
		margin: 0 -.8rem 2.4rem;
		max-width: 100%
	}
}

.news-inside__content p {
	margin-bottom: 1.6em
}

.news-inside__content blockquote {
	padding: 2.4rem 1.6rem;
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

	margin: 2.1em 0;
	color: rgba(255, 255, 255, .8)
}

@media (min-width:768px) {
	.news-inside__content blockquote {
		margin: 2.5em 0;
		padding: 3.2rem
	}
}

@media (min-width:1024px) {
	.news-inside__content blockquote {
		padding-right: 5rem
	}

	.news-inside__content-wrap {
		max-width: 69.3rem
	}
}

.news-inside__archive {
	display: none
}

@media (min-width:1024px) {
	.news-inside__archive {
		display: block
	}
}

.news-inside-socials {
	max-width: 28.8rem
}

.news-inside-socials__title {
	opacity: .5;
	margin-bottom: .7em
}

.news-inside-socials__list {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.news-inside-socials__link {
	display: block;
	width: 4rem;
	height: 4rem
}

@media (min-width:1024px) {
	.news-inside-socials__link {
		transition: transform .4s ease
	}

	.news-inside-socials__link:hover {
		transform: scale(1.1)
	}
}

.news-inside-socials__link--email {
	width: 4rem;
	height: 4rem;
	background-color: #FBB730;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}

.news-inside-socials__link--email svg {
	width: 50%;
	height: 50%;
	fill: #fff
}

.news-inside-socials__icon {
	width: 4rem;
	height: 4rem;
	fill: #FBB730
}

.contacts {
	background-color: #fff;
	padding-bottom: 0;
	color: #252525
}

@media (min-width:1024px) {
	.contacts {
		padding-bottom: 0
	}
}

@media (min-width:1025px) {
	.contacts {
		padding: 4rem 0 12.5rem
	}
}

@media (min-width:768px) {
	.contacts__title {
		margin-bottom: .85em
	}
}

@media (min-width:1024px) {
	.contacts__container {
		position: static
	}
}

@media (min-width:768px) {
	.contacts__group {
		display: flex;
		align-items: flex-start
	}
}

.contacts__group:not(:last-child) {
	margin-bottom: 2.5em
}

@media (min-width:768px) {
	.contacts__group:not(:last-child) {
		margin-bottom: 5.7rem
	}
}

.contacts__numbers {
	line-height: 1.5
}

@media (max-width:767px) {
	.contacts__numbers {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: -1em;
		text-align: center
	}
}

.contacts__adress {
	text-align: center
}

@media (min-width:768px) {
	.contacts__adress {
		text-align: left
	}
}

.contacts__content {
	margin-bottom: 2em
}

@media (min-width:1025px) {
	.contacts__content {
		margin-bottom: 0
	}
}

.contacts__link {
	display: block;
	width: 48%;
	margin-bottom: 1em
}

@media (min-width:768px) {
	.contacts__link {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}
}

@media (min-width:1024px) {
	.contacts__link {
		transition: color .4s ease
	}

	.contacts__link:hover {
		color: #FBB730
	}
}

.contacts__iframe {
	border: 0;
	width: 100vw;
	margin: 0 calc(-1*var(--containerPadding));
	height: 39vh
}

@media (min-width:1025px) {
	.contacts__iframe {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		width: 45vw;
		height: 100%
	}
}

.contacts__label {
	display: block;
	width: 3.2rem;
	height: 3.2rem;
	margin: 0 1.2rem
}

@media (min-width:768px) {
	.contacts__label {
		margin: 0
	}
}

@media (max-width:767px) {
	.contacts__label-wrap {
		display: flex;
		align-items: center;
		margin: 0 calc(-1*var(--containerPadding)) 1em;
		flex-shrink: 0
	}

	.contacts__label-wrap::after,
	.contacts__label-wrap::before {
		content: '';
		flex-grow: 1;
		height: 1px;
		background-color: rgba(0, 0, 0, .1)
	}
}

@media (min-width:768px) {
	.contacts__label-wrap {
		margin-right: 2.4rem
	}
}

.contacts__label--fill {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #2d2f3f
}

@media (min-width:768px) {
	.contacts__label--fill {
		background-color: #FBB730
	}

	.contacts__row {
		display: flex
	}
}

@media (min-width:1024px) {
	.contacts__row {
		width: 50%
	}
}

@media (min-width:768px) {
	.contacts__col {
		flex-grow: 1;
		padding-top: 1.6rem
	}
}

.contacts-socials {
	font-size: 1.4rem
}

@media (max-width:767px) {
	.contacts-socials {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -.4rem 2.3em
	}
}

@media (min-width:768px) {
	.contacts-socials {
		font-size: 1.6rem;
		width: 50%;
		margin-right: 4.8rem;
		max-width: 28rem
	}
}

@media (min-width:1024px) {
	.contacts-socials {
		max-width: 18.7rem
	}
}

@media (max-width:767px) {
	.contacts-socials__item {
		width: calc(50% - .8rem);
		margin: 0 .4rem .8rem
	}
}

@media (min-width:768px) {
	.contacts-socials__item:not(:last-child) {
		margin-bottom: 1.6rem
	}
}

.contacts-socials__link {
	display: flex;
	align-items: center;
	border-radius: .8rem;
	padding: 1.6rem 1.2rem;
	box-shadow: 0 2px 20px rgba(16, 30, 115, .1)
}

@media (min-width:768px) {
	.contacts-socials__link {
		padding: 1.2rem 1.6rem
	}
}

@media (min-width:1024px) {
	.contacts-socials__link {
		background-color: #f0f0f0;
		box-shadow: none;
		transition: background-color .4s ease, box-shadow .4s ease
	}

	.contacts-socials__link:hover {
		background-color: #fff;
		box-shadow: 0 2px 20px rgba(16, 30, 115, .1)
	}
}

.contacts-socials__icon {
	width: 2.4rem;
	height: 2.4rem;
	margin-right: .9em;
	fill: #FBB730
}

@media (min-width:768px) {
	.contacts-socials__icon {
		width: 3.2rem;
		height: 3.2rem;
		margin-right: 1.6rem
	}
}

.contacts-socials__icon-wrap {
	width: 2.4rem;
	height: 2.4rem;
	margin-right: .9em;
	border-radius: 50%;
	background-color: #FBB730;
	display: flex;
	align-items: center;
	justify-content: center
}

@media (min-width:768px) {
	.contacts-socials__icon-wrap {
		width: 3.2rem;
		height: 3.2rem;
		margin-right: 1.6rem
	}
}

.contacts-socials__icon-wrap svg {
	width: 50%;
	height: 50%;
	margin-right: 0;
	fill: #fff
}

.contacts-icon__phone {
	width: 100%;
	height: 100%;
	fill: #2d2f3f
}

@media (min-width:768px) {
	.contacts-icon__phone {
		fill: #FBB730
	}
}

.contacts-icon__location {
	width: 50%;
	height: 50%;
	fill: #fff
}

.stores {
	background-color: #fff;
	color: #252525
}

@media (min-width:768px) {
	.stores {
		padding-bottom: 0 !important
	}
}

@media (min-width:1024px) {
	.stores {
		padding-top: 4rem
	}
}

@media (min-width:1200px) {
	.stores {
		padding-bottom: 8rem !important
	}
}

@media (min-width:768px) {
	.stores__container {
		position: static
	}

	.stores__list {
		max-width: 28.8rem;
		margin-bottom: 2em
	}
}

@media (min-width:1025px) {
	.stores__list {
		margin-bottom: 0
	}
}

.stores__item {
	line-height: 1.5;
	border-radius: .8rem;
	box-shadow: 0 2px 20px rgba(16, 30, 115, .1);
	background-color: #fff;
	padding: 0 1.2rem
}

@media (min-width:768px) {
	.stores__item {
		padding: 0 1.6rem
	}
}

@media (min-width:1024px) {
	.stores__item {
		background-color: #f0f0f0;
		transition: background-color .4s ease, box-shadow .4s ease;
		box-shadow: none
	}

	.stores__item:hover {
		background-color: #fff;
		box-shadow: 0 2px 20px rgba(16, 30, 115, .1)
	}
}

.stores__item:not(:last-child) {
	margin-bottom: 1.2rem
}

.stores__item.act {
	background-color: #fff;
	box-shadow: 0 2px 20px rgba(16, 30, 115, .1)
}

.stores__item.act .stores__body {
	border-top-color: rgba(0, 0, 0, .1);
	padding: 1.6rem 0 2.4rem
}

.stores__header {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 1.6rem 0 1.2rem
}

@media (min-width:768px) {
	.stores__header {
		padding: 2.4rem 0 1.6rem;
		transition: padding-bottom .4s ease
	}
}

.stores__body {
	display: none;
	height: 0;
	transition: all .4s ease;
	overflow: hidden;
	box-sizing: content-box
}

@media (min-width:768px) {
	.stores__body {
		display: flex;
		align-items: flex-start;
		border-top: 1px solid transparent
	}
}

.stores__icon {
	width: 50%;
	height: 50%;
	fill: #fff
}

.stores__icon-wrap {
	width: 2.4rem;
	height: 2.4rem;
	background-color: #FBB730;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-right: .8em
}

@media (min-width:768px) {
	.stores__icon-wrap {
		width: 3.2rem;
		height: 3.2rem;
		margin-right: 1.6rem
	}
}

.stores__icon-phone {
	width: 3.2rem;
	height: 3.2rem;
	fill: #FBB730;
	margin-right: 1.6rem
}

.stores__iframe {
	display: none
}

@media (min-width:768px) {
	.stores__iframe {
		border: 0;
		display: block;
		width: 100vw;
		margin: 0 calc(-1*var(--containerPadding));
		height: 39vh
	}
}

@media (min-width:1025px) {
	.stores__iframe {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		width: 45vw;
		height: 100%
	}
}

@media (min-width:768px) {
	.stores-numbers__item:not(:last-child) {
		margin-bottom: 1.4rem
	}
}

@media (min-width:1024px) {
	.stores-numbers__link {
		transition: color .4s ease
	}

	.stores-numbers__link:hover {
		color: #FBB730
	}
}

.career-hero {
	padding: 1.7rem 0 0;
	position: relative;
	z-index: 1;
	border-radius: 1.6rem
}

@media (min-width:768px) {
	.career-hero {
		padding: 4rem 0
	}
}

@media (min-width:1024px) {
	.career-hero {
		padding: 6.4rem 0 14.4rem
	}
}

@media (min-width:768px) {
	.career-hero__title {
		margin-bottom: .65em
	}
}

.career-hero__descr:not(:last-child) {
	margin-bottom: 0
}

@media (min-width:768px) {
	.career-hero__descr:not(:last-child) {
		margin-bottom: 2.7em
	}
}

@media (max-width:767px) {
	.career-hero__content {
		margin-top: -5.4rem;
		padding-bottom: 0
	}
}

.career-hero__img {
	width: 80%;
	margin: 0 auto
}

@media (min-width:768px) {
	.career-hero__img {
		position: absolute;
		top: 0;
		right: -8rem;
		width: 70%;
		max-width: 57.3rem;
		margin: 0
	}
}

@media (min-width:1024px) {
	.career-hero__img {
		top: -2.5rem;
		right: -4.4rem
	}
}

.career-graph {
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

	box-shadow: 0 -16px 24px rgba(158, 158, 158, .16);
	border-radius: 1.6rem;
	color: rgba(255, 255, 255, .8);
	padding: 9.2rem 0;
	margin-top: -2rem
}

@media (min-width:768px) {
	.career-graph {
		text-align: center;
		padding: 8rem 0 15.5rem;
		z-index: 1;
		position: relative
	}

	.career-graph::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../images/career-graph-bg.svg) no-repeat top center/cover
	}
}

.career-graph__title,
.section-dark p,
.section-green p {
	color: #fff
}

.career-graph__subtitle {
	font-family: "PlayfairDisplay", sant-serif;
	font-size: 2rem;
	line-height: 1.5;
	color: #fff
}

@media (max-width:767px) {
	.career-graph__subtitle {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 calc(-1*var(--containerPadding)) 7.2rem
	}

	.career-graph__subtitle::after,
	.career-graph__subtitle::before {
		content: '';
		display: block;
		flex-grow: 1;
		height: 1px;
		background-color: rgba(255, 255, 255, .1)
	}

	.career-graph__subtitle::before {
		margin-right: 1.6rem
	}

	.career-graph__subtitle::after {
		margin-left: 1.6rem
	}
}

@media (min-width:768px) {
	.career-graph__subtitle {
		font-size: 2.6rem;
		margin-bottom: 7.2rem
	}
}

@media (min-width:1024px) {
	.career-graph__subtitle {
		font-size: 3.2rem;
		margin-bottom: 9.4rem
	}
}

.career-graph__descr {
	margin-bottom: 3rem
}

@media (min-width:1024px) {
	.career-graph__descr {
		margin-bottom: 4.7rem
	}
}

.career-graph__group {
	margin-bottom: 4rem
}

.career-graph__group:last-of-type {
	margin-bottom: 6.8rem
}

@media (min-width:1200px) {
	.career-graph__group {
		margin-bottom: 8rem
	}

	.career-graph__group:last-of-type {
		margin-bottom: 12.5rem
	}
}

.career-graph-swiper {
	color: #252525;
	line-height: 1.35;
	letter-spacing: .15px;
	margin: 0 -.8rem -8rem
}

@media (max-width:1023px) {
	.career-graph-swiper {
		margin: -6rem calc(-1*var(--containerPadding));
		padding: 6rem .9rem
	}
}

@media (min-width:1024px) {
	.career-graph-swiper {
		overflow: visible
	}

	.career-graph-swiper__wrapper {
		flex-wrap: wrap;
		justify-content: center
	}
}

.career-graph-swiper__slide {
	background-image: radial-gradient(circle at 50% 0, transparent 4.5rem, #fff 4.6rem);
	border-radius: .8rem;
	box-shadow: 0 2px 20px rgba(16, 30, 115, .1);
	padding: 6.6rem 1.6rem 1.6rem;
	position: relative
}

@media (min-width:1024px) {
	.career-graph-swiper__slide {
		width: calc(25% - 1.6rem);
		margin: 0 .8rem 8rem
	}
}

.career-graph-swiper__row {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.career-graph-swiper__row:not(:last-child) {
	margin-bottom: .9rem;
	padding-bottom: .9rem;
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.career-graph-swiper__col {
	width: 49%
}

.career-graph-swiper__label {
	font-size: 1.2rem;
	font-weight: 500;
	opacity: .5;
	text-align: left
}

.career-graph-swiper__value {
	font-size: 1.4rem;
	font-weight: 700;
	text-align: right
}

.career-graph-swiper__icon {
	width: 8rem;
	height: 8rem;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-90deg)
}

.career-graph-swiper__icon::before {
	content: '';
	display: block;
	width: 10rem;
	height: 10rem;
	background-color: rgba(213, 186, 129, .1);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	z-index: -1
}

.career-graph-swiper__icon-border {
	fill: #fff;
	stroke: #FBB730;
	stroke-width: 1
}

.career-graph-swiper__icon-sector {
	fill: none;
	stroke: #FBB730;
	stroke-width: 50
}

.career-graph-bonus {
	color: #252525;
	text-align: left
}

@media (min-width:1024px) {
	.career-graph-bonus {
		display: flex;
		margin: 0 -.8rem
	}
}

.career-graph-bonus__title {
	text-align: left
}

.career-graph-bonus__item {
	background-color: #fff;
	border-radius: 1.6rem;
	padding: 3.2rem 1.6rem 0;
	box-shadow: 0 2px 20px rgba(16, 30, 115, .1);
	display: flex;
	flex-direction: column
}

@media (max-width:767px) {
	.career-graph-bonus__item {
		margin: 0 calc(-1*var(--containerPadding))
	}
}

@media (max-width:1023px) {
	.career-graph-bonus__item:not(:last-child) {
		margin-bottom: 6rem
	}
}

@media (min-width:768px) {
	.career-graph-bonus__item {
		padding: 4.8rem 4rem
	}
}

@media (min-width:1024px) {
	.career-graph-bonus__item {
		width: calc(50% - 1.6rem);
		margin: 0 .8rem
	}
}

.career-graph-bonus__text {
	margin-bottom: 2.7rem
}

.career-graph-bonus__text:last-of-type {
	margin-bottom: 0
}

@media (min-width:768px) {
	.career-graph-bonus__text:last-of-type {
		margin-bottom: 3.8rem
	}
}

.career-graph-bonus__btn {
	transform: translateY(50%)
}

@media (min-width:768px) {
	.career-graph-bonus__btn {
		margin: auto 0 0;
		transform: translateY(0)
	}
}

.career-info {
	background: linear-gradient(100.43deg, #c0cece 0, #bbcdce 100%);
	border-radius: 1.6rem;
	overflow: hidden;
	margin-top: -3rem;
	position: relative;
	z-index: 1;
	color: rgba(255, 255, 255, .8)
}

@media (min-width:768px) {
	.career-info {
		border-radius: 1.6rem 1.6rem 0 1.6rem
	}

	.career-info__container {
		padding-top: 7.2rem;
		padding-bottom: 8.1rem
	}
}

.career-info__title {
	text-align: left;
	color: #fff
}

.career-info__descr:not(:last-child) {
	margin-bottom: 2.5rem
}

.career-info__content {
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

	border-radius: 1.6rem;
	padding: 3.2rem 1.6rem;
	position: relative;
	z-index: 1
}

@media (max-width:767px) {
	.career-info__content {
		margin: -2.3rem calc(-1*var(--containerPadding)) 0
	}
}

@media (min-width:768px) {
	.career-info__content {
		width: 60%;
		max-width: 68.9rem
	}
}

@media (min-width:1024px) {
	.career-info__content {
		padding: 4.8rem 4rem
	}
}

.career-info__img {
	margin: 0 auto;
	max-width: 42rem;
	width: 100%
}

@media (min-width:768px) {
	.career-info__img {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 70%;
		max-width: 77.9rem;
		transform: translateX(10%);
		margin: 0
	}
}

.career-ref {
	padding: 4rem 0;
	background-color: #eff2f8
}

@media (min-width:1024px) {
	.career-ref {
		padding: 8rem 0
	}
}

@media (min-width:768px) {
	.career-ref__container {
		display: flex;
		align-items: center;
		justify-content: space-between
	}
}

.career-ref__title {
	text-align: left
}

.career-ref__descr {
	margin-bottom: 3.6rem
}

.career-ref__col {
	border-radius: .8rem
}

@media (max-width:767px) {
	.career-ref__col:not(:last-child) {
		margin-bottom: 4rem
	}
}

@media (min-width:768px) {
	.career-ref__col {
		width: 48.5%
	}
}

.career-ref-sum {
	display: flex;
	justify-content: space-between;
	max-width: 27rem
}

.career-ref-sum__items {
	margin-right: 1.6rem
}

.career-ref-sum__label {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: .8rem
}

.career-ref-sum__value {
	font-size: 1.6rem
}

.career-ref-sum__value span {
	font-weight: 700
}

.career-ref-sum__item:not(:last-child) {
	margin-bottom: 2.4rem
}

.career-ref-sum__sums {
	font-size: 2rem;
	font-weight: 700;
	color: #FBB730;
	display: flex;
	align-items: center
}

.career-ref-sum__icon {
	width: 1rem;
	height: 100%;
	margin-right: 1.6rem
}

.bonus-hero {
	background: #fff
}

@media (min-width:768px) {
	.bonus-hero__header {
		padding: 4rem 0;
		position: relative
	}
}

@media (min-width:1024px) {
	.bonus-hero__header {
		padding: 6.4rem 0 11.2rem
	}
}

@media (min-width:768px) {
	.bonus-hero__title {
		margin-bottom: 3.2rem
	}
}

.bonus-hero__img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.bonus-hero__imgs {
	display: block;
	max-height: 20rem
}

@media (min-width:768px) {
	.bonus-hero__imgs {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-height: 100%
	}
}

.bonus-hero__content {
	padding-bottom: 10rem
}

@media (min-width:768px) {
	.bonus-hero__content {
		width: 100%
	}
}

.bonus-hero-list {
	margin-top: -2rem;
	position: relative;
	z-index: 1
}

@media (min-width:768px) {
	.bonus-hero-list {
		margin-top: -4rem;
		margin-bottom: 4rem
	}
}

@media (max-width:767px) {
	.bonus-hero-list__content {
		margin: 0 calc(-1*var(--containerPadding))
	}
}

@media (min-width:1024px) {
	.bonus-hero-list__content {
		display: flex;
		margin: 0 -.8rem
	}
}

.bonus-hero-list__item {
	background-color: #fff;
	padding: 2.4rem 1.6rem;
	border-radius: 1.6rem;
	box-shadow: 0 2px 20px rgba(16, 30, 115, .1);
	max-width: 65rem;
	margin: 0 auto
}

@media (max-width:767px) {
	.bonus-hero-list__item:not(:first-child) {
		margin-top: -1rem
	}

	.bonus-hero-list__item:not(:last-child) {
		padding-bottom: 10rem
	}
}

@media (min-width:768px) {
	.bonus-hero-list__item {
		padding: 2.4rem
	}

	.bonus-hero-list__item:not(:last-child) {
		margin-bottom: 10rem
	}
}

@media (min-width:1024px) {
	.bonus-hero-list__item {
		width: calc(50% - 1.6rem);
		margin: 0 .8rem;
		display: flex;
		align-items: center
	}

	.bonus-hero-list__item:not(:last-child) {
		margin-bottom: 0
	}
}

.bonus-hero-list__text {
	flex-grow: 1
}

.bonus-hero-list__img {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 16.6rem
}

@media (min-width:1024px) {
	.bonus-hero-list__img {
		max-width: 15.7rem
	}
}

.bonus-hero-list__img-wrap {
	width: 28.8rem;
	height: 15.2rem;
	border-radius: 1.6rem;
	background-color: #FBB730;
	position: relative;
	margin: 0 auto 2.4rem
}

@media (min-width:1024px) {
	.bonus-hero-list__img-wrap {
		width: 50%;
		height: 18.7rem;
		margin: 0 3.2rem 0 0;
		max-width: 19.6rem;
		flex-shrink: 0
	}
}

.bonus-hero-bottom {
	background-color: #fff;
	margin-top: -3.2rem;
	position: relative
}

@media (min-width:768px) {
	.bonus-hero-bottom {
		margin-top: 0
	}
}

.bonus-hero-bottom__container {
	max-width: calc(136.6rem + (var(--containerPadding)*2));
	padding: 0
}

@media (min-width:768px) {
	.bonus-hero-bottom__container {
		display: flex;
		justify-content: space-between;
		position: static
	}

	.bonus-hero-bottom__col {
		width: 50%;
		flex-grow: 1
	}

	.bonus-hero-bottom__col:first-child {
		max-width: 65.9rem
	}
}

.bonus-hero-bottom__img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	max-height: 26rem
}

@media (min-width:768px) {
	.bonus-hero-bottom__img {
		max-height: 42rem;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 47vw
	}
}

.bonus-hero-bottom__title {
	font-size: 2rem;
	line-height: 1.5;
	margin-bottom: 2.4rem
}

@media (min-width:768px) {
	.bonus-hero-bottom__title {
		font-size: 2.4rem
	}
}

@media (min-width:1024px) {
	.bonus-hero-bottom__title {
		font-size: 2.8rem;
		margin-bottom: 4.3rem
	}
}

.bonus-hero-bottom__wrapper {
	padding: 3.2rem 1.6rem
}

@media (max-width:767px) {
	.bonus-hero-bottom__wrapper {
		margin-top: -3.2rem;
		border-radius: 1.6rem;
		box-shadow: 0 -16px 24px rgba(158, 158, 158, .16);
		position: relative;
		z-index: 2;
		background-color: #fff
	}
}

@media (min-width:768px) {
	.bonus-hero-bottom__wrapper {
		padding: 2.5rem;
		max-width: 64rem
	}
}

@media (min-width:1024px) {
	.bonus-hero-bottom__wrapper {
		padding: 6.2rem 2.5rem 2.5rem 4.8rem
	}
}

.bonus-hero-bottom__list {
	margin-bottom: -1.2rem
}

@media (min-width:480px) {
	.bonus-hero-bottom__list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 -.8rem -1.2rem
	}
}

.bonus-hero-bottom__item {
	display: flex;
	margin-bottom: 1.2rem
}

@media (min-width:480px) {
	.bonus-hero-bottom__item {
		width: calc(50% - 1.6rem);
		margin: 0 .8rem 1.2rem;
		max-width: 50%;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

@media (min-width:1024px) {
	.bonus-hero-bottom__item {
		width: calc(48% - 1.6rem)
	}
}

.bonus-hero-bottom__item::before {
	content: '';
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	background-color: #FBB730;
	flex-shrink: 0;
	margin-right: 1.6rem;
	margin-top: .5em
}

.bonus-demo {
	position: relative;
	z-index: 2;
	border-radius: 1.6rem;
	color: rgba(255, 255, 255, .8)
}

@media (min-width:768px) {
	.bonus-demo {
		padding: 4rem 0
	}
}

@media (min-width:1024px) {
	.bonus-demo {
		padding: 7.2rem 0 11.2rem
	}
}

.bonus-demo--bg {
	border-top-left-radius: 0
}

@media (min-width:768px) {
	.bonus-demo--bg {
		background: url(../images/bonus-demo-bg.jpg) no-repeat center/cover;
		box-shadow: 0 -16px 24px rgba(158, 158, 158, .16)
	}
}

@media (min-width:1024px) {
	.bonus-demo--bg {
		padding: 8rem 0
	}
}

@media (max-width:767px) {
	.bonus-demo__container {
		padding: 0
	}
}

.bonus-demo__content {
	padding: 4rem 1.6rem;
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

	border-radius: 1.6rem;
	position: relative;
	z-index: 1;
	margin-top: -5rem;
	max-width: 68.9rem
}

@media (min-width:768px) {
	.bonus-demo__content {
		padding: 4.8rem 4rem;
		margin-top: 0
	}
}

.bonus-demo__content--center {
	text-align: center;
	max-width: 79.4rem;
	margin: 0 auto
}

@media (max-width:767px) {
	.bonus-demo__content--center {
		padding-bottom: 0
	}
}

.bonus-demo__img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 1.6rem;
	overflow: hidden;
	max-height: 24rem
}

@media (min-width:768px) {
	.bonus-demo__img {
		max-height: 100%
	}

	.bonus-demo__imgs {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
}

.bonus-demo__circle {
	position: absolute;
	top: 0;
	right: 0;
	width: 25rem;
	height: 25rem;
	border-radius: 1.6rem
}

.bonus-demo__title {
	margin-bottom: 2.4rem;
	text-align: left;
	color: #fff
}

.bonus-demo__title--upper {
	font-size: 2rem;
	line-height: 1.5;
	text-transform: uppercase;
	text-align: center
}

@media (min-width:768px) {
	.bonus-demo__title--upper {
		font-size: 2.6rem
	}
}

@media (min-width:1024px) {
	.bonus-demo__title--upper {
		font-size: 3.2rem
	}

	.bonus-demo__title {
		margin-bottom: 3.2rem
	}
}

.bonus-demo__text {
	max-width: 65rem;
	margin: 0 auto
}

.bonus-demo__text:not(:last-of-type) {
	margin-bottom: 1rem
}

@media (min-width:1024px) {
	.bonus-demo__text:not(:last-of-type) {
		margin-bottom: 3rem
	}
}

.bonus-demo__btn {
	transform: translateY(50%)
}

@media (min-width:768px) {
	.bonus-demo__btn {
		margin-top: 4rem;
		transform: translateY(0)
	}
}

.bonus-get {
	padding: 6.5rem 0 4rem
}

@media (min-width:1024px) {
	.bonus-get {
		padding: 6.5rem 0 8.4rem
	}
}

.bonus-get__title {
	text-align: center
}

@media (min-width:1024px) {
	.bonus-get__title {
		margin-bottom: .65em
	}
}

.bonus-get__descr {
	max-width: 59.2rem;
	margin: 0 auto 3.2rem;
	text-align: center
}

@media (min-width:1024px) {
	.bonus-get__descr {
		margin-bottom: 4.8rem
	}
}

@media (max-width:1023px) {
	.bonus-get-swiper {
		margin: -3rem calc(-1*var(--containerPadding));
		padding: 3rem var(--containerPadding)
	}
}

@media (min-width:1024px) {
	.bonus-get-swiper {
		overflow: visible;
		margin: 0 -.8rem -1.6rem
	}

	.bonus-get-swiper__wrapper {
		flex-wrap: wrap
	}
}

.bonus-get-swiper__title {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.5;
	min-height: 6rem;
	margin-bottom: 1.2rem
}

.bonus-get-swiper__row {
	font-size: 1.2rem;
	border-top: 1px solid rgba(37, 37, 37, .1);
	padding: .7rem 0
}

.bonus-get-swiper__row:last-of-type {
	padding-bottom: 0
}

.bonus-get-swiper__label {
	text-transform: uppercase;
	color: rgba(37, 37, 37, .8)
}

.bonus-get-swiper__value {
	font-size: 1.6rem;
	font-weight: 500
}

.bonus-get-swiper__value span {
	font-size: 1.2rem;
	font-weight: 400;
	color: rgba(37, 37, 37, .5)
}

.bonus-get-swiper__slide {
	background-color: #fff;
	padding: 2.4rem 1.6rem 1.6rem;
	box-shadow: 0 2px 20px rgba(16, 30, 115, .1);
	border-radius: .8rem
}

@media (min-width:1024px) {
	.bonus-get-swiper__slide {
		width: calc(25% - 1.6rem);
		margin: 0 .8rem 1.6rem
	}
}

.bonus-exmpl {
	padding: 4rem 0
}

@media (min-width:1024px) {
	.bonus-exmpl {
		padding: 8rem 0
	}
}

.bonus-exmpl__title {
	text-align: center
}

@media (min-width:768px) {
	.bonus-exmpl__title {
		margin-bottom: .65em
	}
}

.bonus-exmpl__subtitle {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 1.6rem
}

.bonus-exmpl__descr {
	text-align: center;
	max-width: 59.2rem;
	margin: 0 auto 3.2rem
}

@media (min-width:1024px) {
	.bonus-exmpl__descr {
		margin-bottom: 5.6rem
	}
}

.bonus-exmpl__list {
	margin-bottom: 4rem
}

@media (min-width:768px) {
	.bonus-exmpl__list {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin: 0 -.8rem 4rem
	}
}

@media (min-width:1024px) {
	.bonus-exmpl__list {
		margin-bottom: 6.4rem
	}
}

.bonus-exmpl__item {
	background-color: #fff;
	border-radius: .8rem;
	padding: 2.4rem 1.6rem;
	box-shadow: 0 2px 20px rgba(16, 30, 115, .1);
	max-width: 55rem;
	margin: 0 auto 1.6rem
}

@media (min-width:768px) {
	.bonus-exmpl__item {
		width: calc(50% - 1.6rem);
		margin: 0 .8rem 1.6rem
	}
}

@media (min-width:1024px) {
	.bonus-exmpl__item {
		padding: 3.2rem;
		width: calc(100%/3 - 1.6rem)
	}
}

.bonus-exmpl__counter {
	font-family: "PlayfairDisplay", sant-serif;
	font-weight: 700;
	font-size: 7.2rem;
	line-height: .8;
	font-variant-numeric: oldstyle-nums;
	color: #252525;
	text-align: center;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	background-color: rgba(213, 186, 129, .2);
	position: relative;
	padding: 1rem;
	margin-bottom: 2.4rem
}

.bonus-exmpl__counter span {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	background-color: #FBB730;
	border-radius: 50%
}

.bonus-tech {
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

	padding: 3.2rem 0;
	color: rgba(255, 255, 255, .8);
	position: relative
}

.bonus-tech::before {
	content: '';
	width: 55%;
	height: 100%;
	max-width: 64rem;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/hero-bg.svg) no-repeat top right/contain
}

@media (min-width:1024px) {
	.bonus-tech {
		padding: 8rem 0
	}
}

.bonus-tech__container {
	max-width: calc(99.8rem + (var(--containerPadding)*2));
	z-index: 1
}

.bonus-tech__title {
	line-height: 1.2;
	text-align: left;
	margin-bottom: 2.4rem;
	color: #fff
}

.bonus-tech__subtitle {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 2rem;
	color: #fff
}

@media (min-width:1024px) {
	.bonus-tech__subtitle {
		margin-bottom: 4rem
	}
}

.bonus-tech__text:not(:last-of-type) {
	margin-bottom: 2.8rem
}

.bonus-tech__text--big {
	font-family: "PlayfairDisplay", sant-serif;
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: .8rem !important
}

@media (min-width:768px) {
	.bonus-tech__text--big {
		margin-bottom: 2.8rem !important
	}
}

.bonus-tech__wrapper {
	margin-bottom: 4rem
}

@media (min-width:1024px) {
	.bonus-tech__wrapper {
		display: flex
	}
}

.bonus-tech__info {
	margin-bottom: 3.2rem
}

@media (min-width:1024px) {
	.bonus-tech__info {
		flex-grow: 1;
		margin-right: 4rem;
		margin-bottom: 0
	}
}

.bonus-tech__img {
	max-height: 30rem
}

.bonus-tech__img-wrap {
	border-radius: .8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FBB730;
	min-height: 33.2rem;
	padding: 1.3rem;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto
}

@media (min-width:1024px) {
	.bonus-tech__img-wrap {
		width: 40%;
		max-width: 39.2rem;
		flex-shrink: 0;
		padding: 1.8rem;
		margin: 0
	}
}

.bonus-tech-list {
	margin-bottom: 2.4rem
}

@media (min-width:480px) {
	.bonus-tech-list {
		display: flex;
		margin: 0 -1.2rem 2.4rem
	}
}

.bonus-tech-list__item:not(:last-child) {
	margin-bottom: 2.4rem
}

@media (min-width:768px) {
	.bonus-tech-list__item:not(:last-child) {
		margin-bottom: 0
	}
}

.bonus-tech-list__item:last-child .bonus-tech-list__pointer::before {
	background-color: #fff;
	box-shadow: 0 0 0 .6rem rgba(255, 255, 255, .2)
}

@media (min-width:480px) {
	.bonus-tech-list__item {
		width: calc(50% - 2.4rem);
		margin: 0 1.2rem
	}
}

.bonus-tech-list__text {
	font-size: 1.4rem
}

.bonus-tech-list__pointer {
	display: flex;
	margin-bottom: .8rem
}

.bonus-tech-list__pointer::before {
	content: '';
	width: 1.2rem;
	height: 1.2rem;
	background-color: #FBB730;
	border-radius: 50%;
	margin-right: 1.8rem;
	margin-top: .4em;
	box-shadow: 0 0 0 .6rem rgba(213, 186, 129, .2)
}

.bonus-tech-box {
	background: #024247;
	padding: 3.2rem 1.6rem;
	border-radius: .8rem
}

@media (max-width:767px) {
	.bonus-tech-box {
		margin: 0 calc(-1*var(--containerPadding))
	}
}

@media (min-width:768px) {
	.bonus-tech-box {
		display: flex;
		align-items: center;
		padding: 4rem 3.2rem
	}
}

.bonus-tech-box__title,
.new-main-gallery .new-main-gallery__content h1,
.new-main-gallery .new-main-gallery__content h2,
.new-main-gallery .new-main-gallery__content h3,
.new-main-gallery .new-main-gallery__content h4,
.new-main-gallery .new-main-gallery__content p {
	color: #fff;
	text-align: left
}

@media (min-width:1024px) {
	.bonus-tech-box__title {
		margin-bottom: .65em
	}
}

.bonus-tech-box__text {
	margin-bottom: 6rem
}

@media (min-width:768px) {
	.bonus-tech-box__text {
		margin-bottom: 0
	}

	.bonus-tech-box__content {
		flex-grow: 1;
		margin-right: 2rem
	}
}

@media (min-width:1024px) {
	.bonus-tech-box__content {
		margin-right: 4rem
	}
}

.bonus-tech-box__img {
	max-width: 28.8rem;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%)
}

.bonus-tech-box__img-wrap {
	height: 22.8rem;
	background-color: #FBB730;
	border-radius: .8rem;
	position: relative;
	max-width: 40rem;
	margin: 0 auto
}

@media (min-width:768px) {
	.bonus-tech-box__img-wrap {
		width: 40%;
		max-width: 36rem;
		flex-shrink: 0
	}
}

.bonus-table {
	padding: 4rem 0 3.2rem
}

@media (min-width:1024px) {
	.bonus-table {
		padding: 8rem 0
	}
}

.bonus-table__title {
	text-align: center;
	margin-bottom: 1.6rem
}

.bonus-table__descr {
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 2rem;
	color: #252525
}

@media (min-width:1024px) {
	.bonus-table__descr {
		margin-bottom: 5.6rem
	}
}

.bonus-table-mobi {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 1.4rem;
	color: rgba(37, 37, 37, .6);
	margin: 0 -.4rem -.8rem
}

@media (min-width:1024px) {
	.bonus-table-mobi {
		display: none
	}
}

.bonus-table-mobi__item {
	background-color: #fff;
	border-radius: .8rem;
	box-shadow: 0 2px 20px rgba(16, 30, 115, .1);
	min-width: 28.8rem;
	max-width: 30rem;
	margin: 0 .4rem .8rem
}

.bonus-table-mobi__row {
	display: flex;
	align-items: center
}

.bonus-table-mobi__col {
	width: 50%
}

.bonus-table-mobi__heading {
	font-weight: 700;
	text-transform: uppercase;
	padding: 1.2rem 1.6rem;
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.bonus-table-mobi__heading .bonus-table-mobi__col:last-child {
	text-align: right
}

.bonus-table-mobi__bold {
	font-size: 1.6rem;
	font-weight: 700;
	color: #252525;
	margin-bottom: .8rem
}

.bonus-table-mobi__value {
	font-weight: 600;
	padding-left: .3em;
	color: #252525
}

.bonus-table-mobi__subrow:not(:last-child) {
	margin-bottom: .4rem
}

.bonus-table-mobi__body {
	padding: 0 .4rem
}

.bonus-table-mobi__body>.bonus-table-mobi__col {
	padding: 1.2rem
}

.bonus-table-mobi__body>.bonus-table-mobi__col:not(:last-child) {
	border-right: 1px solid rgba(0, 0, 0, .1)
}

.bonus-table-desktop {
	display: none
}

@media (min-width:1024px) {
	.bonus-table-desktop {
		font-size: 1.4rem;
		display: block;
		text-align: center
	}
}

.bonus-table-desktop__heading {
	display: flex;
	font-weight: 700;
	color: rgba(37, 37, 37, .6)
}

.bonus-table-desktop__heading .bonus-table-desktop__col {
	width: calc(100%/3 - 1.6rem);
	margin: 0 .8rem 1.6rem;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.bonus-table-desktop__row {
	display: flex
}

.bonus-table-desktop__row:not(:last-child) {
	margin-bottom: 1.6rem
}

.bonus-table-desktop__row .bonus-table-desktop__col {
	font-weight: 600;
	width: calc(25% - 1.6rem);
	margin: 0 .8rem;
	padding: 1.9rem;
	color: #252525
}

.bonus-table-desktop__row .bonus-table-desktop__col:first-child {
	font-weight: 700;
	width: calc(100%/3 - 1.6rem);
	flex-shrink: 0;
	color: rgba(37, 37, 37, .6);
	text-transform: uppercase
}

.bonus-table-desktop__subrow {
	display: flex;
	align-items: center
}

.bonus-table-desktop__col {
	border-radius: .8rem;
	box-shadow: 0 2px 20px rgba(16, 30, 115, .1);
	background-color: #fff
}

.bonus-table-desktop__subcol {
	font-weight: 500;
	width: 50%;
	padding: .7rem
}

.bonus-table-desktop__label {
	color: #252525;
	font-weight: 700;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding: .95rem
}

.new-main-hero {
	height: 650px;
	width: 100%
}

@media (max-width:767px) {
	.new-main-hero {
		height: 450px
	}
}

@media (max-width:375px) {
	.new-main-hero {
		height: 350px
	}
}

.new-main-hero__wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 2
}

.new-main-hero__btn {
	height: 48px;
	width: 235px;
	bottom: 15%;
	left: 50%;
	position: absolute;
	z-index: 9;
	transform: translate(-50%, 0)
}

@media (max-width:767px) {
	.new-main-hero__btn {
		width: 100%;
		bottom: 0;
		transform: translate(-50%, 50%)
	}
}

.new-main-hero__subtitle {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 24px;
	text-align: center;
	color: #fff
}

@media (max-width:1023px) {
	.new-main-hero__subtitle {
		width: 90%;
		top: 50%;
		transform: translate(-50%, -50%);
		font-size: 16px
	}
}

.new-main-hero__header {
	width: calc(100% - 30px);
	font-family: "PlayfairDisplay", sant-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 120%;
	color: #f6e9cd;
	text-align: center;
	z-index: 9;
	margin: 160px auto 0;
	position: relative
}

@media (max-width:1024px) {
	.new-main-hero__header {
		margin-top: 40px
	}
}

@media (max-width:767px) {
	.new-main-hero__header {
		font-size: 31px
	}
}

.video-overlay {
	position: absolute;
	left: -230px;
	right: -230px;
	height: 100%
}

.video-overlay::before {
	top: 0;
	left: 0;
	z-index: 4
}

.new-main-affair::before,
.video-overlay::after,
.video-overlay::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%
}

.video-overlay::after {
	top: 0;
	left: 0;
	z-index: 5;
	background-color: rgba(0, 0, 0, .3)
}

.video-overlay #player {
	width: 100%;
	height: 100%
}

.video-overlay__second {
	background-color: #000
}

.video-overlay__second video {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.new-main-affair {
	padding: 80px 0;
	position: relative;
	overflow: hidden
}

@media (max-width:1024px) {
	.new-main-affair {
		padding: 85px 0 60px
	}
}

.new-main-affair::before {
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, .4);
	-webkit-clip-path: polygon(100% 0, 30% 100%, 100% 100%);
	clip-path: polygon(100% 0, 30% 100%, 100% 100%)
}

@media (max-width:1024px) {
	.new-main-affair::before {
		right: -480px
	}
}

@media (max-width:767px) {
	.new-main-affair::before {
		width: 200px;
		height: 194px;
		right: 0
	}
}

.new-main-affair__container {
	display: flex
}

@media (max-width:1024px) {
	.new-main-affair__container {
		flex-direction: column
	}
}

.new-main-affair__info {
	width: 50%;
	padding: 0 0 30px 80px
}

@media (max-width:1024px) {
	.new-main-affair__info {
		order: 1;
		width: 100%;
		padding: 0
	}
}

.new-main-affair__video-block {
	width: 50%;
	margin-right: 15px
}

@media (max-width:1024px) {
	.new-main-affair__video-block {
		order: 2;
		width: 100%;
		margin-top: 30px;
		margin-bottom: 0;
		margin-right: 0
	}
}

.new-main-affair__frame {
	position: relative;
	z-index: 1
}

.new-main-affair__frame__preview {
	line-height: 0;
	height: 100%;
	border-radius: 16px;
	overflow: hidden;
	cursor: pointer;
	position: relative
}

.new-main-affair__frame__preview.hide {
	visibility: hidden
}

.new-main-affair__frame__video {
	opacity: 0;
	position: absolute;
	pointer-events: none
}

.new-main-affair__frame__video.show {
	pointer-events: initial;
	top: 0;
	opacity: 1
}

.new-main-affair__frame__img {
	box-shadow: 0 39px 27px -15px rgba(0, 0, 0, .25);
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	min-height: 329px
}

@media (max-width:768px) {
	.new-main-affair__frame__img {
		min-height: 159px
	}
}

.new-main-affair__frame__overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4)
}

.new-main-affair__frame__play-btn {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3
}

@media (max-width:767px) {
	.new-main-affair__frame__play-btn {
		width: 41px;
		height: 41px
	}
}

.new-main-affair__title {
	font-family: "PlayfairDisplay", sant-serif;
	font-weight: 700;
	font-size: 48px;
	text-align: left;
	margin-bottom: 30px
}

@media (max-width:767px) {
	.new-main-affair__title {
		font-size: 31px
	}
}

.new-main-affair__desc {
	font-weight: 400;
	font-size: 18px;
	line-height: 150%;
	margin-bottom: 15px
}

@media (max-width:767px) {
	.new-main-affair__desc {
		font-size: 14px;
		margin-bottom: 20px
	}
}

.new-main-affair__btn {
	height: 48px;
	width: 320px;
	margin: 40px 0 0
}

@media (max-width:1024px) {
	.new-main-affair__btn {
		display: none
	}
}

.new-main-affair__btn.mobile {
	display: none
}

@media (max-width:1024px) {
	.new-main-affair__btn.mobile {
		order: 3;
		display: flex;
		margin: 25px auto 0
	}
}

.new-main-project {
	padding: 100px 0;
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

	position: relative;
	overflow: hidden
}

@media (max-width:1024px) {
	.new-main-project {
		padding: 50px 0
	}
}

@media (max-width:767px) {
	.new-main-project {
		padding: 250px 0 60px
	}
}

.new-main-project__bg-img {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%) no-repeat center/cover;
	width: 844px;
	height: 578px;
	z-index: 2
}

@media (max-width:1400px) {
	.new-main-project__bg-img {
		right: -200px
	}
}

@media (max-width:1024px) {
	.new-main-project__bg-img {
		right: -480px
	}
}

@media (max-width:767px) {
	.new-main-project__bg-img {
		width: 366px;
		height: 252px;
		right: -57px
	}
}

.new-main-project::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(255, 255, 255, .04);
	-webkit-clip-path: polygon(100% -50%, 0 100%, 100% 100%);
	clip-path: polygon(100% -50%, 0 100%, 100% 100%);
	width: 875px;
	height: 100%;
	z-index: 1
}

@media (max-width:1024px) {
	.new-main-project::after {
		display: none
	}
}

.new-main-project__romb {
	position: absolute;
	bottom: 0;
	left: 0
}

@media (max-width:767px) {
	.new-main-project__romb {
		display: none
	}
}

.new-main-project__wrapper {
	width: 40%
}

@media (max-width:1024px) {
	.new-main-project__wrapper {
		width: 50%
	}
}

@media (max-width:767px) {
	.new-main-project__wrapper {
		width: 100%
	}
}

.new-main-project__logo {
	width: 166px;
	height: auto
}

.new-main-project__title {
	font-family: "PlayfairDisplay", sant-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 120%;
	color: #fff;
	text-align: left;
	margin: 30px 0
}

@media (max-width:767px) {
	.new-main-project__title {
		font-size: 31px
	}
}

.new-main-project__desc {
	font-weight: 400;
	font-size: 16px;
	line-height: 170%;
	color: rgba(255, 255, 255, .8);
	margin-top: 20px
}

.new-main-gallery {
	padding: 140px 0;
	position: relative;
	overflow: hidden
}

@media (max-width:1024px) {
	.new-main-gallery {
		padding: 80px 0
	}
}

@media (max-width:768px) {
	.new-main-gallery {
		padding: 60px 0
	}
}

.new-main-gallery.new-main-bonus {
	padding: 100px 0
}

.new-main-gallery .new-main-gallery__content {
	display: flex
}

@media (max-width:1024px) {
	.new-main-gallery .new-main-gallery__content {
		display: block
	}
}

.new-main-gallery .new-main-gallery__content .text-block {
	margin-bottom: 80px
}

@media (max-width:1024px) {
	.new-main-gallery .new-main-gallery__content .text-block {
		margin-bottom: 15px
	}
}

.new-main-gallery .new-main-gallery__content .text-block:first-of-type {
	width: 55%;
	padding-right: 50px
}

@media (max-width:1024px) {
	.new-main-gallery .new-main-gallery__content .text-block:first-of-type {
		width: 100%
	}
}

@media (max-width:768px) {
	.new-main-gallery .new-main-gallery__content .text-block:first-of-type {
		padding-right: 0
	}
}

.new-main-gallery .new-main-gallery__content .text-block:last-of-type {
	width: 45%;
	padding-left: 50px
}

@media (max-width:1024px) {
	.new-main-gallery .new-main-gallery__content .text-block:last-of-type {
		width: 100%;
		margin-bottom: 50px
	}
}

@media (max-width:768px) {
	.new-main-gallery .new-main-gallery__content .text-block:last-of-type {
		padding-left: 0
	}
}

.new-main-gallery .new-main-gallery__content p {
	font-size: 18px
}

@media (max-width:767px) {
	.new-main-gallery__container {
		padding-right: 0
	}
}

.new-main-gallery::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 302.5px;
	height: 188px;
	background: url(../images/triangle-bottom.png) no-repeat center/cover
}

@media (max-width:1400px) {
	.new-main-gallery::before {
		right: -200px
	}
}

@media (max-width:1024px) {
	.new-main-gallery::before {
		display: none
	}
}

.new-main-bonus,
.new-main-gallery .new-main-swiper-container {
	position: relative
}

.new-main-gallery .new-main-swiper-container .new-main-affair__frame__preview {
	height: 320px
}

@media (max-width:768px) {
	.new-main-gallery .new-main-swiper-container .new-main-affair__frame__preview {
		height: 190px
	}
}

.new-main-bonus.section-white .new-main-bonus__img-wrap .new-main-affair__frame img,
.new-main-gallery .new-main-swiper-container .new-main-affair__frame__preview img {
	-o-object-fit: cover;
	object-fit: cover
}

.new-main-gallery .swiper-button-prev {
	position: absolute;
	width: 49px;
	height: 49px;
	top: 50%;
	left: 0;
	transform: translate(-10%, -50%);
	cursor: pointer;
	z-index: 4;
	outline: 0
}

@media (max-width:767px) {
	.new-main-gallery .swiper-button-prev {
		display: none
	}
}

.new-main-gallery .swiper-button-next {
	position: absolute;
	width: 49px;
	height: 49px;
	top: 50%;
	right: 0;
	transform: translate(10%, -50%);
	cursor: pointer;
	z-index: 4;
	outline: 0
}

@media (max-width:767px) {
	.new-main-gallery .swiper-button-next {
		display: none
	}
}

.new-main-gallery__arrow.right {
	transform: rotate(180deg)
}

.new-main-bonus {
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

	padding: 100px 0;
	overflow: hidden
}

@media (max-width:1024px) {
	.new-main-bonus {
		padding: 50px 0
	}
}

@media (max-width:767px) {
	.new-main-bonus {
		overflow: visible
	}

	.new-main-bonus.new-main-gallery,
	.new-main-bonus.section-white {
		padding: 50px 0
	}
}

.new-main-bonus.section-white {
	padding: 100px 0
}

@media (max-width:1024px) {
	.new-main-bonus.section-white {
		padding: 50px 0
	}
}

.new-main-bonus.section-white .retange {
	background-image: none;
	background-color: rgba(255, 255, 255, .4);
	-webkit-clip-path: polygon(100% 0, 100% 100%, 69.5% 100%);
	clip-path: polygon(100% 0, 100% 100%, 69.5% 100%)
}

.new-main-bonus.section-white .new-main-bonus__img-wrap {
	top: 50%
}

.new-main-bonus.section-white .new-main-bonus__img-wrap .new-main-affair__frame {
	height: 345px;
	border-radius: 20px;
	overflow: hidden
}

@media (max-width:768px) {
	.new-main-bonus.section-white .new-main-bonus__img-wrap .new-main-affair__frame img {
		-o-object-fit: contain;
		object-fit: contain
	}

	.new-main-bonus.section-white .new-main-bonus__img-wrap .new-main-affair__frame {
		height: auto
	}

	.new-main-bonus.section-white .new-main-bonus__img-wrap {
		width: auto;
		height: auto
	}
}

.new-main-bonus.new-main-gallery:after {
	content: none
}

.new-main-bonus::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 291px;
	height: 210px;
	background: url(../images/romb-pattern-top.png) no-repeat center/cover
}

@media (max-width:768px) {
	.new-main-bonus::before {
		left: unset;
		right: 0;
		width: 50%;
		height: 50%;
		background-size: contain;
		background-position: top right;
		transform: scale(-1, 1)
	}
}

.new-main-bonus::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 560px;
	height: 559px;
	background-color: rgba(255, 255, 255, .04);
	-webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
	clip-path: polygon(100% 0, 0 100%, 100% 100%)
}

@media (max-width:767px) {
	.new-main-bonus::after {
		width: 205px;
		height: 205px
	}
}

.new-main-bonus .retange {
	background: url(../images/retange_section_02.png);
	background-repeat: no-repeat;
	width: 735px;
	background-size: cover;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0
}

@media (max-width:1024px) {
	.new-main-bonus .retange {
		display: none
	}
}

.new-main-bonus .new-main-gallery__content.container {
	display: flex;
	align-items: center;
	justify-content: space-between
}

@media (max-width:768px) {
	.new-main-bonus .new-main-gallery__content.container {
		flex-direction: column;
		justify-content: center
	}
}

.new-main-bonus__img-col {
	width: 50%
}

@media (max-width:768px) {
	.new-main-bonus__img-col {
		width: 100%;
		margin-top: 30px
	}
}

.new-main-bonus__img-col__text {
	font-family: "PlayfairDisplay", sant-serif;
	font-size: 18px;
	color: #fff;
	margin-bottom: 30px
}

@media (max-width:768px) {
	.new-main-bonus__img-col__text {
		margin-bottom: 15px
	}
}

.new-main-bonus__img-col__text b,
.new-main-bonus__img-col__text strong {
	font-family: "Raleway", sant-serif
}

@media (max-width:768px) {
	.new-main-bonus__img-wrap img {
		margin: 0 auto
	}
}

.new-main-bonus .new-main-bonus__btn {
	margin-top: 20px
}

.new-main-bonus__wrapper {
	width: 50%;
	padding-right: 15px
}

@media (max-width:768px) {
	.new-main-bonus__wrapper {
		width: 100%;
		padding-right: 0
	}
}

.new-main-bonus__header {
	font-family: "PlayfairDisplay", sant-serif;
	font-weight: 700;
	font-size: 42px;
	line-height: 120%;
	color: #fff;
	text-align: left
}

@media (max-width:767px) {
	.new-main-bonus__header {
		font-size: 31px
	}
}

.new-main-bonus__item {
	display: flex;
	margin-bottom: 15px
}

.new-main-bonus__item:last-of-type {
	margin-bottom: 0
}

.new-main-bonus__ico {
	width: 24px;
	height: 24px;
	margin-right: 16px
}

.new-main-bonus__text {
	font-size: 18px;
	color: #fff
}

@media (max-width:1024px) {
	.new-main-bonus__text {
		font-size: 16px
	}
}

.new-main-bonus__btn {
	margin-top: 70px;
	margin-left: 0
}

@media (max-width:768px) {
	.new-main-bonus__btn {
		margin-top: 25px;
		margin-left: auto
	}
}

.new-main-video {
	padding: 120px 0;
	position: relative;
	overflow: hidden
}

@media (max-width:1024px) {
	.new-main-video {
		padding: 50px 0
	}
}

.new-main-video::before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 838px;
	height: 100%
}

@media (max-width:1024px) {
	.new-main-video::before {
		width: 733px
	}
}

@media (max-width:767px) {
	.new-main-video::before {
		width: 526px;
		height: 419px;
		right: -151px
	}
}

.new-main-video__container {
	display: flex
}

@media (max-width:767px) {
	.new-main-video__container {
		display: block
	}
}

.new-main-video__block {
	width: 50%
}

@media (max-width:767px) {
	.new-main-video__block {
		width: 100%;
		margin-bottom: 25px
	}
}

.new-main-video__info {
	width: 50%;
	padding: 30px 0 30px 40px
}

@media (max-width:1024px) {
	.new-main-video__info {
		width: 45%;
		padding: 0 0 0 40px
	}
}

@media (max-width:767px) {
	.new-main-video__info {
		width: 100%;
		padding: 0
	}
}

.new-main-video__frame {
	position: relative;
	z-index: 1
}

.new-main-video__frame__preview {
	line-height: 0;
	height: auto;
	cursor: pointer;
	position: relative
}

.new-main-video__frame__preview.hide {
	visibility: hidden
}

.new-main-video__frame__video {
	opacity: 0;
	position: absolute;
	pointer-events: none
}

.new-main-video__frame__video.show {
	pointer-events: initial;
	top: 0;
	opacity: 1
}

.new-main-video__frame__img {
	width: 100%;
	height: 100%;
	border-radius: 16px;
	box-shadow: 0 39px 27px -15px rgba(0, 0, 0, .25)
}

.new-main-video__frame__overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4)
}

.new-main-video__frame__play-btn {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

@media (max-width:767px) {
	.new-main-video__frame__play-btn {
		width: 41px;
		height: 41px
	}
}

.new-main-video__header {
	font-family: "PlayfairDisplay", sant-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 108%;
	text-align: left
}

@media (max-width:767px) {
	.new-main-video__header {
		font-size: 31px;
		display: none
	}
}

.new-main-video__header.mobile {
	display: none
}

@media (max-width:767px) {
	.new-main-video__header.mobile {
		display: block
	}
}

.new-main-video__desc {
	font-size: 18px;
	line-height: 150%
}

.new-main-video__btn {
	height: 48px;
	width: 320px;
	margin: 32px 0 0
}

@media (max-width:768px) {
	.new-main-video__btn {
		margin: 32px auto 0
	}
}

.new-main-map {
	height: calc(100vh - 260px);
	max-height: 560px;
	position: relative
}

@media (max-width:1023px) {
	.new-main-map {
		height: calc(100vh - 460px)
	}
}

@media (max-width:767px) {
	.new-main-map {
		height: 580px;
		padding-top: 30px
	}
}

.new-main-map__bg {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%) no-repeat center/cover
}

@media (max-width:767px) {
	.new-main-map__bg {
		height: 50%;
		width: 100%
	}
}

.new-main-map__map {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
	margin: 0;
	border: 0
}

@media (max-width:767px) {
	.new-main-map__map {
		right: initial;
		top: initial;
		left: 0;
		bottom: 0;
		height: 50%;
		width: 100%
	}
}

.new-main-map__container {
	padding-top: 80px;
	z-index: 4
}

@media (max-width:1024px) {
	.new-main-map__container {
		padding-top: 80px
	}
}

@media (max-width:767px) {
	.new-main-map__container {
		padding-top: 10px
	}
}

.new-main-map__header {
	font-family: "PlayfairDisplay", sant-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 108%;
	color: #fff;
	text-align: left
}

@media (max-width:767px) {
	.new-main-map__header {
		font-size: 31px
	}
}

.new-main-map__block {
	width: 336px;
	background: rgba(0, 0, 0, .55);
	box-shadow: 0 11px 17px rgba(0, 0, 0, .48);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	border-radius: 8px;
	padding: 20px 30px 25px 25px;
	display: flex;
	align-items: flex-start
}

@media (max-width:767px) {
	.new-main-map__block {
		width: 250px;
		padding: 15px 20px 20px;
		margin: 20px auto 0
	}
}

.new-main-map__desc {
	font-weight: 600;
	font-size: 16px;
	line-height: 170%;
	color: #fff;
	margin-left: 16px
}

@media (max-width:767px) {
	.new-main-map__desc {
		font-size: 12px;
		margin-left: 10px
	}
}

.contact-page {
	margin-top: 72px
}

@media (max-width:767px) {
	.contact-page .new-main-map__block {
		margin: 70px auto 0
	}

	.contact-page .new-main-map {
		height: 580px;
		padding-top: 60px
	}
}

.new-main {
	background: #e5e5e5
}

.main_screen {
	background: url(../images/bonus_main_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 160px;
	padding-bottom: 90px;
	position: relative
}

@media (max-width:768px) {
	.main_screen {
		padding-bottom: 90px;
		padding-top: 110px
	}
}

.main_screen:after {
	content: '';
	width: 100%;
	background: linear-gradient(0deg, #000 0, transparent 100%);
	display: block;
	height: 180px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10
}

.main_screen__title {
	font-size: 48px;
	font-family: "PlayfairDisplay", sant-serif;
	font-weight: 700;
	color: #f6e9cd;
	text-align: center
}

@media (max-width:768px) {
	.main_screen__title {
		font-size: 40px
	}
}

@media (max-width:375px) {
	.main_screen__title {
		font-size: 32px;
		line-height: 1.3
	}
}

.main_screen__desc {
	position: relative;
	font-family: "Raleway", sant-serif;
	margin-top: 160px;
	color: #fff;
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	z-index: 20;
	transform: translateY(-50%)
}

@media (max-width:1024px) {
	.main_screen__desc {
		margin-top: 80px
	}
}

@media (max-width:559px) {
	.main_screen__desc {
		font-weight: 500;
		font-size: 26px;
		margin-top: 0
	}
}

@media (max-width:480px) {
	.main_screen__desc {
		position: absolute;
		width: 100%;
		bottom: 15%;
		left: 50%;
		transform: translateX(-50%);
		font-size: 22px;
		line-height: 1.3
	}
}

.main_screen__button-wrapp {
	margin-top: 40px;
	z-index: 12;
	position: relative
}

.main_screen__button-wrapp .btn--new {
	height: 48px;
	margin: auto
}

@media (max-width:768px) {
	.main_screen__button-wrapp {
		position: absolute;
		padding: 0 15px;
		bottom: -112px;
		left: 50%;
		transform: translate(-50%, 0);
		width: 100%
	}

	.main_screen__button-wrapp .btn--new {
		height: auto
	}
}

@media (max-width:375px) {
	.main_screen__button-wrapp .btn--new {
		width: 100%;
		max-width: 100%
	}
}

.main {
	overflow: hidden
}

.b-player__content {
	margin-top: 15px;
	width: 100%
}

.b-player__content:before {
	content: none
}

.b-player__content .b-player__btn {
	border: 0;
	top: 42%;
	width: 5.4rem;
	height: 5.4rem
}

.b-player__content .b-player__btn .b-player__icon {
	fill: #fff;
	width: 5.4rem;
	height: 5.4rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.section-dark {
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

	position: relative;
	padding: 48px 0
}

.section-dark .rubin_bg_01 {
	background: url(../images/rubin_bonus_2.png);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 200px;
	height: 180px;
	background-size: cover;
	background-repeat: no-repeat
}

@media (max-width:1024px) {
	.section-dark .rubin_bg_01 {
		display: none
	}
}

.section-dark .bonus-tech__subtitle.lover-case {
	text-transform: none
}

.section-dark .bonus-demo__title {
	font-size: 32px;
	margin-bottom: 24px
}

.section-dark .bonus-demo__subtitle {
	margin-top: -16px;
	font-weight: 600
}

.section-dark .container-info__block {
	padding: 15px;
	display: flex;
	align-items: stretch
}

@media (max-width:1024px) {
	.section-dark .container-info__block {
		width: 100%;
		max-width: 770px;
		justify-content: center;
		padding: 0;
		margin: auto auto 30px
	}
}

.section-dark .container-info__block.video {
	flex-direction: column
}

.section-dark .container-info__block .how-work {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px
}

@media (max-width:1024px) {
	.section-dark .cashback-info {
		flex-direction: column
	}
}

.section-dark .cashback-info__block {
	width: 45%;
	background: #f5f5f5;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

@media (max-width:1024px) {
	.section-dark .cashback-info__block {
		width: 100%;
		max-width: 550px;
		margin: auto
	}
}

.section-dark .cashback-info__block+.cashback-info__block {
	margin-left: 35px
}

@media (max-width:1024px) {
	.section-dark .cashback-info__block+.cashback-info__block {
		margin: 20px auto auto
	}
}

.section-dark .cashback-info__block .title {
	font-weight: 800;
	font-size: 20px;
	line-height: 24px;
	color: #252525;
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 8px;
	padding: 20px;
	min-height: 27.3%
}

@media (max-width:1200px) {
	.section-dark .cashback-info__block .title {
		min-height: 31.3%
	}
}

.section-dark .cashback-info__block .title:after,
.section-dark .cashback-info__block .title:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(50%, -50%);
	border-radius: 50%;
	background-color: #FBB730
}

.section-dark .cashback-info__block .title:after {
	width: 50px;
	height: 50px;
	z-index: 11
}

.section-dark .cashback-info__block .title:before {
	width: 75px;
	height: 75px;
	opacity: .1;
	z-index: 10
}

.section-dark .cashback-info__block .precent {
	display: block;
	width: calc(100% + 20px);
	margin-left: -10px;
	margin-right: -10px;
	background: #fff;
	border-radius: 6px 6px 0 0;
	z-index: 10;
	position: relative
}

.section-dark .cashback-info__block .precent__wrap {
	box-shadow: 0 9px 19px rgba(0, 0, 0, .26)
}

.section-dark .cashback-info__block .precent+.precent {
	border-radius: 0
}

.section-dark .cashback-info__block .precent:last-child {
	border-radius: 0 0 6px 6px
}

.section-dark .cashback-info__block .precent-item {
	display: flex;
	padding: 16px 0;
	margin: 0 18px;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(31, 31, 31, .1)
}

.section-dark .cashback-info__block .precent-item span {
	font-size: 14px;
	line-height: 150%;
	display: flex;
	align-items: center;
	color: #1f1f1f;
	opacity: .5
}

.section-dark .cashback-info__block .precent-item span.dark {
	font-weight: 700;
	color: #252525;
	opacity: 1
}

.section-dark .cashback-info__block .footer-info {
	background: #FBB730;
	border-radius: 0 0 6px 6px;
	padding: 15px 18px;
	margin-top: 2.5rem
}

.section-dark .cashback-info__block .footer-info__desc {
	max-width: 130px;
	font-size: 14px;
	line-height: 110%;
	text-align: center;
	color: #252525;
	opacity: .5;
	margin: auto auto 10px
}

.section-dark .cashback-info__block .footer-info__title {
	padding: 0;
	font-weight: 700;
	font-size: 19px;
	line-height: 110%;
	color: #252525;
	text-align: center
}

.section-green {
	color: #fff;
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%)

}

.section-grey,
.section-white {
	background: #f0f0f0
}

.section-white .new-main-bonus__header,
.section-white .new-main-bonus__text {
	color: #252525
}

.section-grey {
	position: relative;
	padding: 60px 0
}

.section-grey .rubin_bg_01 {
	background: url(../images/rubin_bonus_1.png);
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 180px;
	background-size: cover;
	background-repeat: no-repeat
}

.section-grey .container-info {
	display: flex;
	align-items: center
}

.section-grey .container-info__block {
	width: 50%;
	padding: 20px 100px 20px 0
}

@media (max-width:1200px) {
	.section-grey .container-info__block {
		padding: 20px 30px 20px 60px
	}
}

@media (max-width:480px) {
	.section-grey .container-info__block {
		width: 100%;
		padding: 20px 0
	}
}

.section-grey .container-info__image {
	width: 50%
}

@media (max-width:480px) {
	.section-grey .container-info__image {
		width: 100%
	}
}

.section-grey .container-info .info-ring {
	width: 380px;
	margin-left: auto
}

@media (max-width:768px) {
	.section-grey .container-info .info-ring {
		max-width: 260px
	}
}

.section-grey .btn__wrapp {
	margin-top: 75px;
	margin-left: 275px
}

@media (max-width:1024px) {
	.section-grey .btn__wrapp {
		margin-top: 10px
	}
}

.section-grey .btn__wrapp .btn--new {
	margin: auto
}

@media (max-width:1024px) {
	.section-grey .btn__wrapp {
		margin-left: 0
	}
}

.every-user {
	position: relative;
	padding: 65px 0
}

@media (max-width:1200px) {
	.every-user {
		padding: 25px 0
	}
}

@media (max-width:768px) {
	.every-user {
		height: auto;
		padding: 50px 0
	}
}

.every-user .retange {
	background-color: rgba(255, 255, 255, .4);
	-webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
	width: 535px;
	background-size: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

@media (max-width:768px) {
	.every-user .retange {
		background-repeat: no-repeat;
		width: 258px;
		height: 266px;
		background-size: contain;
		position: absolute;
		right: -20px;
		top: -20px;
		z-index: 1;
		transform: rotate(-90deg)
	}
}

.every-user .container-info {
	z-index: 10;
	position: relative
}

@media (max-width:480px) {
	.every-user .container-info {
		flex-direction: column-reverse
	}
}

.bonus-cashback {
	position: relative;
	padding: 100px 0
}

@media (max-width:768px) {
	.bonus-cashback {
		padding: 45px 0
	}
}

.bonus-cashback .retange {
	background: url(../images/retange_section_02.png);
	background-repeat: no-repeat;
	width: 735px;
	background-size: cover;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

@media (max-width:1024px) {
	.bonus-cashback .retange {
		display: none
	}
}

.bonus-cashback .container-info {
	z-index: 10;
	position: relative
}

@media (max-width:1200px) {
	.bonus-cashback .container-info {
		flex-wrap: wrap
	}
}

.bonus-cashback .bonus-tech__subtitle {
	margin-bottom: 15px
}

@media (max-width:768px) {
	.bonus-cashback .bonus-tech__subtitle {
		margin-bottom: 40px
	}
}

@media (max-width:1024px) {

	.bonus-cashback .bonus-demo__title,
	.bonus-cashback .bonus-tech__subtitle {
		text-align: center
	}
}

@media (max-width:768px) {

	.bonus-cashback .bonus-demo__title,
	.bonus-cashback .bonus-tech__subtitle {
		text-align: left
	}
}

.get-income {
	position: relative;
	overflow: hidden;
	padding: 100px 0
}

@media (max-width:768px) {
	.get-income {
		padding: 60px 0
	}
}

.get-income .retange {
	background-color: rgba(255, 255, 255, .4);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 30%);
	clip-path: polygon(0 0, 100% 0, 100% 30%);
	width: 283px;
	background-size: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

@media (max-width:1024px) {
	.get-income .retange {
		width: 100%;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 26%, 0 14%);
		clip-path: polygon(0 0, 100% 0, 100% 26%, 0 14%)
	}
}

.get-income .bonus-demo__title {
	text-align: center;
	color: #024247
}

.get-income .title-item {
	line-height: 1.3 !important;
	margin-bottom: 20px
}

.get-income .ring-income {
	width: 385px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 2
}

@media (max-width:1024px) {
	.get-income .ring-income {
		display: none;
		width: 250px;
		position: relative;
		top: 0;
		transform: none
	}

	.get-income .ring-income .desktop {
		display: none
	}
}

.get-income .ring-income .mobile {
	display: none
}

@media (max-width:1024px) {
	.get-income .ring-income .mobile {
		display: block
	}
}

.get-income .container {
	position: relative;
	z-index: 10
}

.get-income__container {
	margin-left: 275px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between
}

@media (max-width:1024px) {
	.get-income__container {
		flex-direction: column;
		margin-left: 0
	}
}

.get-income--items {
	width: 33%;
	padding: 0 15px
}

@media (max-width:1024px) {
	.get-income--items {
		width: 100%
	}
}

@media (max-width:768px) {
	.get-income--items {
		margin-bottom: 35px
	}
}

@media (max-width:375px) {
	.get-income--items {
		padding: 0
	}
}

.get-income--items .number-item {
	font-size: 90px;
	font-weight: 300;
	font-family: "PlayfairDisplay", sant-serif;
	color: #024247;
	line-height: 1.3
}

@media (max-width:768px) {
	.get-income--items .number-item {
		font-size: 60px
	}
}

.get-income--items .title-item {
	font-size: 30px;
	line-height: 170%;
	color: #252525;
	font-weight: 700
}

@media (max-width:768px) {
	.get-income--items .title-item {
		font-size: 26px
	}
}

.get-income--items .desc-item {
	font-size: 16px;
	line-height: 150%;
	color: #252525
}

.get-income--items .btn--new {
	margin-top: 40px;
	height: 48px
}

#booking-card {
	position: absolute;
	top: -60px;
	margin: 0;
	padding: 0
}

.booking-card {
	position: relative;
	overflow: hidden;
	padding: 100px 0
}

@media (max-width:768px) {
	.booking-card {
		padding: 45px 0
	}
}

.booking-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 291px;
	height: 210px;
	background: url(../images/romb-pattern-top.png) no-repeat center/cover
}

@media (max-width:768px) {
	.booking-card::before {
		left: unset;
		right: 0;
		width: 50%;
		height: 50%;
		background-size: contain;
		background-position: top right;
		transform: scale(-1, 1)
	}
}

.booking-card .retange {
	background-color: rgba(255, 255, 255, .05);
	-webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
	width: 100%;
	background-size: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1
}

@media (max-width:1024px) {
	.booking-card .retange {
		display: none
	}
}

.booking-card__col-l {
	width: 50%;
	margin-right: 45px
}

@media (max-width:1024px) {
	.booking-card__col-l {
		width: 100%;
		margin-right: 0
	}
}

@media (max-width:768px) {
	.booking-card__col-l {
		margin-right: 0;
		margin-bottom: 25px
	}
}

.booking-card__col-r {
	width: 50%
}

@media (max-width:1024px) {
	.booking-card__col-r {
		width: 100%
	}
}

.booking-card__container {
	display: flex;
	align-items: center;
	z-index: 10;
	margin-bottom: 140px
}

.booking-card__container:last-of-type {
	margin-bottom: 0
}

@media (max-width:1024px) {
	.booking-card__container {
		flex-direction: column;
		margin-bottom: 50px
	}
}

.booking-card__desc p {
	font-size: 16px;
	color: #fff;
	margin-bottom: 15px;
	opacity: .8
}

.booking-card__img {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	padding: 3rem;
	display: flex
}

@media (max-width:1024px) {
	.booking-card__img {
		justify-content: center
	}
}

.booking-card__img__col {
	width: 50%;
	color: #fff
}

@media (max-width:1024px) {
	.booking-card__img__col {
		width: 100%
	}
}

.booking-card__img__col .logo img {
	max-width: 130px;
	-o-object-fit: contain;
	object-fit: contain
}

.booking-card__img__col .title {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 3rem
}

@media (max-width:1024px) {
	.booking-card__img__col .title {
		font-size: 12px;
		margin-bottom: 1rem
	}
}

.booking-card__img__col .income p {
	font-size: 12px;
	line-height: 1.4;
	color: #fff
}

.booking-card__img__col .income p.value {
	font-weight: 600;
	font-size: 36px
}

@media (max-width:1024px) {
	.booking-card__img__col .income p.value {
		font-size: 18px
	}
}

.booking-card__img__col .img {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2
}

@media (max-width:1024px) {
	.booking-card__img__col .img {
		max-width: 50%
	}
}

.booking-card__img__col .additional {
	position: absolute;
	bottom: 3rem;
	right: 3rem;
	display: flex;
	align-items: center
}

.booking-card__img__col .additional .id {
	margin-right: 8px;
	opacity: 50%;
	font-size: 9px
}

.booking-card__img__col .additional .date {
	font-size: 13px
}

.booking-card__img:after,
.booking-card__img:before {
	width: 550px;
	height: 386px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .4);
	opacity: .2;
	z-index: 1
}

@media (max-width:1024px) {
	.booking-card__text {
		order: 1;
		margin-bottom: 30px
	}
}

.where-income {
	position: relative;
	overflow: hidden;
	padding-bottom: 35px
}

@media (max-width:768px) {
	.where-income {
		padding-bottom: 0
	}
}

.referal-structure__wrapp .item .precent .mob,
.where-income .mobile {
	display: none
}

@media (max-width:1023px) {
	.where-income .mobile {
		display: block
	}
}

.where-income .retange {
	background: url(../images/retange_section_05.png);
	background-repeat: no-repeat;
	width: 720px;
	background-size: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

@media (max-width:1024px) {
	.where-income .retange {
		width: 815px
	}
}

@media (max-width:767px) {
	.where-income .retange {
		display: none
	}
}

.where-income .retange.referal {
	background-image: none;
	background-color: rgba(255, 255, 255, .4);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%);
	width: 100%;
	background-repeat: no-repeat
}

.where-income__container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	z-index: 10
}

.where-income .bonus-demo__title {
	color: #024247
}

.where-income__desc {
	color: #024247;
	margin-bottom: 15px
}

.where-income__col {
	width: 45%;
	margin-bottom: 70px
}

@media (max-width:1023px) {
	.where-income__col {
		width: 100%;
		margin-bottom: 20px
	}

	.where-income__col:last-of-type {
		margin-bottom: 30px
	}
}

.where-income__col .bonus_system {
	width: 100%;
	box-shadow: 0 39px 27px -15px rgba(0, 0, 0, .25)
}

.where-income__col .career-ref-sum__label {
	margin-bottom: 0
}

.where-income__col .career-ref-sum__item:not(:last-child) {
	margin-bottom: 20px
}

.where-income__col .career-ref-sum {
	margin-top: 45px
}

.where-income__bonus-card {
	position: relative;
	display: flex;
	justify-content: right;
	width: 100%;
	color: #fff;
	background: linear-gradient(360deg, #1f2937 0, #161D27 99%);

	min-height: 534px;
	padding: 40px
}

@media (max-width:1023px) {
	.where-income__bonus-card {
		padding: 150px 0 50px
	}
}

@media (max-width:768px) {
	.where-income__bonus-card {
		padding: 90px 0 30px
	}
}

@media (max-width:375px) {
	.where-income__bonus-card {
		padding: 150px 0 30px
	}
}

.where-income__bonus-card .logo {
	position: absolute;
	top: 70px;
	left: 140px;
	width: 256px;
	height: 85px;
	z-index: 2
}

@media (max-width:1023px) {
	.where-income__bonus-card .logo {
		display: none
	}
}

.where-income__bonus-card .image_bg {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	max-width: 85%;
	width: 100%;
	height: 100%;
	background-image: url(../images/bonus_card.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: auto;
	z-index: 1
}

@media (max-width:1200px) {
	.where-income__bonus-card .image_bg {
		max-width: 100%;
		background-size: 70% 100%
	}
}

@media (max-width:1023px) {
	.where-income__bonus-card .image_bg {
		top: 0;
		transform: unset;
		max-width: 100%;
		background-image: url(../images/bonus_card_mobile.png);
		background-position: top;
		background-size: 100% 50%
	}
}

@media (max-width:480px) {
	.where-income__bonus-card .image_bg {
		background-size: auto
	}
}

.where-income__bonus-card .corner {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: rgba(255, 255, 255, .05);
	-webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
	clip-path: polygon(100% 0, 0 0, 100% 100%);
	z-index: 0
}

@media (max-width:768px) {
	.where-income__bonus-card .corner {
		display: none
	}
}

.where-income__bonus-card .where-income__col {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	margin-right: 10%;
	margin-bottom: 0;
	z-index: 2
}

.where-income__bonus-card .where-income__col.max-width {
	max-width: 500px
}

@media (max-width:1365px) {
	.where-income__bonus-card .where-income__col {
		margin-right: 0
	}
}

@media (max-width:1023px) {
	.where-income__bonus-card .where-income__col {
		margin-right: 0
	}

	.where-income__bonus-card .where-income__col.max-width {
		max-width: unset
	}
}

.where-income__bonus-card .where-income__col p {
	font-size: 18px;
	color: #fff;
	margin-bottom: 20px
}

@media (max-width:768px) {
	.where-income__bonus-card .where-income__col p {
		font-size: 16px
	}
}

.where-income__bonus-card .where-income__col .gold {
	color: #FBB730
}

.where-income__bonus-card .bonus-card__title {
	margin-bottom: 2.4rem;
	text-align: left;
	color: #fff
}

@media (max-width:1023px) {
	.where-income__bonus-card .bonus-card__title {
		text-align: center
	}
}

.where-income__bonus-card .bonus-card__subtitle {
	font-weight: 600
}

.where-income__bonus-card .bonus-card__subtitle.mobile {
	font-size: 30px;
	text-align: center
}

.where-income .btn--new {
	height: 48px;
	margin: 36px 0 0;
	width: 220px
}

@media (max-width:768px) {
	.where-income .btn--new {
		margin: 35px auto 0
	}
}

@media (max-width:480px) {
	.where-income .btn--new {
		width: 100%;
		margin: 35px auto 0
	}
}

@media (max-width:768px) {
	.where-income .btn--new.desktop {
		display: none
	}
}

.where-income .btn--new.mobile {
	display: none;
	margin: 0 auto 35px
}

@media (max-width:768px) {
	.where-income .btn--new.mobile {
		display: block
	}
}

@media (max-width:375px) {
	.where-income__video {
		margin-top: 0
	}
}

.where-income__video .desc {
	margin-bottom: 18px;
	font-weight: 700
}

.referal-structure {
	position: relative;
	padding: 95px 0;
	z-index: 10;
	height: 544px
}

@media (max-width:1200px) {
	.referal-structure {
		padding: 30px 0;
		height: auto
	}

	.referal-structure .bonus-tech__subtitle {
		margin: 20px;
		text-align: center
	}

	.referal-structure .bonus-demo__title {
		margin: 0 20px;
		text-align: center
	}
}

@media (max-width:768px) {
	.referal-structure {
		padding: 30px 0;
		height: auto
	}

	.referal-structure .bonus-tech__subtitle {
		margin: 10px 0;
		text-align: left
	}

	.referal-structure .bonus-demo__title {
		text-align: left;
		margin: 0
	}
}

.referal-structure .retange {
	background: url(../images/retange_section_02.png);
	background-repeat: no-repeat;
	width: 745px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

@media (max-width:768px) {
	.referal-structure .retange {
		display: none
	}
}

.referal-structure__container {
	display: flex;
	align-items: center
}

@media (max-width:1200px) {
	.referal-structure__container {
		flex-wrap: wrap
	}
}

.referal-structure__col-l {
	width: 33%
}

@media (max-width:1200px) {
	.referal-structure__col-l {
		width: 100%
	}
}

.referal-structure__col-l .bonus-tech__subtitle {
	font-weight: 400;
	margin-top: 25px;
	margin-bottom: 25px
}

.referal-structure__col-r {
	width: 67%
}

@media (max-width:1200px) {
	.referal-structure__col-r {
		margin: auto;
		width: 100%;
		max-width: 850px
	}
}

.referal-structure__wrapp {
	display: flex;
	align-items: flex-start
}

@media (max-width:768px) {
	.referal-structure__wrapp {
		flex-direction: column
	}
}

.referal-structure__wrapp .col {
	width: 50%;
	padding: 0 15px
}

@media (max-width:768px) {
	.referal-structure__wrapp .col {
		width: 100%;
		margin-bottom: 4px;
		padding: 0
	}
}

.referal-structure__wrapp .item {
	font-size: 14px;
	line-height: 16px;
	color: #252525;
	display: flex;
	width: 100%;
	min-height: 40px
}

@media (max-width:1024px) {
	.referal-structure__wrapp .item {
		justify-content: space-between
	}
}

@media (max-width:768px) {
	.referal-structure__wrapp .item {
		justify-content: center;
		max-width: 550px;
		margin: auto
	}
}

.referal-structure__wrapp .item+.item {
	margin-top: 4px
}

.referal-structure__wrapp .item .name,
.referal-structure__wrapp .item .precent,
.referal-structure__wrapp .item .summ {
	display: flex;
	align-items: center;
	padding: 12px 8px
}

@media (max-width:1024px) {

	.referal-structure__wrapp .item .name,
	.referal-structure__wrapp .item .precent,
	.referal-structure__wrapp .item .summ {
		padding: 4px 10px
	}
}

.referal-structure__wrapp .item .item_con {
	display: flex
}

@media (max-width:1024px) {
	.referal-structure__wrapp .item .item_con {
		border-radius: 8px 0 0 8px;
		width: 70%;
		background-color: #FBB730
	}
}

@media (max-width:768px) {
	.referal-structure__wrapp .item .item_con {
		justify-content: center;
		width: calc(100% - 130px)
	}
}

@media (max-width:375px) {
	.referal-structure__wrapp .item .item_con {
		justify-content: center;
		width: calc(100% - 100px)
	}
}

.referal-structure__wrapp .item .name {
	width: 210px;
	background: #FBB730;
	border-radius: 8px 0 0 8px;
	font-weight: 700;
	text-align: left
}

@media (max-width:1024px) {
	.referal-structure__wrapp .item .name {
		width: 70%;
		background: 0 0;
		border-radius: 8px
	}
}

@media (max-width:768px) {
	.referal-structure__wrapp .item .name {
		width: 70%;
		font-size: 10px
	}
}

.referal-structure__wrapp .item .precent {
	width: 40px;
	background: #eff2f8;
	text-align: center;
	justify-content: center
}

@media (max-width:1024px) {
	.referal-structure__wrapp .item .precent {
		width: 30%;
		text-align: left;
		display: flex
	}
}

@media (max-width:1024px) and (max-width:768px) {
	.referal-structure__wrapp .item .precent {
		width: 30%
	}
}

@media (max-width:1024px) {
	.referal-structure__wrapp .item .precent .mob {
		display: block;
		margin-right: 7px;
		color: #2fa84f
	}
}

.referal-structure__wrapp .item .summ {
	width: 125px;
	background: #fff;
	border-radius: 0 8px 8px 0;
	text-align: right;
	justify-content: right
}

@media (max-width:1024px) {
	.referal-structure__wrapp .item .summ {
		border-radius: 0 8px 8px 0;
		text-align: right;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		font-weight: 700;
		font-size: 16px;
		white-space: nowrap;
		width: 50%
	}
}

@media (max-width:768px) {
	.referal-structure__wrapp .item .summ {
		width: 50%
	}
}

@media (max-width:375px) {
	.referal-structure__wrapp .item .summ {
		font-size: 14px
	}
}

.container-referall {
	display: flex;
	align-items: flex-start;
	position: relative;
	z-index: 10
}

@media (max-width:1024px) {
	.container-referall {
		flex-wrap: wrap
	}

	.container-referall .title-item {
		text-align: center !important
	}

	.container-referall .where-income__desc {
		text-align: center;
		font-size: 16px
	}
}

@media (max-width:768px) {
	.container-referall .title-item {
		text-align: left !important;
		font-size: 32px !important
	}

	.container-referall .where-income__desc {
		text-align: left;
		font-size: 16px !important
	}
}

.container-referall .col-info {
	width: 33%
}

@media (max-width:1200px) {
	.container-referall .col-info {
		width: 50%
	}
}

@media (max-width:1024px) {
	.container-referall .col-info {
		width: 100%;
		margin-bottom: 0
	}
}

.container-referall .col-info .title-item {
	font-size: 48px;
	line-height: 1.3;
	text-align: left;
	font-weight: 700;
	color: #024247
}

.container-referall .col-video {
	width: 65%;
	padding-left: 50px
}

@media (max-width:1024px) {
	.container-referall .col-video {
		margin: auto
	}
}

@media (max-width:768px) {
	.container-referall .col-video {
		width: 100%;
		padding-left: 0;
		max-width: 630px
	}
}

.bonus-content {
	padding: 70px 0
}

@media (max-width:1023px) {
	.bonus-content {
		padding: 50px 0
	}

	.bonus-content.section-green {
		padding: 0 0 60px
	}
}

.bonus-content.section-green .bonus-content__title {
	color: #fff
}

@media (max-width:1023px) {
	.bonus-content.section-green .container-bonus-content__block {
		order: 2
	}

	.bonus-content.section-green .container-bonus-content__image {
		order: 1
	}
}

.bonus-content .retange {
	background-color: rgba(255, 255, 255, .4);
	-webkit-clip-path: polygon(92% 0, 100% 0, 100% 100%, 69.5% 100%);
	clip-path: polygon(92% 0, 100% 0, 100% 100%, 69.5% 100%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.bonus-content__title {
	font-weight: 700;
	font-size: 48px;
	text-align: left;
	margin-bottom: 0
}

@media (max-width:1023px) {
	.bonus-content__title {
		font-size: 30px
	}
}

.bonus-content .container-bonus-content {
	display: flex
}

@media (max-width:1023px) {
	.bonus-content .container-bonus-content {
		flex-direction: column
	}

	.bonus-content .container-bonus-content .diamonds {
		display: none
	}
}

.bonus-content .container-bonus-content .container {
	display: flex
}

@media (max-width:768px) {
	.bonus-content .container-bonus-content .container {
		flex-direction: column
	}
}

.bonus-content .container-bonus-content .diamond {
	position: absolute;
	width: 88px;
	height: 89px;
	background-image: url(../images/diamond.png);
	background-size: contain
}

.bonus-content .container-bonus-content .diamond.big {
	bottom: 0;
	right: 30px;
	width: 109px;
	height: 109px
}

.bonus-content .container-bonus-content .diamond.big:nth-child(odd) {
	bottom: 145px;
	right: unset;
	left: 55px
}

.bonus-content .container-bonus-content .diamond.small {
	top: 90px;
	left: 135px;
	width: 59px;
	height: 61px
}

.bonus-content .container-bonus-content .diamond.small:nth-child(odd) {
	left: unset;
	right: 0;
	top: unset;
	bottom: 150px
}

.bonus-content .container-bonus-content.bonus-content__img-left .container-bonus-content__image,
.flex-center {
	justify-content: center
}

@media (max-width:768px) {
	.bonus-content .container-bonus-content.bonus-content__img-left .container-bonus-content__image {
		margin-top: -20px
	}
}

.bonus-content .container-bonus-content__block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 50%;
	padding-right: 50px
}

@media (max-width:768px) {
	.bonus-content .container-bonus-content__block {
		order: 1;
		width: 100%;
		padding-right: 0;
		margin-top: 30px
	}

	.bonus-content .container-bonus-content__block .desktop {
		display: none
	}
}

.bonus-content .container-bonus-content__block .btn--new {
	margin: 32px 0 0
}

@media (max-width:768px) {
	.bonus-content .container-bonus-content__block .btn--new {
		margin-top: 0;
		margin-left: auto;
		margin-right: auto
	}

	.bonus-content .container-bonus-content__block .new-main-video__btn {
		margin-top: 30px
	}
}

.bonus-content .container-bonus-content__block p {
	font-size: 18px
}

@media (max-width:768px) {
	.bonus-content .container-bonus-content__block p {
		font-size: 16px
	}
}

.bonus-content .container-bonus-content__image {
	position: relative;
	width: 50%;
	display: flex;
	justify-content: right
}

@media (max-width:768px) {
	.bonus-content .container-bonus-content__image {
		order: 2;
		width: 100%;
		justify-content: center;
		margin-top: 30px
	}
}

.bonus-content .container-bonus-content__image-wrap {
	position: relative;
	left: -95px;
	width: 100%
}

@media (max-width:1023px) {
	.bonus-content .container-bonus-content__image-wrap {
		left: 0
	}
}

.bonus-content .container-bonus-content__image-wrap img {
	min-width: 276px;
	min-height: 316px;
	-o-object-fit: contain;
	object-fit: contain;
	border-radius: 15px
}

.bonus-content .container-bonus-content__image-wrap .bonus-value {
	min-width: unset;
	min-height: unset;
	position: absolute;
	top: 45%;
	left: 56.5%
}

@media (max-width:1023px) {

	.bonus-content .container-bonus-content .btn,
	.bonus-content .container-bonus-content .btn--gold,
	.bonus-content .container-bonus-content .btn--new,
	.bonus-content .container-bonus-content .btn--plus {
		order: 3
	}
}

.bonus-content .container-bonus-content .btn.mobile,
.bonus-content .container-bonus-content .mobile.btn--gold,
.bonus-content .container-bonus-content .mobile.btn--new,
.bonus-content .container-bonus-content .mobile.btn--plus {
	display: none
}

@media (max-width:768px) {

	.bonus-content .container-bonus-content .btn.mobile,
	.bonus-content .container-bonus-content .mobile.btn--gold,
	.bonus-content .container-bonus-content .mobile.btn--new,
	.bonus-content .container-bonus-content .mobile.btn--plus {
		display: block
	}
}

.flex-center {
	display: flex;
	flex-direction: column
}

.hidden {
	display: none
}

.new-contact {
	padding-top: 72px
}

@media (max-width:767px) {
	.new-contact {
		padding-top: 56px
	}

	.new-contact .new-main-map__bg {
		top: 0;
		height: 50%
	}

	.new-contact .new-main-map__map {
		bottom: 0;
		height: 50%
	}

	.new-contact .new-main-map__header {
		max-width: 375px;
		width: calc(100% - 32px);
		text-align: left;
		font-weight: 700;
		font-size: 30px;
		line-height: 108%;
		color: #fff;
		margin: 20px auto 0
	}

	.new-contact .new-main-map__block {
		max-width: 375px;
		width: calc(100% - 32px);
		margin: 110px auto 0;
		padding: 15px 10px 20px
	}
}

.messenger {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
  }
  
  .messenger-btn {
	background-color: #0088cc;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color 0.3s ease;
  }
  /* остальной код остается без изменений */
  
  
  .messenger-btn img {
	width: 80px;
	height: 80px;
  }
  
  .messenger-links {
	position: absolute;
	left: 5px !important;
  	top: -209px;
	width: 200px;
	transform: scale(0);
	transform-origin: 100% 50%;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 0;
  }
  
  .messenger-links.show {
	left: 0;
	transform: scale(1);
  }
  
  .messenger-links a {
	width: 60px;
	margin-left: 4px;
  }
  
  .messenger-links img {
	max-width: 60px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
  }
  
  .messenger-links a:hover img {
	transform: scale(1.1);
	text-decoration: none;
  }
  

/*# sourceMappingURL=style.min.css.map */