*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html {
padding: env(safe-area-inset);
}
html,
body {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0 auto;
padding: 0px;
-webkit-outline: none;
outline: none;
position: relative;
min-width: 320px;
max-height: 1000000px;
min-height: 100vh;
text-decoration-skip: objects;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
}
:focus,
:active,
:hover,
:link {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
-webkit-focus-ring-color: rgba(0, 0, 0, 0) !important;
-webkit-outline: none;
outline: none;
}
ul,
ol {
list-style-position: inside;
list-style-type: none;
padding: 0;
margin: 0;
text-align: left;
}
li {
height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
}
iframe {
display: block;
border: none;
}
img {
display: block;
border: none;
max-width: 100%;
}
textarea {
white-space: pre-wrap;
resize: none;
}
button,
select {
display: block;
padding: 0;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
font-family: inherit;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-transform: none;
}
button {
width: auto;
cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border: none;
padding: 0;
}
[type=search],
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
-webkit-outline: none;
outline: none;
}
[type=search]::-webkit-search-decoration,
::-webkit-file-upload-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
[hidden],
::-ms-clear,
area {
display: none;
}
fieldset {
border: none;
margin: 0;
padding: 0;
}
legend {
display: block;
padding: 0;
}
menu,
dir {
list-style: none;
margin: 0;
padding: 0;
}
::-webkit-input-placeholder {
color: inherit;
}
:-ms-input-placeholder {
color: inherit;
}
::-moz-input-placeholder {
color: inherit;
}
::-moz-placeholder {
color: inherit;
}
:-moz-placeholder {
color: inherit;
}
a {
background-color: transparent;
color: inherit;
text-decoration: none;
-webkit-outline: none;
outline: none;
}
[type=date]::-webkit-inner-spin-button {
display: none;
}
[type=date]::-webkit-calendar-picker-indicator {
opacity: 0;
}
/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
/* this ensures that a constrained height set by functionPosition,
if greater that the natural height of the tooltip, will be enforced
in browsers that support display:flex */
display: flex;
pointer-events: none;
/* this may be overriden in JS for fixed position origins */
position: absolute;
}
.tooltipster-box {
/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
and flex-basis auto for IE11- (at least) */
flex: 1 1 auto;
}
.tooltipster-content {
/* prevents an overflow if the user adds padding to the div */
box-sizing: border-box;
/* these make sure we'll be able to detect any overflow */
max-height: 100%;
max-width: 100%;
width: 253px;
overflow: auto;
}
.tooltipster-ruler {
/* these let us test the size of the tooltip without overflowing the window */
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
}
/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
opacity: 1;
}
/* grow */
.tooltipster-grow {
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-o-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
/* swing */
.tooltipster-swing {
opacity: 0;
-webkit-transform: rotateZ(4deg);
-moz-transform: rotateZ(4deg);
-o-transform: rotateZ(4deg);
-ms-transform: rotateZ(4deg);
transform: rotateZ(4deg);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
opacity: 1;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
-webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
-moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
-ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
-o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
/* fall */
.tooltipster-fall {
-webkit-transition-property: top;
-moz-transition-property: top;
-o-transition-property: top;
-ms-transition-property: top;
transition-property: top;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-initial {
top: 0 !important;
}
.tooltipster-fall.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
top: 0 !important;
opacity: 0;
}
/* slide */
.tooltipster-slide {
-webkit-transition-property: left;
-moz-transition-property: left;
-o-transition-property: left;
-ms-transition-property: left;
transition-property: left;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-initial {
left: -40px !important;
}
.tooltipster-slide.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
left: 0 !important;
opacity: 0;
}
/* Update animations */
/* We use animations rather than transitions here because
transition durations may be specified in the style tag due to
animationDuration, and we try to avoid collisions and the use
of !important */
/* fade */
@keyframes tooltipster-fading {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.tooltipster-update-fade {
animation: tooltipster-fading 400ms;
}
/* rotate */
@keyframes tooltipster-rotating {
25% {
transform: rotate(-2deg);
}
75% {
transform: rotate(2deg);
}
100% {
transform: rotate(0);
}
}
.tooltipster-update-rotate {
animation: tooltipster-rotating 600ms;
}
/* scale */
@keyframes tooltipster-scaling {
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.tooltipster-update-scale {
animation: tooltipster-scaling 600ms;
}
/**
* DEFAULT STYLE OF THE SIDETIP PLUGIN
*
* All styles are "namespaced" with .tooltipster-sidetip to prevent
* conflicts between plugins.
*/
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
background: #fff;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
margin-top: 14px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
margin-right: 14px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
margin-left: 14px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
margin-bottom: 14px;
}
/* .tooltipster-content */
/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
position: absolute;
height: 30px;
width: 30px;
}
.tooltipster-sidetip .tooltipster-arrow:before,
.tooltipster-sidetip .tooltipster-arrow:after {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px;
}
.tooltipster-sidetip .tooltipster-arrow:before {
background-color: #fff;
}
.tooltipster-sidetip .tooltipster-arrow:after {
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
z-index: -1;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
/* half the width, for centering */
margin-left: -14px;
top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
margin-top: -14px;
right: 3px;
/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
been positioned yet */
top: 0;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
margin-top: -14px;
left: 3px;
/* same as .tooltipster-left .tooltipster-arrow */
top: 0;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
bottom: 3px;
margin-left: -14px;
}
/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
height: 0;
position: absolute;
width: 0;
}
/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
left: 0;
top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
left: -3px;
top: 0;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
left: 3px;
top: 0;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
left: 0;
top: -3px;
}
/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
left: 0;
top: 0;
}
/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
left: -10px;
}
html,
body {
scroll-behavior: smooth;
margin: 0 auto !important;
}
html.menuIsOpened,
body.menuIsOpened {
overflow: hidden !important;
}
body {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
font-family: "Gogh";
background-color: #0c111c;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
body .bodyWrap {
position: relative;
min-height: 100%;
margin-bottom: auto;
display: flex;
flex-direction: column;
overflow: hidden;
}
body .bodyWrap>* {
flex-shrink: 0;
}
body .bodyWrap>*:nth-last-child(2) {
margin-bottom: auto;
}
.container {
position: relative;
width: 1230px;
padding: 0px 15px;
margin: 0px auto;
z-index: 1;
}
.siteTabs .tabContent {
position: relative;
display: none;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
z-index: 1;
}
.siteTabs .tabContent.active {
display: block;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-background-clip: text;
transition: background-color 5000s ease-in-out 0s;
box-shadow: inset 0 0 20px 20px rgba(255, 255, 255, 0);
}
.siteLogo {
width: 128px;
position: relative;
z-index: 1;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.siteLogo>a {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 7;
overflow: hidden;
text-indent: 200%;
white-space: nowrap;
}
.siteLogo:hover {
opacity: 0.7;
}
.siteLogo img {
display: block;
width: 100%;
}
.gradLink {
display: inline-block;
font-size: 12px;
line-height: 60px;
color: rgb(255, 255, 255);
font-weight: bold;
letter-spacing: 0.2em;
text-transform: uppercase;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
z-index: 2;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.gradLink:hover {
opacity: 0.7;
}
.linkMore {
position: relative;
padding-right: 20px;
display: inline-block;
font-size: 14px;
line-height: 20px;
color: #00b6f4;
white-space: none;
}
.linkMore .arrow {
position: absolute;
display: block;
right: 0px;
top: 50%;
margin-top: -5px;
}
.linkMore span {
text-decoration: underline;
text-decoration-color: inherit;
text-underline-offset: 0.15em;
-webkit-transition: text-decoration-color 0.3s;
-moz-transition: text-decoration-color 0.3s;
-o-transition: text-decoration-color 0.3s;
transition: text-decoration-color 0.3s;
}
.linkMore:hover span {
text-decoration-color: transparent;
}
.linkSimple {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 20px;
color: #00b6f4;
text-decoration: underline;
text-decoration-color: inherit;
text-underline-offset: 0.15em;
-webkit-transition: text-decoration-color 0.3s;
-moz-transition: text-decoration-color 0.3s;
-o-transition: text-decoration-color 0.3s;
transition: text-decoration-color 0.3s;
}
.linkSimple:hover {
text-decoration-color: transparent;
}
.btnUp {
position: fixed;
bottom: 49px;
right: 24px;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s, visibility 0.3s;
-moz-transition: opacity 0.3s, visibility 0.3s;
-o-transition: opacity 0.3s, visibility 0.3s;
transition: opacity 0.3s, visibility 0.3s;
cursor: pointer;
z-index: 7;
}
.btnUp img {
display: block;
}
.btnUp.visible {
visibility: visible;
opacity: 1;
}
.btnUp:hover {
opacity: 0.7;
}
.tooltip .tooltipContent {
display: none;
}
.tooltipControl {
cursor: pointer;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.tooltipControl:hover {
opacity: 0.7;
}
.tooltipster-base {
height: auto !important;
}
.tooltipster-base .tooltipster-content {
overflow: visible;
}
.tooltipster-base .tooltipContent {
display: block;
padding: 10px 19px;
}
.tooltipster-base .tooltipster-arrow {
display: none;
}
.tooltipster-sidetip .tooltipster-box {
position: relative;
width: 287px !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
background-color: rgba(20, 25, 38, 0.929);
-webkit-border-radius: 5px 5px 0px 5px;
-moz-border-radius: 5px 5px 0px 5px;
-ms-border-radius: 5px 5px 0px 5px;
border-radius: 5px 5px 0px 5px;
-moz-transform: translateX(-120px);
-ms-transform: translateX(-120px);
-webkit-transform: translateX(-120px);
-o-transform: translateX(-120px);
transform: translateX(-120px);
}
.tooltipster-sidetip .tooltipster-box::before {
content: "";
display: block;
position: absolute;
top: 100%;
right: 0px;
width: 15px;
height: 11px;
background-image: url(../img/tooltip_arr.png);
background-size: 100% auto;
background-position: right top;
background-repeat: no-repeat;
z-index: 1;
}
@media (max-width: 1829px) {
.tooltipster-sidetip .tooltipster-box {
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
}
@media (max-width: 1149px) {
.tooltipster-sidetip .tooltipster-box {
width: auto !important;
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.tooltipster-sidetip .tooltipster-box::before {
display: none;
}
}
.tooltipster-sidetip ul li {
display: flex;
}
@media (max-width: 1149px) {
.tooltipster-sidetip ul li {
display: block;
}
}
.tooltipster-sidetip .par {
display: block;
min-width: 143px;
flex-shrink: 0;
font-size: 12px;
line-height: 20px;
color: #727886;
}
.tooltipster-sidetip .val {
display: block;
font-size: 14px;
line-height: 20px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.tooltipster-sidetip a.val {
display: inline-block;
font-size: 12px;
line-height: 20px;
color: #00a8ea;
font-weight: 400;
}
.tooltipster-sidetip .tooltipster-arrow {
display: none !important;
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
}
.pagination .control {
position: relative;
z-index: 1;
}
.pagination .control>a {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 7;
overflow: hidden;
text-indent: 200%;
white-space: nowrap;
}
.pagination .control svg {
display: block;
}
.pagination .control+.num {
margin-left: 16px;
}
.pagination .num {
margin: 0px 5px;
}
.pagination .num a {
display: flex;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
font-size: 14px;
line-height: 14px;
color: rgb(255, 255, 255);
font-weight: 500;
text-align: center;
background-color: transparent;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.pagination .num.active a {
background-color: #0b0f19;
}
.pagination .num+.control {
margin-left: 16px;
}
.animatedVr {
display: block;
position: absolute;
top: 140px;
right: 50%;
height: 140px;
width: 140px;
margin-right: -730px;
}
@media (max-width: 1439px) {
.animatedVr {
top: 109px;
height: 120px;
width: 120px;
margin-right: -567px;
}
}
@media (max-width: 1149px) {
.animatedVr {
top: 82px;
height: 80px;
width: 80px;
margin-right: -440px;
}
}
@media (max-width: 750px) {
.animatedVr {
top: 54px;
height: 50px;
width: 50px;
margin-right: -286px;
}
}
@media (max-width: 529px) {
.animatedVr {
margin-right: 0px;
right: 24px;
}
}
.btnMain {
position: relative;
display: inline-block;
padding-top: 10px;
padding-right: 28px;
padding-bottom: 8px;
font-size: 14px;
line-height: 38px;
color: rgb(255, 255, 255);
font-weight: bold;
letter-spacing: 0.2em;
text-transform: uppercase;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
z-index: 1;
}
.btnMain:hover {
opacity: 0.7;
}
.btnMain::before {
content: "";
display: block;
position: absolute;
top: 0px;
right: 0px;
width: 56px;
height: 56px;
background-image: url(../img/btn_el.svg);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
@media (max-width: 1229px) and (min-width: 1016px) {
.btnMain {
padding-top: 7px;
padding-bottom: 7px;
font-size: 11px;
line-height: 31px;
}
.btnMain::before {
width: 45px;
height: 45px;
}
}
.btnBorder {
position: relative;
display: inline-block;
min-width: 202px;
height: 58px;
padding: 9px 15px;
font-size: 14px;
line-height: 38px;
color: rgb(255, 255, 255);
font-weight: bold;
letter-spacing: 0.2em;
text-transform: uppercase;
text-align: center;
background-color: transparent;
-webkit-border-radius: 29px;
-moz-border-radius: 29px;
-ms-border-radius: 29px;
border-radius: 29px;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
z-index: 1;
}
.btnBorder:hover {
opacity: 0.7;
}
.btnBorder::before {
content: "";
display: block;
position: absolute;
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
z-index: -1;
}
.btnBorder.full {
width: 100%;
}
.btnBorder.sm {
height: 45px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 12px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
-ms-border-radius: 23px;
border-radius: 23px;
}
.btnBorder.sm::before {
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
}
@media (max-width: 1229px) {
.btnBorder.sm {
height: 38px;
font-size: 10px;
line-height: 30px;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
-ms-border-radius: 19px;
border-radius: 19px;
}
.btnBorder.sm::before {
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
}
}
.btnBorder.disabled,
.btnBorder:disabled {
background-color: #293141;
pointer-events: none;
}
.btnBorder.disabled::before,
.btnBorder:disabled::before {
display: none;
}
@media (max-width: 1229px) {
.btnBorder {
height: 48px;
font-size: 11.5px;
line-height: 30px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
-ms-border-radius: 24px;
border-radius: 24px;
}
.btnBorder::before {
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
}
}
.btnGrad1 {
position: relative;
display: inline-block;
min-width: 193px;
min-height: 40px;
padding: 8px 15px 10px;
text-align: center;
background-color: #0b0f19;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.btnGrad1:hover {
opacity: 0.7;
}
.btnGrad1 input {
position: absolute;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
opacity: 0;
}
.btnGrad1 span {
display: inline-block;
font-size: 11px;
line-height: 12px;
color: #acb0bc;
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
background: #f562e5;
background: -moz-linear-gradient(left, #f562e5 0%, #4addff 100%);
background: -webkit-linear-gradient(left, #f562e5 0%, #4addff 100%);
background: linear-gradient(to right, #f562e5 0%, #4addff 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.btnGrad2 {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 60px;
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.btnGrad2:hover {
opacity: 0.7;
}
@media (max-width: 1149px) {
.btnGrad2 {
font-size: 12px;
line-height: 24px;
}
}
.btnIcon {
display: inline-block;
min-width: 153px;
padding: 0px 11px;
min-height: 40px;
background-color: #293141;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.btnIcon:hover {
opacity: 0.7;
}
.btnIcon .in {
display: flex;
align-items: center;
}
.btnIcon .icon {
display: inline-block;
vertical-align: middle;
}
.btnIcon .text {
display: inline-block;
flex-grow: 1;
vertical-align: middle;
font-size: 11px;
line-height: 11px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
@media (max-width: 1365px) and (min-width: 1150px) {
.btnIcon {
min-width: 126px;
min-height: 33px;
padding: 0px 10px;
}
.btnIcon .icon {
width: 18px;
}
.btnIcon .text {
font-size: 10px;
line-height: 10px;
}
}
.btnSimpleIcon {
display: inline-block;
font-size: 11px;
line-height: 11px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.btnSimpleIcon:hover {
opacity: 0.7;
}
.btnSimpleIcon .in {
display: flex;
align-items: center;
}
.btnSimpleIcon .in img {
display: block;
flex-shrink: 0;
margin-right: 8px;
}
.btnSimpleIcon.stop {
color: #ff1ad5;
}
.btnSimpleIcon.repeat {
color: #bb33ff;
}
.btnSimpleIcon.more {
color: #00c3ff;
}
@media (max-width: 1149px) {
.btnSimpleIcon {
font-size: 10px;
}
}
.btnFill {
position: relative;
display: inline-block;
min-width: 202px;
height: 58px;
padding: 9px 15px;
font-size: 14px;
line-height: 38px;
color: rgb(255, 255, 255);
font-weight: bold;
letter-spacing: 0.2em;
text-transform: uppercase;
text-align: center;
background-color: #141927;
-webkit-border-radius: 29px;
-moz-border-radius: 29px;
-ms-border-radius: 29px;
border-radius: 29px;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
z-index: 1;
}
.btnFill:hover {
opacity: 0.7;
}
.btnFill.full {
width: 100%;
}
.btnFill.sm {
height: 45px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 12px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
-ms-border-radius: 23px;
border-radius: 23px;
}
@media (max-width: 1229px) {
.btnFill.sm {
height: 38px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 10px;
line-height: 30px;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
-ms-border-radius: 19px;
border-radius: 19px;
}
}
.inputBlock label {
display: block;
font-size: 11px;
line-height: 11px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.inputBlock.required label:after {
position: absolute;
content: "*";
font-size: 19px;
line-height: 7px;
color: #ff20d5;
}
@media (max-width: 1229px) {
.inputBlock label {
font-size: 10px;
line-height: 10px;
}
}
.inputBlock label span {
font-size: 19px;
line-height: 7px;
color: #ff20d5;
}
.inputBlock label+.inWrap {
margin-top: 10px;
}
@media (max-width: 1229px) {
.inputBlock label+.inWrap {
margin-top: 7px;
}
}
.inputBlock .inWrap {
position: relative;
}
.inputBlock .inWrap.withCode input {
padding-right: 111px;
}
.inputBlock .inWrap.withIcon input {
padding-right: 48px;
}
.inputBlock .inWrap.withIcon .cur {
display: block;
position: absolute;
top: 50%;
margin-top: -16px;
right: 9px;
max-width: 32px;
}
@media (max-width: 1149px) {
.inputBlock .inWrap.withIcon .cur {
margin-top: -13px;
right: 6px;
width: 26px;
}
}
.inputBlock .inWrap.withCopy .copyLink {
position: absolute;
right: 11px;
top: 50%;
margin-top: -9px;
}
.inputBlock .inWrap.withCopy .copyLink img {
display: block;
}
.inputBlock .inWrap.date {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
.inputBlock input {
display: block;
width: 100%;
padding: 0px 16px;
font-family: "Gogh";
font-size: 14px;
line-height: 44px;
color: rgb(255, 255, 255);
border-style: solid;
border-width: 1px;
border-color: rgb(50, 58, 76);
background-color: rgb(41, 49, 65);
-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
-moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-ms-border-radius: 9px;
border-radius: 9px;
}
.inputBlock input.is-invalid {
border: 1px solid #fb438f;
}
@media (max-width: 1229px) {
.inputBlock input {
line-height: 36px;
padding: 0px 7px;
font-size: 12px;
}
}
.inputBlock input.center {
text-align: center;
}
.inputBlock textarea {
display: block;
width: 100%;
padding: 8px 16px;
font-family: "Gogh";
font-size: 14px;
line-height: 18px;
color: rgb(255, 255, 255);
border-style: solid;
border-width: 1px;
border-color: rgb(50, 58, 76);
background-color: rgb(41, 49, 65);
-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
-moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-ms-border-radius: 9px;
border-radius: 9px;
}
@media (max-width: 1229px) {
.inputBlock textarea {
padding: 7px 7px;
font-size: 12px;
line-height: 16px;
}
}
.inputBlock .code {
position: absolute;
top: 0px;
right: 0px;
width: 101px;
height: 46px;
display: flex;
justify-content: center;
align-items: center;
border-style: solid;
border-width: 1px;
border-color: rgb(50, 58, 76);
background-color: rgb(27, 33, 48);
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-ms-border-radius: 9px;
border-radius: 9px;
}
@media (max-width: 1229px) {
.inputBlock .code {
width: 83px;
height: 38px;
}
}
.inputBlock .code img {
display: block;
}
@media (max-width: 1229px) {
.inputBlock .code img {
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-moz-transform-origin: center;
-ms-transform-origin: center;
-webkit-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
}
}
.inputBlock .selectric {
width: 100%;
height: 46px;
border-style: solid;
border-width: 1px;
border-color: rgb(50, 58, 76);
background-color: rgb(41, 49, 65);
-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
-moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-ms-border-radius: 9px;
border-radius: 9px;
}
@media (max-width: 1229px) {
.inputBlock .selectric {
height: 38px;
}
}
.inputBlock .selectric .label {
height: 44px;
margin: 0px;
padding-left: 16px;
padding-right: 32px;
font-family: "Gogh";
font-size: 15px;
line-height: 44px;
color: rgb(255, 255, 255);
}
@media (max-width: 1229px) {
.inputBlock .selectric .label {
height: 36px;
padding: 0px 24px 0px 7px;
font-size: 12px;
line-height: 36px;
}
}
.inputBlock .selectric .button {
height: 46px;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
}
@media (max-width: 1229px) {
.inputBlock .selectric .button {
height: 38px;
width: 30px;
}
}
.inputBlock .selectric .button img {
display: block;
}
.inputBlock .selectric .button::after {
display: none;
}
.inputBlock .selectric-open .selectric .button {
-moz-transform: scale(-1, -1);
-ms-transform: scale(-1, -1);
-webkit-transform: scale(-1, -1);
-o-transform: scale(-1, -1);
transform: scale(-1, -1);
}
.inputBlock .selectric-items {
border-style: solid;
border-width: 1px;
border-color: rgb(50, 58, 76);
background-color: rgb(41, 49, 65);
-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
-moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-ms-border-radius: 9px;
border-radius: 9px;
overflow: hidden;
}
.inputBlock .selectric-items li {
padding: 0px 16px;
font-family: "Gogh";
font-size: 15px;
line-height: 44px;
color: rgb(255, 255, 255);
background-color: transparent;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.inputBlock .selectric-items li.selected,
.inputBlock .selectric-items li.highlighted,
.inputBlock .selectric-items li:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.checkButton {
position: relative;
display: flex;
cursor: pointer;
}
.checkButton input {
position: absolute;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
opacity: 0;
}
.checkButton input:checked~.btn::before {
opacity: 1;
}
.checkButton .btn {
position: relative;
width: 35px;
height: 36px;
flex-shrink: 0;
border-style: solid;
border-width: 1px;
border-color: rgb(50, 58, 76);
background-color: rgb(41, 49, 65);
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-ms-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
-moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.33);
}
@media (max-width: 1229px) {
.checkButton .btn {
width: 29px;
height: 29px;
}
}
.checkButton .btn::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-image: url(../img/check.svg);
background-size: auto;
background-position: center;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.checkButton .label {
display: block;
margin-left: 13px;
align-self: center;
font-size: 14px;
line-height: 20px;
color: #acb0bc;
}
@media (max-width: 1229px) {
.checkButton .label {
margin-left: 11px;
font-size: 12px;
line-height: 15px;
}
}
.checkButton .label a {
color: #00b0ec;
text-decoration: underline;
text-decoration-color: inherit;
text-underline-offset: 0.15em;
-webkit-transition: text-decoration-color 0.3s;
-moz-transition: text-decoration-color 0.3s;
-o-transition: text-decoration-color 0.3s;
transition: text-decoration-color 0.3s;
}
.checkButton .label a:hover {
text-decoration-color: transparent;
}
.selectric-payment .selectric .label {
padding-left: 2px;
}
.selectric-payment .selectric .button {
width: 38px;
}
.selectric-payment .selectric-items li {
padding-left: 3px;
}
.selectric-payment .selectric-items li .selectLabel {
min-height: 36px;
}
.selectric-payment .selectLabel {
display: flex;
align-items: baseline;
height: 100%;
font-size: 11px;
line-height: 20px;
color: #727886;
}
.selectric-payment .selectLabel .icon {
margin-right: 12px;
width: 28px;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
align-self: center;
background-color: #0b0f19;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.selectric-payment .selectLabel .icon img {
display: block;
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
-moz-transform-origin: center;
-ms-transform-origin: center;
-webkit-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
}
.selectric-payment .selectLabel .text {
padding-top: 8px;
}
.selectric-payment .selectLabel .sum {
margin-left: 4px;
font-size: 16px;
line-height: 20px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.selectric-payment .selectLabel .sum sup {
text-transform: uppercase;
font-size: 7px;
line-height: 1;
}
.header {
position: relative;
z-index: 2;
}
.header .wrapper {
display: flex;
}
.header .logoWrapper {
align-self: center;
padding-top: 20px;
}
.header .menuWrapper {
margin-left: 124px;
margin-right: -24px;
}
.header .loginWrapper {
position: relative;
padding-left: 70px;
padding-top: 5px;
width: 292px;
margin-left: auto;
text-align: center;
z-index: 1;
}
.header .loginWrapper::before {
content: "";
display: block;
position: absolute;
top: -10px;
right: -35px;
width: 292px;
height: 68px;
background-color: #0c111c;
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
z-index: -1;
}
.header .langWrapper {
position: relative;
padding-top: 5px;
padding-right: 46px;
}
.header .langWrapper::before {
content: "";
display: block;
position: absolute;
top: -10px;
right: -20px;
width: 292px;
height: 68px;
background-color: rgba(12, 17, 28, 0.3);
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
z-index: -1;
}
.header .burgerWrapper {
display: none;
}
.menuList {
display: flex;
}
.menuList li {
position: relative;
padding-top: 6px;
flex-shrink: 0;
}
.menuList li a {
position: relative;
display: block;
font-size: 14px;
line-height: 60px;
color: rgb(255, 255, 255);
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
z-index: 5;
}
.menuList li a:hover {
opacity: 0.7;
}
.menuList li::before {
content: "";
display: block;
position: absolute;
left: -78px;
top: -10px;
width: calc(100% + 156px);
height: 68px;
background-image: -moz-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -ms-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
opacity: 0;
-webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.8);
-moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.8);
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.8);
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
z-index: -1;
}
.menuList li.active a {
color: rgb(0, 0, 0);
}
.menuList li.active::before {
opacity: 1;
}
.menuList li+li {
margin-left: 51px;
}
.menuList .hidden {
display: none;
}
.langList {
position: relative;
z-index: 5;
}
.langList .head {
display: flex;
align-items: center;
cursor: pointer;
}
.langList .head .cap {
margin-left: 8px;
margin-right: 2px;
}
.langList .head.active .arrow {
-moz-transform: scale(-1, -1);
-ms-transform: scale(-1, -1);
-webkit-transform: scale(-1, -1);
-o-transform: scale(-1, -1);
transform: scale(-1, -1);
}
.langList .cap {
display: block;
font-size: 12px;
line-height: 60px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.langList .arrow {
display: block;
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
}
.langList .list {
display: none;
position: absolute;
left: 8px;
top: calc(100% + 0px);
padding: 10px 10px 10px 15px;
background-color: rgba(12, 17, 28, 0.3);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.langList .list .cap {
line-height: 30px;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.langList .list .cap:hover {
opacity: 0.7;
}
.mobileHeaderInfo {
display: none;
}
.openSiteMenu,
.openCabinetMenu {
width: 32px;
margin-left: auto;
margin-right: auto;
}
.openSiteMenu span,
.openCabinetMenu span {
position: relative;
display: block;
height: 2px;
background-color: #0c111c;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.openSiteMenu span+span,
.openCabinetMenu span+span {
margin-top: 5px;
}
.openSiteMenu.active span:first-child,
.openCabinetMenu.active span:first-child {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 4px;
}
.openSiteMenu.active span:nth-child(2),
.openCabinetMenu.active span:nth-child(2) {
opacity: 0;
}
.openSiteMenu.active span:last-child,
.openCabinetMenu.active span:last-child {
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: -10px;
}
.startSectionWrapper {
position: relative;
z-index: 1;
}
.startSectionWrapper .back {
position: absolute;
right: 50%;
margin-right: -960px;
top: 0px;
width: 1920px;
max-width: unset;
height: auto;
z-index: -1;
}
.startSectionWrapper .backSm {
display: none;
}
.startSectionWrapper .animatedDots {
position: absolute;
display: block;
width: 1920px;
height: 1347px;
top: -340px;
left: 50%;
margin-left: -960px;
z-index: -1;
}
.startSectionWrapper .animatedDots .dotWrapper {
position: absolute;
}
.startSectionWrapper .animatedDots .dotWrapper-1 {
top: 63%;
left: 94%;
-webkit-animation: flying 26s ease-in-out -6.2s infinite alternate;
animation: flying 26s ease-in-out -6.2s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-2 {
top: 54%;
left: 91%;
-webkit-animation: flying 70s ease-in-out -6.3s infinite alternate;
animation: flying 70s ease-in-out -6.3s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-3 {
top: 58%;
left: 9%;
-webkit-animation: flying 56s ease-in-out -3.9s infinite alternate;
animation: flying 56s ease-in-out -3.9s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-4 {
top: 16%;
left: 4%;
-webkit-animation: flying 57s ease-in-out -9.1s infinite alternate;
animation: flying 57s ease-in-out -9.1s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-5 {
top: 22%;
left: 12%;
-webkit-animation: flying 31s ease-in-out -7.7s infinite alternate;
animation: flying 31s ease-in-out -7.7s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-6 {
top: 87%;
left: 65%;
-webkit-animation: flying 30s ease-in-out -7.7s infinite alternate;
animation: flying 30s ease-in-out -7.7s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-7 {
top: 31%;
left: 83%;
-webkit-animation: flying 36s ease-in-out -1.4s infinite alternate;
animation: flying 36s ease-in-out -1.4s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-8 {
top: 88%;
left: 70%;
-webkit-animation: flying 42s ease-in-out -5.4s infinite alternate;
animation: flying 42s ease-in-out -5.4s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-9 {
top: 10%;
left: 27%;
-webkit-animation: flying 67s ease-in-out -2.2s infinite alternate;
animation: flying 67s ease-in-out -2.2s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-10 {
top: 3%;
left: 33%;
-webkit-animation: flying 26s ease-in-out -8.1s infinite alternate;
animation: flying 26s ease-in-out -8.1s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-11 {
top: 58%;
left: 36%;
-webkit-animation: flying 26s ease-in-out -0.2s infinite alternate;
animation: flying 26s ease-in-out -0.2s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-12 {
top: 60%;
left: 68%;
-webkit-animation: flying 64s ease-in-out -5s infinite alternate;
animation: flying 64s ease-in-out -5s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-13 {
top: 76%;
left: 74%;
-webkit-animation: flying 62s ease-in-out -3.4s infinite alternate;
animation: flying 62s ease-in-out -3.4s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-14 {
top: 70%;
left: 66%;
-webkit-animation: flying 69s ease-in-out -3.2s infinite alternate;
animation: flying 69s ease-in-out -3.2s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-15 {
top: 17%;
left: 12%;
-webkit-animation: flying 24s ease-in-out -3.7s infinite alternate;
animation: flying 24s ease-in-out -3.7s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-16 {
top: 94%;
left: 89%;
-webkit-animation: flying 25s ease-in-out -4.6s infinite alternate;
animation: flying 25s ease-in-out -4.6s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-17 {
top: 24%;
left: 48%;
-webkit-animation: flying 56s ease-in-out -6.4s infinite alternate;
animation: flying 56s ease-in-out -6.4s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-18 {
top: 77%;
left: 14%;
-webkit-animation: flying 60s ease-in-out -2.4s infinite alternate;
animation: flying 60s ease-in-out -2.4s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-19 {
top: 55%;
left: 20%;
-webkit-animation: flying 38s ease-in-out -9.7s infinite alternate;
animation: flying 38s ease-in-out -9.7s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-20 {
top: 87%;
left: 73%;
-webkit-animation: flying 41s ease-in-out -9.5s infinite alternate;
animation: flying 41s ease-in-out -9.5s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-21 {
top: 94%;
left: 26%;
-webkit-animation: flying 69s ease-in-out -1.1s infinite alternate;
animation: flying 69s ease-in-out -1.1s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-22 {
top: 99%;
left: 72%;
-webkit-animation: flying 50s ease-in-out -4.5s infinite alternate;
animation: flying 50s ease-in-out -4.5s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-23 {
top: 58%;
left: 74%;
-webkit-animation: flying 49s ease-in-out -4s infinite alternate;
animation: flying 49s ease-in-out -4s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-24 {
top: 2%;
left: 75%;
-webkit-animation: flying 29s ease-in-out -4.8s infinite alternate;
animation: flying 29s ease-in-out -4.8s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-25 {
top: 88%;
left: 71%;
-webkit-animation: flying 27s ease-in-out -7.6s infinite alternate;
animation: flying 27s ease-in-out -7.6s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-26 {
top: 34%;
left: 54%;
-webkit-animation: flying 21s ease-in-out -3.3s infinite alternate;
animation: flying 21s ease-in-out -3.3s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-27 {
top: 28%;
left: 58%;
-webkit-animation: flying 25s ease-in-out -9.9s infinite alternate;
animation: flying 25s ease-in-out -9.9s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-28 {
top: 37%;
left: 52%;
-webkit-animation: flying 38s ease-in-out -2.5s infinite alternate;
animation: flying 38s ease-in-out -2.5s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-29 {
top: 22%;
left: 70%;
-webkit-animation: flying 63s ease-in-out -8.3s infinite alternate;
animation: flying 63s ease-in-out -8.3s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-30 {
top: 84%;
left: 68%;
-webkit-animation: flying 46s ease-in-out -4.9s infinite alternate;
animation: flying 46s ease-in-out -4.9s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-31 {
top: 98%;
left: 33%;
-webkit-animation: flying 43s ease-in-out -1.3s infinite alternate;
animation: flying 43s ease-in-out -1.3s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-32 {
top: 37%;
left: 49%;
-webkit-animation: flying 21s ease-in-out -8.8s infinite alternate;
animation: flying 21s ease-in-out -8.8s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-33 {
top: 85%;
left: 37%;
-webkit-animation: flying 65s ease-in-out -9s infinite alternate;
animation: flying 65s ease-in-out -9s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-34 {
top: 61%;
left: 84%;
-webkit-animation: flying 44s ease-in-out -5.6s infinite alternate;
animation: flying 44s ease-in-out -5.6s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-35 {
top: 7%;
left: 18%;
-webkit-animation: flying 35s ease-in-out -4.9s infinite alternate;
animation: flying 35s ease-in-out -4.9s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-36 {
top: 37%;
left: 59%;
-webkit-animation: flying 69s ease-in-out -0.7s infinite alternate;
animation: flying 69s ease-in-out -0.7s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-37 {
top: 94%;
left: 33%;
-webkit-animation: flying 40s ease-in-out -2.2s infinite alternate;
animation: flying 40s ease-in-out -2.2s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-38 {
top: 22%;
left: 82%;
-webkit-animation: flying 58s ease-in-out -6.2s infinite alternate;
animation: flying 58s ease-in-out -6.2s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-39 {
top: 6%;
left: 7%;
-webkit-animation: flying 68s ease-in-out -1.2s infinite alternate;
animation: flying 68s ease-in-out -1.2s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-40 {
top: 77%;
left: 24%;
-webkit-animation: flying 36s ease-in-out -0.6s infinite alternate;
animation: flying 36s ease-in-out -0.6s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-41 {
top: 95%;
left: 53%;
-webkit-animation: flying 26s ease-in-out -5s infinite alternate;
animation: flying 26s ease-in-out -5s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-42 {
top: 35%;
left: 19%;
-webkit-animation: flying 47s ease-in-out -8.8s infinite alternate;
animation: flying 47s ease-in-out -8.8s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-43 {
top: 30%;
left: 65%;
-webkit-animation: flying 56s ease-in-out -5.5s infinite alternate;
animation: flying 56s ease-in-out -5.5s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-44 {
top: 23%;
left: 67%;
-webkit-animation: flying 66s ease-in-out -6.9s infinite alternate;
animation: flying 66s ease-in-out -6.9s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-45 {
top: 26%;
left: 99%;
-webkit-animation: flying 56s ease-in-out -8.1s infinite alternate;
animation: flying 56s ease-in-out -8.1s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-46 {
top: 98%;
left: 41%;
-webkit-animation: flying 28s ease-in-out -6.2s infinite alternate;
animation: flying 28s ease-in-out -6.2s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-47 {
top: 35%;
left: 27%;
-webkit-animation: flying 59s ease-in-out -4.8s infinite alternate;
animation: flying 59s ease-in-out -4.8s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-48 {
top: 77%;
left: 65%;
-webkit-animation: flying 41s ease-in-out -4.3s infinite alternate;
animation: flying 41s ease-in-out -4.3s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-49 {
top: 59%;
left: 79%;
-webkit-animation: flying 29s ease-in-out -6.5s infinite alternate;
animation: flying 29s ease-in-out -6.5s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-50 {
top: 36%;
left: 14%;
-webkit-animation: flying 48s ease-in-out -4.6s infinite alternate;
animation: flying 48s ease-in-out -4.6s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-51 {
top: 78%;
left: 17%;
-webkit-animation: flying 55s ease-in-out -2.6s infinite alternate;
animation: flying 55s ease-in-out -2.6s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-52 {
top: 62%;
left: 87%;
-webkit-animation: flying 27s ease-in-out -9.2s infinite alternate;
animation: flying 27s ease-in-out -9.2s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-53 {
top: 9%;
left: 11%;
-webkit-animation: flying 39s ease-in-out -1.4s infinite alternate;
animation: flying 39s ease-in-out -1.4s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-54 {
top: 14%;
left: 24%;
-webkit-animation: flying 28s ease-in-out -7.2s infinite alternate;
animation: flying 28s ease-in-out -7.2s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-55 {
top: 52%;
left: 18%;
-webkit-animation: flying 56s ease-in-out -9.4s infinite alternate;
animation: flying 56s ease-in-out -9.4s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-56 {
top: 10%;
left: 5%;
-webkit-animation: flying 66s ease-in-out -9.4s infinite alternate;
animation: flying 66s ease-in-out -9.4s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-57 {
top: 56%;
left: 63%;
-webkit-animation: flying 57s ease-in-out -2.1s infinite alternate;
animation: flying 57s ease-in-out -2.1s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-58 {
top: 61%;
left: 72%;
-webkit-animation: flying 57s ease-in-out -9.8s infinite alternate;
animation: flying 57s ease-in-out -9.8s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-59 {
top: 31%;
left: 11%;
-webkit-animation: flying 51s ease-in-out -6.3s infinite alternate;
animation: flying 51s ease-in-out -6.3s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-60 {
top: 82%;
left: 5%;
-webkit-animation: flying 46s ease-in-out -7.3s infinite alternate;
animation: flying 46s ease-in-out -7.3s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-61 {
top: 41%;
left: 72%;
-webkit-animation: flying 63s ease-in-out -4.5s infinite alternate;
animation: flying 63s ease-in-out -4.5s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-62 {
top: 69%;
left: 8%;
-webkit-animation: flying 21s ease-in-out -8.6s infinite alternate;
animation: flying 21s ease-in-out -8.6s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-63 {
top: 36%;
left: 30%;
-webkit-animation: flying 66s ease-in-out -0.1s infinite alternate;
animation: flying 66s ease-in-out -0.1s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-64 {
top: 72%;
left: 66%;
-webkit-animation: flying 35s ease-in-out -2.5s infinite alternate;
animation: flying 35s ease-in-out -2.5s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-65 {
top: 59%;
left: 20%;
-webkit-animation: flying 47s ease-in-out -1s infinite alternate;
animation: flying 47s ease-in-out -1s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-66 {
top: 89%;
left: 12%;
-webkit-animation: flying 68s ease-in-out -3.8s infinite alternate;
animation: flying 68s ease-in-out -3.8s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-67 {
top: 65%;
left: 16%;
-webkit-animation: flying 34s ease-in-out -1.5s infinite alternate;
animation: flying 34s ease-in-out -1.5s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-68 {
top: 41%;
left: 83%;
-webkit-animation: flying 69s ease-in-out -5.2s infinite alternate;
animation: flying 69s ease-in-out -5.2s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-69 {
top: 89%;
left: 31%;
-webkit-animation: flying 69s ease-in-out -9.5s infinite alternate;
animation: flying 69s ease-in-out -9.5s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-70 {
top: 48%;
left: 13%;
-webkit-animation: flying 55s ease-in-out -9.8s infinite alternate;
animation: flying 55s ease-in-out -9.8s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-71 {
top: 91%;
left: 43%;
-webkit-animation: flying 69s ease-in-out -6.8s infinite alternate;
animation: flying 69s ease-in-out -6.8s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-72 {
top: 47%;
left: 21%;
-webkit-animation: flying 61s ease-in-out -1.3s infinite alternate;
animation: flying 61s ease-in-out -1.3s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-73 {
top: 87%;
left: 92%;
-webkit-animation: flying 51s ease-in-out -5.9s infinite alternate;
animation: flying 51s ease-in-out -5.9s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-74 {
top: 57%;
left: 94%;
-webkit-animation: flying 40s ease-in-out -4s infinite alternate;
animation: flying 40s ease-in-out -4s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper-75 {
top: 51%;
left: 51%;
-webkit-animation: flying 24s ease-in-out -9.1s infinite alternate;
animation: flying 24s ease-in-out -9.1s infinite alternate;
}
.startSectionWrapper .animatedDots .dotWrapper:nth-child(odd) .dot {
background: #ff03d3;
}
.startSectionWrapper .animatedDots .dotWrapper:nth-child(even) .dot {
background: #00b2ec;
}
.startSectionWrapper .animatedDots .dot {
width: 6px;
height: 6px;
border-radius: 50%;
}
.startSectionWrapper .animatedDots .dot-1 {
transform-origin: 2px -9px;
-webkit-animation: rotating 21s ease-in-out -4.9s infinite;
animation: rotating 21s ease-in-out -4.9s infinite;
}
.startSectionWrapper .animatedDots .dot-2 {
transform-origin: 2px -2px;
-webkit-animation: rotating 19s ease-in-out -5.5s infinite;
animation: rotating 19s ease-in-out -5.5s infinite;
}
.startSectionWrapper .animatedDots .dot-3 {
transform-origin: 8px -14px;
-webkit-animation: rotating 23s ease-in-out -3.5s infinite;
animation: rotating 23s ease-in-out -3.5s infinite;
}
.startSectionWrapper .animatedDots .dot-4 {
transform-origin: 5px 5px;
-webkit-animation: rotating 20s ease-in-out -3.9s infinite;
animation: rotating 20s ease-in-out -3.9s infinite;
}
.startSectionWrapper .animatedDots .dot-5 {
transform-origin: -1px -7px;
-webkit-animation: rotating 14s ease-in-out -6.6s infinite;
animation: rotating 14s ease-in-out -6.6s infinite;
}
.startSectionWrapper .animatedDots .dot-6 {
transform-origin: 5px 2px;
-webkit-animation: rotating 15s ease-in-out -3.3s infinite;
animation: rotating 15s ease-in-out -3.3s infinite;
}
.startSectionWrapper .animatedDots .dot-7 {
transform-origin: 2px 9px;
-webkit-animation: rotating 14s ease-in-out -3.6s infinite;
animation: rotating 14s ease-in-out -3.6s infinite;
}
.startSectionWrapper .animatedDots .dot-8 {
transform-origin: 15px -6px;
-webkit-animation: rotating 17s ease-in-out -7.5s infinite;
animation: rotating 17s ease-in-out -7.5s infinite;
}
.startSectionWrapper .animatedDots .dot-9 {
transform-origin: -5px 8px;
-webkit-animation: rotating 25s ease-in-out -5.5s infinite;
animation: rotating 25s ease-in-out -5.5s infinite;
}
.startSectionWrapper .animatedDots .dot-10 {
transform-origin: 12px 9px;
-webkit-animation: rotating 11s ease-in-out -7.5s infinite;
animation: rotating 11s ease-in-out -7.5s infinite;
}
.startSectionWrapper .animatedDots .dot-11 {
transform-origin: 13px -5px;
-webkit-animation: rotating 22s ease-in-out -3.2s infinite;
animation: rotating 22s ease-in-out -3.2s infinite;
}
.startSectionWrapper .animatedDots .dot-12 {
transform-origin: -9px 5px;
-webkit-animation: rotating 23s ease-in-out -3s infinite;
animation: rotating 23s ease-in-out -3s infinite;
}
.startSectionWrapper .animatedDots .dot-13 {
transform-origin: -14px 5px;
-webkit-animation: rotating 14s ease-in-out -2.1s infinite;
animation: rotating 14s ease-in-out -2.1s infinite;
}
.startSectionWrapper .animatedDots .dot-14 {
transform-origin: 8px -1px;
-webkit-animation: rotating 26s ease-in-out -8.8s infinite;
animation: rotating 26s ease-in-out -8.8s infinite;
}
.startSectionWrapper .animatedDots .dot-15 {
transform-origin: 14px 10px;
-webkit-animation: rotating 18s ease-in-out -3.7s infinite;
animation: rotating 18s ease-in-out -3.7s infinite;
}
.startSectionWrapper .animatedDots .dot-16 {
transform-origin: -13px 1px;
-webkit-animation: rotating 24s ease-in-out -7.7s infinite;
animation: rotating 24s ease-in-out -7.7s infinite;
}
.startSectionWrapper .animatedDots .dot-17 {
transform-origin: -1px -3px;
-webkit-animation: rotating 21s ease-in-out -8.6s infinite;
animation: rotating 21s ease-in-out -8.6s infinite;
}
.startSectionWrapper .animatedDots .dot-18 {
transform-origin: -13px 10px;
-webkit-animation: rotating 22s ease-in-out -5.7s infinite;
animation: rotating 22s ease-in-out -5.7s infinite;
}
.startSectionWrapper .animatedDots .dot-19 {
transform-origin: 15px 0px;
-webkit-animation: rotating 17s ease-in-out -4.2s infinite;
animation: rotating 17s ease-in-out -4.2s infinite;
}
.startSectionWrapper .animatedDots .dot-20 {
transform-origin: 10px 11px;
-webkit-animation: rotating 25s ease-in-out -3.1s infinite;
animation: rotating 25s ease-in-out -3.1s infinite;
}
.startSectionWrapper .animatedDots .dot-21 {
transform-origin: 4px 1px;
-webkit-animation: rotating 21s ease-in-out -5.7s infinite;
animation: rotating 21s ease-in-out -5.7s infinite;
}
.startSectionWrapper .animatedDots .dot-22 {
transform-origin: -9px -14px;
-webkit-animation: rotating 15s ease-in-out -9.8s infinite;
animation: rotating 15s ease-in-out -9.8s infinite;
}
.startSectionWrapper .animatedDots .dot-23 {
transform-origin: 7px -13px;
-webkit-animation: rotating 14s ease-in-out -0.6s infinite;
animation: rotating 14s ease-in-out -0.6s infinite;
}
.startSectionWrapper .animatedDots .dot-24 {
transform-origin: 6px 5px;
-webkit-animation: rotating 17s ease-in-out -3.4s infinite;
animation: rotating 17s ease-in-out -3.4s infinite;
}
.startSectionWrapper .animatedDots .dot-25 {
transform-origin: 3px 6px;
-webkit-animation: rotating 26s ease-in-out -3.9s infinite;
animation: rotating 26s ease-in-out -3.9s infinite;
}
.startSectionWrapper .animatedDots .dot-26 {
transform-origin: 11px -8px;
-webkit-animation: rotating 21s ease-in-out -4.2s infinite;
animation: rotating 21s ease-in-out -4.2s infinite;
}
.startSectionWrapper .animatedDots .dot-27 {
transform-origin: 5px -4px;
-webkit-animation: rotating 19s ease-in-out -4.5s infinite;
animation: rotating 19s ease-in-out -4.5s infinite;
}
.startSectionWrapper .animatedDots .dot-28 {
transform-origin: 2px 7px;
-webkit-animation: rotating 24s ease-in-out -9.9s infinite;
animation: rotating 24s ease-in-out -9.9s infinite;
}
.startSectionWrapper .animatedDots .dot-29 {
transform-origin: -8px -1px;
-webkit-animation: rotating 20s ease-in-out -6.3s infinite;
animation: rotating 20s ease-in-out -6.3s infinite;
}
.startSectionWrapper .animatedDots .dot-30 {
transform-origin: -8px -1px;
-webkit-animation: rotating 21s ease-in-out -1.8s infinite;
animation: rotating 21s ease-in-out -1.8s infinite;
}
.startSectionWrapper .animatedDots .dot-31 {
transform-origin: -2px 6px;
-webkit-animation: rotating 16s ease-in-out -2.1s infinite;
animation: rotating 16s ease-in-out -2.1s infinite;
}
.startSectionWrapper .animatedDots .dot-32 {
transform-origin: 14px -13px;
-webkit-animation: rotating 27s ease-in-out -9s infinite;
animation: rotating 27s ease-in-out -9s infinite;
}
.startSectionWrapper .animatedDots .dot-33 {
transform-origin: 4px -5px;
-webkit-animation: rotating 13s ease-in-out -7.8s infinite;
animation: rotating 13s ease-in-out -7.8s infinite;
}
.startSectionWrapper .animatedDots .dot-34 {
transform-origin: 7px -4px;
-webkit-animation: rotating 15s ease-in-out -9.7s infinite;
animation: rotating 15s ease-in-out -9.7s infinite;
}
.startSectionWrapper .animatedDots .dot-35 {
transform-origin: 15px -6px;
-webkit-animation: rotating 13s ease-in-out -8.9s infinite;
animation: rotating 13s ease-in-out -8.9s infinite;
}
.startSectionWrapper .animatedDots .dot-36 {
transform-origin: -6px 5px;
-webkit-animation: rotating 16s ease-in-out -0.1s infinite;
animation: rotating 16s ease-in-out -0.1s infinite;
}
.startSectionWrapper .animatedDots .dot-37 {
transform-origin: 9px 3px;
-webkit-animation: rotating 26s ease-in-out -9.7s infinite;
animation: rotating 26s ease-in-out -9.7s infinite;
}
.startSectionWrapper .animatedDots .dot-38 {
transform-origin: 10px 4px;
-webkit-animation: rotating 20s ease-in-out -1.7s infinite;
animation: rotating 20s ease-in-out -1.7s infinite;
}
.startSectionWrapper .animatedDots .dot-39 {
transform-origin: -7px 13px;
-webkit-animation: rotating 29s ease-in-out -9.2s infinite;
animation: rotating 29s ease-in-out -9.2s infinite;
}
.startSectionWrapper .animatedDots .dot-40 {
transform-origin: 9px -2px;
-webkit-animation: rotating 17s ease-in-out -6.3s infinite;
animation: rotating 17s ease-in-out -6.3s infinite;
}
.startSectionWrapper .animatedDots .dot-41 {
transform-origin: 4px -4px;
-webkit-animation: rotating 21s ease-in-out -5.5s infinite;
animation: rotating 21s ease-in-out -5.5s infinite;
}
.startSectionWrapper .animatedDots .dot-42 {
transform-origin: 0px 4px;
-webkit-animation: rotating 17s ease-in-out -3.4s infinite;
animation: rotating 17s ease-in-out -3.4s infinite;
}
.startSectionWrapper .animatedDots .dot-43 {
transform-origin: 6px -2px;
-webkit-animation: rotating 15s ease-in-out -8.3s infinite;
animation: rotating 15s ease-in-out -8.3s infinite;
}
.startSectionWrapper .animatedDots .dot-44 {
transform-origin: -1px 11px;
-webkit-animation: rotating 22s ease-in-out -1.5s infinite;
animation: rotating 22s ease-in-out -1.5s infinite;
}
.startSectionWrapper .animatedDots .dot-45 {
transform-origin: 14px 8px;
-webkit-animation: rotating 19s ease-in-out -2.5s infinite;
animation: rotating 19s ease-in-out -2.5s infinite;
}
.startSectionWrapper .animatedDots .dot-46 {
transform-origin: -8px -10px;
-webkit-animation: rotating 30s ease-in-out -2.4s infinite;
animation: rotating 30s ease-in-out -2.4s infinite;
}
.startSectionWrapper .animatedDots .dot-47 {
transform-origin: 6px 12px;
-webkit-animation: rotating 25s ease-in-out -0.6s infinite;
animation: rotating 25s ease-in-out -0.6s infinite;
}
.startSectionWrapper .animatedDots .dot-48 {
transform-origin: -1px -2px;
-webkit-animation: rotating 25s ease-in-out -9.3s infinite;
animation: rotating 25s ease-in-out -9.3s infinite;
}
.startSectionWrapper .animatedDots .dot-49 {
transform-origin: -2px -6px;
-webkit-animation: rotating 14s ease-in-out -5.3s infinite;
animation: rotating 14s ease-in-out -5.3s infinite;
}
.startSectionWrapper .animatedDots .dot-50 {
transform-origin: 5px -2px;
-webkit-animation: rotating 29s ease-in-out -4.5s infinite;
animation: rotating 29s ease-in-out -4.5s infinite;
}
@-webkit-keyframes rotating {
0% {
opacity: 0;
transform: rotate(0deg);
}
25%,
75% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 0;
transform: rotate(360deg);
}
}
@keyframes rotating {
0% {
opacity: 0;
transform: rotate(0deg);
}
25%,
75% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 0;
transform: rotate(360deg);
}
}
@-webkit-keyframes flying {
0% {
transform: translate(0, 0);
}
10% {
transform: translate(20px, 50px);
}
20% {
transform: translate(-30px, 10px);
}
30% {
transform: translate(10px, 60px);
}
40% {
transform: translate(50px, 0px);
}
50% {
transform: translate(-10px, -40px);
}
60% {
transform: translate(-40px, 20px);
}
70% {
transform: translate(30px, -30px);
}
80% {
transform: translate(0px, -60px);
}
90% {
transform: translate(40px, 10px);
}
100% {
transform: translate(0, 0);
}
}
@keyframes flying {
0% {
transform: translate(0, 0);
}
10% {
transform: translate(20px, 50px);
}
20% {
transform: translate(-30px, 10px);
}
30% {
transform: translate(10px, 60px);
}
40% {
transform: translate(50px, 0px);
}
50% {
transform: translate(-10px, -40px);
}
60% {
transform: translate(-40px, 20px);
}
70% {
transform: translate(30px, -30px);
}
80% {
transform: translate(0px, -60px);
}
90% {
transform: translate(40px, 10px);
}
100% {
transform: translate(0, 0);
}
}
.startSection {
padding-top: 184px;
}
.startSection .image {
position: absolute;
display: block;
width: 532px;
height: 531px;
left: 454px;
top: -51px;
z-index: -1;
}
.startSection .image img {
display: block;
}
.startSection .image .el1 {
position: relative;
width: 100%;
z-index: 1;
-webkit-animation-name: rotate1;
-moz-animation-name: rotate1;
-o-animation-name: rotate1;
animation-name: rotate1;
-webkit-animation-duration: 50s;
-moz-animation-duration: 50s;
-o-animation-duration: 50s;
animation-duration: 50s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.startSection .image .el2 {
position: absolute;
left: 68px;
top: 68px;
z-index: -1;
-webkit-animation-name: rotate2;
-moz-animation-name: rotate2;
-o-animation-name: rotate2;
animation-name: rotate2;
-webkit-animation-duration: 100s;
-moz-animation-duration: 100s;
-o-animation-duration: 100s;
animation-duration: 100s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.startSection .image .el3 {
position: absolute;
left: 145px;
top: 145px;
-webkit-animation-name: rotate2;
-moz-animation-name: rotate2;
-o-animation-name: rotate2;
animation-name: rotate2;
-webkit-animation-duration: 40s;
-moz-animation-duration: 40s;
-o-animation-duration: 40s;
animation-duration: 40s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.startSection .image .el4 {
position: absolute;
max-width: unset;
left: -109px;
top: -79px;
z-index: 1;
}
.startSection .image .el5 {
position: absolute;
max-width: unset;
left: 200px;
top: 238px;
z-index: 2;
}
.startSection .wrapper {
position: relative;
}
.startSection .titleContainer {
max-width: 500px;
}
.startSection .titleContainer+.contentContainer {
margin-top: 56px;
}
.startSection .contentContainer {
max-width: 600px;
}
.startSection .title {
display: block;
font-size: 40px;
line-height: 60px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.startSection .info {
max-width: 400px;
font-size: 20px;
line-height: 30px;
color: #acb0bc;
font-weight: 500;
}
.startSection .info .highlighted {
background: #f562e5;
background: -moz-linear-gradient(left, #f562e5 0%, #4addff 100%);
background: -webkit-linear-gradient(left, #f562e5 0%, #4addff 100%);
background: linear-gradient(to right, #f562e5 0%, #4addff 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.startSection .button {
margin-top: 43px;
}
.startSection .logo {
margin-top: 245px;
position: relative;
}
.startSection .logo img {
display: block;
margin-left: auto;
margin-right: auto;
opacity: 0.15;
}
@keyframes rotate1 {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes rotate2 {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.mainAboutSection {
position: relative;
margin-top: 83px;
}
.mainAboutSection::before {
content: "";
display: block;
position: absolute;
top: -522px;
left: 50%;
margin-left: -960px;
width: 1920px;
height: 1431px;
background-image: url(../img/back_2.png);
background-size: 100% auto;
background-position: center bottom;
background-repeat: no-repeat;
z-index: -2;
}
.mainAboutSection .titleContainer .title {
position: relative;
display: block;
font-size: 40px;
line-height: 50px;
color: rgb(255, 255, 255);
font-weight: 500;
text-align: center;
z-index: 2;
}
.mainAboutSection .titleContainer .title span {
font-size: 60px;
line-height: 76px;
}
.mainAboutSection .titleContainer .title .highlighted {
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.mainAboutSection .titleContainer+.contentContainer {
margin-top: 10px;
}
.mainAboutSection .contentContainer {
position: relative;
}
.mainAboutSection .contentContainer::before {
content: "";
display: block;
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
margin: 0px auto;
width: 477px;
height: 480px;
background-image: url(../img/slider_back.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -1;
}
.mainAboutSection .animatedSphere {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 155px;
left: 0;
width: 190px;
bottom: auto;
right: 0;
margin: 0 auto;
padding: 0;
z-index: 2;
}
.mainAboutSection .animatedSphere .sphere {
transform-style: preserve-3d;
perspective: 190px;
position: relative;
width: 190px;
height: 190px;
list-style: none;
border-radius: 50%;
margin: 0;
padding: 0;
animation: rotate3d 20s linear infinite both;
}
.mainAboutSection .animatedSphere .sphere>.item {
position: absolute;
display: block;
width: 5px;
height: 5px;
left: 50%;
top: 50%;
margin: -2.5px 0 0 -2.5px;
}
.mainAboutSection .animatedSphere .sphere>.item .dot {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 50%;
animation: pulsate 1s linear infinite both;
}
.mainAboutSection .animatedSphere .sphere .item.item-1 {
transform: translate3d(0px, 0px, 50.41401274px);
}
.mainAboutSection .animatedSphere .sphere .item.item-1 .dot {
background-color: #00b2ec;
animation: pulsate 0.5s linear 0ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-2 {
transform: translate3d(-0.67909414px, -0.47550684px, 50.41039543px);
}
.mainAboutSection .animatedSphere .sphere .item.item-2 .dot {
background-color: #00b1ec;
animation: pulsate 0.5s linear -20ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-3 {
transform: translate3d(-0.56706208px, -1.55799027px, 50.39954378px);
}
.mainAboutSection .animatedSphere .sphere .item.item-3 .dot {
background-color: #00afec;
animation: pulsate 0.5s linear -40ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-4 {
transform: translate3d(0.64363381px, -2.40207409px, 50.38145861px);
}
.mainAboutSection .animatedSphere .sphere .item.item-4 .dot {
background-color: #00aeec;
animation: pulsate 0.5s linear -60ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-5 {
transform: translate3d(2.53978372px, -2.13113159px, 50.35614131px);
}
.mainAboutSection .animatedSphere .sphere .item.item-5 .dot {
background-color: #00acec;
animation: pulsate 0.5s linear -80ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-6 {
transform: translate3d(4.12807323px, -0.36115961px, 50.32359379px);
}
.mainAboutSection .animatedSphere .sphere .item.item-6 .dot {
background-color: #00abec;
animation: pulsate 0.5s linear -100ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-7 {
transform: translate3d(4.30580543px, 2.48595792px, 50.28381854px);
}
.mainAboutSection .animatedSphere .sphere .item.item-7 .dot {
background-color: #00a9ec;
animation: pulsate 0.5s linear -120ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-8 {
transform: translate3d(2.45102163px, 5.25623284px, 50.23681859px);
}
.mainAboutSection .animatedSphere .sphere .item.item-8 .dot {
background-color: #00a8ec;
animation: pulsate 0.5s linear -140ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-9 {
transform: translate3d(-1.15074303px, 6.52618804px, 50.18259751px);
}
.mainAboutSection .animatedSphere .sphere .item.item-9 .dot {
background-color: #00a6ec;
animation: pulsate 0.5s linear -160ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-10 {
transform: translate3d(-5.27050107px, 5.27050107px, 50.12115944px);
}
.mainAboutSection .animatedSphere .sphere .item.item-10 .dot {
background-color: #00a5ec;
animation: pulsate 0.5s linear -180ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-11 {
transform: translate3d(-8.15400686px, 1.43777141px, 50.05250906px);
}
.mainAboutSection .animatedSphere .sphere .item.item-11 .dot {
background-color: #00a3ec;
animation: pulsate 0.5s linear -200ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-12 {
transform: translate3d(-8.25224643px, -3.84808571px, 49.97665158px);
}
.mainAboutSection .animatedSphere .sphere .item.item-12 .dot {
background-color: #00a2ec;
animation: pulsate 0.5s linear -220ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-13 {
transform: translate3d(-4.96510201px, -8.59980894px, 49.8935928px);
}
.mainAboutSection .animatedSphere .sphere .item.item-13 .dot {
background-color: #00a1ec;
animation: pulsate 0.5s linear -240ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-14 {
transform: translate3d(0.93729947px, -10.71338193px, 49.80333903px);
}
.mainAboutSection .animatedSphere .sphere .item.item-14 .dot {
background-color: #009fec;
animation: pulsate 0.5s linear -260ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-15 {
transform: translate3d(7.44192987px, -8.86894666px, 49.70589714px);
}
.mainAboutSection .animatedSphere .sphere .item.item-15 .dot {
background-color: #009eec;
animation: pulsate 0.5s linear -280ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-16 {
transform: translate3d(11.97746891px, -3.20935312px, 49.60127457px);
}
.mainAboutSection .animatedSphere .sphere .item.item-16 .dot {
background-color: #009cec;
animation: pulsate 0.5s linear -300ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-17 {
transform: translate3d(12.42409392px, 4.52200037px, 49.48947927px);
}
.mainAboutSection .animatedSphere .sphere .item.item-17 .dot {
background-color: #009bec;
animation: pulsate 0.5s linear -320ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-18 {
transform: translate3d(8.05409955px, 11.50244622px, 49.37051976px);
}
.mainAboutSection .animatedSphere .sphere .item.item-18 .dot {
background-color: #0099ec;
animation: pulsate 0.5s linear -340ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-19 {
transform: translate3d(0px, 14.86127418px, 49.2444051px);
}
.mainAboutSection .animatedSphere .sphere .item.item-19 .dot {
background-color: #0098ec;
animation: pulsate 0.5s linear -360ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-20 {
transform: translate3d(-8.99340467px, 12.84391296px, 49.11114488px);
}
.mainAboutSection .animatedSphere .sphere .item.item-20 .dot {
background-color: #0096ec;
animation: pulsate 0.5s linear -380ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-21 {
transform: translate3d(-15.50171156px, 5.64216159px, 48.97074928px);
}
.mainAboutSection .animatedSphere .sphere .item.item-21 .dot {
background-color: #0095ec;
animation: pulsate 0.5s linear -400ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-22 {
transform: translate3d(-16.72247005px, -4.48077235px, 48.82322896px);
}
.mainAboutSection .animatedSphere .sphere .item.item-22 .dot {
background-color: #0093ec;
animation: pulsate 0.5s linear -420ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-23 {
transform: translate3d(-11.65171751px, -13.88597621px, 48.66859517px);
}
.mainAboutSection .animatedSphere .sphere .item.item-23 .dot {
background-color: #0092ec;
animation: pulsate 0.5s linear -440ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-24 {
transform: translate3d(-1.65072574px, -18.86788153px, 48.50685968px);
}
.mainAboutSection .animatedSphere .sphere .item.item-24 .dot {
background-color: #0090ec;
animation: pulsate 0.5s linear -460ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-25 {
transform: translate3d(9.87580531px, -17.10539657px, 48.33803481px);
}
.mainAboutSection .animatedSphere .sphere .item.item-25 .dot {
background-color: #008fec;
animation: pulsate 0.5s linear -480ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-26 {
transform: translate3d(18.63528622px, -8.68977667px, 48.16213342px);
}
.mainAboutSection .animatedSphere .sphere .item.item-26 .dot {
background-color: #008eec;
animation: pulsate 0.5s linear -500ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-27 {
transform: translate3d(21.04568652px, 3.71092236px, 47.97916889px);
}
.mainAboutSection .animatedSphere .sphere .item.item-27 .dot {
background-color: #008cec;
animation: pulsate 0.5s linear -520ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-28 {
transform: translate3d(15.68172598px, 15.68172598px, 47.78915518px);
}
.mainAboutSection .animatedSphere .sphere .item.item-28 .dot {
background-color: #008bec;
animation: pulsate 0.5s linear -540ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-29 {
transform: translate3d(3.99088315px, 22.63342305px, 47.59210674px);
}
.mainAboutSection .animatedSphere .sphere .item.item-29 .dot {
background-color: #0089ec;
animation: pulsate 0.5s linear -560ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-30 {
transform: translate3d(-10.0524404px, 21.557528px, 47.38803857px);
}
.mainAboutSection .animatedSphere .sphere .item.item-30 .dot {
background-color: #0088ec;
animation: pulsate 0.5s linear -580ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-31 {
transform: translate3d(-21.29366746px, 12.29390464px, 47.17696624px);
}
.mainAboutSection .animatedSphere .sphere .item.item-31 .dot {
background-color: #0086ec;
animation: pulsate 0.5s linear -600ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-32 {
transform: translate3d(-25.29103807px, -2.21267912px, 46.95890579px);
}
.mainAboutSection .animatedSphere .sphere .item.item-32 .dot {
background-color: #0085ec;
animation: pulsate 0.5s linear -620ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-33 {
transform: translate3d(-20.05929415px, -16.83174632px, 46.73387385px);
}
.mainAboutSection .animatedSphere .sphere .item.item-33 .dot {
background-color: #0083ec;
animation: pulsate 0.5s linear -640ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-34 {
transform: translate3d(-6.98331513px, -26.06208687px, 46.50188755px);
}
.mainAboutSection .animatedSphere .sphere .item.item-34 .dot {
background-color: #0082ec;
animation: pulsate 0.5s linear -660ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-35 {
transform: translate3d(9.49971617px, -26.10025568px, 46.26296456px);
}
.mainAboutSection .animatedSphere .sphere .item.item-35 .dot {
background-color: #0080ec;
animation: pulsate 0.5s linear -680ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-36 {
transform: translate3d(23.40075819px, -16.38538728px, 46.01712306px);
}
.mainAboutSection .animatedSphere .sphere .item.item-36 .dot {
background-color: #007fec;
animation: pulsate 0.5s linear -700ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-37 {
transform: translate3d(29.35661447px, 0px, 45.76438179px);
}
.mainAboutSection .animatedSphere .sphere .item.item-37 .dot {
background-color: #007eec;
animation: pulsate 0.5s linear -720ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-38 {
transform: translate3d(24.69247201px, 17.28985504px, 45.50475998px);
}
.mainAboutSection .animatedSphere .sphere .item.item-38 .dot {
background-color: #007cec;
animation: pulsate 0.5s linear -740ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-39 {
transform: translate3d(10.57833235px, 29.06372927px, 45.23827742px);
}
.mainAboutSection .animatedSphere .sphere .item.item-39 .dot {
background-color: #007bec;
animation: pulsate 0.5s linear -760ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-40 {
transform: translate3d(-8.20757939px, 30.6311033px, 44.96495439px);
}
.mainAboutSection .animatedSphere .sphere .item.item-40 .dot {
background-color: #0079ec;
animation: pulsate 0.5s linear -780ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-41 {
transform: translate3d(-24.89024987px, 20.88539949px, 44.68481171px);
}
.mainAboutSection .animatedSphere .sphere .item.item-41 .dot {
background-color: #0078ec;
animation: pulsate 0.5s linear -800ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-42 {
transform: translate3d(-33.14309996px, 2.89964552px, 44.39787072px);
}
.mainAboutSection .animatedSphere .sphere .item.item-42 .dot {
background-color: #0076ec;
animation: pulsate 0.5s linear -820ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-43 {
transform: translate3d(-29.48379608px, -17.0224776px, 44.10415326px);
}
.mainAboutSection .animatedSphere .sphere .item.item-43 .dot {
background-color: #0075ec;
animation: pulsate 0.5s linear -840ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-44 {
transform: translate3d(-14.71456058px, -31.555477px, 43.8036817px);
}
.mainAboutSection .animatedSphere .sphere .item.item-44 .dot {
background-color: #0073ec;
animation: pulsate 0.5s linear -860ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-45 {
transform: translate3d(6.17972647px, -35.04697036px, 43.49647892px);
}
.mainAboutSection .animatedSphere .sphere .item.item-45 .dot {
background-color: #0072ec;
animation: pulsate 0.5s linear -880ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-46 {
transform: translate3d(25.70681476px, -25.70681476px, 43.18256833px);
}
.mainAboutSection .animatedSphere .sphere .item.item-46 .dot {
background-color: #0070ec;
animation: pulsate 0.5s linear -900ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-47 {
transform: translate3d(36.55552924px, -6.4457261px, 42.86197382px);
}
.mainAboutSection .animatedSphere .sphere .item.item-47 .dot {
background-color: #006fec;
animation: pulsate 0.5s linear -920ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-48 {
transform: translate3d(34.33199169px, 16.00927065px, 42.53471981px);
}
.mainAboutSection .animatedSphere .sphere .item.item-48 .dot {
background-color: #006eec;
animation: pulsate 0.5s linear -940ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-49 {
transform: translate3d(19.31999055px, 33.46320523px, 42.20083121px);
}
.mainAboutSection .animatedSphere .sphere .item.item-49 .dot {
background-color: #006cec;
animation: pulsate 0.5s linear -960ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-50 {
transform: translate3d(-3.43357527px, 39.24594492px, 41.86033347px);
}
.mainAboutSection .animatedSphere .sphere .item.item-50 .dot {
background-color: #006bec;
animation: pulsate 0.5s linear -980ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-51 {
transform: translate3d(-25.80710932px, 30.75571524px, 41.51325251px);
}
.mainAboutSection .animatedSphere .sphere .item.item-51 .dot {
background-color: #0069ec;
animation: pulsate 0.5s linear -1000ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-52 {
transform: translate3d(-39.50496976px, 10.58532474px, 41.15961475px);
}
.mainAboutSection .animatedSphere .sphere .item.item-52 .dot {
background-color: #0068ec;
animation: pulsate 0.5s linear -1020ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-53 {
transform: translate3d(-39.13374252px, -14.24351743px, 40.79944714px);
}
.mainAboutSection .animatedSphere .sphere .item.item-53 .dot {
background-color: #0066ec;
animation: pulsate 0.5s linear -1040ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-54 {
transform: translate3d(-24.3132124px, -34.72286582px, 40.43277709px);
}
.mainAboutSection .animatedSphere .sphere .item.item-54 .dot {
background-color: #0065ec;
animation: pulsate 0.5s linear -1060ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-55 {
transform: translate3d(0px, -43.12909748px, 40.05963254px);
}
.mainAboutSection .animatedSphere .sphere .item.item-55 .dot {
background-color: #0063ec;
animation: pulsate 0.5s linear -1080ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-56 {
transform: translate3d(25.16057179px, -35.93302045px, 39.68004189px);
}
.mainAboutSection .animatedSphere .sphere .item.item-56 .dot {
background-color: #0062ec;
animation: pulsate 0.5s linear -1100ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-57 {
transform: translate3d(41.91010151px, -15.25402946px, 39.29403406px);
}
.mainAboutSection .animatedSphere .sphere .item.item-57 .dot {
background-color: #0060ec;
animation: pulsate 0.5s linear -1120ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-58 {
transform: translate3d(43.78549713px, 11.7322886px, 38.90163844px);
}
.mainAboutSection .animatedSphere .sphere .item.item-58 .dot {
background-color: #005fec;
animation: pulsate 0.5s linear -1140ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-59 {
transform: translate3d(29.60481361px, 35.28164298px, 38.50288492px);
}
.mainAboutSection .animatedSphere .sphere .item.item-59 .dot {
background-color: #005eec;
animation: pulsate 0.5s linear -1160ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-60 {
transform: translate3d(4.07716641px, 46.60222528px, 38.09780385px);
}
.mainAboutSection .animatedSphere .sphere .item.item-60 .dot {
background-color: #005cec;
animation: pulsate 0.5s linear -1180ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-61 {
transform: translate3d(-23.75px, 41.13620668px, 37.6864261px);
}
.mainAboutSection .animatedSphere .sphere .item.item-61 .dot {
background-color: #005bec;
animation: pulsate 0.5s linear -1200ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-62 {
transform: translate3d(-43.6986672px, 20.37702317px, 37.26878298px);
}
.mainAboutSection .animatedSphere .sphere .item.item-62 .dot {
background-color: #0059ec;
animation: pulsate 0.5s linear -1220ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-63 {
transform: translate3d(-48.18528148px, -8.4963652px, 36.84490631px);
}
.mainAboutSection .animatedSphere .sphere .item.item-63 .dot {
background-color: #0058ec;
animation: pulsate 0.5s linear -1240ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-64 {
transform: translate3d(-35.09891644px, -35.09891644px, 36.41482835px);
}
.mainAboutSection .animatedSphere .sphere .item.item-64 .dot {
background-color: #0056ec;
animation: pulsate 0.5s linear -1260ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-65 {
transform: translate3d(-8.74185388px, -49.57751699px, 35.97858187px);
}
.mainAboutSection .animatedSphere .sphere .item.item-65 .dot {
background-color: #0055ec;
animation: pulsate 0.5s linear -1280ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-66 {
transform: translate3d(21.57189952px, -46.26108781px, 35.53620009px);
}
.mainAboutSection .animatedSphere .sphere .item.item-66 .dot {
background-color: #0053ec;
animation: pulsate 0.5s linear -1300ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-67 {
transform: translate3d(44.80876782px, -25.87035416px, 35.08771669px);
}
.mainAboutSection .animatedSphere .sphere .item.item-67 .dot {
background-color: #0052ec;
animation: pulsate 0.5s linear -1320ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-68 {
transform: translate3d(52.23448635px, 4.5699254px, 34.63316584px);
}
.mainAboutSection .animatedSphere .sphere .item.item-68 .dot {
background-color: #0050ec;
animation: pulsate 0.5s linear -1340ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-69 {
transform: translate3d(40.69482855px, 34.14701563px, 34.17258213px);
}
.mainAboutSection .animatedSphere .sphere .item.item-69 .dot {
background-color: #004fec;
animation: pulsate 0.5s linear -1360ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-70 {
transform: translate3d(13.92668853px, 51.97510918px, 33.70600066px);
}
.mainAboutSection .animatedSphere .sphere .item.item-70 .dot {
background-color: #004dec;
animation: pulsate 0.5s linear -1380ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-71 {
transform: translate3d(-18.63659602px, 51.20362675px, 33.23345695px);
}
.mainAboutSection .animatedSphere .sphere .item.item-71 .dot {
background-color: #004cec;
animation: pulsate 0.5s linear -1400ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-72 {
transform: translate3d(-45.18998126px, 31.64236553px, 32.75498698px);
}
.mainAboutSection .animatedSphere .sphere .item.item-72 .dot {
background-color: #004bec;
animation: pulsate 0.5s linear -1420ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-73 {
transform: translate3d(-55.83959897px, 0px, 32.2706272px);
}
.mainAboutSection .animatedSphere .sphere .item.item-73 .dot {
background-color: #0049ec;
animation: pulsate 0.5s linear -1440ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-74 {
transform: translate3d(-46.28877867px, -32.41175176px, 31.7804145px);
}
.mainAboutSection .animatedSphere .sphere .item.item-74 .dot {
background-color: #0048ec;
animation: pulsate 0.5s linear -1460ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-75 {
transform: translate3d(-19.55412175px, -53.72450795px, 31.28438619px);
}
.mainAboutSection .animatedSphere .sphere .item.item-75 .dot {
background-color: #0046ec;
animation: pulsate 0.5s linear -1480ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-76 {
transform: translate3d(14.96810992px, -55.8617467px, 30.78258007px);
}
.mainAboutSection .animatedSphere .sphere .item.item-76 .dot {
background-color: #0045ec;
animation: pulsate 0.5s linear -1500ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-77 {
transform: translate3d(44.80428494px, -37.59525897px, 30.27503433px);
}
.mainAboutSection .animatedSphere .sphere .item.item-77 .dot {
background-color: #0043ec;
animation: pulsate 0.5s linear -1520ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-78 {
transform: translate3d(58.91384915px, -5.15429393px, 29.76178764px);
}
.mainAboutSection .animatedSphere .sphere .item.item-78 .dot {
background-color: #0042ec;
animation: pulsate 0.5s linear -1540ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-79 {
transform: translate3d(51.77570735px, 29.89271857px, 29.24287908px);
}
.mainAboutSection .animatedSphere .sphere .item.item-79 .dot {
background-color: #0040ec;
animation: pulsate 0.5s linear -1560ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-80 {
transform: translate3d(25.53773582px, 54.7658512px, 28.71834816px);
}
.mainAboutSection .animatedSphere .sphere .item.item-80 .dot {
background-color: #003fec;
animation: pulsate 0.5s linear -1580ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-81 {
transform: translate3d(-10.60379522px, 60.13711105px, 28.18823484px);
}
.mainAboutSection .animatedSphere .sphere .item.item-81 .dot {
background-color: #003dec;
animation: pulsate 0.5s linear -1600ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-82 {
transform: translate3d(-43.62676631px, 43.62676631px, 27.65257947px);
}
.mainAboutSection .animatedSphere .sphere .item.item-82 .dot {
background-color: #003cec;
animation: pulsate 0.5s linear -1620ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-83 {
transform: translate3d(-61.37874173px, 10.82272821px, 27.11142286px);
}
.mainAboutSection .animatedSphere .sphere .item.item-83 .dot {
background-color: #003bec;
animation: pulsate 0.5s linear -1640ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-84 {
transform: translate3d(-57.05108241px, -26.60335663px, 26.56480621px);
}
.mainAboutSection .animatedSphere .sphere .item.item-84 .dot {
background-color: #0039ec;
animation: pulsate 0.5s linear -1660ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-85 {
transform: translate3d(-31.7837038px, -55.05098984px, 26.01277116px);
}
.mainAboutSection .animatedSphere .sphere .item.item-85 .dot {
background-color: #0038ec;
animation: pulsate 0.5s linear -1680ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-86 {
transform: translate3d(5.5937488px, -63.93684138px, 25.45535974px);
}
.mainAboutSection .animatedSphere .sphere .item.item-86 .dot {
background-color: #0036ec;
animation: pulsate 0.5s linear -1700ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-87 {
transform: translate3d(41.64610909px, -49.63190012px, 24.89261439px);
}
.mainAboutSection .animatedSphere .sphere .item.item-87 .dot {
background-color: #0035ec;
animation: pulsate 0.5s linear -1720ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-88 {
transform: translate3d(63.16544892px, -16.92513103px, 24.32457799px);
}
.mainAboutSection .animatedSphere .sphere .item.item-88 .dot {
background-color: #0033ec;
animation: pulsate 0.5s linear -1740ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-89 {
transform: translate3d(62.01270775px, 22.57077977px, 23.75129377px);
}
.mainAboutSection .animatedSphere .sphere .item.item-89 .dot {
background-color: #0032ec;
animation: pulsate 0.5s linear -1760ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-90 {
transform: translate3d(38.19237861px, 54.54436939px, 23.17280541px);
}
.mainAboutSection .animatedSphere .sphere .item.item-90 .dot {
background-color: #0030ec;
animation: pulsate 0.5s linear -1780ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-91 {
transform: translate3d(0px, 67.17514421px, 22.58915695px);
}
.mainAboutSection .animatedSphere .sphere .item.item-91 .dot {
background-color: #002fec;
animation: pulsate 0.5s linear -1800ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-92 {
transform: translate3d(-38.86484683px, 55.50475353px, 22.00039285px);
}
.mainAboutSection .animatedSphere .sphere .item.item-92 .dot {
background-color: #002dec;
animation: pulsate 0.5s linear -1820ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-93 {
transform: translate3d(-64.21603871px, 23.37272665px, 21.40655793px);
}
.mainAboutSection .animatedSphere .sphere .item.item-93 .dot {
background-color: #002cec;
animation: pulsate 0.5s linear -1840ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-94 {
transform: translate3d(-66.56249468px, -17.83536669px, 20.80769743px);
}
.mainAboutSection .animatedSphere .sphere .item.item-94 .dot {
background-color: #002bec;
animation: pulsate 0.5s linear -1860ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-95 {
transform: translate3d(-44.65998428px, -53.22369671px, 20.20385694px);
}
.mainAboutSection .animatedSphere .sphere .item.item-95 .dot {
background-color: #0029ec;
animation: pulsate 0.5s linear -1880ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-96 {
transform: translate3d(-6.10450562px, -69.77481853px, 19.59508246px);
}
.mainAboutSection .animatedSphere .sphere .item.item-96 .dot {
background-color: #0028ec;
animation: pulsate 0.5s linear -1900ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-97 {
transform: translate3d(35.29937921px, -61.14031827px, 18.98142034px);
}
.mainAboutSection .animatedSphere .sphere .item.item-97 .dot {
background-color: #0026ec;
animation: pulsate 0.5s linear -1920ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-98 {
transform: translate3d(64.48451818px, -30.06962466px, 18.36291732px);
}
.mainAboutSection .animatedSphere .sphere .item.item-98 .dot {
background-color: #0025ec;
animation: pulsate 0.5s linear -1940ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-99 {
transform: translate3d(70.60816536px, 12.45012461px, 17.73962049px);
}
.mainAboutSection .animatedSphere .sphere .item.item-99 .dot {
background-color: #0023ec;
animation: pulsate 0.5s linear -1960ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-100 {
transform: translate3d(51.0803804px, 51.0803804px, 17.11157733px);
}
.mainAboutSection .animatedSphere .sphere .item.item-100 .dot {
background-color: #0022ec;
animation: pulsate 0.5s linear -1980ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-101 {
transform: translate3d(12.63711105px, 71.66861814px, 16.47883566px);
}
.mainAboutSection .animatedSphere .sphere .item.item-101 .dot {
background-color: #0020ec;
animation: pulsate 0.5s linear -2000ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-102 {
transform: translate3d(-30.97975081px, 66.43629002px, 15.84144367px);
}
.mainAboutSection .animatedSphere .sphere .item.item-102 .dot {
background-color: #001fec;
animation: pulsate 0.5s linear -2020ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-103 {
transform: translate3d(-63.93767378px, 36.91443317px, 15.19944989px);
}
.mainAboutSection .animatedSphere .sphere .item.item-103 .dot {
background-color: #001dec;
animation: pulsate 0.5s linear -2040ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-104 {
transform: translate3d(-74.06485917px, -6.47983554px, 14.55290322px);
}
.mainAboutSection .animatedSphere .sphere .item.item-104 .dot {
background-color: #001cec;
animation: pulsate 0.5s linear -2060ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-105 {
transform: translate3d(-57.3468696px, -48.11973713px, 13.90185289px);
}
.mainAboutSection .animatedSphere .sphere .item.item-105 .dot {
background-color: #001aec;
animation: pulsate 0.5s linear -2080ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-106 {
transform: translate3d(-19.50682063px, -72.80044567px, 13.24634849px);
}
.mainAboutSection .animatedSphere .sphere .item.item-106 .dot {
background-color: #0019ec;
animation: pulsate 0.5s linear -2100ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-107 {
transform: translate3d(25.949196px, -71.29483007px, 12.58643994px);
}
.mainAboutSection .animatedSphere .sphere .item.item-107 .dot {
background-color: #0018ec;
animation: pulsate 0.5s linear -2120ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-108 {
transform: translate3d(62.55569412px, -43.80196858px, 11.92217748px);
}
.mainAboutSection .animatedSphere .sphere .item.item-108 .dot {
background-color: #0016ec;
animation: pulsate 0.5s linear -2140ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-109 {
transform: translate3d(76.85661447px, 0px, 11.25361171px);
}
.mainAboutSection .animatedSphere .sphere .item.item-109 .dot {
background-color: #0015ec;
animation: pulsate 0.5s linear -2160ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-110 {
transform: translate3d(63.35401716px, 44.36096039px, 10.58079353px);
}
.mainAboutSection .animatedSphere .sphere .item.item-110 .dot {
background-color: #0013ec;
animation: pulsate 0.5s linear -2180ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-111 {
transform: translate3d(26.61581746px, 73.12635748px, 9.90377419px);
}
.mainAboutSection .animatedSphere .sphere .item.item-111 .dot {
background-color: #0012ec;
animation: pulsate 0.5s linear -2200ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-112 {
transform: translate3d(-20.26345755px, 75.62425312px, 9.22260525px);
}
.mainAboutSection .animatedSphere .sphere .item.item-112 .dot {
background-color: #0010ec;
animation: pulsate 0.5s linear -2220ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-113 {
transform: translate3d(-60.33256443px, 50.62503256px, 8.53733857px);
}
.mainAboutSection .animatedSphere .sphere .item.item-113 .dot {
background-color: #000fec;
animation: pulsate 0.5s linear -2240ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-114 {
transform: translate3d(-78.9177003px, 6.90440413px, 7.84802634px);
}
.mainAboutSection .animatedSphere .sphere .item.item-114 .dot {
background-color: #000dec;
animation: pulsate 0.5s linear -2260ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-115 {
transform: translate3d(-68.99945164px, -39.83685198px, 7.15472107px);
}
.mainAboutSection .animatedSphere .sphere .item.item-115 .dot {
background-color: #000cec;
animation: pulsate 0.5s linear -2280ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-116 {
transform: translate3d(-33.86109955px, -72.61536231px, 6.45747553px);
}
.mainAboutSection .animatedSphere .sphere .item.item-116 .dot {
background-color: #000aec;
animation: pulsate 0.5s linear -2300ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-117 {
transform: translate3d(13.98989061px, -79.3406123px, 5.75634284px);
}
.mainAboutSection .animatedSphere .sphere .item.item-117 .dot {
background-color: #0009ec;
animation: pulsate 0.5s linear -2320ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-118 {
transform: translate3d(57.276226px, -57.276226px, 5.05137639px);
}
.mainAboutSection .animatedSphere .sphere .item.item-118 .dot {
background-color: #0008ec;
animation: pulsate 0.5s linear -2340ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-119 {
transform: translate3d(80.19377532px, -14.14032627px, 4.34262986px);
}
.mainAboutSection .animatedSphere .sphere .item.item-119 .dot {
background-color: #0006ec;
animation: pulsate 0.5s linear -2360ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-120 {
transform: translate3d(74.18561568px, 34.59332071px, 3.63015722px);
}
.mainAboutSection .animatedSphere .sphere .item.item-120 .dot {
background-color: #0005ec;
animation: pulsate 0.5s linear -2380ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-121 {
transform: translate3d(41.13620668px, 71.25px, 2.91401274px);
}
.mainAboutSection .animatedSphere .sphere .item.item-121 .dot {
background-color: #0003ec;
animation: pulsate 0.5s linear -2400ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-122 {
transform: translate3d(-7.20636723px, 82.36915433px, 2.19425095px);
}
.mainAboutSection .animatedSphere .sphere .item.item-122 .dot {
background-color: #0002ec;
animation: pulsate 0.5s linear -2420ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-123 {
transform: translate3d(-53.40849754px, 63.64976882px, 1.47092666px);
}
.mainAboutSection .animatedSphere .sphere .item.item-123 .dot {
background-color: #0000ec;
animation: pulsate 0.5s linear -2440ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-124 {
transform: translate3d(-80.64285384px, 21.60818756px, 0.74409496px);
}
.mainAboutSection .animatedSphere .sphere .item.item-124 .dot {
background-color: #0100ec;
animation: pulsate 0.5s linear -2460ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-125 {
transform: translate3d(-78.82143707px, -28.68865691px, 0.0138112px);
}
.mainAboutSection .animatedSphere .sphere .item.item-125 .dot {
background-color: #0300ec;
animation: pulsate 0.5s linear -2480ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-126 {
transform: translate3d(-48.33300871px, -69.02669004px, -0.719869px);
}
.mainAboutSection .animatedSphere .sphere .item.item-126 .dot {
background-color: #0400ec;
animation: pulsate 0.5s linear -2500ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-127 {
transform: translate3d(0px, -84.6456198px, -1.45688979px);
}
.mainAboutSection .animatedSphere .sphere .item.item-127 .dot {
background-color: #0600ec;
animation: pulsate 0.5s linear -2520ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-128 {
transform: translate3d(48.76475988px, -69.64329462px, -2.19719502px);
}
.mainAboutSection .animatedSphere .sphere .item.item-128 .dot {
background-color: #0700ec;
animation: pulsate 0.5s linear -2540ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-129 {
transform: translate3d(80.23606263px, -29.20353851px, -2.94072832px);
}
.mainAboutSection .animatedSphere .sphere .item.item-129 .dot {
background-color: #0800ec;
animation: pulsate 0.5s linear -2560ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-130 {
transform: translate3d(82.82389148px, 22.19259483px, -3.68743306px);
}
.mainAboutSection .animatedSphere .sphere .item.item-130 .dot {
background-color: #0a00ec;
animation: pulsate 0.5s linear -2580ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-131 {
transform: translate3d(55.34352453px, 65.95584418px, -4.4372524px);
}
.mainAboutSection .animatedSphere .sphere .item.item-131 .dot {
background-color: #0b00ec;
animation: pulsate 0.5s linear -2600ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-132 {
transform: translate3d(7.53429329px, 86.11736638px, -5.19012921px);
}
.mainAboutSection .animatedSphere .sphere .item.item-132 .dot {
background-color: #0d00ec;
animation: pulsate 0.5s linear -2620ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-133 {
transform: translate3d(-43.39340924px, 75.15958951px, -5.94600617px);
}
.mainAboutSection .animatedSphere .sphere .item.item-133 .dot {
background-color: #0e00ec;
animation: pulsate 0.5s linear -2640ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-134 {
transform: translate3d(-78.95817523px, 36.81880178px, -6.70482571px);
}
.mainAboutSection .animatedSphere .sphere .item.item-134 .dot {
background-color: #1000ec;
animation: pulsate 0.5s linear -2660ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-135 {
transform: translate3d(-86.11943005px, -15.18517908px, -7.46653005px);
}
.mainAboutSection .animatedSphere .sphere .item.item-135 .dot {
background-color: #1100ec;
animation: pulsate 0.5s linear -2680ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-136 {
transform: translate3d(-62.06174083px, -62.06174083px, -8.23106119px);
}
.mainAboutSection .animatedSphere .sphere .item.item-136 .dot {
background-color: #1300ec;
animation: pulsate 0.5s linear -2700ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-137 {
transform: translate3d(-15.29535974px, -86.7442956px, -8.99836089px);
}
.mainAboutSection .animatedSphere .sphere .item.item-137 .dot {
background-color: #1400ec;
animation: pulsate 0.5s linear -2720ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-138 {
transform: translate3d(37.35508825px, -80.10824527px, -9.76837072px);
}
.mainAboutSection .animatedSphere .sphere .item.item-138 .dot {
background-color: #1600ec;
animation: pulsate 0.5s linear -2740ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-139 {
transform: translate3d(76.80791475px, -44.34507026px, -10.54103205px);
}
.mainAboutSection .animatedSphere .sphere .item.item-139 .dot {
background-color: #1700ec;
animation: pulsate 0.5s linear -2760ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-140 {
transform: translate3d(88.64524753px, 7.75545423px, -11.31628604px);
}
.mainAboutSection .animatedSphere .sphere .item.item-140 .dot {
background-color: #1800ec;
animation: pulsate 0.5s linear -2780ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-141 {
transform: translate3d(68.38539949px, 57.38216349px, -12.09407365px);
}
.mainAboutSection .animatedSphere .sphere .item.item-141 .dot {
background-color: #1a00ec;
animation: pulsate 0.5s linear -2800ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-142 {
transform: translate3d(23.17748921px, 86.49956731px, -12.87433563px);
}
.mainAboutSection .animatedSphere .sphere .item.item-142 .dot {
background-color: #1b00ec;
animation: pulsate 0.5s linear -2820ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-143 {
transform: translate3d(-30.72170788px, 84.40719869px, -13.65701259px);
}
.mainAboutSection .animatedSphere .sphere .item.item-143 .dot {
background-color: #1d00ec;
animation: pulsate 0.5s linear -2840ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-144 {
transform: translate3d(-73.79801978px, 51.67392975px, -14.4420449px);
}
.mainAboutSection .animatedSphere .sphere .item.item-144 .dot {
background-color: #1e00ec;
animation: pulsate 0.5s linear -2860ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-145 {
transform: translate3d(-90.35036905px, 0px, -15.2293728px);
}
.mainAboutSection .animatedSphere .sphere .item.item-145 .dot {
background-color: #2000ec;
animation: pulsate 0.5s linear -2880ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-146 {
transform: translate3d(-74.21772304px, -51.96780914px, -16.01893631px);
}
.mainAboutSection .animatedSphere .sphere .item.item-146 .dot {
background-color: #2100ec;
animation: pulsate 0.5s linear -2900ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-147 {
transform: translate3d(-31.07217152px, -85.37008963px, -16.81067531px);
}
.mainAboutSection .animatedSphere .sphere .item.item-147 .dot {
background-color: #2300ec;
animation: pulsate 0.5s linear -2920ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-148 {
transform: translate3d(23.57527678px, -87.98413074px, -17.60452951px);
}
.mainAboutSection .animatedSphere .sphere .item.item-148 .dot {
background-color: #2400ec;
animation: pulsate 0.5s linear -2940ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-149 {
transform: translate3d(69.95507215px, -58.69927524px, -18.40043846px);
}
.mainAboutSection .animatedSphere .sphere .item.item-149 .dot {
background-color: #2600ec;
animation: pulsate 0.5s linear -2960ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-150 {
transform: translate3d(91.1965371px, -7.97866315px, -19.19834153px);
}
.mainAboutSection .animatedSphere .sphere .item.item-150 .dot {
background-color: #2700ec;
animation: pulsate 0.5s linear -2980ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-151 {
transform: translate3d(79.46904886px, 45.88147675px, -19.99817798px);
}
.mainAboutSection .animatedSphere .sphere .item.item-151 .dot {
background-color: #2900ec;
animation: pulsate 0.5s linear -3000ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-152 {
transform: translate3d(38.86990292px, 83.35677582px, -20.79988688px);
}
.mainAboutSection .animatedSphere .sphere .item.item-152 .dot {
background-color: #2a00ec;
animation: pulsate 0.5s linear -3020ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-153 {
transform: translate3d(-16.00655804px, 90.77770163px, -21.60340718px);
}
.mainAboutSection .animatedSphere .sphere .item.item-153 .dot {
background-color: #2b00ec;
animation: pulsate 0.5s linear -3040ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-154 {
transform: translate3d(-65.31908963px, 65.31908963px, -22.40867769px);
}
.mainAboutSection .animatedSphere .sphere .item.item-154 .dot {
background-color: #2d00ec;
animation: pulsate 0.5s linear -3060ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-155 {
transform: translate3d(-91.15888344px, 16.07377068px, -23.2156371px);
}
.mainAboutSection .animatedSphere .sphere .item.item-155 .dot {
background-color: #2e00ec;
animation: pulsate 0.5s linear -3080ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-156 {
transform: translate3d(-84.058344px, -39.19704954px, -24.02422394px);
}
.mainAboutSection .animatedSphere .sphere .item.item-156 .dot {
background-color: #3000ec;
animation: pulsate 0.5s linear -3100ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-157 {
transform: translate3d(-46.46201103px, -80.47456373px, -24.83437663px);
}
.mainAboutSection .animatedSphere .sphere .item.item-157 .dot {
background-color: #3100ec;
animation: pulsate 0.5s linear -3120ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-158 {
transform: translate3d(8.11357622px, -92.73860055px, -25.64603349px);
}
.mainAboutSection .animatedSphere .sphere .item.item-158 .dot {
background-color: #3300ec;
animation: pulsate 0.5s linear -3140ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-159 {
transform: translate3d(59.94289013px, -71.43715466px, -26.4591327px);
}
.mainAboutSection .animatedSphere .sphere .item.item-159 .dot {
background-color: #3400ec;
animation: pulsate 0.5s linear -3160ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-160 {
transform: translate3d(90.22637436px, -24.17608415px, -27.27361234px);
}
.mainAboutSection .animatedSphere .sphere .item.item-160 .dot {
background-color: #3600ec;
animation: pulsate 0.5s linear -3180ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-161 {
transform: translate3d(87.91457495px, 31.99828844px, -28.08941038px);
}
.mainAboutSection .animatedSphere .sphere .item.item-161 .dot {
background-color: #3700ec;
animation: pulsate 0.5s linear -3200ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-162 {
transform: translate3d(53.74246715px, 76.75219734px, -28.9064647px);
}
.mainAboutSection .animatedSphere .sphere .item.item-162 .dot {
background-color: #3900ec;
animation: pulsate 0.5s linear -3220ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-163 {
transform: translate3d(0px, 93.83039236px, -29.72471308px);
}
.mainAboutSection .animatedSphere .sphere .item.item-163 .dot {
background-color: #3a00ec;
animation: pulsate 0.5s linear -3240ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-164 {
transform: translate3d(-53.89123847px, 76.9646648px, -30.5440932px);
}
.mainAboutSection .animatedSphere .sphere .item.item-164 .dot {
background-color: #3b00ec;
animation: pulsate 0.5s linear -3260ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-165 {
transform: translate3d(-88.4020217px, 32.17570455px, -31.36454267px);
}
.mainAboutSection .animatedSphere .sphere .item.item-165 .dot {
background-color: #3d00ec;
animation: pulsate 0.5s linear -3280ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-166 {
transform: translate3d(-90.97790871px, -24.37745717px, -32.185999px);
}
.mainAboutSection .animatedSphere .sphere .item.item-166 .dot {
background-color: #3e00ec;
animation: pulsate 0.5s linear -3300ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-167 {
transform: translate3d(-60.60965499px, -72.23177408px, -33.00839964px);
}
.mainAboutSection .animatedSphere .sphere .item.item-167 .dot {
background-color: #4000ec;
animation: pulsate 0.5s linear -3320ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-168 {
transform: translate3d(-8.22657184px, -94.03014641px, -33.83168195px);
}
.mainAboutSection .animatedSphere .sphere .item.item-168 .dot {
background-color: #4100ec;
animation: pulsate 0.5s linear -3340ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-169 {
transform: translate3d(47.23979003px, -81.82171647px, -34.65578325px);
}
.mainAboutSection .animatedSphere .sphere .item.item-169 .dot {
background-color: #4300ec;
animation: pulsate 0.5s linear -3360ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-170 {
transform: translate3d(85.70285595px, -39.96389805px, -35.48064077px);
}
.mainAboutSection .animatedSphere .sphere .item.item-170 .dot {
background-color: #4400ec;
animation: pulsate 0.5s linear -3380ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-171 {
transform: translate3d(93.20072491px, 16.43380242px, -36.3061917px);
}
.mainAboutSection .animatedSphere .sphere .item.item-171 .dot {
background-color: #4600ec;
animation: pulsate 0.5s linear -3400ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-172 {
transform: translate3d(66.96806566px, 66.96806566px, -37.13237317px);
}
.mainAboutSection .animatedSphere .sphere .item.item-172 .dot {
background-color: #4700ec;
animation: pulsate 0.5s linear -3420ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-173 {
transform: translate3d(16.45639205px, 93.32883703px, -37.95912226px);
}
.mainAboutSection .animatedSphere .sphere .item.item-173 .dot {
background-color: #4900ec;
animation: pulsate 0.5s linear -3440ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-174 {
transform: translate3d(-40.07384938px, 85.93864733px, -38.78637601px);
}
.mainAboutSection .animatedSphere .sphere .item.item-174 .dot {
background-color: #4a00ec;
animation: pulsate 0.5s linear -3460ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-175 {
transform: translate3d(-82.15966188px, 47.4349029px, -39.61407142px);
}
.mainAboutSection .animatedSphere .sphere .item.item-175 .dot {
background-color: #4b00ec;
animation: pulsate 0.5s linear -3480ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-176 {
transform: translate3d(-94.54842144px, -8.27191503px, -40.44214546px);
}
.mainAboutSection .animatedSphere .sphere .item.item-176 .dot {
background-color: #4d00ec;
animation: pulsate 0.5s linear -3500ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-177 {
transform: translate3d(-72.72989001px, -61.02762388px, -41.27053507px);
}
.mainAboutSection .animatedSphere .sphere .item.item-177 .dot {
background-color: #4e00ec;
animation: pulsate 0.5s linear -3520ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-178 {
transform: translate3d(-24.57938366px, -91.73150863px, -42.09917717px);
}
.mainAboutSection .animatedSphere .sphere .item.item-178 .dot {
background-color: #5000ec;
animation: pulsate 0.5s linear -3540ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-179 {
transform: translate3d(32.48696494px, -89.2572026px, -42.92800865px);
}
.mainAboutSection .animatedSphere .sphere .item.item-179 .dot {
background-color: #5100ec;
animation: pulsate 0.5s linear -3560ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-180 {
transform: translate3d(77.81648108px, -54.48768665px, -43.75696639px);
}
.mainAboutSection .animatedSphere .sphere .item.item-180 .dot {
background-color: #5300ec;
animation: pulsate 0.5s linear -3580ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-181 {
transform: translate3d(95px, 0px, -44.58598726px);
}
.mainAboutSection .animatedSphere .sphere .item.item-181 .dot {
background-color: #5400ec;
animation: pulsate 0.5s linear -3600ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-182 {
transform: translate3d(77.81648108px, 54.48768665px, -45.41500813px);
}
.mainAboutSection .animatedSphere .sphere .item.item-182 .dot {
background-color: #5600ec;
animation: pulsate 0.5s linear -3620ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-183 {
transform: translate3d(32.48696494px, 89.2572026px, -46.24396587px);
}
.mainAboutSection .animatedSphere .sphere .item.item-183 .dot {
background-color: #5700ec;
animation: pulsate 0.5s linear -3640ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-184 {
transform: translate3d(-24.57938366px, 91.73150863px, -47.07279735px);
}
.mainAboutSection .animatedSphere .sphere .item.item-184 .dot {
background-color: #5900ec;
animation: pulsate 0.5s linear -3660ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-185 {
transform: translate3d(-72.72989001px, 61.02762388px, -47.90143945px);
}
.mainAboutSection .animatedSphere .sphere .item.item-185 .dot {
background-color: #5a00ec;
animation: pulsate 0.5s linear -3680ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-186 {
transform: translate3d(-94.54842144px, 8.27191503px, -48.72982906px);
}
.mainAboutSection .animatedSphere .sphere .item.item-186 .dot {
background-color: #5c00ec;
animation: pulsate 0.5s linear -3700ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-187 {
transform: translate3d(-82.15966188px, -47.4349029px, -49.5579031px);
}
.mainAboutSection .animatedSphere .sphere .item.item-187 .dot {
background-color: #5d00ec;
animation: pulsate 0.5s linear -3720ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-188 {
transform: translate3d(-40.07384938px, -85.93864733px, -50.38559852px);
}
.mainAboutSection .animatedSphere .sphere .item.item-188 .dot {
background-color: #5e00ec;
animation: pulsate 0.5s linear -3740ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-189 {
transform: translate3d(16.45639205px, -93.32883703px, -51.21285227px);
}
.mainAboutSection .animatedSphere .sphere .item.item-189 .dot {
background-color: #6000ec;
animation: pulsate 0.5s linear -3760ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-190 {
transform: translate3d(66.96806566px, -66.96806566px, -52.03960136px);
}
.mainAboutSection .animatedSphere .sphere .item.item-190 .dot {
background-color: #6100ec;
animation: pulsate 0.5s linear -3780ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-191 {
transform: translate3d(93.20072491px, -16.43380242px, -52.86578282px);
}
.mainAboutSection .animatedSphere .sphere .item.item-191 .dot {
background-color: #6300ec;
animation: pulsate 0.5s linear -3800ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-192 {
transform: translate3d(85.70285595px, 39.96389805px, -53.69133375px);
}
.mainAboutSection .animatedSphere .sphere .item.item-192 .dot {
background-color: #6400ec;
animation: pulsate 0.5s linear -3820ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-193 {
transform: translate3d(47.23979003px, 81.82171647px, -54.51619127px);
}
.mainAboutSection .animatedSphere .sphere .item.item-193 .dot {
background-color: #6600ec;
animation: pulsate 0.5s linear -3840ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-194 {
transform: translate3d(-8.22657184px, 94.03014641px, -55.34029257px);
}
.mainAboutSection .animatedSphere .sphere .item.item-194 .dot {
background-color: #6700ec;
animation: pulsate 0.5s linear -3860ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-195 {
transform: translate3d(-60.60965499px, 72.23177408px, -56.16357488px);
}
.mainAboutSection .animatedSphere .sphere .item.item-195 .dot {
background-color: #6900ec;
animation: pulsate 0.5s linear -3880ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-196 {
transform: translate3d(-90.97790871px, 24.37745717px, -56.98597552px);
}
.mainAboutSection .animatedSphere .sphere .item.item-196 .dot {
background-color: #6a00ec;
animation: pulsate 0.5s linear -3900ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-197 {
transform: translate3d(-88.4020217px, -32.17570455px, -57.80743185px);
}
.mainAboutSection .animatedSphere .sphere .item.item-197 .dot {
background-color: #6c00ec;
animation: pulsate 0.5s linear -3920ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-198 {
transform: translate3d(-53.89123847px, -76.9646648px, -58.62788132px);
}
.mainAboutSection .animatedSphere .sphere .item.item-198 .dot {
background-color: #6d00ec;
animation: pulsate 0.5s linear -3940ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-199 {
transform: translate3d(0px, -93.83039236px, -59.44726144px);
}
.mainAboutSection .animatedSphere .sphere .item.item-199 .dot {
background-color: #6e00ec;
animation: pulsate 0.5s linear -3960ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-200 {
transform: translate3d(53.74246715px, -76.75219734px, -60.26550982px);
}
.mainAboutSection .animatedSphere .sphere .item.item-200 .dot {
background-color: #7000ec;
animation: pulsate 0.5s linear -3980ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-201 {
transform: translate3d(87.91457495px, -31.99828844px, -61.08256414px);
}
.mainAboutSection .animatedSphere .sphere .item.item-201 .dot {
background-color: #7100ec;
animation: pulsate 0.5s linear -4000ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-202 {
transform: translate3d(90.22637436px, 24.17608415px, -61.89836218px);
}
.mainAboutSection .animatedSphere .sphere .item.item-202 .dot {
background-color: #7300ec;
animation: pulsate 0.5s linear -4020ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-203 {
transform: translate3d(59.94289013px, 71.43715466px, -62.71284182px);
}
.mainAboutSection .animatedSphere .sphere .item.item-203 .dot {
background-color: #7400ec;
animation: pulsate 0.5s linear -4040ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-204 {
transform: translate3d(8.11357622px, 92.73860055px, -63.52594103px);
}
.mainAboutSection .animatedSphere .sphere .item.item-204 .dot {
background-color: #7600ec;
animation: pulsate 0.5s linear -4060ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-205 {
transform: translate3d(-46.46201103px, 80.47456373px, -64.33759789px);
}
.mainAboutSection .animatedSphere .sphere .item.item-205 .dot {
background-color: #7700ec;
animation: pulsate 0.5s linear -4080ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-206 {
transform: translate3d(-84.058344px, 39.19704954px, -65.14775059px);
}
.mainAboutSection .animatedSphere .sphere .item.item-206 .dot {
background-color: #7900ec;
animation: pulsate 0.5s linear -4100ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-207 {
transform: translate3d(-91.15888344px, -16.07377068px, -65.95633742px);
}
.mainAboutSection .animatedSphere .sphere .item.item-207 .dot {
background-color: #7a00ec;
animation: pulsate 0.5s linear -4120ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-208 {
transform: translate3d(-65.31908963px, -65.31908963px, -66.76329683px);
}
.mainAboutSection .animatedSphere .sphere .item.item-208 .dot {
background-color: #7c00ec;
animation: pulsate 0.5s linear -4140ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-209 {
transform: translate3d(-16.00655804px, -90.77770163px, -67.56856734px);
}
.mainAboutSection .animatedSphere .sphere .item.item-209 .dot {
background-color: #7d00ec;
animation: pulsate 0.5s linear -4160ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-210 {
transform: translate3d(38.86990292px, -83.35677582px, -68.37208765px);
}
.mainAboutSection .animatedSphere .sphere .item.item-210 .dot {
background-color: #7e00ec;
animation: pulsate 0.5s linear -4180ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-211 {
transform: translate3d(79.46904886px, -45.88147675px, -69.17379655px);
}
.mainAboutSection .animatedSphere .sphere .item.item-211 .dot {
background-color: #8000ec;
animation: pulsate 0.5s linear -4200ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-212 {
transform: translate3d(91.1965371px, 7.97866315px, -69.97363299px);
}
.mainAboutSection .animatedSphere .sphere .item.item-212 .dot {
background-color: #8100ec;
animation: pulsate 0.5s linear -4220ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-213 {
transform: translate3d(69.95507215px, 58.69927524px, -70.77153606px);
}
.mainAboutSection .animatedSphere .sphere .item.item-213 .dot {
background-color: #8300ec;
animation: pulsate 0.5s linear -4240ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-214 {
transform: translate3d(23.57527678px, 87.98413074px, -71.56744501px);
}
.mainAboutSection .animatedSphere .sphere .item.item-214 .dot {
background-color: #8400ec;
animation: pulsate 0.5s linear -4260ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-215 {
transform: translate3d(-31.07217152px, 85.37008963px, -72.36129921px);
}
.mainAboutSection .animatedSphere .sphere .item.item-215 .dot {
background-color: #8600ec;
animation: pulsate 0.5s linear -4280ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-216 {
transform: translate3d(-74.21772304px, 51.96780914px, -73.15303821px);
}
.mainAboutSection .animatedSphere .sphere .item.item-216 .dot {
background-color: #8700ec;
animation: pulsate 0.5s linear -4300ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-217 {
transform: translate3d(-90.35036905px, 0px, -73.94260173px);
}
.mainAboutSection .animatedSphere .sphere .item.item-217 .dot {
background-color: #8900ec;
animation: pulsate 0.5s linear -4320ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-218 {
transform: translate3d(-73.79801978px, -51.67392975px, -74.72992962px);
}
.mainAboutSection .animatedSphere .sphere .item.item-218 .dot {
background-color: #8a00ec;
animation: pulsate 0.5s linear -4340ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-219 {
transform: translate3d(-30.72170788px, -84.40719869px, -75.51496193px);
}
.mainAboutSection .animatedSphere .sphere .item.item-219 .dot {
background-color: #8c00ec;
animation: pulsate 0.5s linear -4360ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-220 {
transform: translate3d(23.17748921px, -86.49956731px, -76.29763889px);
}
.mainAboutSection .animatedSphere .sphere .item.item-220 .dot {
background-color: #8d00ec;
animation: pulsate 0.5s linear -4380ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-221 {
transform: translate3d(68.38539949px, -57.38216349px, -77.07790088px);
}
.mainAboutSection .animatedSphere .sphere .item.item-221 .dot {
background-color: #8e00ec;
animation: pulsate 0.5s linear -4400ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-222 {
transform: translate3d(88.64524753px, -7.75545423px, -77.85568848px);
}
.mainAboutSection .animatedSphere .sphere .item.item-222 .dot {
background-color: #9000ec;
animation: pulsate 0.5s linear -4420ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-223 {
transform: translate3d(76.80791475px, 44.34507026px, -78.63094247px);
}
.mainAboutSection .animatedSphere .sphere .item.item-223 .dot {
background-color: #9100ec;
animation: pulsate 0.5s linear -4440ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-224 {
transform: translate3d(37.35508825px, 80.10824527px, -79.4036038px);
}
.mainAboutSection .animatedSphere .sphere .item.item-224 .dot {
background-color: #9300ec;
animation: pulsate 0.5s linear -4460ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-225 {
transform: translate3d(-15.29535974px, 86.7442956px, -80.17361364px);
}
.mainAboutSection .animatedSphere .sphere .item.item-225 .dot {
background-color: #9400ec;
animation: pulsate 0.5s linear -4480ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-226 {
transform: translate3d(-62.06174083px, 62.06174083px, -80.94091334px);
}
.mainAboutSection .animatedSphere .sphere .item.item-226 .dot {
background-color: #9600ec;
animation: pulsate 0.5s linear -4500ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-227 {
transform: translate3d(-86.11943005px, 15.18517908px, -81.70544447px);
}
.mainAboutSection .animatedSphere .sphere .item.item-227 .dot {
background-color: #9700ec;
animation: pulsate 0.5s linear -4520ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-228 {
transform: translate3d(-78.95817523px, -36.81880178px, -82.46714881px);
}
.mainAboutSection .animatedSphere .sphere .item.item-228 .dot {
background-color: #9900ec;
animation: pulsate 0.5s linear -4540ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-229 {
transform: translate3d(-43.39340924px, -75.15958951px, -83.22596835px);
}
.mainAboutSection .animatedSphere .sphere .item.item-229 .dot {
background-color: #9a00ec;
animation: pulsate 0.5s linear -4560ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-230 {
transform: translate3d(7.53429329px, -86.11736638px, -83.98184531px);
}
.mainAboutSection .animatedSphere .sphere .item.item-230 .dot {
background-color: #9c00ec;
animation: pulsate 0.5s linear -4580ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-231 {
transform: translate3d(55.34352453px, -65.95584418px, -84.73472213px);
}
.mainAboutSection .animatedSphere .sphere .item.item-231 .dot {
background-color: #9d00ec;
animation: pulsate 0.5s linear -4600ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-232 {
transform: translate3d(82.82389148px, -22.19259483px, -85.48454146px);
}
.mainAboutSection .animatedSphere .sphere .item.item-232 .dot {
background-color: #9f00ec;
animation: pulsate 0.5s linear -4620ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-233 {
transform: translate3d(80.23606263px, 29.20353851px, -86.23124621px);
}
.mainAboutSection .animatedSphere .sphere .item.item-233 .dot {
background-color: #a000ec;
animation: pulsate 0.5s linear -4640ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-234 {
transform: translate3d(48.76475988px, 69.64329462px, -86.97477951px);
}
.mainAboutSection .animatedSphere .sphere .item.item-234 .dot {
background-color: #a100ec;
animation: pulsate 0.5s linear -4660ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-235 {
transform: translate3d(0px, 84.6456198px, -87.71508474px);
}
.mainAboutSection .animatedSphere .sphere .item.item-235 .dot {
background-color: #a300ec;
animation: pulsate 0.5s linear -4680ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-236 {
transform: translate3d(-48.33300871px, 69.02669004px, -88.45210552px);
}
.mainAboutSection .animatedSphere .sphere .item.item-236 .dot {
background-color: #a400ec;
animation: pulsate 0.5s linear -4700ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-237 {
transform: translate3d(-78.82143707px, 28.68865691px, -89.18578573px);
}
.mainAboutSection .animatedSphere .sphere .item.item-237 .dot {
background-color: #a600ec;
animation: pulsate 0.5s linear -4720ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-238 {
transform: translate3d(-80.64285384px, -21.60818756px, -89.91606949px);
}
.mainAboutSection .animatedSphere .sphere .item.item-238 .dot {
background-color: #a700ec;
animation: pulsate 0.5s linear -4740ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-239 {
transform: translate3d(-53.40849754px, -63.64976882px, -90.64290118px);
}
.mainAboutSection .animatedSphere .sphere .item.item-239 .dot {
background-color: #a900ec;
animation: pulsate 0.5s linear -4760ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-240 {
transform: translate3d(-7.20636723px, -82.36915433px, -91.36622547px);
}
.mainAboutSection .animatedSphere .sphere .item.item-240 .dot {
background-color: #aa00ec;
animation: pulsate 0.5s linear -4780ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-241 {
transform: translate3d(41.13620668px, -71.25px, -92.08598726px);
}
.mainAboutSection .animatedSphere .sphere .item.item-241 .dot {
background-color: #ac00ec;
animation: pulsate 0.5s linear -4800ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-242 {
transform: translate3d(74.18561568px, -34.59332071px, -92.80213174px);
}
.mainAboutSection .animatedSphere .sphere .item.item-242 .dot {
background-color: #ad00ec;
animation: pulsate 0.5s linear -4820ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-243 {
transform: translate3d(80.19377532px, 14.14032627px, -93.51460438px);
}
.mainAboutSection .animatedSphere .sphere .item.item-243 .dot {
background-color: #af00ec;
animation: pulsate 0.5s linear -4840ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-244 {
transform: translate3d(57.276226px, 57.276226px, -94.22335091px);
}
.mainAboutSection .animatedSphere .sphere .item.item-244 .dot {
background-color: #b000ec;
animation: pulsate 0.5s linear -4860ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-245 {
transform: translate3d(13.98989061px, 79.3406123px, -94.92831736px);
}
.mainAboutSection .animatedSphere .sphere .item.item-245 .dot {
background-color: #b100ec;
animation: pulsate 0.5s linear -4880ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-246 {
transform: translate3d(-33.86109955px, 72.61536231px, -95.62945005px);
}
.mainAboutSection .animatedSphere .sphere .item.item-246 .dot {
background-color: #b300ec;
animation: pulsate 0.5s linear -4900ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-247 {
transform: translate3d(-68.99945164px, 39.83685198px, -96.32669559px);
}
.mainAboutSection .animatedSphere .sphere .item.item-247 .dot {
background-color: #b400ec;
animation: pulsate 0.5s linear -4920ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-248 {
transform: translate3d(-78.9177003px, -6.90440413px, -97.02000087px);
}
.mainAboutSection .animatedSphere .sphere .item.item-248 .dot {
background-color: #b600ec;
animation: pulsate 0.5s linear -4940ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-249 {
transform: translate3d(-60.33256443px, -50.62503256px, -97.70931309px);
}
.mainAboutSection .animatedSphere .sphere .item.item-249 .dot {
background-color: #b700ec;
animation: pulsate 0.5s linear -4960ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-250 {
transform: translate3d(-20.26345755px, -75.62425312px, -98.39457977px);
}
.mainAboutSection .animatedSphere .sphere .item.item-250 .dot {
background-color: #b900ec;
animation: pulsate 0.5s linear -4980ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-251 {
transform: translate3d(26.61581746px, -73.12635748px, -99.07574871px);
}
.mainAboutSection .animatedSphere .sphere .item.item-251 .dot {
background-color: #ba00ec;
animation: pulsate 0.5s linear -5000ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-252 {
transform: translate3d(63.35401716px, -44.36096039px, -99.75276805px);
}
.mainAboutSection .animatedSphere .sphere .item.item-252 .dot {
background-color: #bc00ec;
animation: pulsate 0.5s linear -5020ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-253 {
transform: translate3d(76.85661447px, 0px, -100.42558623px);
}
.mainAboutSection .animatedSphere .sphere .item.item-253 .dot {
background-color: #bd00ec;
animation: pulsate 0.5s linear -5040ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-254 {
transform: translate3d(62.55569412px, 43.80196858px, -101.094152px);
}
.mainAboutSection .animatedSphere .sphere .item.item-254 .dot {
background-color: #bf00ec;
animation: pulsate 0.5s linear -5060ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-255 {
transform: translate3d(25.949196px, 71.29483007px, -101.75841446px);
}
.mainAboutSection .animatedSphere .sphere .item.item-255 .dot {
background-color: #c000ec;
animation: pulsate 0.5s linear -5080ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-256 {
transform: translate3d(-19.50682063px, 72.80044567px, -102.41832302px);
}
.mainAboutSection .animatedSphere .sphere .item.item-256 .dot {
background-color: #c100ec;
animation: pulsate 0.5s linear -5100ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-257 {
transform: translate3d(-57.3468696px, 48.11973713px, -103.07382742px);
}
.mainAboutSection .animatedSphere .sphere .item.item-257 .dot {
background-color: #c300ec;
animation: pulsate 0.5s linear -5120ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-258 {
transform: translate3d(-74.06485917px, 6.47983554px, -103.72487774px);
}
.mainAboutSection .animatedSphere .sphere .item.item-258 .dot {
background-color: #c400ec;
animation: pulsate 0.5s linear -5140ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-259 {
transform: translate3d(-63.93767378px, -36.91443317px, -104.37142441px);
}
.mainAboutSection .animatedSphere .sphere .item.item-259 .dot {
background-color: #c600ec;
animation: pulsate 0.5s linear -5160ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-260 {
transform: translate3d(-30.97975081px, -66.43629002px, -105.01341819px);
}
.mainAboutSection .animatedSphere .sphere .item.item-260 .dot {
background-color: #c700ec;
animation: pulsate 0.5s linear -5180ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-261 {
transform: translate3d(12.63711105px, -71.66861814px, -105.65081018px);
}
.mainAboutSection .animatedSphere .sphere .item.item-261 .dot {
background-color: #c900ec;
animation: pulsate 0.5s linear -5200ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-262 {
transform: translate3d(51.0803804px, -51.0803804px, -106.28355185px);
}
.mainAboutSection .animatedSphere .sphere .item.item-262 .dot {
background-color: #ca00ec;
animation: pulsate 0.5s linear -5220ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-263 {
transform: translate3d(70.60816536px, -12.45012461px, -106.91159502px);
}
.mainAboutSection .animatedSphere .sphere .item.item-263 .dot {
background-color: #cc00ec;
animation: pulsate 0.5s linear -5240ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-264 {
transform: translate3d(64.48451818px, 30.06962466px, -107.53489184px);
}
.mainAboutSection .animatedSphere .sphere .item.item-264 .dot {
background-color: #cd00ec;
animation: pulsate 0.5s linear -5260ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-265 {
transform: translate3d(35.29937921px, 61.14031827px, -108.15339487px);
}
.mainAboutSection .animatedSphere .sphere .item.item-265 .dot {
background-color: #cf00ec;
animation: pulsate 0.5s linear -5280ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-266 {
transform: translate3d(-6.10450562px, 69.77481853px, -108.76705698px);
}
.mainAboutSection .animatedSphere .sphere .item.item-266 .dot {
background-color: #d000ec;
animation: pulsate 0.5s linear -5300ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-267 {
transform: translate3d(-44.65998428px, 53.22369671px, -109.37583147px);
}
.mainAboutSection .animatedSphere .sphere .item.item-267 .dot {
background-color: #d200ec;
animation: pulsate 0.5s linear -5320ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-268 {
transform: translate3d(-66.56249468px, 17.83536669px, -109.97967195px);
}
.mainAboutSection .animatedSphere .sphere .item.item-268 .dot {
background-color: #d300ec;
animation: pulsate 0.5s linear -5340ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-269 {
transform: translate3d(-64.21603871px, -23.37272665px, -110.57853245px);
}
.mainAboutSection .animatedSphere .sphere .item.item-269 .dot {
background-color: #d400ec;
animation: pulsate 0.5s linear -5360ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-270 {
transform: translate3d(-38.86484683px, -55.50475353px, -111.17236737px);
}
.mainAboutSection .animatedSphere .sphere .item.item-270 .dot {
background-color: #d600ec;
animation: pulsate 0.5s linear -5380ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-271 {
transform: translate3d(0px, -67.17514421px, -111.76113147px);
}
.mainAboutSection .animatedSphere .sphere .item.item-271 .dot {
background-color: #d700ec;
animation: pulsate 0.5s linear -5400ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-272 {
transform: translate3d(38.19237861px, -54.54436939px, -112.34477993px);
}
.mainAboutSection .animatedSphere .sphere .item.item-272 .dot {
background-color: #d900ec;
animation: pulsate 0.5s linear -5420ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-273 {
transform: translate3d(62.01270775px, -22.57077977px, -112.92326829px);
}
.mainAboutSection .animatedSphere .sphere .item.item-273 .dot {
background-color: #da00ec;
animation: pulsate 0.5s linear -5440ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-274 {
transform: translate3d(63.16544892px, 16.92513103px, -113.49655251px);
}
.mainAboutSection .animatedSphere .sphere .item.item-274 .dot {
background-color: #dc00ec;
animation: pulsate 0.5s linear -5460ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-275 {
transform: translate3d(41.64610909px, 49.63190012px, -114.06458891px);
}
.mainAboutSection .animatedSphere .sphere .item.item-275 .dot {
background-color: #dd00ec;
animation: pulsate 0.5s linear -5480ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-276 {
transform: translate3d(5.5937488px, 63.93684138px, -114.62733426px);
}
.mainAboutSection .animatedSphere .sphere .item.item-276 .dot {
background-color: #df00ec;
animation: pulsate 0.5s linear -5500ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-277 {
transform: translate3d(-31.7837038px, 55.05098984px, -115.18474568px);
}
.mainAboutSection .animatedSphere .sphere .item.item-277 .dot {
background-color: #e000ec;
animation: pulsate 0.5s linear -5520ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-278 {
transform: translate3d(-57.05108241px, 26.60335663px, -115.73678074px);
}
.mainAboutSection .animatedSphere .sphere .item.item-278 .dot {
background-color: #e200ec;
animation: pulsate 0.5s linear -5540ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-279 {
transform: translate3d(-61.37874173px, -10.82272821px, -116.28339738px);
}
.mainAboutSection .animatedSphere .sphere .item.item-279 .dot {
background-color: #e300ec;
animation: pulsate 0.5s linear -5560ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-280 {
transform: translate3d(-43.62676631px, -43.62676631px, -116.82455399px);
}
.mainAboutSection .animatedSphere .sphere .item.item-280 .dot {
background-color: #e400ec;
animation: pulsate 0.5s linear -5580ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-281 {
transform: translate3d(-10.60379522px, -60.13711105px, -117.36020936px);
}
.mainAboutSection .animatedSphere .sphere .item.item-281 .dot {
background-color: #e600ec;
animation: pulsate 0.5s linear -5600ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-282 {
transform: translate3d(25.53773582px, -54.7658512px, -117.89032268px);
}
.mainAboutSection .animatedSphere .sphere .item.item-282 .dot {
background-color: #e700ec;
animation: pulsate 0.5s linear -5620ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-283 {
transform: translate3d(51.77570735px, -29.89271857px, -118.4148536px);
}
.mainAboutSection .animatedSphere .sphere .item.item-283 .dot {
background-color: #e900ec;
animation: pulsate 0.5s linear -5640ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-284 {
transform: translate3d(58.91384915px, 5.15429393px, -118.93376216px);
}
.mainAboutSection .animatedSphere .sphere .item.item-284 .dot {
background-color: #ea00ec;
animation: pulsate 0.5s linear -5660ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-285 {
transform: translate3d(44.80428494px, 37.59525897px, -119.44700885px);
}
.mainAboutSection .animatedSphere .sphere .item.item-285 .dot {
background-color: #ec00ec;
animation: pulsate 0.5s linear -5680ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-286 {
transform: translate3d(14.96810992px, 55.8617467px, -119.95455459px);
}
.mainAboutSection .animatedSphere .sphere .item.item-286 .dot {
background-color: #ec00eb;
animation: pulsate 0.5s linear -5700ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-287 {
transform: translate3d(-19.55412175px, 53.72450795px, -120.45636072px);
}
.mainAboutSection .animatedSphere .sphere .item.item-287 .dot {
background-color: #ec00e9;
animation: pulsate 0.5s linear -5720ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-288 {
transform: translate3d(-46.28877867px, 32.41175176px, -120.95238902px);
}
.mainAboutSection .animatedSphere .sphere .item.item-288 .dot {
background-color: #ec00e8;
animation: pulsate 0.5s linear -5740ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-289 {
transform: translate3d(-55.83959897px, 0px, -121.44260173px);
}
.mainAboutSection .animatedSphere .sphere .item.item-289 .dot {
background-color: #ec00e6;
animation: pulsate 0.5s linear -5760ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-290 {
transform: translate3d(-45.18998126px, -31.64236553px, -121.9269615px);
}
.mainAboutSection .animatedSphere .sphere .item.item-290 .dot {
background-color: #ec00e5;
animation: pulsate 0.5s linear -5780ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-291 {
transform: translate3d(-18.63659602px, -51.20362675px, -122.40543147px);
}
.mainAboutSection .animatedSphere .sphere .item.item-291 .dot {
background-color: #ec00e4;
animation: pulsate 0.5s linear -5800ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-292 {
transform: translate3d(13.92668853px, -51.97510918px, -122.87797518px);
}
.mainAboutSection .animatedSphere .sphere .item.item-292 .dot {
background-color: #ec00e2;
animation: pulsate 0.5s linear -5820ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-293 {
transform: translate3d(40.69482855px, -34.14701563px, -123.34455665px);
}
.mainAboutSection .animatedSphere .sphere .item.item-293 .dot {
background-color: #ec00e1;
animation: pulsate 0.5s linear -5840ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-294 {
transform: translate3d(52.23448635px, -4.5699254px, -123.80514036px);
}
.mainAboutSection .animatedSphere .sphere .item.item-294 .dot {
background-color: #ec00df;
animation: pulsate 0.5s linear -5860ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-295 {
transform: translate3d(44.80876782px, 25.87035416px, -124.25969122px);
}
.mainAboutSection .animatedSphere .sphere .item.item-295 .dot {
background-color: #ec00de;
animation: pulsate 0.5s linear -5880ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-296 {
transform: translate3d(21.57189952px, 46.26108781px, -124.70817461px);
}
.mainAboutSection .animatedSphere .sphere .item.item-296 .dot {
background-color: #ec00dc;
animation: pulsate 0.5s linear -5900ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-297 {
transform: translate3d(-8.74185388px, 49.57751699px, -125.1505564px);
}
.mainAboutSection .animatedSphere .sphere .item.item-297 .dot {
background-color: #ec00db;
animation: pulsate 0.5s linear -5920ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-298 {
transform: translate3d(-35.09891644px, 35.09891644px, -125.58680287px);
}
.mainAboutSection .animatedSphere .sphere .item.item-298 .dot {
background-color: #ec00d9;
animation: pulsate 0.5s linear -5940ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-299 {
transform: translate3d(-48.18528148px, 8.4963652px, -126.01688083px);
}
.mainAboutSection .animatedSphere .sphere .item.item-299 .dot {
background-color: #ec00d8;
animation: pulsate 0.5s linear -5960ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-300 {
transform: translate3d(-43.6986672px, -20.37702317px, -126.4407575px);
}
.mainAboutSection .animatedSphere .sphere .item.item-300 .dot {
background-color: #ec00d6;
animation: pulsate 0.5s linear -5980ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-301 {
transform: translate3d(-23.75px, -41.13620668px, -126.85840062px);
}
.mainAboutSection .animatedSphere .sphere .item.item-301 .dot {
background-color: #ec00d5;
animation: pulsate 0.5s linear -6000ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-302 {
transform: translate3d(4.07716641px, -46.60222528px, -127.26977838px);
}
.mainAboutSection .animatedSphere .sphere .item.item-302 .dot {
background-color: #ec00d4;
animation: pulsate 0.5s linear -6020ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-303 {
transform: translate3d(29.60481361px, -35.28164298px, -127.67485944px);
}
.mainAboutSection .animatedSphere .sphere .item.item-303 .dot {
background-color: #ec00d2;
animation: pulsate 0.5s linear -6040ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-304 {
transform: translate3d(43.78549713px, -11.7322886px, -128.07361296px);
}
.mainAboutSection .animatedSphere .sphere .item.item-304 .dot {
background-color: #ec00d1;
animation: pulsate 0.5s linear -6060ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-305 {
transform: translate3d(41.91010151px, 15.25402946px, -128.46600858px);
}
.mainAboutSection .animatedSphere .sphere .item.item-305 .dot {
background-color: #ec00cf;
animation: pulsate 0.5s linear -6080ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-306 {
transform: translate3d(25.16057179px, 35.93302045px, -128.85201641px);
}
.mainAboutSection .animatedSphere .sphere .item.item-306 .dot {
background-color: #ec00ce;
animation: pulsate 0.5s linear -6100ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-307 {
transform: translate3d(0px, 43.12909748px, -129.23160706px);
}
.mainAboutSection .animatedSphere .sphere .item.item-307 .dot {
background-color: #ec00cc;
animation: pulsate 0.5s linear -6120ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-308 {
transform: translate3d(-24.3132124px, 34.72286582px, -129.60475161px);
}
.mainAboutSection .animatedSphere .sphere .item.item-308 .dot {
background-color: #ec00cb;
animation: pulsate 0.5s linear -6140ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-309 {
transform: translate3d(-39.13374252px, 14.24351743px, -129.97142166px);
}
.mainAboutSection .animatedSphere .sphere .item.item-309 .dot {
background-color: #ec00c9;
animation: pulsate 0.5s linear -6160ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-310 {
transform: translate3d(-39.50496976px, -10.58532474px, -130.33158927px);
}
.mainAboutSection .animatedSphere .sphere .item.item-310 .dot {
background-color: #ec00c8;
animation: pulsate 0.5s linear -6180ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-311 {
transform: translate3d(-25.80710932px, -30.75571524px, -130.68522703px);
}
.mainAboutSection .animatedSphere .sphere .item.item-311 .dot {
background-color: #ec00c6;
animation: pulsate 0.5s linear -6200ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-312 {
transform: translate3d(-3.43357527px, -39.24594492px, -131.03230799px);
}
.mainAboutSection .animatedSphere .sphere .item.item-312 .dot {
background-color: #ec00c5;
animation: pulsate 0.5s linear -6220ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-313 {
transform: translate3d(19.31999055px, -33.46320523px, -131.37280574px);
}
.mainAboutSection .animatedSphere .sphere .item.item-313 .dot {
background-color: #ec00c3;
animation: pulsate 0.5s linear -6240ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-314 {
transform: translate3d(34.33199169px, -16.00927065px, -131.70669433px);
}
.mainAboutSection .animatedSphere .sphere .item.item-314 .dot {
background-color: #ec00c2;
animation: pulsate 0.5s linear -6260ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-315 {
transform: translate3d(36.55552924px, 6.4457261px, -132.03394834px);
}
.mainAboutSection .animatedSphere .sphere .item.item-315 .dot {
background-color: #ec00c1;
animation: pulsate 0.5s linear -6280ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-316 {
transform: translate3d(25.70681476px, 25.70681476px, -132.35454285px);
}
.mainAboutSection .animatedSphere .sphere .item.item-316 .dot {
background-color: #ec00bf;
animation: pulsate 0.5s linear -6300ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-317 {
transform: translate3d(6.17972647px, 35.04697036px, -132.66845344px);
}
.mainAboutSection .animatedSphere .sphere .item.item-317 .dot {
background-color: #ec00be;
animation: pulsate 0.5s linear -6320ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-318 {
transform: translate3d(-14.71456058px, 31.555477px, -132.97565622px);
}
.mainAboutSection .animatedSphere .sphere .item.item-318 .dot {
background-color: #ec00bc;
animation: pulsate 0.5s linear -6340ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-319 {
transform: translate3d(-29.48379608px, 17.0224776px, -133.27612778px);
}
.mainAboutSection .animatedSphere .sphere .item.item-319 .dot {
background-color: #ec00bb;
animation: pulsate 0.5s linear -6360ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-320 {
transform: translate3d(-33.14309996px, -2.89964552px, -133.56984524px);
}
.mainAboutSection .animatedSphere .sphere .item.item-320 .dot {
background-color: #ec00b9;
animation: pulsate 0.5s linear -6380ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-321 {
transform: translate3d(-24.89024987px, -20.88539949px, -133.85678624px);
}
.mainAboutSection .animatedSphere .sphere .item.item-321 .dot {
background-color: #ec00b8;
animation: pulsate 0.5s linear -6400ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-322 {
transform: translate3d(-8.20757939px, -30.6311033px, -134.13692891px);
}
.mainAboutSection .animatedSphere .sphere .item.item-322 .dot {
background-color: #ec00b6;
animation: pulsate 0.5s linear -6420ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-323 {
transform: translate3d(10.57833235px, -29.06372927px, -134.41025194px);
}
.mainAboutSection .animatedSphere .sphere .item.item-323 .dot {
background-color: #ec00b5;
animation: pulsate 0.5s linear -6440ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-324 {
transform: translate3d(24.69247201px, -17.28985504px, -134.67673451px);
}
.mainAboutSection .animatedSphere .sphere .item.item-324 .dot {
background-color: #ec00b3;
animation: pulsate 0.5s linear -6460ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-325 {
transform: translate3d(29.35661447px, 0px, -134.93635631px);
}
.mainAboutSection .animatedSphere .sphere .item.item-325 .dot {
background-color: #ec00b2;
animation: pulsate 0.5s linear -6480ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-326 {
transform: translate3d(23.40075819px, 16.38538728px, -135.18909758px);
}
.mainAboutSection .animatedSphere .sphere .item.item-326 .dot {
background-color: #ec00b1;
animation: pulsate 0.5s linear -6500ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-327 {
transform: translate3d(9.49971617px, 26.10025568px, -135.43493908px);
}
.mainAboutSection .animatedSphere .sphere .item.item-327 .dot {
background-color: #ec00af;
animation: pulsate 0.5s linear -6520ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-328 {
transform: translate3d(-6.98331513px, 26.06208687px, -135.67386207px);
}
.mainAboutSection .animatedSphere .sphere .item.item-328 .dot {
background-color: #ec00ae;
animation: pulsate 0.5s linear -6540ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-329 {
transform: translate3d(-20.05929415px, 16.83174632px, -135.90584838px);
}
.mainAboutSection .animatedSphere .sphere .item.item-329 .dot {
background-color: #ec00ac;
animation: pulsate 0.5s linear -6560ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-330 {
transform: translate3d(-25.29103807px, 2.21267912px, -136.13088032px);
}
.mainAboutSection .animatedSphere .sphere .item.item-330 .dot {
background-color: #ec00ab;
animation: pulsate 0.5s linear -6580ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-331 {
transform: translate3d(-21.29366746px, -12.29390464px, -136.34894076px);
}
.mainAboutSection .animatedSphere .sphere .item.item-331 .dot {
background-color: #ec00a9;
animation: pulsate 0.5s linear -6600ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-332 {
transform: translate3d(-10.0524404px, -21.557528px, -136.5600131px);
}
.mainAboutSection .animatedSphere .sphere .item.item-332 .dot {
background-color: #ec00a8;
animation: pulsate 0.5s linear -6620ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-333 {
transform: translate3d(3.99088315px, -22.63342305px, -136.76408126px);
}
.mainAboutSection .animatedSphere .sphere .item.item-333 .dot {
background-color: #ec00a6;
animation: pulsate 0.5s linear -6640ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-334 {
transform: translate3d(15.68172598px, -15.68172598px, -136.9611297px);
}
.mainAboutSection .animatedSphere .sphere .item.item-334 .dot {
background-color: #ec00a5;
animation: pulsate 0.5s linear -6660ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-335 {
transform: translate3d(21.04568652px, -3.71092236px, -137.15114342px);
}
.mainAboutSection .animatedSphere .sphere .item.item-335 .dot {
background-color: #ec00a3;
animation: pulsate 0.5s linear -6680ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-336 {
transform: translate3d(18.63528622px, 8.68977667px, -137.33410794px);
}
.mainAboutSection .animatedSphere .sphere .item.item-336 .dot {
background-color: #ec00a2;
animation: pulsate 0.5s linear -6700ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-337 {
transform: translate3d(9.87580531px, 17.10539657px, -137.51000933px);
}
.mainAboutSection .animatedSphere .sphere .item.item-337 .dot {
background-color: #ec00a1;
animation: pulsate 0.5s linear -6720ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-338 {
transform: translate3d(-1.65072574px, 18.86788153px, -137.6788342px);
}
.mainAboutSection .animatedSphere .sphere .item.item-338 .dot {
background-color: #ec009f;
animation: pulsate 0.5s linear -6740ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-339 {
transform: translate3d(-11.65171751px, 13.88597621px, -137.84056969px);
}
.mainAboutSection .animatedSphere .sphere .item.item-339 .dot {
background-color: #ec009e;
animation: pulsate 0.5s linear -6760ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-340 {
transform: translate3d(-16.72247005px, 4.48077235px, -137.99520348px);
}
.mainAboutSection .animatedSphere .sphere .item.item-340 .dot {
background-color: #ec009c;
animation: pulsate 0.5s linear -6780ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-341 {
transform: translate3d(-15.50171156px, -5.64216159px, -138.1427238px);
}
.mainAboutSection .animatedSphere .sphere .item.item-341 .dot {
background-color: #ec009b;
animation: pulsate 0.5s linear -6800ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-342 {
transform: translate3d(-8.99340467px, -12.84391296px, -138.28311941px);
}
.mainAboutSection .animatedSphere .sphere .item.item-342 .dot {
background-color: #ec0099;
animation: pulsate 0.5s linear -6820ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-343 {
transform: translate3d(0px, -14.86127418px, -138.41637962px);
}
.mainAboutSection .animatedSphere .sphere .item.item-343 .dot {
background-color: #ec0098;
animation: pulsate 0.5s linear -6840ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-344 {
transform: translate3d(8.05409955px, -11.50244622px, -138.54249428px);
}
.mainAboutSection .animatedSphere .sphere .item.item-344 .dot {
background-color: #ec0096;
animation: pulsate 0.5s linear -6860ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-345 {
transform: translate3d(12.42409392px, -4.52200037px, -138.66145379px);
}
.mainAboutSection .animatedSphere .sphere .item.item-345 .dot {
background-color: #ec0095;
animation: pulsate 0.5s linear -6880ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-346 {
transform: translate3d(11.97746891px, 3.20935312px, -138.77324909px);
}
.mainAboutSection .animatedSphere .sphere .item.item-346 .dot {
background-color: #ec0093;
animation: pulsate 0.5s linear -6900ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-347 {
transform: translate3d(7.44192987px, 8.86894666px, -138.87787167px);
}
.mainAboutSection .animatedSphere .sphere .item.item-347 .dot {
background-color: #ec0092;
animation: pulsate 0.5s linear -6920ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-348 {
transform: translate3d(0.93729947px, 10.71338193px, -138.97531355px);
}
.mainAboutSection .animatedSphere .sphere .item.item-348 .dot {
background-color: #ec0090;
animation: pulsate 0.5s linear -6940ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-349 {
transform: translate3d(-4.96510201px, 8.59980894px, -139.06556732px);
}
.mainAboutSection .animatedSphere .sphere .item.item-349 .dot {
background-color: #ec008f;
animation: pulsate 0.5s linear -6960ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-350 {
transform: translate3d(-8.25224643px, 3.84808571px, -139.14862611px);
}
.mainAboutSection .animatedSphere .sphere .item.item-350 .dot {
background-color: #ec008e;
animation: pulsate 0.5s linear -6980ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-351 {
transform: translate3d(-8.15400686px, -1.43777141px, -139.22448358px);
}
.mainAboutSection .animatedSphere .sphere .item.item-351 .dot {
background-color: #ec008c;
animation: pulsate 0.5s linear -7000ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-352 {
transform: translate3d(-5.27050107px, -5.27050107px, -139.29313397px);
}
.mainAboutSection .animatedSphere .sphere .item.item-352 .dot {
background-color: #ec008b;
animation: pulsate 0.5s linear -7020ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-353 {
transform: translate3d(-1.15074303px, -6.52618804px, -139.35457204px);
}
.mainAboutSection .animatedSphere .sphere .item.item-353 .dot {
background-color: #ec0089;
animation: pulsate 0.5s linear -7040ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-354 {
transform: translate3d(2.45102163px, -5.25623284px, -139.40879311px);
}
.mainAboutSection .animatedSphere .sphere .item.item-354 .dot {
background-color: #ec0088;
animation: pulsate 0.5s linear -7060ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-355 {
transform: translate3d(4.30580543px, -2.48595792px, -139.45579306px);
}
.mainAboutSection .animatedSphere .sphere .item.item-355 .dot {
background-color: #ec0086;
animation: pulsate 0.5s linear -7080ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-356 {
transform: translate3d(4.12807323px, 0.36115961px, -139.49556831px);
}
.mainAboutSection .animatedSphere .sphere .item.item-356 .dot {
background-color: #ec0085;
animation: pulsate 0.5s linear -7100ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-357 {
transform: translate3d(2.53978372px, 2.13113159px, -139.52811583px);
}
.mainAboutSection .animatedSphere .sphere .item.item-357 .dot {
background-color: #ec0083;
animation: pulsate 0.5s linear -7120ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-358 {
transform: translate3d(0.64363381px, 2.40207409px, -139.55343313px);
}
.mainAboutSection .animatedSphere .sphere .item.item-358 .dot {
background-color: #ec0082;
animation: pulsate 0.5s linear -7140ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-359 {
transform: translate3d(-0.56706208px, 1.55799027px, -139.5715183px);
}
.mainAboutSection .animatedSphere .sphere .item.item-359 .dot {
background-color: #ec0080;
animation: pulsate 0.5s linear -7160ms infinite alternate both;
}
.mainAboutSection .animatedSphere .sphere .item.item-360 {
transform: translate3d(-0.67909414px, 0.47550684px, -139.58236995px);
}
.mainAboutSection .animatedSphere .sphere .item.item-360 .dot {
background-color: #ec007f;
animation: pulsate 0.5s linear -7180ms infinite alternate both;
}
@keyframes rotate3d {
0% {
transform: rotate3d(1, 1, 1, 0deg);
}
25% {
transform: rotate3d(1, 1, 1, 90deg);
}
50% {
transform: rotate3d(1, 1, 1, 180deg);
}
75% {
transform: rotate3d(1, 1, 1, 270deg);
}
100% {
transform: rotate3d(1, 1, 1, 360deg);
}
}
@keyframes irotate3d {
0% {
transform: rotate3d(1, 1, 1, 360deg);
}
100% {
transform: rotate3d(1, 1, 1, 0deg);
}
}
@keyframes pulsate {
0% {
transform: scale(0.5);
}
100% {
transform: scale(1.5);
}
}
.mainAboutSlider {
position: relative;
padding-top: 26px;
margin-top: -26px;
}
.mainAboutSlider .swiper-slide {
position: relative;
height: auto;
}
.mainAboutSlider .swiper-slide:nth-child(even) .mainAboutSlide .img {
left: auto;
right: 19px;
}
.mainAboutSlider .swiper-slide:nth-child(even) .mainAboutSlide::before {
-webkit-border-radius: 18px 0px 18px 18px;
-moz-border-radius: 18px 0px 18px 18px;
-ms-border-radius: 18px 0px 18px 18px;
border-radius: 18px 0px 18px 18px;
}
.mainAboutSlider .swiper-slide:nth-child(even) .mainAboutSlide::after {
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.mainAboutSlider .swiper-slide:nth-child(even)::before {
content: "";
display: block;
position: absolute;
top: 64px;
left: -197px;
width: 267px;
height: 321px;
background-image: url(../img/slider_img.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: 2;
}
.mainAboutSlider .swiper-navigation {
position: relative;
margin-top: 63px;
display: flex;
justify-content: center;
align-items: center;
}
.mainAboutSlider .swiper-button-prev,
.mainAboutSlider .swiper-button-next {
position: static;
width: auto;
height: auto;
margin: unset;
flex-shrink: 0;
opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.mainAboutSlider .swiper-button-prev:hover,
.mainAboutSlider .swiper-button-next:hover {
opacity: 0.7;
}
.mainAboutSlider .swiper-button-prev svg path,
.mainAboutSlider .swiper-button-next svg path {
fill: rgb(255, 255, 255);
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.mainAboutSlider .swiper-button-prev svg path:hover,
.mainAboutSlider .swiper-button-next svg path:hover {
opacity: 0.7;
}
.mainAboutSlider .swiper-button-prev::after,
.mainAboutSlider .swiper-button-next::after {
display: none;
}
.mainAboutSlider .swiper-pagination {
position: static;
margin-left: 27px;
margin-right: 27px;
width: auto;
}
.mainAboutSlider .swiper-pagination .swiper-pagination-bullet {
width: 9px;
height: 9px;
margin: 0px;
background-color: #ff03d3;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
opacity: 1;
}
.mainAboutSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #00b2ec;
}
.mainAboutSlider .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
margin-left: 11px;
}
.mainAboutSlide {
position: relative;
min-height: 400px;
height: 100%;
padding-top: 124px;
padding-left: 50px;
padding-right: 50px;
z-index: 1;
}
.mainAboutSlide .img {
position: absolute;
left: 19px;
top: -26px;
}
.mainAboutSlide::before {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: calc(100% - 62px);
background-color: rgba(12, 16, 27, 0.55);
-webkit-border-radius: 0px 18px 18px 18px;
-moz-border-radius: 0px 18px 18px 18px;
-ms-border-radius: 0px 18px 18px 18px;
border-radius: 0px 18px 18px 18px;
z-index: -1;
}
.mainAboutSlide::after {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 62px;
background-image: url(../img/card_el.png);
background-size: auto 100%;
background-position: left bottpm;
background-repeat: no-repeat;
z-index: -1;
}
.mainAboutSlide .title {
position: relative;
max-width: 350px;
margin-left: auto;
margin-right: auto;
font-size: 20px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: 500;
text-align: center;
z-index: 3;
}
.mainAboutSlide .content {
position: relative;
max-width: 350px;
margin-top: 18px;
margin-left: auto;
margin-right: auto;
text-align: center;
z-index: 3;
}
.sectionTitle {
display: block;
font-size: 60px;
line-height: 60px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.sectionTitle .highlighted {
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.sectionTitle.sm {
font-size: 40px;
line-height: 50px;
}
.mainOfferSection {
margin-top: 164px;
}
.mainOfferSection .wrapper {
display: flex;
}
.mainOfferSection .leftSide {
width: 375px;
}
.mainOfferSection .rightSide {
position: relative;
width: calc(100% - 375px);
}
.mainOfferSection .titleContainer+.contentContainer {
margin-top: 34px;
}
.mainOfferSection .contentContainer {
max-width: 355px;
}
.mainOfferSection .button {
margin-top: 48px;
}
.mainOfferSection .image1 {
position: relative;
display: block;
margin-left: auto;
margin-top: 17px;
-webkit-filter: drop-shadow(1px -4px 25px rgba(0, 0, 0, 0.5));
-moz-filter: drop-shadow(1px -4px 25px rgba(0, 0, 0, 0.5));
-ms-filter: drop-shadow(1px -4px 25px rgba(0, 0, 0, 0.5));
-o-filter: drop-shadow(1px -4px 25px rgba(0, 0, 0, 0.5));
filter: drop-shadow(1px -4px 25px rgba(0, 0, 0, 0.5));
z-index: 1;
}
.mainOfferSection .image2 {
position: absolute;
left: 24px;
bottom: 23px;
z-index: 2;
}
.mainOfferSection .mainAddressBlock {
margin-left: auto;
margin-right: 66px;
margin-top: -73px;
}
.mainAddressBlock {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 461px;
height: 336px;
padding-left: 44px;
padding-top: 105px;
padding-right: 21px;
font-size: 14px;
line-height: 20px;
color: #acb0bc;
}
.mainAddressBlock .license {
width: 119px;
height: 168px;
flex-shrink: 0;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
-ms-border-radius: 11px;
border-radius: 11px;
position: relative;
z-index: 1;
overflow: hidden;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.mainAddressBlock .license>a {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 7;
overflow: hidden;
text-indent: 200%;
white-space: nowrap;
}
.mainAddressBlock .license:hover {
opacity: 0.7;
}
.mainAddressBlock .license img {
display: block;
width: 100%;
}
.mainAddressBlock .info {
padding-top: 9px;
}
.mainAddressBlock .title {
display: block;
font-size: 20px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.mainAddressBlock .address {
margin-top: 7px;
display: flex;
align-items: center;
}
.mainAddressBlock .address img {
display: block;
margin-right: 11px;
flex-shrink: 0;
}
.mainAddressBlock .reg {
margin-top: 20px;
}
.mainAddressBlock .reg span {
display: block;
font-size: 20px;
line-height: 25px;
color: rgb(255, 255, 255);
}
.mainAddressBlock .link {
margin-top: 25px;
}
.mainAddressBlock::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background-color: #1c2230;
-webkit-filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
-moz-filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
-ms-filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
-o-filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
z-index: -1;
}
.mainAddressBlock::after {
content: "";
display: block;
position: absolute;
width: 303px;
height: 360px;
right: 20px;
bottom: -120px;
background-image: url(../img/address_back.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -2;
}
.roadmapSection {
position: relative;
margin-top: 135px;
}
.roadmapSection .back {
position: absolute;
display: block;
width: 1920px;
height: 1347px;
top: -340px;
left: 50%;
margin-left: -960px;
background-image: url(../img/roadmap_line.png), url(../img/roadmap_back.png);
background-size: 100% auto, 100% auto;
background-position: center 483px, center top;
background-repeat: no-repeat, no-repeat;
z-index: -1;
}
.roadmapSection .animatedDots {
position: absolute;
display: block;
width: 1920px;
height: 1347px;
top: -340px;
left: 50%;
margin-left: -960px;
z-index: -1;
}
.roadmapSection .animatedDots .dotWrapper {
position: absolute;
}
.roadmapSection .animatedDots .dotWrapper-1 {
top: 63%;
left: 94%;
-webkit-animation: flying 26s ease-in-out -6.2s infinite alternate;
animation: flying 26s ease-in-out -6.2s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-2 {
top: 54%;
left: 91%;
-webkit-animation: flying 70s ease-in-out -6.3s infinite alternate;
animation: flying 70s ease-in-out -6.3s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-3 {
top: 58%;
left: 9%;
-webkit-animation: flying 56s ease-in-out -3.9s infinite alternate;
animation: flying 56s ease-in-out -3.9s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-4 {
top: 16%;
left: 4%;
-webkit-animation: flying 57s ease-in-out -9.1s infinite alternate;
animation: flying 57s ease-in-out -9.1s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-5 {
top: 22%;
left: 12%;
-webkit-animation: flying 31s ease-in-out -7.7s infinite alternate;
animation: flying 31s ease-in-out -7.7s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-6 {
top: 87%;
left: 65%;
-webkit-animation: flying 30s ease-in-out -7.7s infinite alternate;
animation: flying 30s ease-in-out -7.7s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-7 {
top: 31%;
left: 83%;
-webkit-animation: flying 36s ease-in-out -1.4s infinite alternate;
animation: flying 36s ease-in-out -1.4s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-8 {
top: 88%;
left: 70%;
-webkit-animation: flying 42s ease-in-out -5.4s infinite alternate;
animation: flying 42s ease-in-out -5.4s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-9 {
top: 10%;
left: 27%;
-webkit-animation: flying 67s ease-in-out -2.2s infinite alternate;
animation: flying 67s ease-in-out -2.2s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-10 {
top: 3%;
left: 33%;
-webkit-animation: flying 26s ease-in-out -8.1s infinite alternate;
animation: flying 26s ease-in-out -8.1s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-11 {
top: 58%;
left: 36%;
-webkit-animation: flying 26s ease-in-out -0.2s infinite alternate;
animation: flying 26s ease-in-out -0.2s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-12 {
top: 60%;
left: 68%;
-webkit-animation: flying 64s ease-in-out -5s infinite alternate;
animation: flying 64s ease-in-out -5s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-13 {
top: 76%;
left: 74%;
-webkit-animation: flying 62s ease-in-out -3.4s infinite alternate;
animation: flying 62s ease-in-out -3.4s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-14 {
top: 70%;
left: 66%;
-webkit-animation: flying 69s ease-in-out -3.2s infinite alternate;
animation: flying 69s ease-in-out -3.2s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-15 {
top: 17%;
left: 12%;
-webkit-animation: flying 24s ease-in-out -3.7s infinite alternate;
animation: flying 24s ease-in-out -3.7s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-16 {
top: 94%;
left: 89%;
-webkit-animation: flying 25s ease-in-out -4.6s infinite alternate;
animation: flying 25s ease-in-out -4.6s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-17 {
top: 24%;
left: 48%;
-webkit-animation: flying 56s ease-in-out -6.4s infinite alternate;
animation: flying 56s ease-in-out -6.4s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-18 {
top: 77%;
left: 14%;
-webkit-animation: flying 60s ease-in-out -2.4s infinite alternate;
animation: flying 60s ease-in-out -2.4s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-19 {
top: 55%;
left: 20%;
-webkit-animation: flying 38s ease-in-out -9.7s infinite alternate;
animation: flying 38s ease-in-out -9.7s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-20 {
top: 87%;
left: 73%;
-webkit-animation: flying 41s ease-in-out -9.5s infinite alternate;
animation: flying 41s ease-in-out -9.5s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-21 {
top: 94%;
left: 26%;
-webkit-animation: flying 69s ease-in-out -1.1s infinite alternate;
animation: flying 69s ease-in-out -1.1s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-22 {
top: 99%;
left: 72%;
-webkit-animation: flying 50s ease-in-out -4.5s infinite alternate;
animation: flying 50s ease-in-out -4.5s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-23 {
top: 58%;
left: 74%;
-webkit-animation: flying 49s ease-in-out -4s infinite alternate;
animation: flying 49s ease-in-out -4s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-24 {
top: 2%;
left: 75%;
-webkit-animation: flying 29s ease-in-out -4.8s infinite alternate;
animation: flying 29s ease-in-out -4.8s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-25 {
top: 88%;
left: 71%;
-webkit-animation: flying 27s ease-in-out -7.6s infinite alternate;
animation: flying 27s ease-in-out -7.6s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-26 {
top: 34%;
left: 54%;
-webkit-animation: flying 21s ease-in-out -3.3s infinite alternate;
animation: flying 21s ease-in-out -3.3s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-27 {
top: 28%;
left: 58%;
-webkit-animation: flying 25s ease-in-out -9.9s infinite alternate;
animation: flying 25s ease-in-out -9.9s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-28 {
top: 37%;
left: 52%;
-webkit-animation: flying 38s ease-in-out -2.5s infinite alternate;
animation: flying 38s ease-in-out -2.5s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-29 {
top: 22%;
left: 70%;
-webkit-animation: flying 63s ease-in-out -8.3s infinite alternate;
animation: flying 63s ease-in-out -8.3s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-30 {
top: 84%;
left: 68%;
-webkit-animation: flying 46s ease-in-out -4.9s infinite alternate;
animation: flying 46s ease-in-out -4.9s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-31 {
top: 98%;
left: 33%;
-webkit-animation: flying 43s ease-in-out -1.3s infinite alternate;
animation: flying 43s ease-in-out -1.3s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-32 {
top: 37%;
left: 49%;
-webkit-animation: flying 21s ease-in-out -8.8s infinite alternate;
animation: flying 21s ease-in-out -8.8s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-33 {
top: 85%;
left: 37%;
-webkit-animation: flying 65s ease-in-out -9s infinite alternate;
animation: flying 65s ease-in-out -9s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-34 {
top: 61%;
left: 84%;
-webkit-animation: flying 44s ease-in-out -5.6s infinite alternate;
animation: flying 44s ease-in-out -5.6s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-35 {
top: 7%;
left: 18%;
-webkit-animation: flying 35s ease-in-out -4.9s infinite alternate;
animation: flying 35s ease-in-out -4.9s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-36 {
top: 37%;
left: 59%;
-webkit-animation: flying 69s ease-in-out -0.7s infinite alternate;
animation: flying 69s ease-in-out -0.7s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-37 {
top: 94%;
left: 33%;
-webkit-animation: flying 40s ease-in-out -2.2s infinite alternate;
animation: flying 40s ease-in-out -2.2s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-38 {
top: 22%;
left: 82%;
-webkit-animation: flying 58s ease-in-out -6.2s infinite alternate;
animation: flying 58s ease-in-out -6.2s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-39 {
top: 6%;
left: 7%;
-webkit-animation: flying 68s ease-in-out -1.2s infinite alternate;
animation: flying 68s ease-in-out -1.2s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-40 {
top: 77%;
left: 24%;
-webkit-animation: flying 36s ease-in-out -0.6s infinite alternate;
animation: flying 36s ease-in-out -0.6s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-41 {
top: 95%;
left: 53%;
-webkit-animation: flying 26s ease-in-out -5s infinite alternate;
animation: flying 26s ease-in-out -5s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-42 {
top: 35%;
left: 19%;
-webkit-animation: flying 47s ease-in-out -8.8s infinite alternate;
animation: flying 47s ease-in-out -8.8s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-43 {
top: 30%;
left: 65%;
-webkit-animation: flying 56s ease-in-out -5.5s infinite alternate;
animation: flying 56s ease-in-out -5.5s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-44 {
top: 23%;
left: 67%;
-webkit-animation: flying 66s ease-in-out -6.9s infinite alternate;
animation: flying 66s ease-in-out -6.9s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-45 {
top: 26%;
left: 99%;
-webkit-animation: flying 56s ease-in-out -8.1s infinite alternate;
animation: flying 56s ease-in-out -8.1s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-46 {
top: 98%;
left: 41%;
-webkit-animation: flying 28s ease-in-out -6.2s infinite alternate;
animation: flying 28s ease-in-out -6.2s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-47 {
top: 35%;
left: 27%;
-webkit-animation: flying 59s ease-in-out -4.8s infinite alternate;
animation: flying 59s ease-in-out -4.8s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-48 {
top: 77%;
left: 65%;
-webkit-animation: flying 41s ease-in-out -4.3s infinite alternate;
animation: flying 41s ease-in-out -4.3s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-49 {
top: 59%;
left: 79%;
-webkit-animation: flying 29s ease-in-out -6.5s infinite alternate;
animation: flying 29s ease-in-out -6.5s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-50 {
top: 36%;
left: 14%;
-webkit-animation: flying 48s ease-in-out -4.6s infinite alternate;
animation: flying 48s ease-in-out -4.6s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-51 {
top: 78%;
left: 17%;
-webkit-animation: flying 55s ease-in-out -2.6s infinite alternate;
animation: flying 55s ease-in-out -2.6s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-52 {
top: 62%;
left: 87%;
-webkit-animation: flying 27s ease-in-out -9.2s infinite alternate;
animation: flying 27s ease-in-out -9.2s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-53 {
top: 9%;
left: 11%;
-webkit-animation: flying 39s ease-in-out -1.4s infinite alternate;
animation: flying 39s ease-in-out -1.4s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-54 {
top: 14%;
left: 24%;
-webkit-animation: flying 28s ease-in-out -7.2s infinite alternate;
animation: flying 28s ease-in-out -7.2s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-55 {
top: 52%;
left: 18%;
-webkit-animation: flying 56s ease-in-out -9.4s infinite alternate;
animation: flying 56s ease-in-out -9.4s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-56 {
top: 10%;
left: 5%;
-webkit-animation: flying 66s ease-in-out -9.4s infinite alternate;
animation: flying 66s ease-in-out -9.4s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-57 {
top: 56%;
left: 63%;
-webkit-animation: flying 57s ease-in-out -2.1s infinite alternate;
animation: flying 57s ease-in-out -2.1s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-58 {
top: 61%;
left: 72%;
-webkit-animation: flying 57s ease-in-out -9.8s infinite alternate;
animation: flying 57s ease-in-out -9.8s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-59 {
top: 31%;
left: 11%;
-webkit-animation: flying 51s ease-in-out -6.3s infinite alternate;
animation: flying 51s ease-in-out -6.3s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-60 {
top: 82%;
left: 5%;
-webkit-animation: flying 46s ease-in-out -7.3s infinite alternate;
animation: flying 46s ease-in-out -7.3s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-61 {
top: 41%;
left: 72%;
-webkit-animation: flying 63s ease-in-out -4.5s infinite alternate;
animation: flying 63s ease-in-out -4.5s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-62 {
top: 69%;
left: 8%;
-webkit-animation: flying 21s ease-in-out -8.6s infinite alternate;
animation: flying 21s ease-in-out -8.6s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-63 {
top: 36%;
left: 30%;
-webkit-animation: flying 66s ease-in-out -0.1s infinite alternate;
animation: flying 66s ease-in-out -0.1s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-64 {
top: 72%;
left: 66%;
-webkit-animation: flying 35s ease-in-out -2.5s infinite alternate;
animation: flying 35s ease-in-out -2.5s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-65 {
top: 59%;
left: 20%;
-webkit-animation: flying 47s ease-in-out -1s infinite alternate;
animation: flying 47s ease-in-out -1s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-66 {
top: 89%;
left: 12%;
-webkit-animation: flying 68s ease-in-out -3.8s infinite alternate;
animation: flying 68s ease-in-out -3.8s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-67 {
top: 65%;
left: 16%;
-webkit-animation: flying 34s ease-in-out -1.5s infinite alternate;
animation: flying 34s ease-in-out -1.5s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-68 {
top: 41%;
left: 83%;
-webkit-animation: flying 69s ease-in-out -5.2s infinite alternate;
animation: flying 69s ease-in-out -5.2s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-69 {
top: 89%;
left: 31%;
-webkit-animation: flying 69s ease-in-out -9.5s infinite alternate;
animation: flying 69s ease-in-out -9.5s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-70 {
top: 48%;
left: 13%;
-webkit-animation: flying 55s ease-in-out -9.8s infinite alternate;
animation: flying 55s ease-in-out -9.8s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-71 {
top: 91%;
left: 43%;
-webkit-animation: flying 69s ease-in-out -6.8s infinite alternate;
animation: flying 69s ease-in-out -6.8s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-72 {
top: 47%;
left: 21%;
-webkit-animation: flying 61s ease-in-out -1.3s infinite alternate;
animation: flying 61s ease-in-out -1.3s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-73 {
top: 87%;
left: 92%;
-webkit-animation: flying 51s ease-in-out -5.9s infinite alternate;
animation: flying 51s ease-in-out -5.9s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-74 {
top: 57%;
left: 94%;
-webkit-animation: flying 40s ease-in-out -4s infinite alternate;
animation: flying 40s ease-in-out -4s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper-75 {
top: 51%;
left: 51%;
-webkit-animation: flying 24s ease-in-out -9.1s infinite alternate;
animation: flying 24s ease-in-out -9.1s infinite alternate;
}
.roadmapSection .animatedDots .dotWrapper:nth-child(odd) .dot {
background: #ff03d3;
}
.roadmapSection .animatedDots .dotWrapper:nth-child(even) .dot {
background: #00b2ec;
}
.roadmapSection .animatedDots .dot {
width: 6px;
height: 6px;
border-radius: 50%;
}
.roadmapSection .animatedDots .dot-1 {
transform-origin: 2px -9px;
-webkit-animation: rotating 21s ease-in-out -4.9s infinite;
animation: rotating 21s ease-in-out -4.9s infinite;
}
.roadmapSection .animatedDots .dot-2 {
transform-origin: 2px -2px;
-webkit-animation: rotating 19s ease-in-out -5.5s infinite;
animation: rotating 19s ease-in-out -5.5s infinite;
}
.roadmapSection .animatedDots .dot-3 {
transform-origin: 8px -14px;
-webkit-animation: rotating 23s ease-in-out -3.5s infinite;
animation: rotating 23s ease-in-out -3.5s infinite;
}
.roadmapSection .animatedDots .dot-4 {
transform-origin: 5px 5px;
-webkit-animation: rotating 20s ease-in-out -3.9s infinite;
animation: rotating 20s ease-in-out -3.9s infinite;
}
.roadmapSection .animatedDots .dot-5 {
transform-origin: -1px -7px;
-webkit-animation: rotating 14s ease-in-out -6.6s infinite;
animation: rotating 14s ease-in-out -6.6s infinite;
}
.roadmapSection .animatedDots .dot-6 {
transform-origin: 5px 2px;
-webkit-animation: rotating 15s ease-in-out -3.3s infinite;
animation: rotating 15s ease-in-out -3.3s infinite;
}
.roadmapSection .animatedDots .dot-7 {
transform-origin: 2px 9px;
-webkit-animation: rotating 14s ease-in-out -3.6s infinite;
animation: rotating 14s ease-in-out -3.6s infinite;
}
.roadmapSection .animatedDots .dot-8 {
transform-origin: 15px -6px;
-webkit-animation: rotating 17s ease-in-out -7.5s infinite;
animation: rotating 17s ease-in-out -7.5s infinite;
}
.roadmapSection .animatedDots .dot-9 {
transform-origin: -5px 8px;
-webkit-animation: rotating 25s ease-in-out -5.5s infinite;
animation: rotating 25s ease-in-out -5.5s infinite;
}
.roadmapSection .animatedDots .dot-10 {
transform-origin: 12px 9px;
-webkit-animation: rotating 11s ease-in-out -7.5s infinite;
animation: rotating 11s ease-in-out -7.5s infinite;
}
.roadmapSection .animatedDots .dot-11 {
transform-origin: 13px -5px;
-webkit-animation: rotating 22s ease-in-out -3.2s infinite;
animation: rotating 22s ease-in-out -3.2s infinite;
}
.roadmapSection .animatedDots .dot-12 {
transform-origin: -9px 5px;
-webkit-animation: rotating 23s ease-in-out -3s infinite;
animation: rotating 23s ease-in-out -3s infinite;
}
.roadmapSection .animatedDots .dot-13 {
transform-origin: -14px 5px;
-webkit-animation: rotating 14s ease-in-out -2.1s infinite;
animation: rotating 14s ease-in-out -2.1s infinite;
}
.roadmapSection .animatedDots .dot-14 {
transform-origin: 8px -1px;
-webkit-animation: rotating 26s ease-in-out -8.8s infinite;
animation: rotating 26s ease-in-out -8.8s infinite;
}
.roadmapSection .animatedDots .dot-15 {
transform-origin: 14px 10px;
-webkit-animation: rotating 18s ease-in-out -3.7s infinite;
animation: rotating 18s ease-in-out -3.7s infinite;
}
.roadmapSection .animatedDots .dot-16 {
transform-origin: -13px 1px;
-webkit-animation: rotating 24s ease-in-out -7.7s infinite;
animation: rotating 24s ease-in-out -7.7s infinite;
}
.roadmapSection .animatedDots .dot-17 {
transform-origin: -1px -3px;
-webkit-animation: rotating 21s ease-in-out -8.6s infinite;
animation: rotating 21s ease-in-out -8.6s infinite;
}
.roadmapSection .animatedDots .dot-18 {
transform-origin: -13px 10px;
-webkit-animation: rotating 22s ease-in-out -5.7s infinite;
animation: rotating 22s ease-in-out -5.7s infinite;
}
.roadmapSection .animatedDots .dot-19 {
transform-origin: 15px 0px;
-webkit-animation: rotating 17s ease-in-out -4.2s infinite;
animation: rotating 17s ease-in-out -4.2s infinite;
}
.roadmapSection .animatedDots .dot-20 {
transform-origin: 10px 11px;
-webkit-animation: rotating 25s ease-in-out -3.1s infinite;
animation: rotating 25s ease-in-out -3.1s infinite;
}
.roadmapSection .animatedDots .dot-21 {
transform-origin: 4px 1px;
-webkit-animation: rotating 21s ease-in-out -5.7s infinite;
animation: rotating 21s ease-in-out -5.7s infinite;
}
.roadmapSection .animatedDots .dot-22 {
transform-origin: -9px -14px;
-webkit-animation: rotating 15s ease-in-out -9.8s infinite;
animation: rotating 15s ease-in-out -9.8s infinite;
}
.roadmapSection .animatedDots .dot-23 {
transform-origin: 7px -13px;
-webkit-animation: rotating 14s ease-in-out -0.6s infinite;
animation: rotating 14s ease-in-out -0.6s infinite;
}
.roadmapSection .animatedDots .dot-24 {
transform-origin: 6px 5px;
-webkit-animation: rotating 17s ease-in-out -3.4s infinite;
animation: rotating 17s ease-in-out -3.4s infinite;
}
.roadmapSection .animatedDots .dot-25 {
transform-origin: 3px 6px;
-webkit-animation: rotating 26s ease-in-out -3.9s infinite;
animation: rotating 26s ease-in-out -3.9s infinite;
}
.roadmapSection .animatedDots .dot-26 {
transform-origin: 11px -8px;
-webkit-animation: rotating 21s ease-in-out -4.2s infinite;
animation: rotating 21s ease-in-out -4.2s infinite;
}
.roadmapSection .animatedDots .dot-27 {
transform-origin: 5px -4px;
-webkit-animation: rotating 19s ease-in-out -4.5s infinite;
animation: rotating 19s ease-in-out -4.5s infinite;
}
.roadmapSection .animatedDots .dot-28 {
transform-origin: 2px 7px;
-webkit-animation: rotating 24s ease-in-out -9.9s infinite;
animation: rotating 24s ease-in-out -9.9s infinite;
}
.roadmapSection .animatedDots .dot-29 {
transform-origin: -8px -1px;
-webkit-animation: rotating 20s ease-in-out -6.3s infinite;
animation: rotating 20s ease-in-out -6.3s infinite;
}
.roadmapSection .animatedDots .dot-30 {
transform-origin: -8px -1px;
-webkit-animation: rotating 21s ease-in-out -1.8s infinite;
animation: rotating 21s ease-in-out -1.8s infinite;
}
.roadmapSection .animatedDots .dot-31 {
transform-origin: -2px 6px;
-webkit-animation: rotating 16s ease-in-out -2.1s infinite;
animation: rotating 16s ease-in-out -2.1s infinite;
}
.roadmapSection .animatedDots .dot-32 {
transform-origin: 14px -13px;
-webkit-animation: rotating 27s ease-in-out -9s infinite;
animation: rotating 27s ease-in-out -9s infinite;
}
.roadmapSection .animatedDots .dot-33 {
transform-origin: 4px -5px;
-webkit-animation: rotating 13s ease-in-out -7.8s infinite;
animation: rotating 13s ease-in-out -7.8s infinite;
}
.roadmapSection .animatedDots .dot-34 {
transform-origin: 7px -4px;
-webkit-animation: rotating 15s ease-in-out -9.7s infinite;
animation: rotating 15s ease-in-out -9.7s infinite;
}
.roadmapSection .animatedDots .dot-35 {
transform-origin: 15px -6px;
-webkit-animation: rotating 13s ease-in-out -8.9s infinite;
animation: rotating 13s ease-in-out -8.9s infinite;
}
.roadmapSection .animatedDots .dot-36 {
transform-origin: -6px 5px;
-webkit-animation: rotating 16s ease-in-out -0.1s infinite;
animation: rotating 16s ease-in-out -0.1s infinite;
}
.roadmapSection .animatedDots .dot-37 {
transform-origin: 9px 3px;
-webkit-animation: rotating 26s ease-in-out -9.7s infinite;
animation: rotating 26s ease-in-out -9.7s infinite;
}
.roadmapSection .animatedDots .dot-38 {
transform-origin: 10px 4px;
-webkit-animation: rotating 20s ease-in-out -1.7s infinite;
animation: rotating 20s ease-in-out -1.7s infinite;
}
.roadmapSection .animatedDots .dot-39 {
transform-origin: -7px 13px;
-webkit-animation: rotating 29s ease-in-out -9.2s infinite;
animation: rotating 29s ease-in-out -9.2s infinite;
}
.roadmapSection .animatedDots .dot-40 {
transform-origin: 9px -2px;
-webkit-animation: rotating 17s ease-in-out -6.3s infinite;
animation: rotating 17s ease-in-out -6.3s infinite;
}
.roadmapSection .animatedDots .dot-41 {
transform-origin: 4px -4px;
-webkit-animation: rotating 21s ease-in-out -5.5s infinite;
animation: rotating 21s ease-in-out -5.5s infinite;
}
.roadmapSection .animatedDots .dot-42 {
transform-origin: 0px 4px;
-webkit-animation: rotating 17s ease-in-out -3.4s infinite;
animation: rotating 17s ease-in-out -3.4s infinite;
}
.roadmapSection .animatedDots .dot-43 {
transform-origin: 6px -2px;
-webkit-animation: rotating 15s ease-in-out -8.3s infinite;
animation: rotating 15s ease-in-out -8.3s infinite;
}
.roadmapSection .animatedDots .dot-44 {
transform-origin: -1px 11px;
-webkit-animation: rotating 22s ease-in-out -1.5s infinite;
animation: rotating 22s ease-in-out -1.5s infinite;
}
.roadmapSection .animatedDots .dot-45 {
transform-origin: 14px 8px;
-webkit-animation: rotating 19s ease-in-out -2.5s infinite;
animation: rotating 19s ease-in-out -2.5s infinite;
}
.roadmapSection .animatedDots .dot-46 {
transform-origin: -8px -10px;
-webkit-animation: rotating 30s ease-in-out -2.4s infinite;
animation: rotating 30s ease-in-out -2.4s infinite;
}
.roadmapSection .animatedDots .dot-47 {
transform-origin: 6px 12px;
-webkit-animation: rotating 25s ease-in-out -0.6s infinite;
animation: rotating 25s ease-in-out -0.6s infinite;
}
.roadmapSection .animatedDots .dot-48 {
transform-origin: -1px -2px;
-webkit-animation: rotating 25s ease-in-out -9.3s infinite;
animation: rotating 25s ease-in-out -9.3s infinite;
}
.roadmapSection .animatedDots .dot-49 {
transform-origin: -2px -6px;
-webkit-animation: rotating 14s ease-in-out -5.3s infinite;
animation: rotating 14s ease-in-out -5.3s infinite;
}
.roadmapSection .animatedDots .dot-50 {
transform-origin: 5px -2px;
-webkit-animation: rotating 29s ease-in-out -4.5s infinite;
animation: rotating 29s ease-in-out -4.5s infinite;
}
@-webkit-keyframes rotating {
0% {
opacity: 0;
transform: rotate(0deg);
}
25%,
75% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 0;
transform: rotate(360deg);
}
}
@keyframes rotating {
0% {
opacity: 0;
transform: rotate(0deg);
}
25%,
75% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 0;
transform: rotate(360deg);
}
}
@-webkit-keyframes flying {
0% {
transform: translate(0, 0);
}
10% {
transform: translate(20px, 50px);
}
20% {
transform: translate(-30px, 10px);
}
30% {
transform: translate(10px, 60px);
}
40% {
transform: translate(50px, 0px);
}
50% {
transform: translate(-10px, -40px);
}
60% {
transform: translate(-40px, 20px);
}
70% {
transform: translate(30px, -30px);
}
80% {
transform: translate(0px, -60px);
}
90% {
transform: translate(40px, 10px);
}
100% {
transform: translate(0, 0);
}
}
@keyframes flying {
0% {
transform: translate(0, 0);
}
10% {
transform: translate(20px, 50px);
}
20% {
transform: translate(-30px, 10px);
}
30% {
transform: translate(10px, 60px);
}
40% {
transform: translate(50px, 0px);
}
50% {
transform: translate(-10px, -40px);
}
60% {
transform: translate(-40px, 20px);
}
70% {
transform: translate(30px, -30px);
}
80% {
transform: translate(0px, -60px);
}
90% {
transform: translate(40px, 10px);
}
100% {
transform: translate(0, 0);
}
}
.roadmapSection .contentContainer {
margin-top: -10px;
}
.roadmapSection .roadmapDate {
position: absolute;
display: inline-block;
padding-top: 16px;
padding-bottom: 16px;
padding-right: 33px;
font-size: 15px;
line-height: 38px;
color: rgb(255, 255, 255);
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
opacity: 0.21;
z-index: 1;
}
.roadmapSection .roadmapDate::before {
content: "";
display: block;
position: absolute;
width: 70px;
height: 70px;
right: 0px;
top: 0px;
background-image: url(../img/grad_circle.svg);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -1;
}
.roadmapSection .roadmapDate.prev {
bottom: 290px;
left: 50%;
margin-left: -664px;
}
.roadmapSection .roadmapDate.next {
top: 295px;
right: 50%;
margin-right: -663px;
}
.roadmapSlider {
width: 1056px;
padding-top: 22px;
margin-top: -32px;
}
.roadmapSlider .swiper-slide:nth-child(3n+1) {
padding-top: 94px;
}
.roadmapSlider .swiper-slide:nth-child(3n+1) .roadmapSlide {
background-image: url(../img/slide_1.png);
}
.roadmapSlider .swiper-slide:nth-child(3n+2) {
padding-top: 300px;
}
.roadmapSlider .swiper-slide:nth-child(3n+2) .roadmapSlide {
background-image: url(../img/slide_2.png);
}
.roadmapSlider .swiper-slide:nth-child(3n) .roadmapSlide {
background-image: url(../img/slide_3.png);
}
.roadmapSlider .swiper-navigation {
position: absolute;
bottom: 171px;
right: 23px;
margin-top: 63px;
display: flex;
justify-content: center;
align-items: center;
}
.roadmapSlider .swiper-button-prev,
.roadmapSlider .swiper-button-next {
position: static;
width: auto;
height: auto;
margin: unset;
flex-shrink: 0;
opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.roadmapSlider .swiper-button-prev:hover,
.roadmapSlider .swiper-button-next:hover {
opacity: 0.7;
}
.roadmapSlider .swiper-button-prev svg path,
.roadmapSlider .swiper-button-next svg path {
fill: rgb(255, 255, 255);
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.roadmapSlider .swiper-button-prev svg path:hover,
.roadmapSlider .swiper-button-next svg path:hover {
opacity: 0.7;
}
.roadmapSlider .swiper-button-prev::after,
.roadmapSlider .swiper-button-next::after {
display: none;
}
.roadmapSlider .swiper-pagination {
position: static;
margin: 0px 40px;
width: auto;
}
.roadmapSlider .swiper-pagination .swiper-pagination-bullet {
width: 9px;
height: 9px;
margin: 0px;
background-color: #ff03d3;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
opacity: 1;
}
.roadmapSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #00b2ec;
}
.roadmapSlider .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
margin-left: 11px;
}
.roadmapSlide {
position: relative;
min-height: 382px;
padding-left: 44px;
padding-right: 30px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-border-radius: 33px;
-moz-border-radius: 33px;
-ms-border-radius: 33px;
border-radius: 33px;
}
.roadmapSlide .date {
position: relative;
top: -22px;
display: inline-block;
padding-top: 16px;
padding-bottom: 16px;
padding-right: 33px;
font-size: 15px;
line-height: 38px;
color: rgb(255, 255, 255);
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
z-index: 1;
}
.roadmapSlide .date::before {
content: "";
display: block;
position: absolute;
width: 70px;
height: 70px;
right: 0px;
top: 0px;
background-image: url(../img/grad_circle.svg);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -1;
}
.roadmapSlide .title {
margin-top: 14px;
font-size: 20px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.roadmapSlide .content {
margin-top: 30px;
font-size: 14px;
line-height: 20px;
color: #acb0bc;
}
.stepsSection {
margin-top: 122px;
}
.stepsSection .wrapper {
display: flex;
justify-content: space-between;
}
.stepsSection .leftSide {
width: 600px;
}
.stepsSection .rightSide {
width: 600px;
position: relative;
}
.stepsSection .titleContainer+.contentContainer {
margin-top: 40px;
}
.stepsSection .stepsList {
margin-top: 58px;
}
.stepsSection .startBlock {
margin-top: 24px;
margin-left: auto;
margin-right: 50px;
}
.stepsSection .image {
position: absolute;
left: -7px;
top: 64px;
}
.stepsList {
overflow: visible;
}
.stepsList .swiper-wrapper {
display: block;
}
.stepsList .swiper-slide+.swiper-slide {
margin-top: 60px;
}
.stepsList .swiper-navigation {
display: none;
}
.stepItem {
display: flex;
max-width: 500px;
padding-left: 12px;
}
.stepItem .num {
position: relative;
width: 117px;
height: 117px;
padding-left: 45px;
padding-top: 30px;
margin-right: 31px;
flex-shrink: 0;
font-size: 77px;
line-height: 60px;
color: #293141;
font-weight: 500;
background-image: url(../img/step_back.svg);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
.stepItem .num .icon {
position: absolute;
display: block;
left: -10px;
top: 0px;
bottom: 0px;
margin: auto;
}
.stepItem .num::before {
content: "";
display: block;
position: absolute;
left: -55px;
top: -30px;
width: 109px;
height: 176px;
background-image: url(../img/step_back.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -1;
}
.stepItem .content {
padding-bottom: 10px;
align-self: center;
font-size: 14px;
line-height: 20px;
color: #acb0bc;
}
.stepItem .content a {
color: #00b6f4;
text-decoration: underline;
text-decoration-color: inherit;
text-underline-offset: 0.15em;
-webkit-transition: text-decoration-color 0.3s;
-moz-transition: text-decoration-color 0.3s;
-o-transition: text-decoration-color 0.3s;
transition: text-decoration-color 0.3s;
}
.stepItem .content a:hover {
text-decoration-color: transparent;
}
.stepItem .title {
display: block;
font-size: 20px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.stepItem .title+p {
margin-top: 7px;
}
.stepItem+.stepItem {
margin-top: 60px;
}
.startBlock {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 367px;
height: 783px;
padding-left: 30px;
padding-right: 25px;
padding-bottom: 27px;
font-size: 15px;
line-height: 30px;
color: #acb0bc;
font-weight: 500;
-webkit-border-radius: 33px;
-moz-border-radius: 33px;
-ms-border-radius: 33px;
border-radius: 33px;
-webkit-box-shadow: 2px 13px 70px 0px rgba(0, 0, 0, 0.55);
-moz-box-shadow: 2px 13px 70px 0px rgba(0, 0, 0, 0.55);
box-shadow: 2px 13px 70px 0px rgba(0, 0, 0, 0.55);
z-index: 1;
}
.startBlock .title {
font-size: 35px;
line-height: 40px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.startBlock .title .highlighted {
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.startBlock .title+p {
margin-top: 5px;
}
.startBlock .button {
margin-top: 31px;
}
.startBlock::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: -3px;
background-image: -moz-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -ms-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
-webkit-border-radius: 33px;
-moz-border-radius: 33px;
-ms-border-radius: 33px;
border-radius: 33px;
z-index: -2;
}
.startBlock::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background-color: #1c2230;
background-image: url(../img/start_block_back.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-border-radius: 33px;
-moz-border-radius: 33px;
-ms-border-radius: 33px;
border-radius: 33px;
z-index: -1;
}
.howtoSection {
position: relative;
margin-top: 175px;
padding-bottom: 84px;
z-index: 2;
}
.howtoSection::before {
content: "";
display: block;
position: absolute;
left: 50%;
margin-left: -960px;
top: -30px;
width: 1920px;
height: 945px;
background-image: url(../img/howto_back.jpg);
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.howtoSection::after {
content: "";
display: block;
position: absolute;
left: 50%;
margin-left: -960px;
top: 100px;
width: 1920px;
height: 1160px;
background-image: url(../img/howto_back_2.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -1;
}
.howtoSection .titleContainer {
text-align: center;
}
.howtoSection .titleContainer .title {
display: block;
font-size: 40px;
line-height: 50px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.howtoSection .titleContainer .subtitle {
margin-top: 27px;
}
.howtoSection .titleContainer .highlighted {
background: #4addff;
background: -moz-linear-gradient(left, #4addff 0%, #f562e5 100%);
background: -webkit-linear-gradient(left, #4addff 0%, #f562e5 100%);
background: linear-gradient(to right, #4addff 0%, #f562e5 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.howtoSection .contentContainer {
position: relative;
margin-top: 140px;
}
.howtoSection .contentContainer .image {
display: block;
position: absolute;
max-width: unset;
left: -9px;
top: 0px;
}
.howtoSection .contentContainer .image.sm {
display: none;
}
.howtoSection .animatedImage {
position: absolute;
left: 0;
right: 22px;
margin: 0px auto;
top: 12px;
max-width: 679px;
}
.howtoSection .animatedImage img {
display: block;
max-width: unset;
}
.howtoSection .animatedImage .image2 {
position: absolute;
left: 0px;
top: 0px;
max-width: 100%;
width: 100%;
animation: rotate 30s linear infinite;
}
@keyframes rotate {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.howtoSection .animatedImage .glowingCircle {
position: absolute;
left: 0px;
top: 70px;
right: 0px;
margin: 0px auto;
display: flex;
align-items: center;
justify-content: center;
width: 400px;
height: 400px;
background-color: transparent;
border-radius: 50%;
animation: text 10s ease infinite;
z-index: -1;
}
.howtoSection .animatedImage .glowingCircle:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
z-index: -1;
height: 100%;
width: 100%;
margin: 0 auto;
transform: scale(0.85);
filter: blur(5vw);
background: linear-gradient(270deg, #00b2ec, #ff03d3);
background-size: 150% 150%;
border-radius: 50%;
animation: glowmation 5s linear infinite;
}
@keyframes glowmation {
0% {
top: -3%;
left: -3%;
background-position: 0% 50%;
background-size: 150% 150%;
}
12.5% {
top: -3%;
left: 0;
background-size: 70% 30%;
}
25% {
top: -3%;
left: 3%;
background-size: 100% 50%;
}
37.5% {
top: 0;
left: 3%;
background-size: 70% 30%;
}
50% {
top: 3%;
left: 3%;
background-position: 100% 50%;
background-size: 30% 30%;
}
62.5% {
top: 3%;
left: 0;
background-size: 30% 70%;
}
75% {
top: 3%;
left: -3%;
background-size: 50% 100%;
}
87.5% {
top: 0;
left: -3%;
background-size: 30% 70%;
}
100% {
top: -3%;
left: -3%;
background-position: 0% 50%;
background-size: 150% 150%;
}
}
@keyframes text {
0% {
color: #ff03d3;
}
50% {
color: #00b2ec;
}
100% {
color: #ff03d3;
}
}
.howtoSection+.footerSection {
margin-top: 56px;
}
.howtoList {
position: relative;
display: flex;
justify-content: space-between;
padding-top: 214px;
padding-left: 77px;
padding-right: 65px;
}
.howtoList .howtoItem:nth-child(2) {
margin-top: 372px;
}
.howtoItem {
width: 240px;
flex-shrink: 0;
text-align: center;
}
.howtoItem .icon {
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
height: 75px;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.howtoItem .icon::before {
content: "";
display: block;
position: absolute;
width: 208px;
height: 208px;
left: 0px;
right: 0px;
margin: 0px auto;
top: -60px;
background-image: url(../img/icon_shadow.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.howtoItem .icon img {
display: block;
}
.howtoItem .title {
display: block;
margin-top: 46px;
font-size: 20px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: 500;
background: #4addff;
background: -moz-linear-gradient(left, #4addff 0%, #f562e5 100%);
background: -webkit-linear-gradient(left, #4addff 0%, #f562e5 100%);
background: linear-gradient(to right, #4addff 0%, #f562e5 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.howtoItem p {
margin-top: 30px;
font-size: 14px;
line-height: 20px;
color: #acb0bc;
}
.howtoItem:nth-child(1) .icon {
padding-left: 30px;
}
.howtoItem:nth-child(2) .title {
margin-top: 32px;
}
.howtoItem:nth-child(3) .icon {
padding-left: 10px;
}
.aboutStartSection {
position: relative;
}
.aboutStartSection .titleContainer .title {
display: block;
font-size: 40px;
line-height: 50px;
color: rgb(255, 255, 255);
font-weight: 500;
text-align: center;
}
.aboutStartSection .titleContainer .title span {
font-size: 60px;
line-height: 76px;
}
.aboutStartSection .titleContainer .title .highlighted {
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.aboutStartSection .titleContainer+.contentContainer {
margin-top: 70px;
}
.aboutStartSection .innerSection {
padding-top: 72px;
}
.aboutStartSection::before {
content: "";
display: block;
position: absolute;
left: 50%;
margin-left: -960px;
top: 0px;
width: 1920px;
height: 1159px;
background-image: url(../img/about_back.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -1;
}
.aboutStartSection::after {
content: "";
display: block;
position: absolute;
top: 98px;
left: 50%;
margin-left: -796px;
width: 1628px;
height: 1040px;
background-image: url(../img/back_3.png);
background-size: 100% auto;
background-position: center bottom;
background-repeat: no-repeat;
z-index: -1;
}
.videoBlock {
position: relative;
margin-left: auto;
margin-right: auto;
padding: 6px 6px 25px 6px;
width: 813px;
height: 535px;
background-color: #0c111c;
-webkit-border-radius: 22px 22px 0px 0px;
-moz-border-radius: 22px 22px 0px 0px;
-ms-border-radius: 22px 22px 0px 0px;
border-radius: 22px 22px 0px 0px;
}
.videoBlock iframe {
display: block;
width: 100%;
height: 100%;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
-ms-border-radius: 22px;
border-radius: 22px;
}
.videoBlock::before {
content: "";
display: block;
position: absolute;
bottom: -1px;
left: -34.5px;
width: 882px;
height: 20px;
background-color: rgb(28, 34, 48);
-webkit-box-shadow: -2px 13px 70px 0px rgba(0, 0, 0, 0.77);
-moz-box-shadow: -2px 13px 70px 0px rgba(0, 0, 0, 0.77);
box-shadow: -2px 13px 70px 0px rgba(0, 0, 0, 0.77);
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
}
.videoBlock::after {
content: "";
display: block;
position: absolute;
left: 0px;
top: -5px;
width: 100%;
height: 100%;
background-image: -moz-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -ms-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
-ms-border-radius: 22px;
border-radius: 22px;
z-index: -1;
}
.aboutSection {
margin-top: 180px;
}
.aboutSection .wrapper {
display: flex;
justify-content: space-between;
}
.aboutSection .leftSide {
width: 570px;
}
.aboutSection .rightSide {
width: 570px;
padding-top: 21px;
}
.aboutSection .titleContainer+.contentContainer {
margin-top: 28px;
}
.ceoSection {}
.ceoSection .wrapper {
display: flex;
justify-content: space-between;
background-color: rgba(24, 31, 46, 0.731);
padding: 45px;
-webkit-border-radius: 33px;
-moz-border-radius: 33px;
-ms-border-radius: 33px;
border-radius: 33px;
}
.ceoSection .leftSide {
width: 440px;
}
.ceoSection .rightSide {
width: 600px;
}
.ceoSection .imageBlock {
position: relative;
}
.ceoSection .imageBlock img {
position: relative;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
-ms-border-radius: 22px;
border-radius: 22px;
z-index: 1;
}
.ceoSection .imageBlock::after {
content: "";
display: block;
position: absolute;
left: 0px;
top: -3px;
width: 100%;
height: 100%;
background-image: -moz-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -ms-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
-ms-border-radius: 22px;
border-radius: 22px;
}
.ceoSection .rightSide .lead {
margin-top: 15px;
}
.infoSection {
margin-top: 96px;
}
.infoSection .wrapper {
display: flex;
justify-content: space-between;
}
.infoSection .leftSide {
width: 570px;
}
.infoSection .rightSide {
width: 570px;
padding-top: 40px;
}
.infoSection .titleContainer+.contentContainer {
margin-top: 54px;
}
.infoSection .info {
max-width: 285px;
margin-left: auto;
margin-top: 64px;
font-size: 14px;
line-height: 20px;
color: #acb0bc;
}
.infoSection .info .title {
display: block;
font-size: 20px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.infoSection .info .address {
margin-top: 7px;
display: flex;
align-items: center;
}
.infoSection .info .address svg {
margin-right: 11px;
flex-shrink: 0;
}
.infoSection .info .reg {
margin-top: 20px;
}
.infoSection .info .reg span {
display: block;
font-size: 20px;
line-height: 25px;
color: rgb(255, 255, 255);
}
.docBlock {
position: relative;
min-height: 426px;
padding-top: 40px;
}
.docBlock .title {
display: block;
font-size: 20px;
line-height: 40px;
color: #acb0bc;
font-weight: 500;
}
.docBlock .title+* {
margin-top: 38px;
}
.docBlock::before {
content: "";
display: block;
position: absolute;
min-width: 971px;
width: 100%;
height: 100%;
right: 0px;
top: 0px;
background-color: #1c2230;
-webkit-filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
-moz-filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
-ms-filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
-o-filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
filter: drop-shadow(1px -4px 51px rgba(0, 0, 0, 0.35));
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
z-index: -1;
}
.docBlock::after {
content: "";
display: block;
position: absolute;
width: 303px;
height: 360px;
left: -220px;
bottom: -120px;
background-image: url(../img/address_back.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -2;
}
.docList {
display: grid;
grid-template-columns: repeat(auto-fill, 153px);
gap: 30px;
}
.docList .item {
width: 153px;
height: 216px;
flex-shrink: 0;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
-ms-border-radius: 11px;
border-radius: 11px;
position: relative;
z-index: 1;
overflow: hidden;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.docList .item>a {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 7;
overflow: hidden;
text-indent: 200%;
white-space: nowrap;
}
.docList .item:hover {
opacity: 0.7;
}
.docList .item img {
display: block;
}
.mapBlock {
position: relative;
height: 347px;
background-color: #1c2230;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
-webkit-box-shadow: 6px 7px 40px 0px rgba(0, 0, 0, 0.63);
-moz-box-shadow: 6px 7px 40px 0px rgba(0, 0, 0, 0.63);
box-shadow: 6px 7px 40px 0px rgba(0, 0, 0, 0.63);
}
.mapBlock iframe {
display: block;
width: 100%;
height: 100%;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.mapBlock::after {
content: "";
display: block;
position: absolute;
left: 0px;
top: -3px;
width: 100%;
height: 100%;
background-image: -moz-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -ms-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
-ms-border-radius: 22px;
border-radius: 22px;
z-index: -1;
}
.missionSection {
position: relative;
margin-top: 117px;
padding-bottom: 460px;
}
.missionSection::before {
content: "";
display: block;
position: absolute;
left: 50%;
margin-left: -960px;
bottom: -308px;
width: 1920px;
height: 1066px;
background-image: url(../img/back_4.png);
background-size: 100% auto;
background-position: center bottom;
background-repeat: no-repeat;
z-index: -1;
}
.missionSection .titleContainer {
text-align: center;
}
.missionSection .titleContainer+.contentContainer {
margin-top: 40px;
}
.missionSection .wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 58px;
}
.missionSection .card {
position: relative;
min-height: 258px;
padding: 0px 90px 10px;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: 500;
text-align: center;
z-index: 1;
}
.missionSection .card::before {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: calc(100% + 62px);
background-image: url(../img/card_left.png);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.missionSection .card.right::before {
background-image: url(../img/card_right.png);
}
.advantagesSection {
position: relative;
padding-top: 150px;
z-index: 1;
}
.advantagesSection .wrapper {
position: relative;
}
.advantagesSection .titleContainer {
position: absolute;
max-width: 800px;
top: 50%;
left: 0px;
right: 0px;
margin: auto;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.advantagesSection .titleContainer .title {
display: block;
font-size: 40px;
line-height: 50px;
color: rgb(255, 255, 255);
font-weight: 500;
text-align: center;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.advantagesSection::before {
content: "";
display: block;
position: absolute;
width: 1920px;
height: 1349px;
top: -226px;
left: 50%;
margin-left: -960px;
background-image: url(../img/advantages_back.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -1;
}
.advantagesList {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 195px 43px;
}
.advantagesList .item {
position: relative;
display: flex;
flex-direction: column;
min-height: 248px;
padding: 36px 40px 37px;
background-color: rgba(40, 46, 60, 0.77);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
}
.advantagesList .item::before {
content: "";
display: none;
position: absolute;
width: 100%;
height: 62px;
}
.advantagesList .item:first-child {
justify-content: flex-end;
-webkit-border-radius: 20px 20px 20px 0px;
-moz-border-radius: 20px 20px 20px 0px;
-ms-border-radius: 20px 20px 20px 0px;
border-radius: 20px 20px 20px 0px;
}
.advantagesList .item:first-child::before {
display: block;
top: 100%;
left: 0px;
background-image: url(../img/el_bottom_left.png);
background-size: auto 100%;
background-position: left top;
background-repeat: no-repeat;
}
.advantagesList .item:first-child .icon {
top: 30px;
right: 25px;
}
.advantagesList .item:nth-child(2) {
justify-content: flex-end;
}
.advantagesList .item:nth-child(2) .icon {
top: 30px;
right: 25px;
}
.advantagesList .item:nth-child(3) {
justify-content: flex-end;
-webkit-border-radius: 20px 20px 0px 20px;
-moz-border-radius: 20px 20px 0px 20px;
-ms-border-radius: 20px 20px 0px 20px;
border-radius: 20px 20px 0px 20px;
}
.advantagesList .item:nth-child(3)::before {
display: block;
top: 100%;
right: 0px;
background-image: url(../img/el_bottom_right.png);
background-size: auto 100%;
background-position: right top;
background-repeat: no-repeat;
}
.advantagesList .item:nth-child(3) .icon {
top: 30px;
right: 25px;
}
.advantagesList .item:nth-child(4) {
-webkit-border-radius: 0px 20px 20px 20px;
-moz-border-radius: 0px 20px 20px 20px;
-ms-border-radius: 0px 20px 20px 20px;
border-radius: 0px 20px 20px 20px;
}
.advantagesList .item:nth-child(4)::before {
display: block;
bottom: 100%;
left: 0px;
background-image: url(../img/el_top_left.png);
background-size: auto 100%;
background-position: left bottom;
background-repeat: no-repeat;
}
.advantagesList .item:nth-child(4) .icon {
bottom: 30px;
right: 28px;
}
.advantagesList .item:nth-child(5) .icon {
bottom: 30px;
right: 28px;
}
.advantagesList .item:nth-child(6) {
-webkit-border-radius: 20px 0px 20px 20px;
-moz-border-radius: 20px 0px 20px 20px;
-ms-border-radius: 20px 0px 20px 20px;
border-radius: 20px 0px 20px 20px;
}
.advantagesList .item:nth-child(6)::before {
display: block;
bottom: 100%;
right: 0px;
background-image: url(../img/el_top_right.png);
background-size: auto 100%;
background-position: right bottom;
background-repeat: no-repeat;
}
.advantagesList .item:nth-child(6) .icon {
bottom: 30px;
right: 28px;
}
.advantagesList .title {
display: block;
max-width: 240px;
font-size: 20px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.advantagesList p {
font-size: 14px;
line-height: 20px;
color: #acb0bc;
}
.advantagesList .icon {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.advantagesList .icon img {
display: block;
}
.advantagesList .icon::before {
content: "";
display: block;
position: absolute;
width: 178px;
height: 178px;
left: -70px;
top: -60px;
background-image: url(../img/icon_shadow.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.contactsSection {
position: relative;
}
.contactsSection .innerSection {
position: relative;
padding-top: 67px;
}
.contactsSection .titleContainer {
position: absolute;
max-width: 800px;
left: 0px;
right: 0px;
top: 310px;
margin: 0px auto;
text-align: center;
}
.contactsSection::before {
content: "";
display: block;
position: absolute;
left: 50%;
margin-left: -960px;
top: 0px;
width: 1920px;
height: 1119px;
background-image: url(../img/contacts_back.jpg);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -1;
}
.contactsSection .mapBlock {
position: relative;
width: 567px;
margin-left: auto;
margin-right: auto;
margin-top: -90px;
z-index: 1;
}
.contactsGrid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 180px 57px;
}
.contactsGrid .item {
position: relative;
display: flex;
flex-direction: column;
min-height: 180px;
padding-right: 45px;
padding-top: 25px;
padding-left: 45px;
padding-bottom: 30px;
background-color: rgba(12, 17, 28, 0.702);
}
.contactsGrid .item .icon {
display: none;
}
.contactsGrid .item::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 62px;
z-index: -1;
}
.contactsGrid .item:nth-child(1) {
align-items: flex-end;
-webkit-border-radius: 20px 20px 20px 0px;
-moz-border-radius: 20px 20px 20px 0px;
-ms-border-radius: 20px 20px 20px 0px;
border-radius: 20px 20px 20px 0px;
}
.contactsGrid .item:nth-child(1)::before {
top: 100%;
left: 0px;
background-image: url(../img/contact_card_1.png);
background-size: auto 100%;
background-position: left top;
background-repeat: no-repeat;
}
.contactsGrid .item:nth-child(1)::after {
content: "";
display: block;
position: absolute;
width: 303px;
height: 360px;
left: 100px;
top: 0;
background-image: url(../img/address_back.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -2;
}
.contactsGrid .item:nth-child(1) .img {
left: 35px;
bottom: -24px;
}
.contactsGrid .item:nth-child(2) {
-webkit-border-radius: 20px 20px 0px 20px;
-moz-border-radius: 20px 20px 0px 20px;
-ms-border-radius: 20px 20px 0px 20px;
border-radius: 20px 20px 0px 20px;
}
.contactsGrid .item:nth-child(2)::before {
top: 100%;
right: 0px;
background-image: url(../img/contact_card_2.png);
background-size: auto 100%;
background-position: right top;
background-repeat: no-repeat;
}
.contactsGrid .item:nth-child(2)::after {
content: "";
display: block;
position: absolute;
width: 303px;
height: 360px;
right: 100px;
top: 0;
background-image: url(../img/address_back.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-webkit-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
z-index: -2;
}
.contactsGrid .item:nth-child(2) .img {
right: 35px;
bottom: -24px;
}
.contactsGrid .item:nth-child(3) {
justify-content: flex-end;
background-color: rgba(12, 17, 28, 0.549);
-webkit-border-radius: 0px 20px 20px 20px;
-moz-border-radius: 0px 20px 20px 20px;
-ms-border-radius: 0px 20px 20px 20px;
border-radius: 0px 20px 20px 20px;
}
.contactsGrid .item:nth-child(3)::before {
bottom: 100%;
left: 0px;
background-image: url(../img/contact_card_3.png);
background-size: auto 100%;
background-position: left bottom;
background-repeat: no-repeat;
}
.contactsGrid .item:nth-child(3) .img {
left: 41px;
top: -28px;
}
.contactsGrid .item:nth-child(4) {
justify-content: flex-end;
align-items: flex-end;
background-color: rgba(12, 17, 28, 0.549);
-webkit-border-radius: 20px 0px 20px 20px;
-moz-border-radius: 20px 0px 20px 20px;
-ms-border-radius: 20px 0px 20px 20px;
border-radius: 20px 0px 20px 20px;
}
.contactsGrid .item:nth-child(4)::before {
bottom: 100%;
right: 0px;
background-image: url(../img/contact_card_4.png);
background-size: auto 100%;
background-position: right bottom;
background-repeat: no-repeat;
}
.contactsGrid .item:nth-child(4) .img {
right: 41px;
top: -28px;
}
.contactsGrid .img {
width: 60px;
height: 60px;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.contactsGrid .img img {
display: block;
}
.contactsGrid .img::before {
content: "";
display: block;
position: absolute;
width: 178px;
height: 178px;
left: -60px;
top: -50px;
background-image: url(../img/icon_shadow.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.contactsItem .param {
display: block;
font-size: 15px;
line-height: 25px;
color: #acb0bc;
}
.contactsItem .data {
display: flex;
align-items: center;
}
.contactsItem .data .icon {
display: block;
flex-shrink: 0;
margin-right: 6px;
}
.contactsItem .data .cap {
display: block;
margin-right: 5px;
flex-shrink: 0;
font-size: 17px;
line-height: 25px;
color: rgb(255, 255, 255);
}
.contactsItem .data .link {
display: inline-block;
font-size: 17px;
line-height: 25px;
color: #00b0ec;
text-decoration: underline;
text-decoration-color: inherit;
-webkit-transition: text-decoration-color 0.3s;
-moz-transition: text-decoration-color 0.3s;
-o-transition: text-decoration-color 0.3s;
transition: text-decoration-color 0.3s;
}
.contactsItem .data .link:hover {
text-decoration-color: transparent;
}
.contactsItem .location {
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #acb0bc;
}
.contactsItem .location .title {
display: block;
font-size: 20px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.contactsItem .location .address {
margin-top: 7px;
display: flex;
align-items: center;
}
.contactsItem .location .address svg {
margin-right: 11px;
flex-shrink: 0;
}
.contactsItem .reg {
min-width: 200px;
margin-bottom: 15px;
font-size: 14px;
line-height: 20px;
color: #acb0bc;
}
.contactsItem .reg p span {
display: block;
font-size: 20px;
line-height: 25px;
color: rgb(255, 255, 255);
}
.contactsItem+.contactsItem {
margin-top: 25px;
}
.contactFormSection {
position: relative;
margin-top: 92px;
z-index: 1;
}
.contactFormSection .titleContainer {
text-align: center;
}
.contactFormSection .titleContainer .subtitle {
padding-left: 30px;
margin-top: 5px;
display: flex;
justify-content: center;
font-size: 14px;
line-height: 43px;
color: #acb0bc;
}
.contactFormSection .titleContainer .subtitle span {
margin-right: 4px;
position: relative;
top: 5px;
font-size: 19px;
color: #ff20d5;
letter-spacing: 0.1em;
}
.contactFormSection .contentContainer {
margin-top: 25px;
padding-top: 99px;
padding-left: 79px;
padding-right: 79px;
padding-bottom: 61px;
background-color: rgba(24, 30, 43, 0.55);
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
-webkit-box-shadow: 3px 55px 21px 0px rgba(0, 0, 0, 0.33);
-moz-box-shadow: 3px 55px 21px 0px rgba(0, 0, 0, 0.33);
box-shadow: 3px 55px 21px 0px rgba(0, 0, 0, 0.33);
}
.contactFormSection .formGrid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 58px;
}
.contactFormSection .fieldItem+.fieldItem {
margin-top: 23px;
}
.contactFormSection .fieldItem.lg {
height: 100%;
}
.contactFormSection .fieldItem.lg .inputBlock {
height: 100%;
display: flex;
flex-direction: column;
}
.contactFormSection .fieldItem.lg .inputBlock .inWrap {
flex-grow: 1;
}
.contactFormSection .fieldItem.lg .inputBlock textarea {
height: 100%;
min-height: 120px;
}
.contactFormSection .button {
margin-top: 61px;
display: flex;
justify-content: center;
}
.contactFormSection::before {
content: "";
display: block;
position: absolute;
width: 1920px;
height: 945px;
top: -102px;
left: 50%;
margin-left: -960px;
background-image: url(../img/form_back.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -1;
}
.contactFormSection+.footerSection {
margin-top: 123px;
}
.faqSection {
position: relative;
z-index: 1;
}
.faqSection .innerSection {
padding-top: 72px;
}
.faqSection .titleContainer {
text-align: center;
}
.faqSection .titleContainer .highlighted {
font-size: 60px;
line-height: 76px;
}
.faqSection .titleContainer+.contentContainer {
margin-top: 37px;
}
.faqSection::before {
content: "";
display: block;
position: absolute;
left: 50%;
margin-left: -960px;
top: -50px;
width: 1920px;
height: 1159px;
background-image: url(../img/about_back.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -1;
}
.faqSection::after {
content: "";
display: block;
position: absolute;
top: 98px;
left: 50%;
margin-left: -796px;
width: 1628px;
height: 1040px;
background-image: url(../img/back_3.png);
background-size: 100% auto;
background-position: center bottom;
background-repeat: no-repeat;
z-index: -1;
}
.faqSection+.footerSection {
margin-top: 105px;
}
.faqTabs .topicTab {
display: none;
}
.faqTabs .tabsList {
display: flex;
}
.faqTabs .tabsList .tab {
position: relative;
width: 20%;
}
.faqTabs .tabsList .tab::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(41, 49, 65, 0.7);
-webkit-border-radius: 25px 50px 0px 0px;
-moz-border-radius: 25px 50px 0px 0px;
-ms-border-radius: 25px 50px 0px 0px;
border-radius: 25px 50px 0px 0px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: -1;
}
.faqTabs .tabsList .tab::after {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-image: url(../img/shadow.png);
background-size: auto;
background-position: left -82px top -64px;
background-repeat: no-repeat;
-webkit-border-radius: 25px 50px 0px 0px;
-moz-border-radius: 25px 50px 0px 0px;
-ms-border-radius: 25px 50px 0px 0px;
border-radius: 25px 50px 0px 0px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0.55;
z-index: -1;
}
.faqTabs .tabsList .tab.active .cap,
.faqTabs .tabsList .tab.active [class*=icon] {
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
.faqTabs .tabsList .tab.active::before {
background-color: rgba(16, 22, 35, 0.8);
}
.faqTabs .tabsList .tab.active::after {
opacity: 0;
}
.faqTabs .tabsList .tab:hover .cap,
.faqTabs .tabsList .tab:hover [class*=icon] {
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
.faqTabs .tabsList .tab:first-child::after {
opacity: 0;
}
.faqTabs .tabsList .tab:last-child::before {
-webkit-border-radius: 25px 25px 0px 0px;
-moz-border-radius: 25px 25px 0px 0px;
-ms-border-radius: 25px 25px 0px 0px;
border-radius: 25px 25px 0px 0px;
}
.faqTabs .tabsList .tab:last-child [class*=icon] {
font-size: 18px;
}
.faqTabs .tabsList .tab:nth-child(4) [class*=icon] {
font-size: 15px;
}
.faqTabs .tabsList .tab:nth-child(3) [class*=icon] {
font-size: 18px;
}
.faqTabs .tabsList .tab:nth-child(2) [class*=icon] {
font-size: 20px;
}
.faqTabs .tabsList .tab:nth-child(1) [class*=icon] {
font-size: 18px;
}
.faqTabs .tabsList .tab a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
min-height: 82px;
padding-top: 4px;
font-size: 14px;
line-height: 14px;
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.faqTabs .tabsList .tab [class*=icon] {
margin-right: 15px;
font-size: 20px;
}
.faqTabs .tabsList .tab .cap,
.faqTabs .tabsList .tab [class*=icon] {
display: block;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: rgb(255, 255, 255);
text-fill-color: rgb(255, 255, 255);
-webkit-background-clip: text;
background-clip: text;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.faqTabs .tabContentWrapper {
position: relative;
background-color: rgba(16, 22, 35, 0.8);
-webkit-border-radius: 0px 0px 25px 25px;
-moz-border-radius: 0px 0px 25px 25px;
-ms-border-radius: 0px 0px 25px 25px;
border-radius: 0px 0px 25px 25px;
z-index: 1;
}
.faqTabs .tabContent {
padding: 94px 78px 84px;
}
.faqItem .head {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 28px;
padding-top: 8px;
padding-right: 20px;
padding-bottom: 10px;
background-color: #1c2230;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
-ms-border-radius: 24px;
border-radius: 24px;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
cursor: pointer;
}
.faqItem .head::before {
content: "";
display: block;
position: absolute;
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
z-index: -1;
}
@media (hover: hover) and (pointer: fine) {
.faqItem .head:hover {
background-color: transparent;
}
.faqItem .head:hover::before {
opacity: 1;
}
.faqItem .head:hover .title {
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
}
.faqItem .title {
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 500;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: rgb(255, 255, 255);
text-fill-color: rgb(255, 255, 255);
-webkit-background-clip: text;
background-clip: text;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.faqItem .icon {
position: relative;
width: 22px;
height: 22px;
flex-shrink: 0;
margin-left: 16px;
}
.faqItem .icon img {
display: block;
position: absolute;
left: 0px;
top: 0px;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.faqItem .icon .hide {
opacity: 0;
}
.faqItem .content {
display: none;
}
.faqItem .content .in {
padding-left: 28px;
padding-top: 48px;
padding-right: 70px;
padding-bottom: 17px;
}
.faqItem.active .head {
background-color: transparent;
}
.faqItem.active .head::before {
opacity: 1;
}
.faqItem.active .title {
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
.faqItem.active .icon .show {
opacity: 0;
}
.faqItem.active .icon .hide {
opacity: 1;
}
.faqItem.active .content {
display: block;
}
.faqItem+.faqItem {
margin-top: 22px;
}
.termsSection {
position: relative;
z-index: 2;
}
.termsSection .innerSection {
padding-top: 75px;
}
.termsSection .titleContainer {
text-align: center;
}
.termsSection .titleContainer+.contentContainer {
margin-top: 45px;
}
.termsSection .main {
position: relative;
padding: 64px 130px 68px;
background-color: rgba(12, 17, 28, 0.702);
text-align: center;
-webkit-border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-ms-border-radius: 0px 0px 20px 20px;
border-radius: 0px 0px 20px 20px;
}
.termsSection .main .lead {
color: rgb(255, 255, 255);
}
.termsSection .main::before {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 100%;
width: 100%;
height: 62px;
background-image: url(../img/terms_el.png);
background-size: auto 100%;
background-position: center bottom;
background-repeat: no-repeat;
-webkit-border-radius: 20px 20px 0px 0px;
-moz-border-radius: 20px 20px 0px 0px;
-ms-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px;
}
.termsSection::before {
content: "";
display: block;
position: absolute;
left: 50%;
margin-left: -960px;
top: -80px;
width: 1920px;
height: 1159px;
background-image: url(../img/about_back.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -1;
}
.termsSection+.footerSection {
margin-top: 110px;
}
.termsList {
margin-top: 56px;
}
.termItem {
position: relative;
padding: 30px 53px 42px;
z-index: 1;
}
.termItem .num {
position: absolute;
left: 407px;
top: -3px;
display: inline-block;
font-size: 100px;
line-height: 100px;
font-weight: bold;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
z-index: -2;
}
.termItem .num::before {
content: "";
display: block;
position: absolute;
width: 303px;
height: 360px;
right: -89px;
bottom: -150px;
background-image: url(../img/address_back.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -2;
}
.termItem .title {
display: inline-block;
font-size: 14px;
line-height: 45px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.termItem .contentBlock {
margin-top: 30px;
font-size: 15px;
line-height: 23px;
color: #acb0bc;
}
.termItem::before {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: calc(100% - 62px);
background-color: rgba(26, 32, 45, 0.702);
-webkit-border-radius: 0px 18px 18px 18px;
-moz-border-radius: 0px 18px 18px 18px;
-ms-border-radius: 0px 18px 18px 18px;
border-radius: 0px 18px 18px 18px;
z-index: -1;
}
.termItem::after {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 62px;
background-image: url(../img/term_el.png);
background-size: auto 100%;
background-position: left bottom;
background-repeat: no-repeat;
z-index: -1;
}
.termItem .markedList {
margin-top: 3px;
margin-bottom: 0px;
}
.termItem .markedList li {
color: #acb0bc;
}
.termItem+.termItem {
margin-top: 50px;
}
.authSection {
position: relative;
z-index: 1;
}
.authSection .innerSection {
padding-top: 72px;
}
.authSection .titleContainer {
text-align: center;
}
.authSection .contentContainer {
margin-top: -13px;
}
.authSection::before {
content: "";
display: block;
position: absolute;
left: 50%;
margin-left: -960px;
top: 0px;
width: 1920px;
height: 1119px;
background-image: url(../img/auth_back.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -2;
}
.authSection::after {
content: "";
display: block;
position: absolute;
top: -22px;
left: 50%;
margin-left: -796px;
width: 1628px;
height: 1040px;
background-image: url(../img/back_3.png);
background-size: 100% auto;
background-position: center bottom;
background-repeat: no-repeat;
z-index: -1;
}
.authSection+.footerSection {
margin-top: 22px;
}
.authBlock .tabContentWrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 58px;
}
.authBlock .tabsList {
display: none;
}
.authBlock .item {
position: relative;
padding-left: 40px;
padding-top: 15px;
padding-right: 40px;
padding-bottom: 40px;
z-index: 1;
}
@media (min-width: 1016px) {
.authBlock .item {
display: block !important;
}
}
.authBlock .item .shadow {
display: block;
position: absolute;
width: 303px;
height: 360px;
left: 105px;
top: -110px;
background-image: url(../img/address_back.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -2;
}
.authBlock .item::before {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: calc(100% - 62px);
background-color: rgba(12, 17, 28, 0.8);
-webkit-border-radius: 0px 20px 20px 20px;
-moz-border-radius: 0px 20px 20px 20px;
-ms-border-radius: 0px 20px 20px 20px;
border-radius: 0px 20px 20px 20px;
z-index: -1;
}
.authBlock .item::after {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 62px;
background-image: url(../img/auth_el.png);
background-size: auto 100%;
background-position: left bottom;
background-repeat: no-repeat;
z-index: -1;
}
.authBlock .item:last-child::before {
-webkit-border-radius: 20px 0px 20px 20px;
-moz-border-radius: 20px 0px 20px 20px;
-ms-border-radius: 20px 0px 20px 20px;
border-radius: 20px 0px 20px 20px;
}
.authBlock .item:last-child::after {
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.authBlock .item:last-child .title {
margin-left: auto;
}
.authBlock .item:last-child .shadow {
left: auto;
right: 105px;
}
.authBlock .item .title {
display: table;
font-size: 14px;
line-height: 38px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.authBlock .formBlock {
margin-top: 47px;
}
.authBlock .fieldBlock.grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 29px;
}
.authBlock .fieldBlock.grid+.agree {
margin-top: 30px;
}
.authBlock .fieldItem+.fieldItem {
margin-top: 23px;
}
.authBlock .agree {
margin-top: 34px;
}
.authBlock .agree+.button {
margin-top: 28px;
}
.authBlock .link {
margin-top: 48px;
display: flex;
justify-content: center;
}
.authBlock .button {
margin-top: 50px;
display: flex;
justify-content: center;
}
.authBlock .button [class*=btn] {
min-width: 242px;
}
.chartBlock {
margin-top: 11px;
width: 100%;
height: 122px;
}
@media (max-width: 1365px) {
.chartBlock {
height: 101px;
}
}
@media (max-width: 1149px) {
.chartBlock {
height: 122px;
}
}
.cabinetWrapper {
position: relative;
min-height: 100vh;
background-color: #1b2230;
display: flex;
}
.cabinetWrapper>.cabinetMain {
width: calc(100% - 144px);
}
.cabinetNavigation {
position: relative;
width: 144px;
padding-bottom: 22px;
display: flex;
flex-direction: column;
background-color: #293141;
-webkit-border-radius: 0px 33px 33px 0px;
-moz-border-radius: 0px 33px 33px 0px;
-ms-border-radius: 0px 33px 33px 0px;
border-radius: 0px 33px 33px 0px;
}
.cabinetNavigation .copyrightWrapper {
margin-top: auto;
font-size: 13px;
line-height: 20px;
color: #81889c;
text-align: center;
}
.cabLogo {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100px;
position: relative;
z-index: 1;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cabLogo>a {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 7;
overflow: hidden;
text-indent: 200%;
white-space: nowrap;
}
.cabLogo:hover {
opacity: 0.7;
}
.cabLogo img {
display: block;
}
.cabNav {
border-top: 1px solid #404a60;
}
.cabNav li {
padding: 20px 10px 15px;
height: 100px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
font-size: 11px;
line-height: 17px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center;
border-bottom: 1px solid #404a60;
position: relative;
z-index: 1;
}
.cabNav li.hidden {
display: none;
}
@media (max-width: 1829px) {
.cabNav li.hidden {
display: flex;
}
}
.cabNav li>a {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 7;
overflow: hidden;
text-indent: 200%;
white-space: nowrap;
}
.cabNav li [class*=icon] {
display: inline-block;
margin-left: auto;
margin-right: auto;
font-size: 20px;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: rgb(255, 255, 255);
text-fill-color: rgb(255, 255, 255);
-webkit-background-clip: text;
background-clip: text;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.cabNav li .cap {
display: block;
margin-top: 15px;
background: #f562e5;
background: -moz-linear-gradient(left, #f562e5 0%, #4addff 100%);
background: -webkit-linear-gradient(left, #f562e5 0%, #4addff 100%);
background: linear-gradient(to right, #f562e5 0%, #4addff 100%);
-webkit-text-fill-color: rgb(255, 255, 255);
text-fill-color: rgb(255, 255, 255);
-webkit-background-clip: text;
background-clip: text;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.cabNav li:hover [class*=icon],
.cabNav li:hover .cap,
.cabNav li.active [class*=icon],
.cabNav li.active .cap {
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
.cabinetHeader {
position: relative;
display: flex;
justify-content: flex-end;
height: 58px !important;
z-index: 2;
}
.cabinetHeader::before {
content: "";
display: block;
position: absolute;
top: -10px;
right: 203px;
width: 1480px;
height: 68px;
background-color: rgb(41, 49, 65);
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
z-index: -2;
}
.cabinetHeader::after {
content: "";
display: block;
position: absolute;
top: -67px;
right: -1005px;
width: 1301px;
height: 183px;
background-color: rgb(41, 49, 65);
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
z-index: -3;
}
.cabinetHeader .logoWrapper {
display: none;
}
.cabinetHeader .menuWrapper {
padding-top: 18px;
}
.cabinetHeader .supportWrapper {
position: relative;
margin-left: 40px;
padding-top: 13px;
min-width: 230px;
text-align: center;
z-index: 1;
}
.cabinetHeader .supportWrapper .cap {
display: block;
font-size: 11px;
line-height: 13px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.cabinetHeader .supportWrapper .link {
display: table;
margin-left: auto;
margin-right: auto;
font-size: 13px;
line-height: 20px;
color: #10121d;
text-decoration: underline;
text-decoration-color: inherit;
text-underline-offset: 0.15em;
-webkit-transition: text-decoration-color 0.3s;
-moz-transition: text-decoration-color 0.3s;
-o-transition: text-decoration-color 0.3s;
transition: text-decoration-color 0.3s;
}
.cabinetHeader .supportWrapper .link:hover {
text-decoration-color: transparent;
}
.cabinetHeader .supportWrapper::before {
content: "";
display: block;
position: absolute;
top: -10px;
right: -35px;
width: 302px;
height: 68px;
background-image: -moz-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -ms-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
z-index: -1;
}
.cabinetHeader .langWrapper {
position: relative;
margin-left: 10px;
padding-top: 16px;
padding-right: 66px;
}
.cabinetHeader .langWrapper::before {
content: "";
display: block;
position: absolute;
top: -10px;
right: 0px;
width: 292px;
height: 68px;
background-color: #121724;
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
z-index: -2;
}
.cabinetHeader .langList .cap {
line-height: 40px;
}
.cabinetHeader .burgerWrapper {
display: none;
}
.mobileCabMenu>.inner {
display: flex;
}
.cabMenu {
display: flex;
}
.cabMenu li a {
display: flex;
align-items: center;
font-size: 11px;
line-height: 11px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.cabMenu li [class*=icon] {
display: block;
margin-right: 7px;
font-size: 20px;
flex-shrink: 0;
background: #f562e5;
background: -moz-linear-gradient(left, #f562e5 0%, #4addff 100%);
background: -webkit-linear-gradient(left, #f562e5 0%, #4addff 100%);
background: linear-gradient(to right, #f562e5 0%, #4addff 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: rgb(255, 255, 255);
text-fill-color: rgb(255, 255, 255);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.cabMenu li span {
background: #f562e5;
background: -moz-linear-gradient(left, #f562e5 0%, #4addff 100%);
background: -webkit-linear-gradient(left, #f562e5 0%, #4addff 100%);
background: linear-gradient(to right, #f562e5 0%, #4addff 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: rgb(255, 255, 255);
text-fill-color: rgb(255, 255, 255);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.cabMenu li+li {
margin-left: 36px;
}
.cabMenu li:hover [class*=icon],
.cabMenu li:hover span,
.cabMenu li.active [class*=icon],
.cabMenu li.active span {
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
.cabMenu li.hidden {
display: none;
}
.cabMenu li.hidden+li {
margin-left: 0px;
}
.expandCabinetMenu {
position: relative;
display: none;
width: 35px;
height: 32px;
padding-bottom: 10px;
padding-left: 2px;
justify-content: center;
align-items: center;
font-size: 20px;
line-height: 20px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
background-color: rgb(18, 23, 36);
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
-ms-border-radius: 11px;
border-radius: 11px;
cursor: pointer;
z-index: 2;
}
.cabinetInfo {
position: relative;
display: flex;
justify-content: flex-end;
min-height: 58px;
padding-right: 165px;
z-index: 1;
}
.cabinetStat {
position: relative;
z-index: 1;
}
.cabinetStat::before {
content: "";
display: block;
position: absolute;
top: -125px;
left: -66px;
width: 1371px;
height: 183px;
background-color: rgb(18, 23, 36);
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
z-index: -2;
}
.cabinetStat .item {
display: flex;
width: 225px;
}
.cabinetStat .item:first-child {
width: 270px;
}
.cabinetStat .userpic {
position: relative;
display: block;
width: 38px;
height: 38px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.cabinetStat .userpic input {
position: absolute;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
opacity: 0;
visibility: hidden;
}
.cabinetStat .userpic label {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}
.cabinetStat .add {
position: absolute;
display: block;
top: -5px;
right: -6px;
}
.cabinetStat .userpic {
margin-right: 18px;
}
.cabinetStat .param {
display: flex;
align-items: center;
font-size: 11px;
line-height: 20px;
color: #acb0bc;
font-weight: 500;
text-transform: uppercase;
}
.cabinetStat .param .icon {
display: block;
margin-right: 5px;
}
.cabinetStat .value {
display: block;
font-size: 11px;
line-height: 20px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
word-break: break-word;
}
.cabinetStatWrapper {
height: 100%;
display: flex;
align-items: center;
}
.openCabinetStat {
display: none;
}
.cabClock {
position: relative;
top: 5px;
width: 165px;
padding-top: 14px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
z-index: 1;
}
.cabClock .cabTime {
display: block;
font-size: 20px;
line-height: 20px;
color: rgb(255, 255, 255);
font-weight: 500;
font-variant-numeric: tabular-nums;
}
.cabClock .cabDate {
display: block;
margin-top: 3px;
font-size: 11px;
line-height: 20px;
color: #acb0bc;
font-weight: 500;
text-transform: uppercase;
}
.cabinetContent {
width: 1685px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
padding-top: 6px;
padding-bottom: 60px;
}
.cabinetPageTtitle {
margin-bottom: 30px;
font-size: 30px;
line-height: 50px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.dashboardMain {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.dashboardBalance {
width: 393px;
padding-left: 30px;
padding-top: 78px;
padding-right: 30px;
padding-bottom: 12px;
background-color: rgb(18, 23, 36);
background-image: url(../img/balance_back.png);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.dashboardBalance .shadow {
display: none;
}
.dashboardBalance .title {
display: block;
font-size: 11px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center;
}
.dashboardBalance .sum {
display: block;
font-size: 30px;
line-height: 40px;
color: rgb(255, 255, 255);
font-weight: 500;
text-align: center;
}
.dashboardBalance .sum span {
font-size: 20px;
}
.dashboardBalance .sum sup {
position: relative;
top: 3px;
left: 2px;
font-size: 12px;
line-height: 1;
}
.dashboardBalance .list {
margin-top: 12px;
}
.dashboardBalance .list li {
display: flex;
justify-content: center;
align-items: center;
}
.dashboardBalance .list .param {
display: block;
min-width: 80px;
font-size: 11px;
line-height: 24px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.dashboardBalance .list .value {
display: block;
margin-left: 10px;
font-size: 16px;
line-height: 24px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.dashboardBalance .list .value span {
font-size: 12px;
}
.dashboardBalance .list .value sup {
position: relative;
top: 0px;
left: 2px;
font-size: 9px;
line-height: 1;
}
.openBalanceTable {
display: none;
}
.cabBalanceTable {
margin-top: 80px;
}
.cabBalanceTable .row {
display: flex;
justify-content: space-between;
padding-bottom: 3px;
}
.cabBalanceTable .row+.row {
padding-top: 6px;
border-top: 1px solid #293141;
}
.cabBalanceTable .currency {
display: flex;
}
.cabBalanceTable .currency .icon {
width: 35px;
height: 35px;
margin-right: 7px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: rgb(11, 15, 25);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.cabBalanceTable .currency .icon img {
display: block;
}
.cabBalanceTable .currency .wrap {
padding-top: 4px;
}
.cabBalanceTable .currency .cur {
display: block;
font-size: 12px;
line-height: 18px;
color: #acb0bc;
font-weight: 500;
}
.cabBalanceTable .currency .text {
display: block;
font-size: 11px;
line-height: 18px;
color: #727886;
}
.cabBalanceTable ul {
min-width: 181px;
}
.cabBalanceTable ul li {
display: flex;
align-items: baseline;
}
.cabBalanceTable ul li+li {
margin-top: -2px;
}
.cabBalanceTable .param {
display: block;
min-width: 89px;
font-size: 11px;
line-height: 14px;
color: #727886;
}
.cabBalanceTable .value {
display: block;
font-size: 16px;
line-height: 20px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.cabBalanceTable .value span {
font-size: 12px;
}
.cabBalanceTable .value sup {
position: relative;
left: 2px;
font-size: 8px;
line-height: 1;
}
.dashboardWrap {
display: flex;
}
.dashboardStat {
position: relative;
width: 802px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 73px 40px;
z-index: 1;
}
.dashboardStat::before {
content: "";
display: block;
position: absolute;
left: -22px;
top: 60px;
width: 876px;
height: 517px;
background-image: url(../img/cab_stat_back.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.dashboardStat .icon {
position: absolute;
width: 56px;
height: 55px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.dashboardStat .icon::before {
content: "";
display: block;
position: absolute;
left: -30px;
top: -40px;
width: 71px;
height: 115px;
background-image: url(../img/cab_icon_back.png);
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.dashboardStat .icon img {
display: block;
}
.dashboardStat .item {
position: relative;
min-height: 262px;
padding: 32px 50px 27px;
display: flex;
z-index: 1;
}
.dashboardStat .item::before {
content: "";
display: block;
position: absolute;
left: 0px;
width: 100%;
height: calc(100% - 62px);
background-color: rgba(18, 23, 36, 0.8);
z-index: -1;
}
.dashboardStat .item::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 62px;
z-index: -1;
}
.dashboardStat .item:nth-child(1) .icon {
left: 40px;
bottom: 42px;
}
.dashboardStat .item:nth-child(1)::before {
top: 0px;
-webkit-border-radius: 20px 20px 20px 0px;
-moz-border-radius: 20px 20px 20px 0px;
-ms-border-radius: 20px 20px 20px 0px;
border-radius: 20px 20px 20px 0px;
}
.dashboardStat .item:nth-child(1)::after {
left: 0px;
bottom: 0px;
background-image: url(../img/cab_card_1.png);
background-size: auto 100%;
background-position: left top;
background-repeat: no-repeat;
}
.dashboardStat .item:nth-child(2) .icon {
right: 40px;
bottom: 42px;
}
.dashboardStat .item:nth-child(2)::before {
top: 0px;
-webkit-border-radius: 20px 20px 0px 20px;
-moz-border-radius: 20px 20px 0px 20px;
-ms-border-radius: 20px 20px 0px 20px;
border-radius: 20px 20px 0px 20px;
}
.dashboardStat .item:nth-child(2)::after {
right: 0px;
bottom: 0px;
background-image: url(../img/cab_card_2.png);
background-size: auto 100%;
background-position: right top;
background-repeat: no-repeat;
}
.dashboardStat .item:nth-child(3) {
align-items: flex-end;
}
.dashboardStat .item:nth-child(3) .icon {
left: 42px;
top: 48px;
}
.dashboardStat .item:nth-child(3)::before {
bottom: 0px;
-webkit-border-radius: 0px 20px 20px 20px;
-moz-border-radius: 0px 20px 20px 20px;
-ms-border-radius: 0px 20px 20px 20px;
border-radius: 0px 20px 20px 20px;
}
.dashboardStat .item:nth-child(3)::after {
left: 0px;
top: 0px;
background-image: url(../img/cab_card_3.png);
background-size: auto 100%;
background-position: left bottom;
background-repeat: no-repeat;
}
.dashboardStat .item:nth-child(4) {
align-items: flex-end;
}
.dashboardStat .item:nth-child(4) .icon {
right: 42px;
top: 48px;
}
.dashboardStat .item:nth-child(4)::before {
bottom: 0px;
-webkit-border-radius: 20px 0px 20px 20px;
-moz-border-radius: 20px 0px 20px 20px;
-ms-border-radius: 20px 0px 20px 20px;
border-radius: 20px 0px 20px 20px;
}
.dashboardStat .item:nth-child(4)::after {
right: 0px;
top: 0px;
background-image: url(../img/cab_card_4.png);
background-size: auto 100%;
background-position: right bottom;
background-repeat: no-repeat;
}
.dashboardStat .item:nth-child(even) {
justify-content: flex-end;
text-align: right;
}
.dashboardStat .item:nth-child(even) .icon::before {
left: auto;
right: -30px;
}
.dashboardStat .param {
display: block;
font-size: 11px;
line-height: 30px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.dashboardStat .value {
display: block;
font-size: 30px;
line-height: 40px;
color: rgb(255, 255, 255);
font-weight: 500;
text-transform: uppercase;
}
.dashboardStat .value span {
font-size: 20px;
line-height: 30px;
}
.dashboardStat .value span sup {
font-size: 12px;
line-height: 1;
}
.dashboardMore {
flex-shrink: 0;
margin-left: 30px;
width: 381px;
padding-top: 40px;
padding-left: 41px;
padding-right: 41px;
padding-bottom: 43px;
background-color: rgb(18, 23, 36);
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.dashboardMore .sum {
margin-top: 63px;
}
.dashboardMore .sum .title {
display: block;
font-size: 11px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center;
}
.dashboardMore .sum .num {
display: block;
margin-top: 3px;
font-size: 30px;
line-height: 50px;
font-weight: bold;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
text-align: center;
}
.dashboardMore .sum .num span {
font-size: 20px;
}
.dashboardMore .sum .num span sup {
font-size: 12px;
line-height: 1;
}
.dashboardMore .partner {
margin-top: 28px;
padding: 21px 10px 22px;
text-align: center;
background-color: rgb(28, 34, 48);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
}
.dashboardMore .partner .title {
display: flex;
justify-content: center;
align-items: flex-start;
font-size: 11px;
line-height: 20px;
color: #acb0bc;
font-weight: 500;
text-transform: uppercase;
}
.dashboardMore .partner .title img {
display: block;
margin-right: 5px;
}
.dashboardMore .partner .value {
display: block;
font-size: 11px;
line-height: 20px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.dashboardPartners {
position: relative;
padding-top: 21px;
text-align: center;
z-index: 1;
}
.dashboardPartners::before {
content: "";
display: block;
position: absolute;
left: -8px;
top: -20px;
width: 314px;
height: 314px;
background-image: url(../img/cab_partners_back.png);
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.dashboardPartners .title {
display: block;
font-size: 11px;
line-height: 18px;
color: rgb(255, 255, 255);
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center;
}
.dashboardPartners .title .icon {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 7px;
}
.dashboardPartners ul {
margin-top: 46px;
display: flex;
flex-wrap: wrap;
}
.dashboardPartners ul li {
width: 50%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.dashboardPartners ul li:nth-child(1) .value {
color: #00a3e9;
}
.dashboardPartners ul li:nth-child(2) .value {
color: #ff2ed6;
}
.dashboardPartners ul li:last-child {
margin-top: 17px;
}
.dashboardPartners ul li:last-child .value {
font-size: 20px;
line-height: 36px;
}
.dashboardPartners .param {
display: block;
font-size: 11px;
line-height: 18px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.dashboardPartners .value {
display: block;
font-size: 16px;
line-height: 20px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.dashboardProfit {
margin-top: 40px;
}
@media (min-width: 1150px) {
.dashboardProfitSlider .swiper-wrapper {
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
}
.dashboardProfitSlider .swiper-navigation {
display: none;
}
.dashboardProfitInfo {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 230px;
padding: 24px 30px 17px 30px;
background-color: rgb(18, 23, 36);
background-image: url(../img/card_back.png);
background-size: auto;
background-position: center top;
background-repeat: no-repeat;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.dashboardProfitInfo .row {
display: flex;
justify-content: space-between;
}
.dashboardProfitInfo .row:first-child {
flex-direction: row-reverse;
}
.dashboardProfitInfo .row:last-child {
align-items: flex-end;
}
.dashboardProfitInfo .row:last-child .icon {
padding-bottom: 15px;
}
.dashboardProfitInfo .row:last-child .icon::before {
left: 10px;
}
.dashboardProfitInfo .data {
min-width: 175px;
}
.dashboardProfitInfo .icon {
position: relative;
z-index: 1;
}
.dashboardProfitInfo .icon::before {
content: "";
display: block;
position: absolute;
left: -15px;
top: -30px;
width: 71px;
height: 115px;
background-image: url(../img/cab_icon_back.png);
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.dashboardProfitInfo .icon img {
display: block;
}
.dashboardProfitInfo .param {
display: block;
font-size: 11px;
line-height: 1;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.dashboardProfitInfo .value {
display: block;
margin-top: 6px;
font-size: 25px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.dashboardProfitInfo .value span {
font-size: 16px;
line-height: 1;
}
.dashboardProfitInfo .value span sup {
font-size: 10px;
line-height: 1;
}
.profitChart {
max-width: 391px;
height: 230px;
padding: 24px 27px 27px 30px;
background-color: rgba(41, 49, 65, 0.7);
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.profitChart .param {
display: block;
font-size: 11px;
line-height: 1;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.profitChart .value {
display: block;
margin-top: 6px;
font-size: 25px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.profitChart .value span {
font-size: 16px;
line-height: 1;
}
.profitChart .value span sup {
font-size: 10px;
line-height: 1;
}
.cabinetCopyright {
display: none;
padding-bottom: 16px;
font-size: 13px;
line-height: 20px;
color: #81889c;
text-align: center;
}
.verificationSection {
position: relative;
margin-top: 42px;
padding: 65px 65px 0px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
z-index: 1;
}
.verificationSection .buttonWrap {
margin-top: 53px;
margin-bottom: -8px;
display: flex;
justify-content: center;
}
.verificationSection::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: calc(100% - 55px);
background-color: rgba(18, 23, 36, 0.839);
-webkit-border-radius: 20px 20px 0px 0px;
-moz-border-radius: 20px 20px 0px 0px;
-ms-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px;
z-index: -1;
}
.verificationSection::after {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 55px;
background-image: url(../img/cab_section_el.png);
background-size: auto;
background-position: center top;
background-repeat: no-repeat;
-webkit-border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-ms-border-radius: 0px 0px 20px 20px;
border-radius: 0px 0px 20px 20px;
z-index: -1;
}
.verificationSection .shadow {
position: absolute;
left: 0px;
right: 0px;
bottom: -57px;
margin: 0px auto;
width: 560px;
height: 249px;
background-image: url(../img/cab_section_shadow.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -2;
}
.verificationList {
margin-top: 53px;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 38px;
}
.verificationList .button {
margin-top: 41px;
display: flex;
justify-content: center;
position: relative;
}
.verificationList .fileName {
display: block;
max-width: 100%;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: absolute;
width: 100%;
font-size: 11px;
line-height: 20px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
bottom: 100%;
margin-bottom: 10px;
}
.verifyCard {
background-color: #293141;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.verifyCard .head {
min-height: 110px;
padding: 0px 30px;
display: flex;
justify-content: center;
align-items: center;
font-size: 11px;
line-height: 20px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center;
}
.verifyCard .data {
height: 268px;
display: flex;
justify-content: center;
align-items: center;
background-color: #1c2230;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.verifyCard .icon {
position: relative;
z-index: 1;
}
.verifyCard .icon::before {
content: "";
display: block;
position: absolute;
top: -55px;
right: -55px;
width: 145px;
height: 146px;
background-image: url(../img/icon_shadow_2.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
z-index: -1;
}
.verifyCard .icon path {
fill: #444d60;
}
.verifyCard.active .icon path {
fill: url(#iconGradient);
}
.verifyCard.active .icon::before {
opacity: 1;
}
.verifyCard:not(.active)+.button [class*=btn] {
background-color: #293141;
}
.verifyCard:not(.active)+.button [class*=btn] span {
background-image: unset;
-webkit-text-fill-color: unset;
text-fill-color: unset;
-webkit-background-clip: unset;
background-clip: unset;
}
.investorsSection {
margin-top: 40px;
}
.cabTabs>.tabsList {
display: flex;
}
.cabTabs>.tabsList>.tab {
position: relative;
width: 25%;
z-index: 1;
}
.cabTabs>.tabsList>.tab::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: calc(100% + 20px);
background-color: #293141;
background-size: auto;
background-position: left -36px top -36px;
background-repeat: no-repeat;
-webkit-border-radius: 25px 50px 0px 0px;
-moz-border-radius: 25px 50px 0px 0px;
-ms-border-radius: 25px 50px 0px 0px;
border-radius: 25px 50px 0px 0px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: -1;
}
.cabTabs>.tabsList>.tab::after {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: calc(100% + 20px);
background-image: url(../img/shadow.png);
background-size: auto;
background-position: left -82px top -64px;
background-repeat: no-repeat;
-webkit-border-radius: 25px 50px 0px 0px;
-moz-border-radius: 25px 50px 0px 0px;
-ms-border-radius: 25px 50px 0px 0px;
border-radius: 25px 50px 0px 0px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0.55;
z-index: -1;
}
.cabTabs>.tabsList>.tab a {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
min-height: 82px;
padding-left: 60px;
padding-right: 23px;
font-size: 16px;
line-height: 25px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.cabTabs>.tabsList>.tab img {
display: block;
}
.cabTabs>.tabsList>.tab:first-child::after {
opacity: 0;
}
.cabTabs>.tabsList>.tab:last-child::before {
-webkit-border-radius: 25px 25px 0px 0px;
-moz-border-radius: 25px 25px 0px 0px;
-ms-border-radius: 25px 25px 0px 0px;
border-radius: 25px 25px 0px 0px;
}
.cabTabs>.tabsList>.tab.active::before {
background-image: url(../img/inv_tab_back.png);
background-color: #141926;
}
.cabTabs>.tabsList>.tab:hover::before {
background-color: #141926;
}
.cabTabs>.tabContentWrapper {
position: relative;
z-index: 1;
}
.cabTabs>.tabContentWrapper::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: calc(100% - 55px);
background-color: #141926;
-webkit-border-radius: 20px 20px 0px 0px;
-moz-border-radius: 20px 20px 0px 0px;
-ms-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px;
z-index: -1;
}
.cabTabs>.tabContentWrapper::after {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 55px;
background-image: url(../img/cab_tabs_el.png);
background-size: auto 100%;
background-position: center top;
background-repeat: no-repeat;
-webkit-border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-ms-border-radius: 0px 0px 20px 20px;
border-radius: 0px 0px 20px 20px;
z-index: -1;
}
.cabTabs>.tabContentWrapper>.tabContent {
padding: 68px 84px 0px;
}
.cabTabs .topicTab {
display: none;
}
.cabTabs .info .textBlock {
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
-webkit-column-gap: 73px;
-moz-column-gap: 73px;
column-gap: 73px;
break-inside: avoid;
}
.cabTabs .info .lead+p {
margin-top: 26px;
}
.cabTabs .info p,
.cabTabs .info ul {
break-inside: avoid;
}
.cabTabs .info .image {
position: relative;
padding-top: 5px;
z-index: 1;
break-inside: avoid;
}
.cabTabs .info .image::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: calc(100% - 5px);
background-image: -moz-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -ms-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
z-index: -1;
}
.cabTabs .info .image img {
display: block;
max-width: unset;
width: 100%;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
}
.cabTabs .info+.depositSlider {
margin-top: 35px;
padding-top: 0px;
padding-bottom: 5px;
}
.cabTabs.progressTabs>.tabContentWrapper {
background-color: #141926;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
}
.cabTabs.progressTabs>.tabContentWrapper::before,
.cabTabs.progressTabs>.tabContentWrapper::after {
display: none;
}
.cabTabs.progressTabs>.tabContentWrapper>.tabContent {
padding-top: 62px;
padding-left: 60px;
padding-right: 60px;
padding-bottom: 64px;
}
.cabInnerTabs .tabsList {
display: flex;
}
.cabInnerTabs .tabsList .tab {
position: relative;
min-width: 283px;
z-index: 1;
}
.cabInnerTabs .tabsList .tab::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: calc(100% + 20px);
background-color: #293141;
-webkit-border-radius: 25px 25px 0px 0px;
-moz-border-radius: 25px 25px 0px 0px;
-ms-border-radius: 25px 25px 0px 0px;
border-radius: 25px 25px 0px 0px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: -1;
}
.cabInnerTabs .tabsList .tab::after {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: calc(100% + 20px);
background-image: url(../img/shadow.png);
background-size: auto;
background-position: left -82px top -64px;
background-repeat: no-repeat;
-webkit-border-radius: 25px 50px 0px 0px;
-moz-border-radius: 25px 50px 0px 0px;
-ms-border-radius: 25px 50px 0px 0px;
border-radius: 25px 50px 0px 0px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0.55;
z-index: -1;
}
.cabInnerTabs .tabsList .tab a {
display: flex;
align-items: center;
min-height: 52px;
padding-left: 58px;
font-size: 11px;
line-height: 11px;
color: #9095a1;
font-weight: 500;
letter-spacing: 0.1em;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
text-transform: uppercase;
}
.cabInnerTabs .tabsList .tab:first-child::after {
display: none;
}
.cabInnerTabs .tabsList .tab.active::before,
.cabInnerTabs .tabsList .tab:hover::before {
background-color: #1b212f;
}
.cabInnerTabs .tabsList .tab.active a,
.cabInnerTabs .tabsList .tab:hover a {
color: rgb(255, 255, 255);
}
.cabInnerTabs .tabContentWrapper {
position: relative;
z-index: 1;
}
.cabInnerTabs .tabContentWrapper .shadow {
position: absolute;
left: 0px;
right: 0px;
bottom: -32px;
margin: 0px auto;
width: 506px;
height: 136px;
background-image: url(../img/tabs_inner_shadow.png);
background-size: auto;
background-position: center;
background-repeat: no-repeat;
z-index: -2;
}
.cabInnerTabs .tabContentWrapper::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: calc(100% - 53px);
background-color: #1b212f;
-webkit-border-radius: 20px 20px 0px 0px;
-moz-border-radius: 20px 20px 0px 0px;
-ms-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px;
z-index: -1;
}
.cabInnerTabs .tabContentWrapper::after {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 53px;
background-image: url(../img/cab_tabs_el_sm.png);
background-size: auto 100%;
background-position: center top;
background-repeat: no-repeat;
-webkit-border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-ms-border-radius: 0px 0px 20px 20px;
border-radius: 0px 0px 20px 20px;
z-index: -1;
}
.cabInnerTabs .tabContent {
padding-left: 57px;
padding-right: 57px;
padding-top: 46px;
}
.cabInnerTabs .depositSlider {
padding: 0px;
}
.depositSlider {
padding-top: 12px;
padding-bottom: 12px;
}
.depositSlider .swiper-navigation {
position: relative;
margin-top: 103px;
display: flex;
justify-content: center;
align-items: center;
}
.depositSlider .swiper-button-prev,
.depositSlider .swiper-button-next {
position: static;
width: auto;
height: auto;
margin: unset;
flex-shrink: 0;
opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.depositSlider .swiper-button-prev:hover,
.depositSlider .swiper-button-next:hover {
opacity: 0.7;
}
.depositSlider .swiper-button-prev svg path,
.depositSlider .swiper-button-next svg path {
fill: rgb(255, 255, 255);
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.depositSlider .swiper-button-prev svg path:hover,
.depositSlider .swiper-button-next svg path:hover {
opacity: 0.7;
}
.depositSlider .swiper-button-prev img,
.depositSlider .swiper-button-next img {
display: block;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.depositSlider .swiper-button-prev img:hover,
.depositSlider .swiper-button-next img:hover {
opacity: 0.7;
}
.depositSlider .swiper-button-prev::after,
.depositSlider .swiper-button-next::after {
display: none;
}
.depositSlider .swiper-pagination {
position: static;
margin-left: 27px;
margin-right: 27px;
width: auto;
}
.depositSlider .swiper-pagination .swiper-pagination-bullet {
width: 9px;
height: 9px;
margin: 0px;
background-color: #ff03d3;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
opacity: 1;
}
.depositSlider .swiper-pagination .swiper-pagination-bullet:hover,
.depositSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #00b2ec;
}
.depositSlider .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
margin-left: 11px;
}
.depositSlider.ver2 .swiper-navigation {
margin-top: 65px;
}
.depositSlider.ver2 .swiper-pagination {
position: static;
margin-left: 27px;
margin-right: 27px;
width: auto;
}
.depositSlider.ver2 .swiper-pagination .swiper-pagination-bullet {
width: 34px;
height: 34px;
margin: 0px;
font-size: 14px;
line-height: 34px;
color: rgb(255, 255, 255);
font-weight: 500;
text-align: center;
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
opacity: 1;
}
.depositSlider.ver2 .swiper-pagination .swiper-pagination-bullet:hover,
.depositSlider.ver2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #0b0f19;
}
.depositSlider.ver2 .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
margin-left: 8px;
}
.depositCard {
min-height: 584px;
padding-left: 37px;
padding-right: 30px;
background-image: url(../img/dep_bottom.png), url(../img/dep_top.png);
background-position: center bottom, center top;
background-size: auto, auto;
background-repeat: no-repeat, no-repeat;
background-color: #1f2534;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.depositCard .head {
display: flex;
justify-content: space-between;
height: 176px;
padding-top: 25px;
}
.depositCard .head .left {
padding-top: 5px;
width: 165px;
}
.depositCard .head .right {
width: 165px;
}
.depositCard .name {
display: table;
margin-bottom: 10px;
font-size: 16px;
line-height: 25px;
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.depositCard .param {
display: block;
font-size: 11px;
line-height: 20px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.depositCard .value {
display: block;
font-size: 11px;
line-height: 20px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.depositCard .value span {
display: block;
font-size: 16px;
line-height: 25px;
}
.depositCard .value.sm {
letter-spacing: 0em;
}
.depositCard .value.lg {
font-size: 20px;
line-height: 25px;
letter-spacing: 0em;
}
.depositCard .value.lg sup {
font-size: 12px;
line-height: 1;
}
.depositCard .value .color1 {
display: inline;
font-size: inherit;
line-height: inherit;
letter-spacing: 0.1em;
color: #ff0bd3;
}
.depositCard .value .color2 {
display: inline;
font-size: inherit;
line-height: inherit;
letter-spacing: 0.1em;
color: #00afec;
}
.depositCard li.withIcon {
position: relative;
padding-left: 51px;
}
.depositCard li.withIcon img {
display: block;
position: absolute;
left: -2px;
top: 50%;
-moz-transform: translateY(-60%);
-ms-transform: translateY(-60%);
-webkit-transform: translateY(-60%);
-o-transform: translateY(-60%);
transform: translateY(-60%);
}
.depositCard .pct {
display: table;
margin-bottom: 5px;
font-size: 25px;
line-height: 35px;
font-weight: bold;
text-transform: uppercase;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.depositCard .data {
margin-top: 26px;
display: flex;
justify-content: space-between;
}
.depositCard .data li+li {
margin-top: 15px;
}
.depositCard .data .col:last-child {
margin-top: -70px;
}
.depositCard .data .col:last-child li+li {
margin-top: 20px;
}
.depositCard .calc {
position: relative;
padding-top: 53px;
display: flex;
}
.depositCard .calc .icon {
display: block;
position: absolute;
top: -18px;
right: 53px;
}
.depositCard .calc .left {
width: 188px;
}
.depositCard .calc .right {
margin-left: 35px;
padding-top: 18px;
}
.depositCard .calc .button {
margin-top: 22px;
}
.depositCard .calc [class*=btn] {
min-width: unset;
width: 100%;
}
.depositCard .result li+li {
margin-top: 21px;
}
.depositCard .result li:first-child .value {
color: #00afec;
}
.depositCard .result li:last-child .value {
color: #ff0bd3;
}
.depositCard .image {
position: relative;
width: 149px;
z-index: 1;
}
.depositCard .image::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: -2px;
width: 100%;
height: calc(100% - 5px);
background-image: -moz-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -ms-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
z-index: -1;
}
.depositCard .image img {
display: block;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.depositCard .profit {
max-width: 155px;
margin-left: auto;
margin-top: -28px;
}
.depositCard .profit .value {
display: table;
font-size: 40px;
line-height: 40px;
color: rgb(255, 255, 255);
font-weight: 700;
letter-spacing: 0em;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.depositCard .table {
margin-top: 14px;
}
.depositCard .table li {
display: flex;
justify-content: space-between;
align-items: center;
}
.depositCard .table li+li {
border-top: 1px solid #333d53;
}
.depositCard .table .par {
display: block;
font-size: 12px;
line-height: 29px;
color: #acb0bc;
}
.depositCard .table .val {
display: block;
font-size: 12px;
line-height: 29px;
color: rgb(255, 255, 255);
}
.depositCard .circularChart {
width: 100%;
background: #00b2ec;
background: -moz-linear-gradient(top, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(top, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to bottom, #00b2ec 0%, #ff03d3 100%);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.depositCard .circularChart>rect {
fill: rgb(18, 23, 36);
}
.depositCard .progressChart {
flex-shrink: 0;
margin-right: 22px;
position: relative;
width: 61px;
height: 61px;
padding: 2px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-color: rgb(18, 23, 36);
overflow: hidden;
}
.depositCard .progressChart::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
margin: auto;
width: 47px;
height: 47px;
background-color: rgb(41, 49, 65);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
z-index: 1;
}
.depositCard .progressChart::after {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
margin: auto;
width: 60px;
height: 60px;
border: 3px solid rgb(18, 23, 36);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
z-index: 1;
}
.depositCard .progress {
display: flex;
justify-content: space-between;
}
.depositCard .progress .left {
padding-top: 48px;
}
.depositCard .progress .right {
width: 152px;
}
.depositCard .progress .buttons {
margin-top: 26px;
}
.depositCard .progress .buttons [class*=btn]+[class*=btn] {
margin-top: 10px;
}
.depositCard .timer .val {
display: block;
margin-top: 4px;
font-size: 30px;
line-height: 40px;
color: rgb(255, 255, 255);
font-weight: 500;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.depositCard .progressVal {
display: flex;
margin-top: -37px;
}
.depositCard .progressVal .cap {
display: block;
font-size: 12px;
line-height: 16px;
color: #727886;
}
.depositCard .progressVal .val {
display: block;
font-size: 24px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.depositCard.done .result .value {
color: #acb0bc !important;
}
.depositCard.plan {
background-image: url(../img/dep_bottom_2.png), url(../img/dep_top_2.png);
}
.depositCard.plan .head {
padding-top: 23px;
}
.depositCard.plan .head .cap {
display: block;
margin-bottom: 2px;
font-size: 10px;
line-height: 20px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.depositCard.plan .head .right {
width: 156px;
}
.depositCard.plan .name {
line-height: 20px;
}
.depositCard.plan .data .col {
min-width: 156px;
}
.depositCard.plan .calc {
padding-top: 17px;
padding-bottom: 38px;
display: grid;
grid-template-columns: 188px 169px;
gap: 26px;
align-items: flex-end;
}
.depositCard.type2 {
min-height: 536px;
background-color: #1f2534;
background-image: url(../img/dep_bottom_3.png), url(../img/dep_top_3.png);
}
.depositCard.type2 .head {
padding-top: 22px;
}
.depositCard.type2 .head .right {
width: auto;
}
.depositCard.type2 .pct {
font-size: 30px;
}
.depositCard.type2 .data .col {
min-width: 121px;
}
.partnersSection {
display: flex;
justify-content: space-between;
}
.partnersStat {
position: relative;
}
.partnersStat .dashboardStat {
gap: 43px 40px;
}
.partnersStat .dashboardStat::before {
display: none;
}
.partnersStat .referralStat {
position: absolute;
left: 0px;
top: 218px;
right: 0px;
bottom: 0px;
margin: auto;
z-index: 1;
}
.referralStat {
text-align: center;
}
.referralStat .item+.item {
margin-top: 11px;
}
.referralStat .param {
display: block;
font-size: 11px;
line-height: 30px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.referralStat .linkWrap {
position: relative;
}
.referralStat .link {
display: inline-block;
font-size: 14px;
line-height: 30px;
color: #00a1e9;
text-decoration: underline;
text-decoration-color: inherit;
text-underline-offset: 0.15em;
-webkit-transition: text-decoration-color 0.3s;
-moz-transition: text-decoration-color 0.3s;
-o-transition: text-decoration-color 0.3s;
transition: text-decoration-color 0.3s;
}
.referralStat .link:hover {
text-decoration-color: transparent;
}
.referralStat .copyLink {
margin-left: 4px;
display: inline-block;
vertical-align: middle;
}
.referralStat .copyLink img {
display: block;
}
.referralStat .pct {
font-size: 20px;
line-height: 40px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.copyContainer {
position: relative;
}
.copyContainer .copyMessage {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 50%;
left: 50%;
flex-shrink: 0;
transform: translate(-50%, -50%) scale(0);
opacity: 0;
background-color: #0c111c;
color: #00b2ec;
border-radius: 7px;
font-size: 15px;
line-height: 1;
padding: 4px 12px 6px;
pointer-events: none;
border: 1px solid #00b2ec;
transition: opacity 0.2s 0s, transform 0s 0.2s;
}
.copyContainer .copyMessage.active {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
pointer-events: all;
transition: opacity 0.2s 0.1s, transform 0s;
}
.rangTable {
width: 393px;
padding-left: 38px;
padding-top: 30px;
padding-right: 30px;
background-image: url(../img/range_table_back.png);
background-size: 100% auro;
background-position: center bottom;
background-repeat: no-repeat;
background-color: rgb(18, 23, 36);
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.rangTable .table li {
display: flex;
justify-content: space-between;
align-items: center;
}
.rangTable .table .par {
display: block;
font-size: 12px;
line-height: 30px;
color: #727886;
}
.rangTable .table .val {
display: block;
min-width: 87px;
font-size: 14px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: 500;
text-transform: uppercase;
}
.rangTable .table .val sup {
position: relative;
top: 2px;
font-size: 8px;
line-height: 1;
}
.rangTable .rangs {
margin-top: 45px;
margin-bottom: 60px;
display: flex;
justify-content: space-between;
}
.rangTable .rangs li {
min-width: 138px;
}
.rangTable .rangs li:first-child .val {
display: table;
font-weight: 700;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.rangTable .rangs .par {
display: block;
font-size: 11px;
line-height: 24px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.rangTable .rangs .val {
display: block;
font-size: 16px;
line-height: 25px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.linesSider {
width: 381px;
margin-left: 0px;
margin-right: 0px;
padding: 22px 20px;
background-color: rgb(18, 23, 36);
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.linesSider .swiper-wrapper {
display: block;
}
@media (min-width: 1150px) {
.linesSider .swiper-wrapper {
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
}
.linesSider .swiper-slide {
height: auto;
}
.linesSider .swiper-slide+.swiper-slide {
margin-top: 17px;
}
.linesSider .swiper-navigation {
display: none;
}
.lineCard {
position: relative;
padding-left: 62px;
padding-right: 20px;
padding-top: 6px;
padding-bottom: 7px;
background-image: url(../img/line_back.png);
background-size: auto;
background-position: left top;
background-repeat: no-repeat;
background-color: rgb(28, 34, 48);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
}
.lineCard ul li {
display: flex;
justify-content: space-between;
align-items: center;
}
.lineCard .num {
position: absolute;
top: 2px;
left: 8px;
display: block;
font-size: 12px;
line-height: 15px;
color: rgb(255, 255, 255);
text-align: center;
}
.lineCard .num span {
display: block;
font-size: 14px;
font-weight: 500;
}
.lineCard .par {
display: block;
font-size: 12px;
line-height: 20px;
color: #727886;
}
.lineCard .val {
display: block;
min-width: 87px;
font-size: 14px;
line-height: 20px;
color: rgb(255, 255, 255);
font-weight: 500;
text-transform: uppercase;
}
.lineCard .val sup {
position: relative;
top: 2px;
font-size: 8px;
line-height: 1;
}
.refSection {
margin-top: 32px;
}
.refList {
margin-top: 35px;
padding-left: 50px;
padding-top: 38px;
padding-right: 50px;
padding-bottom: 2px;
background-color: rgba(34, 41, 56, 0.8);
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.refList .tHead {
display: flex;
padding-left: 60px;
padding-right: 43px;
padding-bottom: 23px;
font-size: 11px;
line-height: 11px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.refList .swiper-wrapper {
display: block;
}
@media (min-width: 1150px) {
.refList .swiper-wrapper {
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
}
.refList .swiper-slide {
height: auto;
}
.refList .swiper-navigation {
display: none;
}
.refList .login {
width: auto;
flex-shrink: 0;
margin-right: auto;
}
.refList .date {
margin-left: auto;
width: 305px;
flex-shrink: 0;
}
.refList .inv {
width: 330px;
flex-shrink: 0;
}
.refList .sum {
width: 255px;
flex-shrink: 0;
}
.refList .line {
width: 145px;
margin-right: 92px;
text-align: center;
}
.refItem {
border-top: 1px solid #333d53;
}
.refItem .head {
position: relative;
display: flex;
align-items: center;
padding-left: 20px;
padding-right: 43px;
min-height: 49px;
background-color: transparent;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
cursor: pointer;
}
.refItem .head>.icon {
position: relative;
width: 22px;
height: 22px;
margin-right: 20px;
flex-shrink: 0;
}
.refItem .head>.icon img {
display: block;
position: absolute;
left: 0px;
top: 0px;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.refItem .head>.icon .show {
opacity: 1;
}
.refItem .head>.icon .hide {
opacity: 0;
}
.refItem .tLabel {
display: none;
}
.refItem .login {
font-size: 11px;
line-height: 11px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.refItem .date {
font-size: 11px;
line-height: 11px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0em;
text-transform: uppercase;
}
.refItem .line {
font-size: 14px;
line-height: 14px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0em;
text-transform: uppercase;
}
.refItem .inv .tData,
.refItem .sum .tData {
display: flex;
align-items: center;
font-size: 14px;
line-height: 14px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0em;
}
.refItem .inv .tData sup,
.refItem .sum .tData sup {
position: relative;
top: 2px;
font-size: 9px;
line-height: 1;
}
.refItem .inv img,
.refItem .sum img {
display: block;
margin-right: 24px;
}
.refItem .info {
position: absolute;
top: 50%;
right: 23px;
margin-top: -10px;
}
.refItem .content {
display: none;
}
.refItem .content .head {
padding-left: 62px;
}
.refItem .content .content .head {
padding-left: 110px;
}
.refItem.active>.head {
background-color: #141926;
}
.refItem.active>.head>.icon .show {
opacity: 0;
}
.refItem.active>.head>.icon .hide {
opacity: 1;
}
.refItem.active>.content {
display: block;
}
.refItem .refItem.active .head {
background-color: #1c2230;
}
.refItem .refItem.active>.head {
background-color: #181d2b;
}
.refItem .refItem:not(.dropdownItem) .head {
background-color: #1c2230;
}
.programSection .info {
position: relative;
margin-top: 35px;
padding: 38px 67px 47px;
z-index: 1;
}
.programSection .info::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(18, 23, 36, 0.8);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
z-index: -1;
}
.programSection .info::after {
content: "";
display: block;
position: absolute;
left: -36px;
bottom: -140px;
width: 331px;
height: 288px;
background-image: url(../img/info_back.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -2;
}
.programSection .info+.tableSliderWrapper {
margin-top: 40px;
}
.programSection .cabTabs {
margin-top: 40px;
}
.programTabs .tabsList .tab a {
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center;
justify-content: center;
}
.programTabs>.tabContentWrapper {
background-image: url(../img/tab_back_2.png);
background-size: auto;
background-position: right bottom;
background-repeat: no-repeat;
background-color: #141926;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.programTabs>.tabContentWrapper::before,
.programTabs>.tabContentWrapper::after {
display: none;
}
.programTabs>.tabContentWrapper>.tabContent {
padding: 51px 64px 44px;
}
.levelBlock {
display: flex;
align-items: center;
}
.levelBlock .icon {
position: relative;
margin-top: 3px;
align-self: flex-start;
z-index: 1;
}
.levelBlock .icon::before {
content: "";
display: block;
position: absolute;
width: 165px;
height: 165px;
left: -80px;
top: -60px;
background-image: url(../img/icon_shadow.png);
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.levelBlock .icon img {
display: block;
}
.levelBlock .data {
margin-left: 60px;
}
.levelBlock .param {
display: block;
font-size: 11px;
line-height: 20px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.levelBlock .param+.value {
margin-top: 3px;
}
.levelBlock .value {
display: block;
font-size: 30px;
line-height: 40px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.levelBlock .pct {
margin-left: 155px;
font-size: 70px;
line-height: 70px;
font-weight: 500;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.tableSliderWrapper {
position: relative;
padding: 38px 50px 62px;
background-color: rgba(34, 41, 56, 0.8);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
z-index: 1;
}
.programSection .tableSlider .tRow:hover {
background-color: transparent;
}
.tableSlider .swiper-wrapper {
display: block;
}
@media (min-width: 1150px) {
.tableSlider .swiper-wrapper {
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
}
.tableSlider .swiper-slide {
height: auto;
border-top: 1px solid #333d53;
}
.tableSlider .swiper-slide:last-child .tCell {
border-bottom: 1px solid #333d53;
}
@media (max-width: 1149px) {
.tableSlider .swiper-slide:last-child .tCell {
border-bottom: none;
}
}
.tableSlider .tHead {
height: 34px;
display: flex;
font-size: 11px;
line-height: 11px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.tableSlider .tHead .tCell {
text-align: center;
}
.tableSlider .tRow {
display: flex;
align-items: center;
min-height: 49px;
background-color: transparent;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.tableSlider .tRow:hover {
background-color: #1c2230;
}
.tableSlider .tRow .tLabel {
display: none;
}
.tableSlider .tRow .tCell {
font-size: 14px;
line-height: 1;
color: rgb(255, 255, 255);
font-weight: 500;
}
.tableSlider .tRow .tData {
display: flex;
align-items: center;
}
.tableSlider .tRow .tData sup {
position: relative;
top: 2px;
font-size: 8px;
line-height: 1;
}
.tableSlider .tRow .icon {
display: block;
flex-shrink: 0;
margin-right: 24px;
}
.tableSlider .tRow .status {
font-size: 11px;
line-height: 1;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
background-color: #1c2230;
align-self: stretch;
}
@media (max-width: 1149px) {
.tableSlider .tRow .status {
background-color: transparent;
}
}
.tableSlider .tRow .pct {
font-size: 11px;
letter-spacing: 0.1em;
font-weight: 500;
align-self: stretch;
}
@media (max-width: 1149px) {
.tableSlider .tRow .pct {
padding-top: 10px;
padding-bottom: 10px;
}
.tableSlider .tRow .pct .tValue {
margin-top: 5px;
}
}
.tableSlider .tRow .pct .tData {
width: 100%;
height: 100%;
}
.tableSlider .tRow .pct .tData>div {
width: 100%;
}
.tableSlider .tRow .pct .tValue {
display: flex;
width: 100%;
}
.tableSlider .tRow .pct .tValue span {
width: 12.5%;
text-align: center;
}
.tableSlider .tRow .sum {
display: block;
align-self: stretch;
}
.tableSlider .tRow .sum .tData {
padding-left: 58px;
align-items: center;
width: 100%;
height: 100%;
}
@media (max-width: 1829px) {
.tableSlider .tRow .sum .tData {
padding-left: 30px;
}
}
@media (max-width: 1149px) {
.tableSlider .tRow .sum .tData {
padding-left: 5px;
}
}
@media (max-width: 1149px) {
.tableSlider .tRow .sum {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.tableSlider .tRow .sum .tData {
padding-top: 6px;
padding-bottom: 4px;
}
}
.tableSlider .tRow .sum:nth-child(3) .tData {
background-color: #262e3d;
}
.tableSlider .tRow .sum:nth-child(4) .tData {
background-color: #342842;
}
.tableSlider .tRow .sum:nth-child(5) .tData {
background-color: #1d3242;
}
.tableSlider .tRow .sum+.sum {
padding-left: 2px;
}
@media (max-width: 1149px) {
.tableSlider .tRow .sum+.sum {
padding-left: 0px;
}
}
.tableSlider .status {
width: 53px;
text-align: center;
}
.tableSlider .status .tData {
height: 100%;
justify-content: center;
align-items: center;
}
.tableSlider .pct {
width: 43.5%;
}
.tableSlider .sum {
width: 17.75%;
}
.tableSlider .swiper-navigation {
display: none;
}
.filterBlock {
position: relative;
margin-top: 35px;
padding: 28px 43px 44px;
}
.filterBlock::after {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(21, 26, 40, 0.839);
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
z-index: 0;
}
.filterBlock::before {
content: "";
display: block;
position: absolute;
right: 57px;
top: -55px;
width: 447px;
height: 390px;
background-image: url(../img/info_back_lg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 0;
}
.filterBlock .formWrap {
position: relative;
display: flex;
align-items: flex-end;
z-index: 2;
}
.filterBlock .date {
display: flex;
}
.filterBlock .date .field {
width: 308px;
flex-shrink: 0;
}
.filterBlock .date .field+.field {
margin-left: 9px;
}
.filterBlock .date+.date {
margin-left: 39px;
}
.filterBlock .filed label {
position: relative;
}
.filterBlock .type {
width: 268px;
margin-left: 39px;
}
.filterBlock .button {
margin-left: 22px;
flex-grow: 1;
}
.filterBlock .button [class*=btn] {
width: 100%;
min-width: unset;
}
.filterBlock+.tableSlider2 {
margin-top: 40px;
}
.tableSlider2 {
position: relative;
padding: 38px 50px 6px;
}
.tableSlider2 .shadow {
position: absolute;
left: 0px;
right: 0px;
bottom: -20px;
margin: 0px auto;
width: 626px;
height: 136px;
background-image: url(../img/cab_section_shadow_2.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -2;
}
.tableSlider2::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: calc(100% - 55px);
background-color: rgba(34, 41, 56, 0.8);
-webkit-border-radius: 21px 21px 0px 0px;
-moz-border-radius: 21px 21px 0px 0px;
-ms-border-radius: 21px 21px 0px 0px;
border-radius: 21px 21px 0px 0px;
z-index: -1;
}
.tableSlider2::after {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 55px;
background-image: url(../img/table_el.png);
background-size: auto;
background-position: center top;
background-repeat: no-repeat;
-webkit-border-radius: 0px 0px 21px 21px;
-moz-border-radius: 0px 0px 21px 21px;
-ms-border-radius: 0px 0px 21px 21px;
border-radius: 0px 0px 21px 21px;
z-index: -1;
}
.tableSlider2 .swiper-wrapper {
display: block;
}
@media (min-width: 1150px) {
.tableSlider2 .swiper-wrapper {
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
}
.tableSlider2 .swiper-slide {
height: auto;
}
.tableSlider2 .swiper-navigation {
display: none;
}
.tableSlider2 .tHead {
height: 34px;
display: flex;
font-size: 11px;
line-height: 11px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.tableSlider2 .tHead .id {
padding-left: 41px;
}
.tableSlider2 .head {
display: flex;
align-items: center;
height: 50px;
padding-right: 14px;
background-color: transparent;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
border-top: 1px solid #333d53;
cursor: pointer;
}
.tableSlider2 .head .tLabel {
display: none;
}
.tableSlider2 .head .id {
padding-left: 30px;
font-size: 12px;
line-height: 1;
color: #acb0bc;
font-weight: 500;
}
.tableSlider2 .head .type {
font-size: 11px;
line-height: 1;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.tableSlider2 .head .date {
font-size: 11px;
line-height: 1;
color: #acb0bc;
font-weight: 500;
text-transform: uppercase;
}
.tableSlider2 .head .sum {
font-size: 14px;
line-height: 1;
color: rgb(255, 255, 255);
font-weight: 500;
}
.tableSlider2 .head .sum .tData {
display: flex;
align-items: center;
}
.tableSlider2 .head .sum sup {
position: relative;
top: 2px;
font-size: 8px;
line-height: 1;
}
.tableSlider2 .head .sum img {
display: block;
margin-right: 24px;
max-width: 35px;
}
.tableSlider2 .head .com {
font-size: 14px;
line-height: 1;
color: rgb(255, 255, 255);
font-weight: 500;
}
.tableSlider2 .head .com sup {
position: relative;
top: 2px;
font-size: 8px;
line-height: 1;
}
.tableSlider2 .head .status {
font-size: 11px;
line-height: 1;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.tableSlider2 .head .status.success {
color: #00e1c0;
}
.tableSlider2 .head .status.wait {
color: #00a1e9;
}
.tableSlider2 .head .status.error {
color: #fb438f;
}
.tableSlider2 .head .login {
font-size: 11px;
line-height: 20px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.tableSlider2 .head .login .tData {
display: flex;
align-items: center;
}
.tableSlider2 .head .login .tLabel {
display: flex;
align-items: center;
font-size: 11px;
line-height: 11px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
}
.tableSlider2 .head .login .tLabel img {
display: block;
margin-right: 10px;
}
.tableSlider2 .head .control {
position: relative;
width: 22px;
height: 22px;
}
.tableSlider2 .head .control img {
position: absolute;
display: block;
left: 0px;
top: 0px;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.tableSlider2 .head .control .show {
opacity: 1;
}
.tableSlider2 .head .control .hide {
opacity: 0;
}
.tableSlider2 .head:hover {
background-color: #161b29;
}
.tableSlider2 .content {
display: none;
font-size: 12px;
line-height: 24px;
color: rgb(255, 255, 255);
}
.tableSlider2 .content .in {
padding: 12px 30px;
border-top: 1px solid #333d53;
}
.tableSlider2 .content .num {
font-weight: 500;
letter-spacing: 0.1em;
}
.tableSlider2 .content .acc {
font-size: 12px;
color: #00b0ec;
}
.tableSlider2 .content .par {
font-size: 11px;
line-height: 24px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.tableSlider2 .active .head {
background-color: #161b29;
}
.tableSlider2 .active .head .control .show {
opacity: 0;
}
.tableSlider2 .active .head .control .hide {
opacity: 1;
}
.tableSlider2 .active .content {
display: block;
background-color: #161b29;
}
.tableSlider2 .id {
width: 168px;
}
.tableSlider2 .type {
width: 252px;
}
.tableSlider2 .date {
width: 253px;
}
.tableSlider2 .sum {
width: 278px;
}
.tableSlider2 .com {
width: 188px;
}
.tableSlider2 .login {
width: 198px;
margin-left: auto;
}
.tableSlider2 .pagination {
margin-top: 26px;
}
.formMessages {
margin: -5px 0px 30px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 9px;
}
.formMessage {
display: flex;
align-items: center;
padding: 10px 11px;
min-height: 40px;
font-size: 14px;
line-height: 20px;
background-color: #293141;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
}
.formMessage .icon {
display: block;
flex-shrink: 0;
margin-right: 9px;
}
.formMessage.success {
color: #00e1bf;
}
.formMessage.error {
color: #fb438f;
}
.formMessage.info {
color: #00a1e9;
}
.formMessage.warn {
color: #a06ffd;
}
.settingsSection {
display: grid;
grid-template-columns: auto 522px;
gap: 47px 45px;
}
.settingsForm {
position: relative;
padding: 23px 68px 0px;
z-index: 1;
}
.settingsForm .shadow {
position: absolute;
position: absolute;
bottom: -43px;
right: -43px;
width: 506px;
height: 273px;
background-image: url(../img/settings_shadow.png);
background-size: 100% auto;
background-position: right top;
background-repeat: no-repeat;
z-index: -2;
}
.settingsForm::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: calc(100% - 55px);
background-color: rgba(18, 23, 36, 0.839);
-webkit-border-radius: 21px 21px 0px 0px;
-moz-border-radius: 21px 21px 0px 0px;
-ms-border-radius: 21px 21px 0px 0px;
border-radius: 21px 21px 0px 0px;
z-index: -1;
}
.settingsForm::after {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 55px;
background-size: auto;
background-position: center top;
background-repeat: no-repeat;
-webkit-border-radius: 0px 0px 21px 21px;
-moz-border-radius: 0px 0px 21px 21px;
-ms-border-radius: 0px 0px 21px 21px;
border-radius: 0px 0px 21px 21px;
z-index: -1;
}
.settingsForm.sm::after {
background-image: url(../img/settings_el.png);
}
.settingsForm.md {
flex-grow: 1;
}
.settingsForm.md::after {
background-image: url(../img/settings_el.png);
}
.settingsForm.lg {
grid-column: 1/3;
}
.settingsForm.lg::after {
background-image: url(../img/settings_lg_el.png);
background-position: right top;
}
.settingsForm .titleBlock {
font-size: 20px;
line-height: 50px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.settingsForm .titleBlock+.formBlock {
margin-top: 17px;
}
.settingsForm .fieldsGrid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.settingsForm .fieldsGrid.col2 {
grid-template-columns: repeat(2, 1fr);
}
.settingsForm .field+.field {
margin-top: 23px;
}
.settingsForm .field+.check {
margin-top: 19px;
}
.settingsForm .check+.field {
margin-top: 43px;
}
.settingsForm .check+.check {
margin-top: 14px;
}
.settingsForm .buttonWrap {
margin-top: 40px;
margin-bottom: -7px;
display: flex;
justify-content: center;
}
.securitySettings .wrapper {
display: flex;
justify-content: space-between;
}
.securitySettings .leftSide {
width: 782px;
}
.securitySettings .rightSide {
padding-top: 15px;
}
.securitySettings .titleBlock+.formBlock {
margin-top: 32px;
}
.securitySettings .buttonWrap {
max-width: 380px;
margin-left: auto;
}
.authForm {
position: relative;
width: 387px;
font-size: 14px;
line-height: 30px;
color: #acb0bc;
}
.authForm .key {
display: block;
font-size: 20px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.authForm .qr {
display: flex;
position: absolute;
bottom: 0px;
right: calc(100% + 69px);
justify-content: center;
align-items: center;
width: 221px;
height: 213px;
background-color: rgb(255, 255, 255);
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.authForm .qr img {
display: block;
}
.authForm .field {
margin-top: 60px;
}
.walletSection {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 174px 43px;
background-image: url(../img/wallet_back.png);
background-size: auto;
background-position: center;
background-repeat: no-repeat;
}
.walletSection .item:first-child .walletCard {
-webkit-border-radius: 21px 21px 21px 0px;
-moz-border-radius: 21px 21px 21px 0px;
-ms-border-radius: 21px 21px 21px 0px;
border-radius: 21px 21px 21px 0px;
}
.walletSection .item:first-child .walletCard::before {
display: block;
left: 0px;
top: 100%;
background-image: url(../img/card_el_1.png);
background-position: left top;
}
.walletSection .item:nth-child(3) .walletCard {
-webkit-border-radius: 21px 21px 0px 21px;
-moz-border-radius: 21px 21px 0px 21px;
-ms-border-radius: 21px 21px 0px 21px;
border-radius: 21px 21px 0px 21px;
}
.walletSection .item:nth-child(3) .walletCard::before {
display: block;
right: 0px;
top: 100%;
background-position: right top;
background-image: url(../img/card_el_2.png);
}
.walletSection .item:nth-child(4) .walletCard {
-webkit-border-radius: 0px 21px 21px 21px;
-moz-border-radius: 0px 21px 21px 21px;
-ms-border-radius: 0px 21px 21px 21px;
border-radius: 0px 21px 21px 21px;
}
.walletSection .item:nth-child(4) .walletCard::before {
display: block;
left: 0px;
bottom: 100%;
background-position: left bottom;
background-image: url(../img/card_el_3.png);
}
.walletSection .item:last-child .walletCard {
-webkit-border-radius: 21px 0px 21px 21px;
-moz-border-radius: 21px 0px 21px 21px;
-ms-border-radius: 21px 0px 21px 21px;
border-radius: 21px 0px 21px 21px;
}
.walletSection .item:last-child .walletCard::before {
display: block;
right: 0px;
bottom: 100%;
background-position: right bottom;
background-image: url(../img/card_el_4.png);
}
.walletCard {
position: relative;
display: flex;
justify-content: space-between;
height: 280px;
padding-left: 52px;
padding-top: 37px;
padding-right: 40px;
padding-bottom: 45px;
background-color: rgba(18, 23, 36, 0.839);
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.walletCard::before {
content: "";
display: none;
position: absolute;
width: 100%;
height: 62px;
background-size: auto;
background-repeat: no-repeat;
}
.walletCard .info {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.walletCard .wallet {
display: flex;
}
.walletCard .wallet .icon {
position: relative;
flex-shrink: 0;
margin-right: 25px;
z-index: 1;
pointer-events: none;
}
.walletCard .wallet .icon::before {
content: "";
display: block;
position: absolute;
right: -40px;
bottom: -70px;
width: 165px;
height: 165px;
background-image: url(../img/icon_shadow.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.walletCard .wallet .icon img {
display: block;
}
.walletCard .wallet .par {
display: block;
font-size: 14px;
line-height: 25px;
color: #5e626d;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.walletCard .wallet .val {
display: block;
font-size: 20px;
line-height: 30px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.walletCard .wallet .button {
margin-left: auto;
}
.walletCard .sum {
position: relative;
z-index: 1;
}
.walletCard .sum .par {
display: block;
font-size: 11px;
line-height: 28px;
color: #5e626d;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.walletCard .sum .val {
display: block;
font-size: 30px;
line-height: 40px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.walletCard .sum .val sup {
font-size: 18px;
line-height: 1;
}
.walletCard .buttons {
display: flex;
flex-direction: column;
}
.walletCard .buttons [class*=btn]+[class*=btn] {
margin-top: 20px;
}
.walletCard .button {
align-self: flex-end;
margin-right: 10px;
margin-bottom: 3px;
}
.walletCard .button [class*=btn] {
min-width: 153px;
}
.walletCard .field {
padding-bottom: 19px;
padding-right: 8px;
}
.walletCard .field input {
font-size: 14px;
}
.walletCard.pay .info {
width: 100%;
}
.hero-banner {
position: absolute;
width: 100%;
height: 100%;
top: 100px;
left: 0px;
overflow: hidden;
text-align: center;
-moz-transform: skewY(-15deg);
-ms-transform: skewY(-15deg);
-webkit-transform: skewY(-15deg);
-o-transform: skewY(-15deg);
transform: skewY(-15deg);
opacity: 0.5;
z-index: -1;
}
.hero-banner video {
position: absolute;
top: -10vw;
left: 0;
z-index: 0;
}
.hero-banner canvas {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
@media (max-width: 1149px) {
.hero-banner {
display: none;
}
}
.textBlock {
font-size: 15px;
line-height: 23px;
color: #acb0bc;
}
@media (max-width: 1229px) {
.textBlock {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 1015px) {
.textBlock {
font-size: 14px;
}
}
.textBlock p+p {
margin-top: 23px;
}
.textBlock .lead {
font-size: 20px;
line-height: 30px;
font-weight: 500;
}
@media (max-width: 1229px) {
.textBlock .lead {
font-size: 16px;
line-height: 24px;
}
}
@media (max-width: 1015px) {
.textBlock .lead {
font-size: 18px;
line-height: 27px;
}
}
.textBlock .lead+p {
margin-top: 35px;
}
@media (max-width: 1229px) {
.textBlock .lead+p {
margin-top: 30px;
}
}
@media (max-width: 1016px) {
.textBlock .lead+p {
margin-top: 21px;
}
}
.textBlock .highlighted {
background: #f562e5;
background: -moz-linear-gradient(left, #f562e5 0%, #4addff 100%);
background: -webkit-linear-gradient(left, #f562e5 0%, #4addff 100%);
background: linear-gradient(to right, #f562e5 0%, #4addff 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.textBlock a {
color: #00b6f4;
text-decoration: underline;
text-decoration-color: inherit;
text-underline-offset: 0.15em;
-webkit-transition: text-decoration-color 0.3s;
-moz-transition: text-decoration-color 0.3s;
-o-transition: text-decoration-color 0.3s;
transition: text-decoration-color 0.3s;
}
.textBlock a:hover {
text-decoration-color: transparent;
}
.markedList {
margin-top: 19px;
margin-bottom: 19px;
}
.markedList li {
position: relative;
padding-left: 28px;
font-size: 15px;
line-height: 30px;
color: rgb(255, 255, 255);
}
.markedList li::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 5px;
width: 18px;
height: 18px;
background-image: url(../img/marker.svg);
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.markedList:first-child {
margin-top: 0px;
}
.markedList:last-child {
margin-bottom: 0px;
}
.footerSection {
margin-top: 143px;
}
.registerSection .wrapper {
position: relative;
}
.registerSection .wrapper::before {
content: "";
display: block;
position: absolute;
left: -327px;
top: -183px;
width: 1245px;
height: 527px;
background-image: url(../img/reg_back_3.png);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
z-index: -1;
}
.registerBlock {
position: relative;
display: flex;
min-height: 327px;
-webkit-border-radius: 33px;
-moz-border-radius: 33px;
-ms-border-radius: 33px;
border-radius: 33px;
overflow: hidden;
}
.registerBlock .inner {
position: relative;
width: 100%;
height: auto;
padding-left: 65px;
padding-right: 65px;
padding-top: 55px;
padding-bottom: 40px;
}
.registerBlock .inner::before {
content: "";
display: block;
position: absolute;
right: -138px;
bottom: -249px;
width: 938px;
height: 505px;
background-color: rgb(127, 140, 175);
opacity: 0.2;
-webkit-box-shadow: 1px -4px 51px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 1px -4px 51px 0px rgba(0, 0, 0, 0.35);
box-shadow: 1px -4px 51px 0px rgba(0, 0, 0, 0.35);
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
z-index: -1;
}
.registerBlock .title {
max-width: 500px;
font-size: 40px;
line-height: 45px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.registerBlock .content {
margin-top: 59px;
display: flex;
justify-content: flex-end;
}
.registerBlock .text {
width: 290px;
font-size: 14px;
line-height: 20px;
color: #acb0bc;
}
.registerBlock .button {
margin-left: 124px;
align-self: center;
padding-top: 10px;
}
.registerBlock::after {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 100%;
background-image: url(../img/reg_back_2.png), url(../img/reg_back.png);
background-size: 100% auto, auto;
background-position: center bottom, left -88px top -203px;
background-repeat: no-repeat, no-repeat;
-webkit-border-radius: 33px;
-moz-border-radius: 33px;
-ms-border-radius: 33px;
border-radius: 33px;
z-index: -1;
}
.registerBlock::before {
content: "";
display: block;
position: absolute;
left: -10px;
bottom: -10px;
width: calc(100% + 20px);
height: calc(100% + 20px);
background-color: rgba(24, 31, 46, 0.431);
-webkit-border-radius: 33px;
-moz-border-radius: 33px;
-ms-border-radius: 33px;
border-radius: 33px;
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-ms-filter: blur(10px);
-o-filter: blur(10px);
filter: blur(10px);
z-index: -1;
}
.footer {
position: relative;
margin-top: 40px;
}
.footer::before {
content: "";
display: block;
position: absolute;
left: 50%;
margin-left: -960px;
bottom: 0;
width: 1920px;
height: 1004px;
background-image: url(../img/footer_back.jpg);
background-size: 100% auto;
background-position: center bottom;
background-repeat: no-repeat;
z-index: -1;
}
.footerTop {
position: relative;
padding-top: 69px;
}
.footerTop .backLogo {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
margin: 0px auto;
opacity: 0.21;
-webkit-filter: blur(14px);
-moz-filter: blur(14px);
-ms-filter: blur(14px);
-o-filter: blur(14px);
filter: blur(14px);
z-index: -1;
}
.footerTop .footerLogo {
margin-top: 36px;
margin-left: auto;
margin-right: auto;
}
.footerTop .copyright {
margin-top: 30px;
font-size: 13px;
line-height: 20px;
color: #acb0bc;
text-align: center;
}
.socList {
display: flex;
justify-content: center;
}
.socList li {
width: 44px;
height: 44px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: rgb(255, 255, 255);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
z-index: 1;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.socList li>a {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 7;
overflow: hidden;
text-indent: 200%;
white-space: nowrap;
}
.socList li:hover {
opacity: 0.7;
}
.socList li img {
display: block;
}
.socList li+li {
margin-left: 12px;
}
.footerLogo {
width: 268px;
position: relative;
z-index: 1;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.footerLogo>a {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 7;
overflow: hidden;
text-indent: 200%;
white-space: nowrap;
}
.footerLogo:hover {
opacity: 0.7;
}
.footerLogo img {
display: block;
}
.footerBottom {
position: relative;
margin-top: 77px;
padding-bottom: 24px;
z-index: 1;
}
.footerBottom::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 50px;
background-image: url(../img/footer_shadow.png), url(../img/footer_back_2.svg);
background-size: auto, 100% auto;
background-position: right bottom, center top;
background-repeat: no-repeat, no-repeat;
z-index: -1;
}
.footerBottom::after {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: calc(100% - 50px);
background-color: rgba(255, 255, 255, 0.05);
z-index: -1;
}
.footerBottom .info {
margin-top: 35px;
padding-left: 50px;
padding-right: 50px;
font-size: 13px;
line-height: 18px;
color: #acb0bc;
}
.footerBottom .info .linkMore {
display: inline;
}
.footerLinks {
min-height: 50px;
display: flex;
justify-content: space-between;
align-items: center;
}
.footerLinks .link {
width: 215px;
text-align: center;
}
.footerLinks .link a {
display: inline-block;
font-size: 12px;
line-height: 50px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.footerLinks .link a:hover {
opacity: 0.7;
}
.footerMenu {
display: flex;
justify-content: center;
}
.footerMenu li a {
font-size: 14px;
line-height: 50px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.footerMenu li a:hover {
opacity: 0.7;
}
.footerMenu li+li {
margin-left: 47px;
}
.bodyModal {
position: relative;
overflow: hidden;
}
.bodyModal body {
position: relative;
overflow: hidden;
}
.modalsScroll {
overflow-x: hidden;
position: fixed;
z-index: -1;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
display: none;
}
.modalsScroll.open {
z-index: 55;
display: block;
}
.modals {
min-height: 100vh;
width: 100vw;
}
.modals.table {
display: flex;
}
.modals.table>.tCell {
display: flex;
width: 100%;
vertical-align: middle;
padding: 15px 11px;
}
.overlayModal {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(32, 38, 54, 0.93);
cursor: pointer;
display: none;
}
.blockMod {
display: none;
position: relative;
align-self: center;
width: 100%;
margin: 0px auto;
background-color: rgb(32, 38, 53);
-webkit-box-shadow: 0px 0px 103px 0px rgba(18, 23, 36, 0.64);
-moz-box-shadow: 0px 0px 103px 0px rgba(18, 23, 36, 0.64);
box-shadow: 0px 0px 103px 0px rgba(18, 23, 36, 0.64);
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
z-index: 1;
overflow: hidden;
}
.blockMod .close {
position: absolute;
top: 18px;
right: 21px;
cursor: pointer;
z-index: 2;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.blockMod .close:hover {
opacity: 0.7;
}
.blockMod .close img {
display: block;
}
.blockMod .titleContainer {
font-size: 30px;
line-height: 50px;
color: rgb(255, 255, 255);
font-weight: 500;
text-align: center;
}
.blockMod .titleContainer>.title {
display: block;
font-size: 40px;
line-height: 50px;
color: rgb(255, 255, 255);
font-weight: 500;
text-align: center;
z-index: 1;
}
.blockMod .titleContainer>.title span {
display: inline-block;
font-weight: 700;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.blockMod .buttonWrap {
margin-top: 38px;
display: flex;
justify-content: center;
}
.blockMod .buttonWrap [class*=btn] {
min-width: 242px;
}
.modalPay {
max-width: 901px;
padding: 38px 49px;
}
.modalPay .titleContainer>.title {
position: absolute;
top: 50%;
left: 0px;
right: 0px;
margin: 0px auto;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.modalPay .titleContainer+.contentContainer {
margin-top: 32px;
}
.payFormGrid {
position: relative;
background-image: url(../img/modal_payment_back.png);
background-size: auto;
background-position: center;
background-repeat: no-repeat;
}
.payFormGrid .fieldWrap {
margin-top: 167px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
.payFormGrid .field,
.payFormGrid .result {
min-height: 150px;
background-color: #121724;
}
.payFormGrid .field {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0px 45px 42px;
background-image: url(../img/back_left.png);
background-size: auto;
background-position: left bottom;
background-repeat: no-repeat;
-webkit-border-radius: 0px 21px 21px 21px;
-moz-border-radius: 0px 21px 21px 21px;
-ms-border-radius: 0px 21px 21px 21px;
border-radius: 0px 21px 21px 21px;
}
.payFormGrid .field::before {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 100%;
width: 100%;
height: 62px;
background-image: url(../img/modal_card_left.png);
background-size: auto 100%;
background-position: left bottom;
background-repeat: no-repeat;
}
.payFormGrid .result {
position: relative;
padding-top: 3px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
background-image: url(../img/back_right.png);
background-size: auto;
background-position: right bottom;
background-repeat: no-repeat;
-webkit-border-radius: 21px 0px 21px 21px;
-moz-border-radius: 21px 0px 21px 21px;
-ms-border-radius: 21px 0px 21px 21px;
border-radius: 21px 0px 21px 21px;
}
.payFormGrid .result::before {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 100%;
width: 100%;
height: 62px;
background-image: url(../img/modal_card_right.png);
background-size: auto 100%;
background-position: right bottom;
background-repeat: no-repeat;
}
.payFormGrid .result .param {
display: block;
font-size: 11px;
line-height: 24px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.payFormGrid .result .value {
display: block;
font-size: 30px;
line-height: 40px;
font-weight: bold;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.payFormGrid .result .value sup {
display: inline-block;
font-size: 12px;
vertical-align: bottom;
}
.payFormGrid.invert {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 167px 40px;
}
.payFormGrid.invert .fieldset {
position: relative;
min-height: 150px;
padding: 34px 45px;
background-color: #121724;
}
.payFormGrid.invert .fieldset .num {
display: block;
position: absolute;
top: calc(100% + 9px);
font-size: 77px;
line-height: 60px;
color: #1f2534;
font-weight: 500;
}
.payFormGrid.invert .fieldset:first-child {
background-image: url(../img/back_left_top.png);
background-size: auto;
background-position: left top;
background-repeat: no-repeat;
-webkit-border-radius: 21px 21px 21px 0px;
-moz-border-radius: 21px 21px 21px 0px;
-ms-border-radius: 21px 21px 21px 0px;
border-radius: 21px 21px 21px 0px;
}
.payFormGrid.invert .fieldset:first-child .num {
left: 42px;
}
.payFormGrid.invert .fieldset:first-child::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 100%;
width: 100%;
height: 62px;
background-image: url(../img/modal_card_left_top.png);
background-size: auto 100%;
background-position: left top;
background-repeat: no-repeat;
}
.payFormGrid.invert .fieldset:nth-child(2) {
background-image: url(../img/back_right_top.png);
background-size: auto;
background-position: right top;
background-repeat: no-repeat;
-webkit-border-radius: 21px 21px 0px 21px;
-moz-border-radius: 21px 21px 0px 21px;
-ms-border-radius: 21px 21px 0px 21px;
border-radius: 21px 21px 0px 21px;
}
.payFormGrid.invert .fieldset:nth-child(2) .num {
right: 34px;
}
.payFormGrid.invert .fieldset:nth-child(2)::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 100%;
width: 100%;
height: 62px;
background-image: url(../img/modal_card_right_top.png);
background-size: auto 100%;
background-position: right top;
background-repeat: no-repeat;
}
.payFormGrid.invert .transferResult {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
grid-column: 1/3;
padding-top: 44px;
background-color: transparent;
-webkit-border-radius: 25px 25px 21px 21px;
-moz-border-radius: 25px 25px 21px 21px;
-ms-border-radius: 25px 25px 21px 21px;
border-radius: 25px 25px 21px 21px;
z-index: 1;
}
.payFormGrid.invert .transferResult .param {
display: block;
font-size: 11px;
line-height: 24px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.payFormGrid.invert .transferResult .value {
display: block;
font-size: 30px;
line-height: 40px;
font-weight: 700;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.payFormGrid.invert .transferResult .value span {
font-size: 20px;
}
.payFormGrid.invert .transferResult .value sup {
font-size: 12px;
line-height: 1;
}
.payFormGrid.invert .transferResult::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 212px;
left: 0px;
bottom: 0px;
background-image: url(../img/transfer_result.png);
background-size: auto 100%;
background-position: center bottom;
background-repeat: no-repeat;
-webkit-border-radius: 25px 25px 21px 21px;
-moz-border-radius: 25px 25px 21px 21px;
-ms-border-radius: 25px 25px 21px 21px;
border-radius: 25px 25px 21px 21px;
z-index: -1;
}
.paymentsList {
position: relative;
display: grid;
grid-template-columns: repeat(3, 206px);
gap: 24px;
justify-content: space-between;
padding: 15px 34px 19px;
background-color: #1a1f2d;
-webkit-border-radius: 21px 21px 0px 0px;
-moz-border-radius: 21px 21px 0px 0px;
-ms-border-radius: 21px 21px 0px 0px;
border-radius: 21px 21px 0px 0px;
}
.paymentsList::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 100%;
width: 100%;
height: 62px;
background-image: url(../img/payment_list_back.png);
background-size: auto 100%;
background-position: center top;
background-repeat: no-repeat;
-webkit-border-radius: 0px 0px 25px 25px;
-moz-border-radius: 0px 0px 25px 25px;
-ms-border-radius: 0px 0px 25px 25px;
border-radius: 0px 0px 25px 25px;
}
.paymentsList>.select {
display: none;
}
.paymentsList>.item {
position: relative;
}
.paymentsList>.item input {
position: absolute;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
opacity: 0;
}
.paymentsList>.item input:checked+.paymentItem::before {
opacity: 1;
}
.paymentsList>.item label {
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
cursor: pointer;
z-index: 1;
}
.paymentsList>.item label:hover~.paymentItem::before {
opacity: 1;
}
.paymentItem {
position: relative;
display: flex;
align-items: center;
padding: 5px 7px 5px;
min-height: 46px;
background-color: #2b3242;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
-ms-border-radius: 23px;
border-radius: 23px;
}
.paymentItem::before {
content: "";
display: block;
position: absolute;
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
}
.paymentItem .icon {
margin-right: 13px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
width: 35px;
height: 35px;
background-color: rgb(11, 15, 25);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.paymentItem .icon img {
display: block;
}
.paymentItem .param {
display: block;
font-size: 11px;
line-height: 14px;
color: #727886;
}
.paymentItem .value {
display: block;
font-size: 16px;
line-height: 20px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.paymentItem .value span {
font-size: 12px;
}
.paymentItem .value sup {
position: relative;
top: 2px;
font-size: 7px;
line-height: 1;
}
.modalReplenish {
max-width: 702px;
padding: 51px 50px;
}
.modalReplenish .replenishInfo {
margin-top: -36px;
}
.modalReplenish .modalTable {
margin-top: -9px;
}
.modalReplenish .note {
position: relative;
margin-top: 22px;
font-size: 12px;
line-height: 30px;
color: rgb(255, 255, 255);
text-align: center;
z-index: 1;
}
.modalReplenish .buttonsWrap {
margin-top: 33px;
display: flex;
justify-content: center;
}
.modalReplenish .buttonsWrap [class*=btn] {
min-width: 197px;
}
.modalReplenish .buttonsWrap [class*=btn]+[class*=btn] {
margin-left: 21px;
}
.accountBlock {
position: relative;
padding-left: 36px;
padding-top: 25px;
padding-right: 30px;
padding-bottom: 50px;
display: flex;
z-index: 1;
justify-content: space-between;
}
.accountBlock .shadow {
position: absolute;
left: 0px;
right: 0px;
bottom: -8px;
width: 496px;
height: 166px;
margin: 0px auto;
background-image: url(../img/replenish_shadow.png);
background-size: auto;
background-position: center;
background-repeat: no-repeat;
z-index: -2;
}
.accountBlock .info p {
font-size: 12px;
line-height: 17px;
color: #acb0bc;
}
.accountBlock .title {
display: inline-block;
font-size: 25px;
line-height: 35px;
font-weight: 700;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.accountBlock .title+p {
margin-top: 14px;
}
.accountBlock .code {
flex-shrink: 0;
margin-left: 50px;
padding-top: 3px;
margin-bottom: 20px;
}
.accountBlock .code .qr {
display: flex;
justify-content: center;
align-items: center;
width: 140px;
height: 137px;
background-color: rgb(255, 255, 255);
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.accountBlock .code .qr img {
display: block;
}
.accountBlock .code span {
display: block;
margin-top: 14px;
margin-bottom: -16px;
padding-right: 7px;
font-size: 12px;
line-height: 15px;
color: #acb0bc;
text-align: right;
}
.accountBlock::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: calc(100% - 50px);
background-color: rgb(26, 31, 45);
-webkit-border-radius: 21px 21px 0px 0px;
-moz-border-radius: 21px 21px 0px 0px;
-ms-border-radius: 21px 21px 0px 0px;
border-radius: 21px 21px 0px 0px;
z-index: -1;
}
.accountBlock::after {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 50px;
background-image: url(../img/acc_el.png);
background-size: auto 100%;
background-position: center bottom;
background-repeat: no-repeat;
-webkit-border-radius: 0px 0px 21px 21px;
-moz-border-radius: 0px 0px 21px 21px;
-ms-border-radius: 0px 0px 21px 21px;
border-radius: 0px 0px 21px 21px;
z-index: -1;
}
.replenishInfo {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.replenishInfo .item+.item {
margin-top: 17px;
}
.replenishInfo .field {
width: 311px;
}
.replenishInfo .field input {
text-align: center;
font-size: 10px;
}
.replenishInfo .param {
display: block;
font-size: 11px;
line-height: 25px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.replenishInfo label.param {
line-height: 11px;
}
.replenishInfo .value {
display: table;
font-size: 25px;
line-height: 35px;
font-weight: 700;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.replenishInfo .value sup {
font-size: 14px;
line-height: 1;
}
.modalTable {
position: relative;
padding-left: 40px;
padding-right: 40px;
z-index: 1;
max-width: 602px;
margin-left: auto;
margin-right: auto;
}
.modalTable ul {
padding-top: 13px;
}
.modalTable li {
display: flex;
justify-content: space-between;
align-items: center;
min-height: 50px;
}
.modalTable li+li {
border-top: 1px solid #333d53;
}
.modalTable .param {
display: block;
font-size: 11px;
line-height: 11px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.modalTable .data {
display: block;
font-size: 11px;
line-height: 11px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.025em;
text-transform: uppercase;
}
.modalTable .data.success {
color: #00e1c0;
}
.modalTable .data.wait {
color: #00a1e9;
}
.modalTable .data.error {
color: #fb438f;
}
.modalTable .data.lg {
color: rgb(255, 255, 255);
letter-spacing: 0.1em;
}
.modalTable .data .color1 {
color: #ff03d3;
}
.modalTable .data .color2 {
color: #00b2ec;
}
.modalTable .name {
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
height: 22px;
line-height: 22px;
}
.modalTable .status {
letter-spacing: 0.1em;
}
.modalTable .pay {
display: flex;
align-items: center;
}
.modalTable .pay .icon {
margin-right: 10px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
width: 35px;
height: 35px;
background-color: rgb(11, 15, 25);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.modalTable .copyContainer {
display: flex;
align-items: center;
}
.modalTable .copyContainer .copyLink {
flex-shrink: 0;
margin-left: 13px;
}
.modalTable .copyMessage {
text-transform: none;
}
.modalTable .wallet {
font-size: 14px;
line-height: 14px;
color: rgb(255, 255, 255);
font-weight: 400;
letter-spacing: 0em;
}
.modalTable .sum {
font-size: 20px;
line-height: 20px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0em;
}
.modalTable .sum sup {
font-size: 12px;
line-height: 1;
}
.modalTable .shadow {
position: absolute;
left: -31px;
bottom: -132px;
width: 665px;
height: 357px;
background-image: url(../img/modal_table_back.png);
background-size: auto;
background-position: center;
background-repeat: no-repeat;
z-index: -2;
}
.modalTable.top {
padding-top: 50px;
padding-bottom: 14px;
}
.modalTable.top::before {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: calc(100% - 50px);
background-color: rgba(18, 23, 36, 0.839);
-webkit-border-radius: 0px 0px 21px 21px;
-moz-border-radius: 0px 0px 21px 21px;
-ms-border-radius: 0px 0px 21px 21px;
border-radius: 0px 0px 21px 21px;
z-index: -1;
}
.modalTable.top::after {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 50px;
background-image: url(../img/modal_table_top.png);
background-size: auto 100%;
background-position: center bottom;
background-repeat: no-repeat;
-webkit-border-radius: 21px 21px 0px 0px;
-moz-border-radius: 21px 21px 0px 0px;
-ms-border-radius: 21px 21px 0px 0px;
border-radius: 21px 21px 0px 0px;
z-index: -1;
}
.modalTable.bottom {
padding-bottom: 75px;
}
.modalTable.bottom ul {
padding-top: 22px;
}
.modalTable.bottom::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: calc(100% - 50px);
background-color: rgba(18, 23, 36, 0.839);
-webkit-border-radius: 21px 21px 0px 0px;
-moz-border-radius: 21px 21px 0px 0px;
-ms-border-radius: 21px 21px 0px 0px;
border-radius: 21px 21px 0px 0px;
z-index: -1;
}
.modalTable.bottom::after {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 50px;
background-image: url(../img/modal_table_bottom.png);
background-size: auto 100%;
background-position: center top;
background-repeat: no-repeat;
-webkit-border-radius: 0px 0px 21px 21px;
-moz-border-radius: 0px 0px 21px 21px;
-ms-border-radius: 0px 0px 21px 21px;
border-radius: 0px 0px 21px 21px;
z-index: -1;
}
.modalTransfer {
max-width: 901px;
padding: 34px 49px;
}
.modalTransfer .titleContainer+.contentContainer {
margin-top: 37px;
}
.modalTransfer .transferBalance {
position: absolute;
top: 50%;
width: 100%;
-moz-transform: translateY(-64%);
-ms-transform: translateY(-64%);
-webkit-transform: translateY(-64%);
-o-transform: translateY(-64%);
transform: translateY(-64%);
}
.transferBalance {
text-align: center;
}
.transferBalance .param {
display: block;
font-size: 11px;
line-height: 24px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.transferBalance .value {
display: block;
margin-top: 5px;
font-size: 40px;
line-height: 50px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.transferBalance .value span {
font-size: 30px;
}
.transferBalance .value sup {
font-size: 18px;
line-height: 1;
}
.modalInvest {
max-width: 802px;
padding: 39px 50px 60px;
}
.modalInvest .titleContainer+.contentContainer {
margin-top: 32px;
}
.modalInvest .field {
position: relative;
max-width: 291px;
margin-top: -13px;
margin-left: auto;
margin-right: auto;
text-align: center;
z-index: 1;
}
.modalInvest .field label+.inWrap {
margin-top: 20px;
}
.modalInvest .modalTable+.button {
margin-top: 6px;
}
.modalInvest .button {
margin-top: 42px;
}
.modalInvest .button [class*=btn] {
min-width: 297px;
}
.modalInvest .buttonsWrap {
margin-top: 42px;
display: flex;
justify-content: center;
}
.modalInvest .buttonsWrap [class*=btn] {
min-width: 142px;
}
.modalInvest .buttonsWrap [class*=btn]+[class*=btn] {
margin-left: 18px;
}
.modalWarning {
max-width: 802px;
padding: 39px 50px 60px;
}
.modalWarning .titleContainer+.contentContainer {
margin-top: 33px;
}
.modalWarning .message {
position: relative;
max-width: 602px;
margin-left: auto;
margin-right: auto;
padding: 48px 100px 61px;
font-size: 16px;
line-height: 25px;
color: #acb0bc;
font-weight: 500;
text-align: center;
z-index: 1;
}
.modalWarning .message .cap {
display: block;
font-size: 20px;
line-height: 50px;
color: rgb(255, 255, 255);
font-weight: 500;
}
.modalWarning .message .cap+p {
margin-top: 33px;
}
.modalWarning .message p+p {
margin-top: 25px;
}
.modalWarning .message::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(18, 23, 36, 0.839);
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
z-index: -1;
}
.modalWarning .message::after {
content: "";
display: block;
position: absolute;
left: -31px;
bottom: -132px;
width: 665px;
height: 357px;
background-image: url(../img/modal_table_back.png);
background-size: auto;
background-position: center;
background-repeat: no-repeat;
z-index: -2;
}
.modalWarning .note {
position: relative;
display: table;
margin-left: auto;
margin-right: auto;
justify-content: center;
margin-top: 30px;
font-size: 20px;
line-height: 50px;
font-weight: 500;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
z-index: 1;
}
.modalWarning .button {
margin-top: 26px;
}
@media (max-width: 1829px) {
.cabinetHeader {
height: 58px;
}
.cabinetHeader::before {
right: -237px;
}
.cabinetHeader::after {
right: -1018px;
}
.cabinetHeader .menuWrapper {
position: relative;
padding-top: 0px;
height: 58px;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
z-index: 1;
}
.cabinetHeader .menuWrapper::before {
content: "";
display: block;
position: absolute;
left: -89px;
top: -15px;
width: 979px;
height: 100px;
background-color: #293141;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
visibility: hidden;
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
z-index: -1;
}
.cabinetHeader .menuWrapper.active::before {
opacity: 1;
visibility: visible;
}
.cabinetHeader .menuWrapper.active .cabMenu li:last-child,
.cabinetHeader .menuWrapper.active .cabMenu li:nth-last-child(2),
.cabinetHeader .menuWrapper.active .cabMenu li:nth-last-child(3) {
opacity: 1;
visibility: visible;
}
.cabinetHeader .supportWrapper {
margin-left: 15px;
}
.cabinetHeader .langWrapper {
padding-right: 55px;
}
.cabinetHeader .langWrapper::before {
right: -12px;
}
.cabMenu {
flex-wrap: wrap;
width: 736px;
padding-top: 14px;
}
.cabMenu li {
height: 30px;
display: flex;
align-items: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.cabMenu li:last-child,
.cabMenu li:nth-last-child(2),
.cabMenu li:nth-last-child(3) {
opacity: 0;
visibility: hidden;
}
.expandCabinetMenu {
margin-left: 22px;
margin-top: 13px;
display: flex;
}
.cabinetInfo {
padding-right: 112px;
}
.cabinetStat {
min-width: 820px;
}
.cabinetStat::before {
width: 1061px;
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
}
.cabinetStat .item {
width: auto;
}
.cabinetStat .item:first-child {
width: auto;
width: 210px;
}
.cabinetStat .item:last-child,
.cabinetStat .item:nth-last-child(2) {
width: 135px;
}
.cabinetStat .item:nth-child(2),
.cabinetStat .item:nth-child(3) {
width: 170px;
}
.cabinetStat .data {
max-width: 100%;
}
.cabinetStat .param,
.cabinetStat .value {
width: 100%;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.cabinetContent {
width: 1186px;
padding-bottom: 40px;
}
.dashboardWrap {
display: block;
}
.dashboardStat {
width: 737px;
gap: 73px 35px;
}
.dashboardStat::before {
left: -52px;
}
.dashboardStat .item {
padding: 32px 43px 27px 50px;
}
.dashboardMore {
width: 100%;
margin-left: 0px;
margin-top: 32px;
padding-top: 25px;
padding-left: 20px;
padding-right: 52px;
padding-bottom: 52px;
display: flex;
justify-content: space-between;
}
.dashboardMore .wrap {
padding-top: 30px;
}
.dashboardMore .sum {
margin-top: 0px;
}
.dashboardMore .partner {
min-width: 301px;
margin-top: 15px;
}
.dashboardPartners {
width: 299px;
height: 254px;
flex-shrink: 0;
}
.dashboardProfit {
position: relative;
margin-top: 36px;
overflow: visible;
}
.dashboardProfitSlider {
overflow: visible;
}
}
@media (max-width: 1829px) and (min-width: 1366px) {
.dashboardProfitSlider .swiper-slide:first-child {
position: absolute;
left: 0px;
bottom: calc(100% + 36px);
width: 393px !important;
height: 331px;
}
}
@media (max-width: 1829px) {
.dashboardProfitInfo {
width: 100%;
height: 100%;
padding: 24px 30px 26px 30px;
background-image: url(../img/card_back_sd.png);
}
.dashboardProfitInfo .row:last-child .icon {
padding-bottom: 5px;
padding-right: 10px;
}
.cabTabs>.tabsList>.tab a {
padding-left: 48px;
padding-right: 32px;
}
.cabTabs>.tabContentWrapper>.tabContent {
padding: 40px 58px 0px 62px;
}
.cabTabs .info .textBlock {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 65px;
-moz-column-gap: 65px;
column-gap: 65px;
}
.cabTabs .info .image {
margin-top: 41px;
height: 290px;
}
.cabTabs .info .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cabTabs .info+.depositSlider {
margin-top: 53px;
padding-top: 0px;
padding-bottom: 14px;
}
.depositSlider .swiper-navigation {
margin-top: 68px;
}
.depositCard {
background-image: url(../img/dep_bottom_sd.png), url(../img/dep_top_sd.png);
background-size: 100% auto, 100% auto;
}
.depositCard .head .right {
width: 180px;
}
.depositCard .data .col {
min-width: 175px;
}
.depositCard .calc .icon {
right: 128px;
}
.depositCard .calc .right {
margin-left: 55px;
}
.depositCard .profit {
max-width: 175px;
}
.depositCard.plan {
background-position: center bottom -25px, center top -10px;
}
.depositCard.plan .head .right {
width: 180px;
}
.depositCard.plan .data .col {
min-width: 175px;
}
.depositCard.plan .calc {
grid-template-columns: repeat(2, 1fr);
}
.walletSection .item:first-child .walletCard::before {
background-image: url(../img/card_el_1_sm.png);
}
.walletSection .item:nth-child(3) .walletCard::before {
background-image: url(../img/card_el_2_sm.png);
}
.walletSection .item:nth-child(4) .walletCard::before {
background-image: url(../img/card_el_3_sm.png);
}
.walletSection .item:last-child .walletCard::before {
background-image: url(../img/card_el_4_sm.png);
}
.walletCard {
position: relative;
padding-left: 20px;
padding-top: 27px;
padding-right: 20px;
padding-bottom: 34px;
}
}
@media (max-width: 1829px) and (min-width: 1150px) {
.walletCard .buttons {
position: absolute;
width: 100%;
padding: 0px 20px;
left: 0px;
top: 107px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.walletCard .buttons [class*=btn]+[class*=btn] {
margin-top: 0px;
}
}
@media (max-width: 1829px) {
.cabTabs.progressTabs>.tabContentWrapper>.tabContent {
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 38px;
}
.cabInnerTabs .tabContent {
padding-left: 68px;
padding-right: 65px;
padding-top: 51px;
padding-bottom: 6px;
}
.depositSlider .ver2 .swiper-navigation {
margin-top: 56px;
}
.filterBlock .date .field {
width: 68px;
}
.filterBlock .date .field label {
white-space: nowrap;
}
.filterBlock .date .field .selectric .label {
padding-left: 8px;
}
.filterBlock .date .field:last-child {
width: 178px;
}
.filterBlock .date+.date {
margin-left: 22px;
}
.filterBlock .type {
margin-left: 22px;
width: 178px;
}
.filterBlock .formWrap>.button {
margin-left: auto;
width: 142px;
flex-grow: 0;
}
.tableSlider2 .head .login .tData {
display: block;
}
.tableSlider2 .head .login .tLabel img {
position: relative;
top: 6px;
}
.tableSlider2 .head .login .tValue {
margin-left: 23px;
}
.tableSlider2 .id {
width: 115px;
}
.tableSlider2 .type {
width: 160px;
}
.tableSlider2 .date {
width: 160px;
}
.tableSlider2 .sum {
width: 190px;
}
.tableSlider2 .com {
width: 130px;
}
.tableSlider2 .status {
width: 110px;
}
.tableSlider2 .login {
width: 145px;
}
.tableSlider2 .control {
flex-shrink: 0;
}
.formMessages {
margin: -5px 0px 17px;
}
.formMessage {
height: 100%;
padding: 7px 11px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.settingsSection {
display: block;
}
.settingsForm::after {
background-size: 100% 100%;
}
.settingsForm.lg::after {
background-image: url(../img/settings_el.png);
background-position: center top;
}
.settingsForm .buttonWrap {
min-height: 55px;
margin-bottom: 0px;
padding-top: 5px;
align-items: center;
}
.settingsForm .buttonWrap [class*=btn] {
line-height: 45px;
}
.settingsForm .fieldsWrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.settingsForm .fieldsWrap .field+.field {
margin-top: 0px;
}
.settingsForm .fieldsGrid.col2 {
display: block;
}
.settingsForm .fieldsGrid.col2 .col+.col {
margin-top: 23px;
}
.settingsForm+.settingsForm {
margin-top: 40px;
}
.securitySettings {
padding-top: 35px;
}
.securitySettings .leftSide {
width: 430px;
}
.securitySettings .rightSide {
padding-top: 0px;
width: 490px;
}
.securitySettings .rightSide .formBlock {
margin-top: 47px;
}
.securitySettings .buttonWrap {
max-width: 100%;
margin-top: -8px;
}
.authForm {
width: 100%;
padding-left: 250px;
}
.authForm br {
display: none;
}
.authForm .qr {
top: 5px;
left: -4px;
right: auto;
}
.inputBlock .inWrap.date {
grid-template-columns: 85px 85px auto;
}
.programSection .info {
padding: 29px 47px 33px;
}
.tableSliderWrapper {
padding-bottom: 30px;
}
.tableSlider {
padding-bottom: 30px;
overflow-x: scroll;
scrollbar-width: thin;
scrollbar-color: #00b2ec #353d4d;
}
.tableSlider::-webkit-scrollbar {
width: 3px;
height: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
.tableSlider::-webkit-scrollbar-track {
background: #353d4d;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
.tableSlider::-webkit-scrollbar-thumb {
background: linear-gradient(90deg, #00b2ec 0%, #ff03d3 100%);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
border: none;
}
.tableSlider .tCell {
flex-shrink: 0;
}
.tableSlider .inv,
.tableSlider .bonus {
width: 220px;
}
.tableSlider .status .tData {
width: 100%;
}
.tableSlider .pct {
width: 600px;
}
.tableSlider .sum {
width: 220px;
}
.tableSlider .one {
width: 220px;
}
.tableSlider .two {
width: 220px;
}
.tableSlider .three {
width: 220px;
}
.tableSlider .swiper-slide {
border-top: none;
}
.tableSlider .swiper-slide .tRow {
align-items: unset;
min-height: 50px;
}
.tableSlider .swiper-slide .tCell {
display: flex;
align-items: center;
border-top: 1px solid #333d53;
}
.programSection .cabTabs {
margin-top: 26px;
}
.programTabs>.tabsList>.tab::before,
.programTabs>.tabsList>.tab::after {
-webkit-border-radius: 21px 25px 0px 0px;
-moz-border-radius: 21px 25px 0px 0px;
-ms-border-radius: 21px 25px 0px 0px;
border-radius: 21px 25px 0px 0px;
}
.programTabs>.tabsList>.tab a {
min-height: 57px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
.programTabs>.tabContentWrapper {
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-ms-border-radius: 18px;
border-radius: 18px;
overflow: hidden;
}
.programTabs>.tabContentWrapper>.tabContent {
padding: 34px 38px 30px 38px;
}
.levelBlock .icon {
width: 46px;
margin-top: -2px;
}
.levelBlock .data {
margin-left: 30px;
}
.levelBlock .param {
font-size: 11px;
line-height: 14px;
letter-spacing: 0em;
text-transform: lowercase;
}
.levelBlock .value {
font-size: 22px;
line-height: 29px;
}
.levelBlock .pct {
margin-left: 112px;
font-size: 51px;
line-height: 51px;
}
.partnersSection {
flex-wrap: wrap;
}
.partnersSection .dashboardStat {
width: 725px;
}
.linesSider {
width: 100%;
margin-top: 42px;
}
.linesSider .swiper-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 17px 30px;
}
.linesSider .swiper-slide+.swiper-slide {
margin-top: 0px;
}
.lineCard .val {
min-width: 100px;
}
.refSection {
margin-top: 25px;
}
.refList .date {
width: 198px;
}
.refList .inv {
width: 217px;
}
.refList .sum {
width: 207px;
}
.refList .line {
width: 50px;
}
.refItem .content .head {
padding-left: 59px;
}
.verificationSection {
margin-top: 0px;
padding: 40px 40px 0px;
}
.verificationList {
grid-template-columns: repeat(3, 1fr);
}
.walletCard.pay {
height: 260px;
}
.walletCard.pay .info {
justify-content: flex-start;
}
.walletCard.pay .field {
position: relative;
margin-top: 30px;
padding-bottom: 0px;
z-index: 1;
}
.walletCard.pay .button {
position: absolute;
width: 100%;
left: 0px;
bottom: 0px;
margin: 0px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 34px;
}
.walletCard.pay .button [class*=btn] {
width: 100%;
}
}
@media (max-width: 1439px) {
.startSectionWrapper .back {
margin-right: -766px;
top: -11px;
width: 1660px;
}
.startSection .image {
left: 375px;
top: -126px;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-webkit-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-moz-transform: scale(0.872);
-ms-transform: scale(0.872);
-webkit-transform: scale(0.872);
-o-transform: scale(0.872);
transform: scale(0.872);
}
.startSection .logo {
margin-top: 45px;
}
}
@media (max-width: 1365px) {
.cabinetHeader::before {
right: -480px;
}
.cabinetHeader::after {
right: -1028px;
}
.cabinetHeader .supportWrapper {
margin-left: 22px;
}
.cabinetHeader .langWrapper {
padding-right: 44px;
}
.cabinetHeader .langWrapper::before {
right: -24px;
}
.cabinetHeader .menuWrapper::before {
width: 660px;
left: -40px;
top: 0px;
height: calc(100% + 13px);
-webkit-mask: unset;
mask: unset;
-webkit-border-radius: 0px 0px 40px 40px;
-moz-border-radius: 0px 0px 40px 40px;
-ms-border-radius: 0px 0px 40px 40px;
border-radius: 0px 0px 40px 40px;
}
.cabinetHeader .menuWrapper.active .cabMenu li:nth-last-child(4) {
visibility: visible;
opacity: 1;
}
.cabinetWrapper>.cabinetMain {
width: calc(100% - 138px);
}
.cabinetNavigation {
width: 138px;
padding-bottom: 14px;
}
.cabMenu {
width: 500px;
gap: 0px 36px;
}
.cabMenu li:nth-last-child(4) {
visibility: hidden;
opacity: 0;
}
.cabMenu li+li {
margin-left: 0px;
}
.cabinetInfo {
padding-right: 140px;
}
.cabinetStat {
min-width: unset;
width: 550px;
height: 58px;
display: flex;
padding-right: 44px;
}
.cabinetStat::before {
top: -124px;
width: 1061px;
height: 183px;
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
}
.cabinetStat .item {
height: 58px;
width: 230px !important;
align-items: center;
}
.cabinetStat .item+.item {
margin-left: 0px;
}
.cabinetStatWrapper {
position: relative;
flex-wrap: wrap;
align-self: unset;
min-width: 480px;
margin: 0px -20px;
padding: 0px 20px;
height: 58px;
overflow: hidden;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
z-index: 1;
}
.cabinetStatWrapper::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #121724;
-webkit-border-radius: 0px 0px 21px 21px;
-moz-border-radius: 0px 0px 21px 21px;
-ms-border-radius: 0px 0px 21px 21px;
border-radius: 0px 0px 21px 21px;
z-index: -1;
}
.cabinetStatWrapper.active {
height: 174px;
}
.openCabinetStat {
position: absolute;
top: 15px;
right: 57px;
width: 35px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
background-color: rgb(28, 34, 48);
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
-ms-border-radius: 11px;
border-radius: 11px;
cursor: pointer;
z-index: 2;
}
.openCabinetStat svg {
display: block;
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
}
.openCabinetStat.active svg {
-moz-transform: scale(-1, -1);
-ms-transform: scale(-1, -1);
-webkit-transform: scale(-1, -1);
-o-transform: scale(-1, -1);
transform: scale(-1, -1);
}
.cabinetContent {
width: 980px;
padding-top: 12px;
padding-bottom: 32px;
}
.cabinetPageTtitle {
margin-bottom: 19px;
}
.dashboardBalance {
width: 323px;
padding-top: 64px;
padding-left: 24px;
padding-right: 24px;
background-size: 100% auto;
}
.dashboardBalance .title {
line-height: 20px;
}
.dashboardBalance .sum {
font-size: 25px;
line-height: 30px;
}
.dashboardBalance .list {
margin-top: 16px;
}
.dashboardBalance .list .param {
min-width: 70px;
font-size: 10px;
line-height: 20px;
}
.dashboardBalance .list .value {
line-height: 20px;
}
}
@media (max-width: 1365px) and (min-width: 1150px) {
.cabBalanceTable {
margin-top: 68px;
}
.cabBalanceTable .row {
padding-bottom: 1px;
}
.cabBalanceTable .currency .wrap {
padding-top: 1px;
}
.cabBalanceTable .currency .icon {
width: 28px;
height: 28px;
}
.cabBalanceTable .currency .cur {
font-size: 10px;
}
.cabBalanceTable .currency .text {
font-size: 10px;
line-height: 14px;
}
.cabBalanceTable .value {
font-size: 11px;
line-height: 15px;
}
.cabBalanceTable .value span {
font-size: 11px;
}
.cabBalanceTable .value sup {
font-size: 7px;
}
.cabBalanceTable ul {
min-width: 171px;
}
.cabBalanceTable ul li+li {
margin-top: 0px;
}
}
@media (max-width: 1365px) {
.dashboardStat {
width: 605px;
gap: 60px 30px;
}
.dashboardStat::before {
top: 49px;
left: -43px;
width: 716px;
height: 423px;
background-size: 100% auto;
}
.dashboardStat .item {
padding: 37px 30px 35px 30px;
min-height: 216px;
}
.dashboardStat .item::before {
height: calc(100% - 52px);
}
.dashboardStat .item::after {
height: 52px;
}
.dashboardStat .item:nth-child(1) .icon {
left: 27px;
bottom: 38px;
}
.dashboardStat .item:nth-child(2) .icon {
right: 27px;
bottom: 40px;
}
.dashboardStat .item:nth-child(3) .icon {
left: 28px;
top: 42px;
}
.dashboardStat .item:nth-child(4) .icon {
right: 23px;
top: 33px;
}
.dashboardStat .param {
line-height: 20px;
}
.dashboardStat .value {
font-size: 25px;
line-height: 30px;
}
.dashboardStat .icon {
height: 40px;
}
.dashboardStat .icon img {
height: 100%;
}
.dashboardMore {
margin-top: 25px;
padding-left: 15px;
padding-right: 44px;
padding-bottom: 40px;
}
.dashboardMore .partner {
min-width: 240px;
margin-top: 25px;
}
.dashboardMore .wrap {
padding-top: 33px;
}
.dashboardMore .sum .title {
font-size: 11px;
line-height: 20px;
}
.dashboardMore .sum .num {
margin-top: 0px;
font-size: 25px;
line-height: 30px;
}
}
@media (max-width: 1365px) and (min-width: 1150px) {
.dashboardProfitSlider .swiper-slide:first-child {
position: absolute;
left: 0px;
bottom: calc(100% + 28px);
width: 323px !important;
height: 274px;
}
}
@media (max-width: 1365px) {
.dashboardPartners {
padding-top: 12px;
width: 245px;
height: auto;
}
.dashboardPartners:before {
width: 260px;
height: 260px;
}
.dashboardPartners .title .icon {
margin-bottom: 2px;
}
.dashboardPartners ul {
margin-top: 31px;
}
.dashboardPartners ul li:last-child {
margin-top: 5px;
}
.dashboardPartners ul li:last-child .value {
line-height: 26px;
}
.dashboardPartners .param {
font-size: 10px;
}
.dashboardPartners .value {
font-size: 18px;
line-height: 26px;
}
.dashboardProfitInfo {
padding: 25px 24px 22px 22px;
background-position: center top -30px;
}
.dashboardProfitInfo .icon {
width: 50px;
}
.dashboardProfit {
margin-top: 28px;
}
.profitChart {
max-width: 308px;
height: 190px;
padding: 12px 22px 22px 22px;
}
.investorsSection {
margin-top: auto;
}
.cabTabs>.tabsList>.tab a {
padding-left: 40px;
padding-right: 26px;
height: 67px;
min-height: unset;
font-size: 14px;
line-height: 20px;
}
.cabTabs>.tabsList>.tab a img {
width: 52px;
}
.cabTabs>.tabContentWrapper>.tabContent {
padding: 48px 28px 0px 30px;
}
.cabTabs .info .textBlock {
-webkit-column-gap: 38px;
-moz-column-gap: 38px;
column-gap: 38px;
}
.cabTabs .info p {
font-size: 15px;
line-height: 23px;
}
.cabTabs .info p.lead {
font-size: 20px;
line-height: 30px;
}
.cabTabs .info+.depositSlider {
margin-top: 44px;
}
.depositCard {
padding-right: 10px;
background-image: url(../img/dep_bottom_md.png), url(../img/dep_top_md.png);
background-size: 100% auto, 100% auto;
}
.depositCard .head .right {
width: 165px;
}
.depositCard .data .col {
min-width: unset;
}
.depositCard .calc .icon {
right: 115px;
}
.depositCard .calc .right {
margin-left: 35px;
}
.depositCard .inputBlock label {
font-size: 11px;
line-height: 11px;
}
.depositCard .inputBlock label+.inWrap {
margin-top: 10px;
}
.depositCard .inputBlock input {
line-height: 44px;
}
.depositCard .btnBorder.sm {
height: 45px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 12px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
-ms-border-radius: 23px;
border-radius: 23px;
}
.depositCard .btnBorder.sm::before {
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
}
.depositCard .profit {
max-width: 155px;
}
.depositCard .table {
margin-top: 0px;
}
.depositCard.plan {
padding-right: 30px;
}
.depositCard.plan .head {
padding-top: 15px;
height: 155px;
}
.depositCard.plan .head .right {
width: 150px;
}
.depositCard.plan .data .col {
min-width: unset;
}
.depositCard.plan .calc {
padding-top: 12px;
padding-bottom: 24px;
}
.walletSection {
gap: 142px 35px;
background-size: 80% auto;
}
.walletCard {
height: 228px;
padding-left: 16px;
padding-top: 20px;
padding-right: 16px;
padding-bottom: 28px;
}
.walletCard::before {
height: 52px;
background-size: auto 100%;
}
.walletCard .wallet .icon {
width: 44px;
margin-right: 22px;
align-self: center;
}
.walletCard .wallet .icon::before {
right: -40px;
bottom: -60px;
width: 140px;
height: 140px;
}
.walletCard .wallet .icon img {
width: 100%;
}
.walletCard .wallet .par {
font-size: 12px;
line-height: 24px;
}
.walletCard .wallet .val {
font-size: 18px;
line-height: 24px;
}
.walletCard .sum .par {
font-size: 10px;
line-height: 24px;
}
.walletCard .sum .val {
font-size: 20px;
line-height: 30px;
}
.walletCard .sum .val sup {
font-size: 12px;
}
}
@media (max-width: 1365px) and (min-width: 1150px) {
.walletCard .buttons {
top: 89px;
padding-left: 16px;
padding-right: 16px;
}
}
@media (max-width: 1365px) {
.cabTabs.progressTabs>.tabContentWrapper>.tabContent {
padding-top: 32px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 34px;
}
.cabInnerTabs .tabContent {
padding-left: 20px;
padding-right: 20px;
padding-top: 22px;
}
.depositSlider.ver2 .swiper-navigation {
margin-top: 45px;
}
.depositCard .progress .right {
width: 160px;
}
.depositCard .timer .val {
font-size: 24px;
}
.depositCard .progressVal {
margin-left: -10px;
}
.depositCard.type2 {
background-size: auto, 100% auto;
background-position: right bottom, center top;
}
.depositCard.type2 .head .right {
width: 180px;
}
.depositCard.type2 .data .col {
min-width: 140px;
}
.filterBlock {
padding-top: 31px;
}
.filterBlock .formWrap {
flex-wrap: wrap;
}
.filterBlock .formWrap label {
font-size: 11px;
}
.filterBlock .formWrap label+.inWrap {
margin-top: 10px;
}
.filterBlock .formWrap>.button {
width: 222px;
}
.filterBlock .formWrap>.button [class*=btn] {
height: 45px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 12px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
-ms-border-radius: 23px;
border-radius: 23px;
}
.filterBlock .formWrap>.button [class*=btn]::before {
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
}
.filterBlock .date .field {
width: 127px;
}
.filterBlock .date .field:last-child {
width: 140px;
}
.filterBlock .date+.date {
margin-left: auto;
}
.filterBlock .date+.type {
margin-left: 0px;
}
.filterBlock .type {
margin-top: 24px;
width: 295px;
}
.filterBlock+.tableSlider2 {
margin-top: 30px;
}
.tableSlider2 {
padding-left: 0px;
padding-right: 0px;
}
.tableSlider2 .head .login .tData {
display: block;
}
.tableSlider2 .head .login .tLabel {
font-size: 0px;
}
.tableSlider2 .head .login .tLabel img {
top: 0px;
}
.tableSlider2 .head .login .tValue {
display: none;
}
.tableSlider2 .id {
width: 115px;
}
.tableSlider2 .type {
width: 160px;
}
.tableSlider2 .date {
width: 160px;
}
.tableSlider2 .sum {
width: 190px;
}
.tableSlider2 .com {
width: 130px;
}
.tableSlider2 .status {
width: 110px;
}
.tableSlider2 .login {
width: 36px;
}
.settingsForm .fieldsGrid {
gap: 28px;
}
.settingsForm .fieldsWrap {
gap: 28px;
}
.settingsForm::after {
background-size: auto;
}
.securitySettings .leftSide {
width: 350px;
}
.securitySettings .rightSide {
width: 340px;
}
.securitySettings .buttonWrap {
margin-top: 40px;
}
.authForm {
padding-left: 0px;
}
.authForm .qr {
position: static;
margin-top: 23px;
}
.authForm .field {
margin-top: 12px;
}
.programTabs>.tabsList>.tab a {
padding-left: 0px;
padding-right: 0;
height: 55px;
min-height: unset;
font-size: 10px;
line-height: 16px;
}
.programTabs>.tabContentWrapper>.tabContent {
padding: 30px;
}
.partnersSection .referralStat {
top: 224px;
}
}
@media (max-width: 1365px) and (min-width: 1150px) {
.partnersSection .dashboardStat {
width: 520px;
gap: 85px 20px;
}
.partnersSection .dashboardStat .icon {
height: auto;
}
.partnersSection .dashboardStat .item {
padding: 37px 40px 25px 44px;
min-height: 242px;
}
.partnersSection .dashboardStat .item::before {
height: calc(100% - 62px);
}
.partnersSection .dashboardStat .item::after {
height: 62px;
}
.partnersSection .dashboardStat .item:nth-child(1) .icon {
left: 42px;
bottom: 15px;
}
.partnersSection .dashboardStat .item:nth-child(1)::after {
background-position: left -60px top;
border-radius: 0px 0px 0px 25px;
}
.partnersSection .dashboardStat .item:nth-child(2) .icon {
right: 27px;
bottom: 17px;
}
.partnersSection .dashboardStat .item:nth-child(2)::after {
background-position: right -60px top;
border-radius: 0px 0px 25px 0px;
}
.partnersSection .dashboardStat .item:nth-child(3) .icon {
left: 38px;
top: 12px;
}
.partnersSection .dashboardStat .item:nth-child(3)::after {
background-position: left -60px bottom;
border-radius: 25px 0px 0px 0px;
}
.partnersSection .dashboardStat .item:nth-child(4) .icon {
right: 30px;
top: 3px;
}
.partnersSection .dashboardStat .item:nth-child(4)::after {
background-position: right -60px bottom;
border-radius: 0px 25px 0px 0px;
}
.partnersSection .dashboardStat .value {
font-size: 30px;
line-height: 50px;
}
}
@media (max-width: 1365px) {
.refSection {
margin-top: 20px;
}
.refList {
margin-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
.refList .date {
width: 198px;
}
.refList .inv {
width: 190px;
}
.refList .sum {
width: 183px;
}
.refList .line {
width: 50px;
margin-right: 25px;
}
.verificationSection {
padding: 30px 30px 0px;
}
.verificationList {
margin-top: 40px;
}
.walletCard.pay {
height: 240px;
}
.walletCard.pay .button {
padding-left: 16px;
padding-right: 16px;
padding-bottom: 28px;
}
}
@media (max-width: 1229px) {
.container {
width: 1016px;
}
.startSection .image {
left: 275px;
top: -80px;
}
.startSection .button {
margin-top: 37px;
}
.startSection .logo {
margin-top: -90px;
}
.startSection .logo img {
width: 670px;
}
.header .menuWrapper {
margin-left: 101px;
}
.header .loginWrapper {
width: 240px;
padding-left: 60px;
padding-top: 10px;
}
.header .loginWrapper::before {
right: -28px;
width: 240px;
height: 58px;
}
.header .langWrapper {
flex-shrink: 0;
padding-right: 39px;
padding-top: 10px;
}
.header .langWrapper::before {
right: -15px;
width: 240px;
height: 58px;
}
}
@media (max-width: 1229px) and (min-width: 1016px) {
.header .langList .head .icon {
width: 13px;
}
.header .langList .head .cap {
margin-left: 5px;
font-size: 10px;
line-height: 36px;
}
.header .langList .head .arrow {
width: 9px;
}
.header .langList .cap {
font-size: 10px;
line-height: 36px;
}
}
@media (max-width: 1229px) {
.siteLogo {
width: 106px;
}
.menuList li {
padding-top: 11px;
}
.menuList li::before {
height: 57px;
left: -66px;
width: calc(100% + 132px);
}
.menuList li a {
font-size: 11px;
line-height: 36px;
}
.menuList li+li {
margin-left: 40px;
}
.gradLink {
font-size: 10px;
line-height: 36px;
letter-spacing: 0.2em;
}
.startSection {
padding-top: 158px;
}
.startSection .title {
font-size: 50px;
line-height: 50px;
}
.startSection .titleContainer {
max-width: 490px;
}
.startSection .titleContainer+.contentContainer {
margin-top: 44px;
}
.startSection .info {
max-width: 330px;
font-size: 16px;
line-height: 24px;
}
.mainAboutSection {
margin-top: 17px;
}
.mainAboutSection .titleContainer .title {
font-size: 30px;
line-height: 41px;
}
.mainAboutSection .titleContainer .title span {
font-size: 50px;
line-height: 50px;
}
.mainAboutSection .titleContainer+.contentContainer {
margin-top: 22px;
}
.mainAboutSection::before {
top: -430px;
left: 50%;
margin-left: -790px;
width: 1580px;
height: 1178px;
}
.mainAboutSection .animatedSphere {
top: 115px;
}
.mainAboutSlider .swiper-slide:nth-child(even)::before {
top: 53px;
left: -160px;
width: 217px;
height: 260px;
}
.mainAboutSlider .swiper-navigation {
margin-top: 50px;
}
}
@media (max-width: 1229px) and (min-width: 1016px) {
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
width: 59px;
}
.swiper .swiper-button-prev img,
.swiper .swiper-button-next img {
width: 100%;
}
.swiper .swiper-pagination {
margin-left: 22px;
margin-right: 22px;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
}
.swiper .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
margin-left: 9px;
}
}
@media (max-width: 1229px) {
.mainAboutSlide {
min-height: unset;
padding-top: 100px;
padding-left: 70px;
padding-right: 70px;
padding-bottom: 62px;
}
.mainAboutSlide::before {
height: calc(100% - 52px);
}
.mainAboutSlide::after {
height: 52px;
}
.mainAboutSlide .title {
font-size: 16px;
line-height: 24px;
}
.sectionTitle {
font-size: 50px;
line-height: 50px;
}
.mainOfferSection {
margin-top: 133px;
}
.mainOfferSection .titleContainer+.contentContainer {
margin-top: 27px;
}
.mainOfferSection .leftSide {
width: 300px;
}
.mainOfferSection .rightSide {
width: calc(100% - 300px);
}
.mainOfferSection .button {
margin-top: 26px;
}
.mainOfferSection .image1 {
width: 595px;
margin-top: 14px;
}
.mainOfferSection .image2 {
width: 203px;
left: 28px;
}
.mainOfferSection .mainAddressBlock {
margin-right: 54px;
}
.mainAddressBlock {
width: 380px;
height: 290px;
padding-left: 36px;
padding-top: 98px;
padding-right: 18px;
font-size: 12px;
line-height: 18px;
}
.mainAddressBlock .title {
font-size: 16px;
line-height: 25px;
}
.mainAddressBlock .address {
margin-top: 2px;
}
.mainAddressBlock .address img {
width: 20px;
margin-right: 10px;
}
.mainAddressBlock .reg {
margin-top: 14px;
}
.mainAddressBlock .reg span {
font-size: 16px;
line-height: 20px;
}
.mainAddressBlock .link {
margin-top: 20px;
}
.mainAddressBlock .license {
width: 98px;
height: auto;
}
.linkMore {
padding-right: 16px;
font-size: 12px;
line-height: 16px;
}
.roadmapSection {
margin-top: 109px;
}
.roadmapSection .roadmapDate {
padding-top: 13px;
padding-bottom: 12px;
padding-right: 23px;
font-size: 13px;
line-height: 31px;
}
.roadmapSection .roadmapDate::before {
width: 56px;
height: 56px;
}
.roadmapSection .roadmapDate.prev {
bottom: 240px;
margin-left: -547px;
}
.roadmapSection .roadmapDate.next {
top: 245px;
margin-right: -543px;
}
.roadmapSection .back {
width: 1600px;
height: 1122px;
top: -365px;
margin-left: -800px;
}
.roadmapSlider {
width: 870px;
}
.roadmapSlider .swiper-slide:nth-child(3n+1) {
padding-top: 77px;
}
.roadmapSlider .swiper-slide:nth-child(3n+2) {
padding-top: 247px;
}
.roadmapSlider .swiper-navigation {
bottom: 140px;
right: 15px;
}
.roadmapSlider .swiper-pagination {
margin-left: 34px;
margin-right: 34px;
}
.roadmapSlide {
min-height: 315px;
padding-left: 36px;
padding-right: 30px;
padding-bottom: 30px;
}
}
@media (max-width: 1229px) and (min-width: 1016px) {
.roadmapSlide .date {
top: -17px;
padding-top: 13px;
padding-bottom: 12px;
padding-right: 23px;
font-size: 13px;
line-height: 31px;
}
.roadmapSlide .date::before {
width: 56px;
height: 56px;
}
}
@media (max-width: 1229px) {
.roadmapSlide .title {
font-size: 16px;
line-height: 24px;
}
.roadmapSlide .content {
margin-top: 21px;
font-size: 12px;
line-height: 16px;
}
.stepsSection {
margin-top: 98px;
}
.stepsSection .titleContainer+.contentContainer {
margin-top: 32px;
}
.stepsSection .leftSide {
width: 450px;
}
.stepsSection .rightSide {
width: 490px;
}
.stepsSection .stepsList {
margin-top: 48px;
max-width: 410px;
margin-left: 0px;
}
.stepsSection .startBlock {
margin-top: 22px;
margin-right: 40px;
}
.stepsSection .image {
left: -9px;
top: 54px;
width: 290px;
}
.stepsList .swiper-slide+.swiper-slide {
margin-top: 48px;
}
.stepItem .num {
width: 94px;
height: 97px;
margin-right: 25px;
padding-left: 34px;
padding-top: 27px;
font-size: 60px;
line-height: 46px;
}
.stepItem .num .icon {
width: 40px;
left: -13px;
}
.stepItem .title {
font-size: 16px;
line-height: 24px;
}
.stepItem .title+p {
margin-top: 0px;
}
.stepItem .content {
padding-bottom: 0px;
font-size: 12px;
line-height: 16px;
}
.startBlock {
width: 302px;
height: 644px;
padding: 24px 25px;
font-size: 12px;
line-height: 24px;
}
.startBlock::before,
.startBlock::after {
-webkit-border-radius: 27px;
-moz-border-radius: 27px;
-ms-border-radius: 27px;
border-radius: 27px;
}
.startBlock .title {
font-size: 29px;
line-height: 33px;
}
.startBlock .title+p {
margin-top: 3px;
}
.startBlock .button {
margin-top: 25px;
}
.howtoSection {
margin-top: 150px;
padding-bottom: 55px;
}
.howtoSection::before {
margin-left: -790px;
top: -23px;
width: 1580px;
height: 778px;
}
.howtoSection::after {
margin-left: -790px;
top: 85px;
width: 1580px;
height: 956px;
}
.howtoSection .titleContainer .title {
font-size: 30px;
line-height: 41px;
}
.howtoSection .titleContainer .subtitle {
margin-top: 24px;
}
.howtoSection .contentContainer {
margin-top: 116px;
}
.howtoSection .contentContainer .image {
left: -6px;
width: 1004px;
}
.howtoSection .animatedImage {
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-moz-transform-origin: center top;
-ms-transform-origin: center top;
-webkit-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top;
}
.howtoSection+.footerSection {
margin-top: 65px;
}
.howtoList {
padding: 175px 60px 0px 65px;
}
.howtoList .howtoItem:nth-child(2) {
margin-top: 300px;
}
.howtoItem {
width: 190px;
}
.howtoItem .icon {
height: 62px;
}
.howtoItem .icon img {
height: 100%;
}
.howtoItem .title {
margin-top: 38px;
font-size: 16px;
line-height: 24px;
}
.howtoItem p {
margin-top: 23px;
font-size: 12px;
line-height: 16px;
}
.howtoItem:first-child .icon {
padding-left: 25px;
}
.registerBlock {
min-height: 269px;
}
.registerBlock .inner {
padding-left: 53px;
padding-right: 53px;
padding-top: 43px;
padding-bottom: 33px;
}
.registerBlock .inner::before {
right: -138px;
bottom: -217px;
width: 797px;
height: 430px;
}
.registerBlock .title {
max-width: 440px;
font-size: 30px;
line-height: 40px;
}
.registerBlock .content {
margin-top: 44px;
}
.registerBlock .text {
width: 240px;
font-size: 12px;
line-height: 16px;
}
.registerBlock .button {
margin-left: 102px;
}
.registerBlock::after {
background-size: 100% auto, 117% auto;
background-position: center bottom, right -91px top -169px;
}
.socList li {
width: 36px;
height: 36px;
}
.socList li img {
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-webkit-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
}
.socList li+li {
margin-left: 9px;
}
.footerTop {
padding-top: 49px;
}
.footerTop .footerLogo {
margin-top: 30px;
}
.footerTop .copyright {
margin-top: 24px;
font-size: 11px;
line-height: 16px;
}
.footerLogo {
width: 220px;
}
.footerMenu li a {
font-size: 11px;
line-height: 41px;
}
.footerMenu li+li {
margin-left: 37px;
}
.footerBottom {
margin-top: 65px;
padding-bottom: 5px;
}
.footerBottom::before {
height: 41px;
}
.footerBottom::after {
height: calc(100% - 41px);
}
.footerBottom .info {
margin-top: 28px;
padding-left: 40px;
padding-right: 40px;
font-size: 11px;
line-height: 14px;
}
.footerLinks {
min-height: unset;
}
.footerLinks .link {
width: 174px;
}
.footerLinks .link a {
font-size: 11px;
line-height: 41px;
}
.btnUp {
display: none;
}
.sectionTitle.sm {
font-size: 30px;
line-height: 40px;
}
.authSection .innerSection {
padding-top: 66px;
}
.authSection .contentContainer {
margin-top: -10px;
}
.authSection::after {
top: -19px;
margin-left: -656px;
width: 1340px;
height: 856px;
}
.authSection+.footerSection {
margin-top: 19px;
}
.authBlock .tabContentWrapper {
gap: 48px;
}
.authBlock .item {
padding-top: 12px;
padding-left: 32px;
padding-right: 32px;
padding-bottom: 32px;
}
.authBlock .item .title {
font-size: 11px;
line-height: 31px;
}
.authBlock .item::before {
height: calc(100% - 52px);
}
.authBlock .item::after {
height: 52px;
}
.authBlock .formBlock {
margin-top: 39px;
}
.authBlock .fieldBlock.grid {
gap: 24px;
}
.authBlock .fieldBlock.grid+.agree {
margin-top: 25px;
}
.authBlock .fieldItem+.fieldItem {
margin-top: 19px;
}
.authBlock .agree {
margin-top: 28px;
}
.authBlock .agree+.button {
margin-top: 25px;
}
.authBlock .link {
margin-top: 40px;
}
.authBlock .button {
margin-top: 40px;
}
.authBlock .button [class*=btn] {
min-width: 199px;
}
.linkSimple {
font-size: 12px;
line-height: 16px;
}
.aboutStartSection .titleContainer .title {
font-size: 30px;
line-height: 41px;
}
.aboutStartSection .titleContainer .title span {
font-size: 50px;
line-height: 50px;
}
.aboutStartSection .titleContainer+.contentContainer {
margin-top: 40px;
}
.aboutSection {
margin-top: 80px;
}
.aboutSection .wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
.aboutSection .leftSide,
.aboutSection .rightSide {
width: 100%;
}
.aboutSection .rightSide {
padding-top: 0px;
}
.infoSection {
margin-top: 75px;
}
.infoSection .leftSide {
width: 48%;
}
.infoSection .rightSide {
width: 48%;
padding-top: 20px;
}
.infoSection .info {
margin-top: 24px;
}
.docList {
display: grid;
grid-template-columns: repeat(auto-fill, 135px);
gap: 20px;
}
.docList .item {
width: 100%;
height: auto;
}
.missionSection {
margin-top: 70px;
}
.missionSection .wrapper {
gap: 30px;
}
.missionSection .card {
padding-left: 50px;
padding-right: 50px;
}
.advantagesSection {
padding-top: 50px;
}
.advantagesList {
gap: 165px 20px;
}
.advantagesList .item::before {
height: 52px;
}
.footerSection {
margin-top: 90px;
}
.registerSection .wrapper::before {
display: none;
}
.contactsSection .mapBlock {
margin-top: -30px;
}
.contactsGrid {
gap: 180px 30px;
}
.contactsGrid .item {
padding-left: 30px;
padding-right: 30px;
}
.contactsItem .reg {
min-width: unset;
}
.contactFormSection .contentContainer {
margin-top: 35px;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
}
.contactFormSection .formGrid {
gap: 40px;
}
.contactFormSection .button {
margin-top: 40px;
}
.faqTabs .tabsList .tab a {
font-size: 12px;
}
.faqTabs .tabsList .tab [class*=icon] {
margin-right: 10px;
}
.faqTabs .tabContent {
padding: 40px;
}
.faqItem .content .in {
padding: 20px;
}
.termsSection .main {
padding: 40px;
}
.termItem {
padding: 30px 40px 40px;
}
.payFormGrid .fieldWrap {
margin-top: 150px;
}
.paymentsList {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.paymentsList::before {
height: 52px;
background-size: 100% 100%;
}
.paymentsList::after {
height: calc(100% - 52px);
}
.payFormGrid .result::before,
.payFormGrid .field::before {
height: 52px;
}
}
@media (min-width: 1150px) {
.mobileCabMenu,
.cabBalanceTable {
display: block !important;
}
.cabTabs .topicContent {
display: block !important;
}
}
@media (max-width: 1149px) {
.cabinetWrapper>.cabinetMain {
width: 100%;
display: flex;
flex-direction: column;
}
.cabinetCopyright {
margin-top: auto;
}
.cabinetNavigation {
display: none;
}
.cabinetHeader {
height: auto !important;
width: 750px;
padding-left: 14px;
padding-right: 14px;
margin-left: auto;
margin-right: auto;
}
.cabinetHeader::before,
.cabinetHeader::after {
display: none;
}
.cabinetHeader .logoWrapper {
position: relative;
display: block;
padding-top: 17px;
padding-left: 4px;
z-index: 2;
}
.cabinetHeader .langWrapper {
margin-left: auto;
margin-right: 26px;
padding-right: 0px;
padding-top: 9px;
}
.cabinetHeader .langWrapper::before {
width: 240px;
height: 60px;
right: -125px;
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
}
.cabinetHeader .burgerWrapper {
display: block;
position: relative;
margin-right: 27px;
padding-top: 20px;
width: 50px;
z-index: 1;
}
.cabinetHeader .burgerWrapper::before {
content: "";
display: block;
position: absolute;
left: -49px;
top: -10px;
width: 149px;
height: 61px;
background-image: -moz-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -ms-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
z-index: -1;
}
.cabinetInfo {
display: block;
width: 750px;
margin-top: 18px;
padding-left: 14px;
padding-right: 14px;
margin-left: auto;
margin-right: auto;
height: auto;
}
.cabinetStat {
max-width: unset;
min-width: unset;
width: auto;
height: auto;
padding: 0px 12px;
background-color: rgb(18, 23, 36);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.cabinetStat .item {
width: 100% !important;
align-items: center;
}
.cabinetStat .item:first-child {
min-height: 62px;
margin-bottom: 2px;
}
.cabinetStat .item:not(:first-child) {
height: auto;
max-width: unset;
min-height: 30px;
padding: 0px 4px;
}
.cabinetStat .item:not(:first-child) .data {
width: 100%;
display: flex;
justify-content: space-between;
}
.cabinetStat .item:not(:first-child) .param {
width: 50%;
}
.cabinetStat .item:not(:first-child) .value {
width: 50%;
text-align: right;
}
.cabinetStat::before {
display: none;
}
.cabinetStatWrapper {
display: block;
height: 62px;
min-width: unset;
width: 100%;
margin: 0px;
padding: 0px;
}
.cabinetStatWrapper::before {
display: none;
}
.cabinetStatWrapper.active {
height: 195px;
}
.openCabinetStat {
top: 14px;
right: 11px;
width: 38px;
height: 38px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
border-radius: 7px;
}
.cabinetContent {
width: 750px;
padding-left: 14px;
padding-right: 14px;
padding-top: 14px;
padding-bottom: 28px;
}
.dashboardMain {
display: block;
}
.mobileCabMenu {
display: none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
padding-top: 98px;
background-color: #1c2230;
z-index: 1;
margin: 0px !important;
overflow-y: auto;
}
.mobileCabMenu::before {
content: "";
display: block;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 50px;
background-color: #1c2230;
z-index: 2;
}
.mobileCabMenu .inner {
display: flex;
flex-direction: column;
width: 750px;
min-height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 14px;
padding-right: 14px;
}
.mobileCabMenu .menuWrapper {
height: auto !important;
margin-bottom: auto;
}
.mobileCabMenu .supportWrapper {
width: 100%;
height: 60px;
margin: 41px 0px 0px 0px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-image: url(../img/mobile_login.png);
background-size: auto;
background-position: center bottom;
background-repeat: no-repeat;
}
.mobileCabMenu .supportWrapper::before {
display: none;
}
.cabMenu {
flex-direction: column;
width: 100%;
padding-top: 0px;
}
.cabMenu li {
height: auto;
opacity: 1 !important;
visibility: visible !important;
border-top: 1px solid #2d3546;
}
.cabMenu li [class*=icon] {
margin-right: 21px;
font-size: 22px;
}
.cabMenu li a {
min-height: 34px;
align-items: center;
}
.cabMenu li.hidden {
display: block;
}
.cabMenu li.last {
order: 1;
}
.expandCabinetMenu {
display: none;
}
.cabClock {
display: none;
}
.cabinetPageTtitle {
margin-bottom: 13px;
font-size: 20px;
line-height: 30px;
}
.dashboardBalance {
position: relative;
width: 100%;
padding-top: 14px;
padding-bottom: 30px;
background-image: none;
background-color: transparent;
z-index: 1;
}
.dashboardBalance::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: calc(100% - 28px);
background-color: #121724;
-webkit-border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
-ms-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
z-index: -1;
}
.dashboardBalance::after {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 28px;
background-image: url(../img/cab_balance_el.png);
background-size: auto 100%;
background-position: center top;
background-repeat: no-repeat;
-webkit-border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px;
-ms-border-radius: 0px 0px 8px 8px;
border-radius: 0px 0px 8px 8px;
z-index: -1;
}
.dashboardBalance .title {
font-size: 10px;
line-height: 30px;
}
.dashboardBalance .sum {
display: table;
margin-top: -5px;
margin-left: auto;
margin-right: auto;
font-size: 30px;
line-height: 35px;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
text-align: center;
}
.dashboardBalance .sum span {
font-size: 20px;
}
.dashboardBalance .sum sup {
position: static;
font-size: 12px;
}
.dashboardBalance .list {
margin-top: 0px;
margin-bottom: 20px;
}
.dashboardBalance .list li {
padding-bottom: 4px;
padding-right: 5px;
justify-content: space-between;
border-bottom: 1px solid #293141;
}
.dashboardBalance .list li+li {
margin-top: 4px;
}
.dashboardBalance .list .value sup {
top: 2px;
font-size: 7px;
}
.dashboardBalance .shadow {
display: block;
position: absolute;
left: 0px;
right: 0px;
bottom: -13px;
margin: 0px auto;
width: 163px;
height: 63px;
background-image: url(../img/balance_shadow.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -2;
}
.cabBalanceTable {
display: none;
margin-top: 0px;
padding-bottom: 7px;
}
.openBalanceTable {
position: absolute;
left: 0px;
width: 100%;
bottom: 0px;
padding-bottom: 8px;
padding-top: 12px;
display: flex;
justify-content: center;
}
.openBalanceTable svg {
display: block;
}
.openBalanceTable.active svg {
-moz-transform: scale(-1, -1);
-ms-transform: scale(-1, -1);
-webkit-transform: scale(-1, -1);
-o-transform: scale(-1, -1);
transform: scale(-1, -1);
}
.dashboardWrap {
margin-top: 14px;
}
.dashboardStat {
width: 100%;
gap: 30px 18px;
}
.dashboardStat::before {
top: 24px;
left: 173px;
width: 390px;
height: 230px;
}
.dashboardStat .item {
min-height: 115px;
padding: 7px 10px 7px 10px;
}
.dashboardStat .item::before {
height: calc(100% - 28px);
}
.dashboardStat .item::after {
height: 28px;
}
.dashboardStat .item:nth-child(1) .icon {
left: 0px;
bottom: 14px;
}
.dashboardStat .item:nth-child(1) .icon::before {
left: -5px;
}
.dashboardStat .item:nth-child(1)::before {
-webkit-border-radius: 8px 8px 8px 0px;
-moz-border-radius: 8px 8px 8px 0px;
-ms-border-radius: 8px 8px 8px 0px;
border-radius: 8px 8px 8px 0px;
}
.dashboardStat .item:nth-child(2) .icon {
right: 4px;
bottom: 15px;
}
.dashboardStat .item:nth-child(2) .icon::before {
left: auto;
right: -5px;
}
.dashboardStat .item:nth-child(2)::before {
-webkit-border-radius: 8px 8px 0px 8px;
-moz-border-radius: 8px 8px 0px 8px;
-ms-border-radius: 8px 8px 0px 8px;
border-radius: 8px 8px 0px 8px;
}
.dashboardStat .item:nth-child(3) .icon {
left: 0;
top: 15px;
}
.dashboardStat .item:nth-child(3) .icon::before {
left: -5px;
}
.dashboardStat .item:nth-child(3)::before {
-webkit-border-radius: 0px 8px 8px 8px;
-moz-border-radius: 0px 8px 8px 8px;
-ms-border-radius: 0px 8px 8px 8px;
border-radius: 0px 8px 8px 8px;
}
.dashboardStat .item:nth-child(4) .icon {
right: 3px;
top: 14px;
}
.dashboardStat .item:nth-child(4) .icon::before {
left: auto;
right: -5px;
}
.dashboardStat .item:nth-child(4)::before {
bottom: 0px;
-webkit-border-radius: 8px 0px 8px 8px;
-moz-border-radius: 8px 0px 8px 8px;
-ms-border-radius: 8px 0px 8px 8px;
border-radius: 8px 0px 8px 8px;
}
.dashboardStat .icon {
height: 32px;
}
.dashboardStat .icon::before {
width: 40px;
}
.dashboardStat .param {
font-size: 10px;
line-height: 16px;
}
.dashboardStat .value {
font-size: 16px;
line-height: 20px;
}
.dashboardStat .value span {
font-size: inherit;
line-height: inherit;
}
.dashboardStat .value span sup {
font-size: 10px;
}
.dashboardMore {
margin-top: 13px;
display: block;
padding-left: 24px;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
.dashboardMore .wrap {
padding-top: 21px;
}
.dashboardMore .sum {
display: flex;
flex-direction: column;
align-items: center;
}
.dashboardMore .sum .title {
font-size: 10px;
line-height: 10px;
}
.dashboardMore .sum .num {
margin-top: 6px;
font-size: 30px;
line-height: 35px;
}
.dashboardMore .partner {
margin-top: 14px;
padding: 13px 10px 8px;
min-width: unset;
}
.dashboardMore .partner .title {
font-size: 10px;
line-height: 16px;
}
.dashboardMore .partner .value {
font-size: 10px;
line-height: 16px;
}
.dashboardPartners {
width: 100%;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
.dashboardPartners::before {
display: none;
}
.dashboardPartners .title {
font-size: 16px;
line-height: 16px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0em;
text-transform: initial;
}
.dashboardPartners .title br {
display: none;
}
.dashboardPartners .title .icon {
display: none;
}
.dashboardPartners ul {
margin-top: 19px;
display: block;
}
.dashboardPartners ul li {
width: 100%;
padding-bottom: 4px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #293141;
}
.dashboardPartners ul li+li {
margin-top: 7px !important;
}
.dashboardPartners ul li:last-child .value {
font-size: 16px;
line-height: 16px;
}
.dashboardPartners ul .param {
width: auto;
text-align: left;
}
.dashboardPartners ul .param br {
display: none;
}
.dashboardPartners ul .value {
font-size: 16px;
line-height: 16px;
}
.dashboardProfit {
margin-top: 16px;
}
.dashboardProfitSlider .swiper-slide {
width: 308px;
height: auto;
}
.dashboardProfitSlider .swiper-slide:first-child {
width: 346px;
position: static;
}
.dashboardProfitSlider .swiper-navigation {
margin-top: 26px;
display: flex;
justify-content: center;
}
.dashboardProfitSlider .swiper-navigation .swiper-button-prev {
position: static;
margin: 0px;
height: auto;
width: 32px;
display: flex;
justify-content: flex-start;
overflow: hidden;
opacity: 1;
}
.dashboardProfitSlider .swiper-navigation .swiper-button-prev::after {
display: none;
}
.dashboardProfitSlider .swiper-navigation .swiper-button-prev img {
width: 72px;
max-width: unset;
}
.dashboardProfitSlider .swiper-navigation .swiper-button-next {
position: static;
margin: 0px 0px 0px 30px;
height: auto;
width: 32px;
display: flex;
justify-content: flex-end;
overflow: hidden;
opacity: 1;
}
.dashboardProfitSlider .swiper-navigation .swiper-button-next::after {
display: none;
}
.dashboardProfitSlider .swiper-navigation .swiper-button-next img {
width: 72px;
max-width: unset;
}
.dashboardProfitInfo {
padding: 22px 20px 18px 20px;
background-image: url(../img/card_back_sm.png);
background-position: center top;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
.dashboardProfitInfo .row:first-child {
justify-content: flex-end;
}
.dashboardProfitInfo .row:first-child .data {
margin-left: 20px;
}
.dashboardProfitInfo .row:last-child .icon::before {
left: -10px;
}
.dashboardProfitInfo .param {
font-size: 10px;
}
.dashboardProfitInfo .icon {
padding-right: 0px !important;
width: 36px;
}
.profitChart {
height: 230px;
padding: 18px 10px 22px 15px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
.profitChart .param {
font-size: 10px;
}
.cabinetCopyright {
display: block;
}
.cabTabs {
overflow: hidden;
}
.cabTabs>.tabsList {
display: none;
}
.cabTabs>.tabContentWrapper>.tabContent {
display: block;
}
.depositSlider {
overflow: visible;
}
.depositSlider .swiper-slide {
width: 290px;
}
.depositSlider .swiper-pagination {
display: none;
}
.depositSlider .swiper-button-prev {
width: 32px;
display: flex;
justify-content: flex-start;
overflow: hidden;
}
.depositSlider .swiper-button-prev img {
width: 72px;
max-width: unset;
}
.depositSlider .swiper-button-next {
margin-left: 30px;
width: 32px;
display: flex;
justify-content: flex-end;
overflow: hidden;
}
.depositSlider .swiper-button-next img {
width: 72px;
max-width: unset;
}
.depositCard {
padding-left: 17px;
padding-right: 10px;
min-height: 555px;
background-image: url(../img/dep_bottom_sm.png), url(../img/dep_top_sm.png);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.depositCard .name {
margin-bottom: 3px;
font-size: 12px;
line-height: 25px;
}
.depositCard .param {
font-size: 10px;
line-height: 16px;
}
.depositCard .pct {
font-size: 16px;
line-height: 25px;
}
.depositCard .value {
font-size: 10px;
line-height: 16px;
}
.depositCard .value.lg {
font-size: 16px;
line-height: 20px;
}
.depositCard .value.lg sup {
font-size: 9px;
}
.depositCard .value.sm {
font-size: 10px;
line-height: 16px;
}
.depositCard .head {
padding-top: 18px;
height: 140px;
}
.depositCard .head .left {
padding-top: 0px;
width: 50%;
}
.depositCard .head .right {
width: auto;
min-width: 95px;
}
.depositCard .data {
margin-top: 41px;
}
.depositCard .data li+li {
margin-top: 0px;
}
.depositCard .data .param {
line-height: 20px;
}
.depositCard .data .col {
min-width: unset;
width: 90px;
}
.depositCard .data .col:last-child {
margin-top: -40px;
}
.depositCard .data .col:last-child li+li {
margin-top: 9px;
}
.depositCard .calc {
padding-top: 58px;
}
.depositCard .calc .icon {
top: 16px;
right: 54px;
width: 36px;
}
.depositCard .calc .left {
width: 143px;
flex-shrink: 0;
display: flex;
flex-direction: column;
}
.depositCard .calc .right {
margin-left: 30px;
padding-top: 20px;
}
.depositCard .calc .button {
margin-top: auto;
padding-bottom: 3px;
}
.depositCard .inputBlock label {
font-size: 10px;
line-height: 10px;
}
.depositCard .inputBlock label+.inWrap {
margin-top: 11px;
}
.depositCard .inputBlock input {
line-height: 38px;
}
.depositCard .btnBorder.sm {
height: 38px;
font-size: 10px;
line-height: 30px;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
-ms-border-radius: 19px;
border-radius: 19px;
}
.depositCard .btnBorder.sm::before {
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
}
.depositCard .result li+li {
margin-top: 16px;
}
.depositCard .result .value {
white-space: nowrap;
}
.depositCard .profit {
max-width: 110px;
margin-top: -28px;
}
.depositCard .profit .value {
font-size: 30px;
line-height: 30px;
}
.depositCard .table {
margin-top: 0px;
}
.depositCard.plan {
padding-right: 17px;
background-image: url(../img/dep_bottom_xs.png), url(../img/dep_top_sm.png);
background-size: auto, 100% auto;
background-position: right -30px bottom, center top -20px;
}
.depositCard.plan .head {
padding-top: 15px;
height: 120px;
}
.depositCard.plan .head .right {
width: 110px;
}
.depositCard.plan .image {
width: 110px;
}
.depositCard.plan .image img,
.depositCard.plan .image::before {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.depositCard.plan .data {
margin-top: 15px;
}
.depositCard.plan .data .col {
width: 110px;
}
.depositCard.plan .data .col:last-child {
margin-top: -20px;
}
.depositCard.plan .calc {
padding-top: 12px;
padding-bottom: 24px;
}
.cabTabs .topicTab {
margin-right: -13px;
display: flex;
justify-content: space-between;
align-items: center;
}
.cabTabs .topicTab>span {
font-size: 16px;
line-height: 16px;
font-weight: 700;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: rgb(255, 255, 255);
text-fill-color: rgb(255, 255, 255);
}
.cabTabs .topicTab .icon {
position: relative;
width: 22px;
height: 22px;
}
.cabTabs .topicTab .icon img {
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
max-width: unset;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cabTabs .topicTab .icon .show {
opacity: 1;
}
.cabTabs .topicTab .icon .hide {
opacity: 0;
}
.cabTabs .topicTab.active>span {
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
.cabTabs .topicTab.active .icon .show {
opacity: 0;
}
.cabTabs .topicTab.active .icon .hide {
opacity: 1;
}
.cabTabs .topicTab.active+.topicContent {
display: block;
}
.cabTabs .topicTab.active+.topicContent::before {
opacity: 1;
}
.cabTabs .topicContent {
display: none;
overflow: visible !important;
}
.cabTabs .topicContent::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #121724;
opacity: 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: -1;
}
.cabTabs>.tabContentWrapper {
background-color: transparent;
}
.cabTabs>.tabContentWrapper::before,
.cabTabs>.tabContentWrapper::after,
.cabTabs>.tabContentWrapper .shadow {
display: none;
}
.cabTabs>.tabContentWrapper>.tabContent {
position: relative;
padding: 11px 23px 13px 23px;
background-color: #293141;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
z-index: 1;
}
.cabTabs>.tabContentWrapper>.tabContent+.tabContent {
margin-top: 9px;
}
.cabTabs .info {
margin-top: 53px;
}
.cabTabs .info .textBlock {
-webkit-column-gap: 55px;
-moz-column-gap: 55px;
column-gap: 55px;
}
.cabTabs .info p {
font-size: 14px;
line-height: 20px;
break-inside: unset;
}
.cabTabs .info p.lead {
font-size: 18px;
line-height: 27px;
}
.cabTabs .info p.lead+p {
margin-top: 18px;
}
.cabTabs .info p+p {
margin-top: 20px;
}
.cabTabs .info .markedList {
margin-top: 23px;
margin-bottom: 36px;
}
.cabTabs .info .markedList li {
font-size: 14px;
line-height: 23px;
}
.cabTabs .info .markedList li+li {
margin-top: 9px;
}
.cabTabs .info .markedList:first-child {
margin-top: 0px;
}
.cabTabs .info .markedList:last-child {
margin-top: 0px;
}
.cabTabs .info .image {
margin-top: 36px;
height: 185px;
padding-top: 3px;
}
.cabTabs .info .image::before,
.cabTabs .info .image img {
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.cabTabs .info+.depositSlider {
margin-top: 31px;
padding-bottom: 0px;
}
.cabTabs .depositSlider {
padding-bottom: 7px !important;
}
.depositSlider .swiper-navigation {
margin-top: 19px;
}
.walletSection {
grid-template-columns: repeat(2, 1fr);
gap: 10px 15px;
background-image: none;
}
.walletCard {
height: 142px;
padding-left: 24px;
padding-top: 22px;
padding-right: 19px;
padding-bottom: 16px;
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
-ms-border-radius: 10px !important;
border-radius: 10px !important;
}
.walletCard::before {
display: none !important;
}
.walletCard .wallet {
padding-left: 6px;
}
.walletCard .wallet .icon {
width: 36px;
margin-right: 16px;
}
.walletCard .wallet .icon::before {
right: -30px;
bottom: -50px;
width: 120px;
height: 120px;
}
.walletCard .wallet .par {
font-size: 10px;
line-height: 16px;
}
.walletCard .wallet .val {
font-size: 16px;
line-height: 20px;
}
.walletCard .buttons [class*=btn] {
min-width: 133px;
font-size: 10px;
}
.walletCard .buttons [class*=btn] .text {
letter-spacing: 0em;
}
.cabTabs.progressTabs .topicTab {
margin-right: 0px;
}
.cabTabs.progressTabs>.tabContentWrapper {
background-color: transparent;
}
.cabTabs.progressTabs>.tabContentWrapper>.tabContent {
padding-top: 13px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 13px;
}
.cabInnerTabs {
margin-top: 22px;
}
.cabInnerTabs .tabsList {
display: none;
}
.cabInnerTabs .topicTab {
margin-right: 0px;
}
.cabInnerTabs .topicTab>span {
font-size: 11px;
line-height: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.cabInnerTabs .tabContentWrapper {
background-color: transparent;
}
.cabInnerTabs .tabContentWrapper::before,
.cabInnerTabs .tabContentWrapper::after {
display: none;
}
.cabInnerTabs .tabContent {
display: block !important;
padding-left: 12px;
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
background-color: #1b212f;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.cabInnerTabs .tabContent+.tabContent {
margin-top: 20px;
}
.cabInnerTabs .depositSlider {
margin-top: 18px;
}
.depositSlider.ver2 {
padding-bottom: 15px !important;
}
.depositSlider.ver2 .swiper-slide {
width: 270px;
}
.depositSlider.ver2 .swiper-navigation {
margin-top: 32px;
}
.depositCard li.withIcon {
padding-left: 0px;
}
.depositCard li.withIcon img {
display: none;
}
.depositCard.type2 {
background-image: url(../img/dep_bottom_2_sm.png), url(../img/dep_top_2_sm.png);
}
.depositCard.type2 .head {
padding-top: 18px;
}
.depositCard.type2 .head .right {
width: 105px;
}
.depositCard.type2 .pct {
font-size: 16px;
line-height: 25px;
}
.depositCard.type2 .data {
margin-top: 15px;
}
.depositCard.type2 .data .col {
min-width: 100px;
}
.depositCard.type2 .data .col:last-child {
margin-top: -45px;
}
.depositCard .progress {
position: relative;
display: block;
padding-left: 9px;
padding-bottom: 10px;
}
.depositCard .progress .left {
padding-top: 55px;
}
.depositCard .progress .right {
margin-top: 10px;
}
.depositCard .progress .buttons {
margin-top: 0px;
}
.depositCard .timer .val {
font-size: 18px;
line-height: 30px;
}
.depositCard .progressVal {
position: absolute;
right: 0px;
top: 7px;
margin: 0px;
width: 92px;
display: block;
}
.depositCard .progressVal .cap {
line-height: 14px;
}
.depositCard .progressVal .val {
margin-top: 5px;
}
.depositCard .progressChart {
margin-left: -5px;
margin-top: 0px;
margin-bottom: 7px;
}
.filterBlock {
/*display: none;*/
z-index: 1;
}
.filterBlock .formWrap>.button {
margin-top: 10px;
}
.filterBlock+.tableSlider2 {
margin-top: 0px;
}
.tableSlider2 {
padding-top: 0px;
overflow: visible;
}
.tableSlider2 .shadow,
.tableSlider2 .tHead,
.tableSlider2::before,
.tableSlider2::after,
.tableSlider2 .pagination {
display: none;
}
.tableSlider2 .swiper-wrapper {
display: flex;
}
.tableSlider2 .swiper-slide {
width: 248px;
}
.tableSlider2 .swiper-navigation {
margin-top: 18px;
display: flex;
justify-content: center;
}
.tableSlider2 .swiper-navigation .swiper-button-prev {
position: static;
margin: 0px;
height: auto;
width: 32px;
display: flex;
justify-content: flex-start;
overflow: hidden;
opacity: 1;
}
.tableSlider2 .swiper-navigation .swiper-button-prev::after {
display: none;
}
.tableSlider2 .swiper-navigation .swiper-button-prev img {
width: 72px;
max-width: unset;
}
.tableSlider2 .swiper-navigation .swiper-button-next {
position: static;
margin: 0px 0px 0px 30px;
height: auto;
width: 32px;
display: flex;
justify-content: flex-end;
overflow: hidden;
opacity: 1;
}
.tableSlider2 .swiper-navigation .swiper-button-next::after {
display: none;
}
.tableSlider2 .swiper-navigation .swiper-button-next img {
width: 72px;
max-width: unset;
}
.dropdownItem .head {
position: relative;
display: block;
height: auto;
padding-left: 20px;
padding-top: 16px;
padding-right: 20px;
padding-bottom: 16px;
background-color: #202836;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
border-top: none;
}
.dropdownItem .head .id {
padding-bottom: 13px;
font-size: 11px;
line-height: 16px;
color: rgb(255, 255, 255);
letter-spacing: 0.1em;
}
.dropdownItem .head .id .tLabel {
line-height: 16px;
}
.dropdownItem .head .type {
font-size: 10px;
line-height: 12px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
}
.dropdownItem .head .date {
font-size: 10px;
line-height: 12px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
}
.dropdownItem .head .sum {
font-size: 12px;
line-height: 12px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
}
.dropdownItem .head .sum .icon {
display: none;
}
.dropdownItem .head .com {
font-size: 12px;
line-height: 12px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
}
.dropdownItem .head .status {
font-size: 10px;
line-height: 12px;
}
.dropdownItem .head .login {
font-size: 10px;
line-height: 12px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
}
.dropdownItem .head .login .tLabel {
font-size: 10px;
}
.dropdownItem .head .login .tLabel img {
display: none;
}
.dropdownItem .head .login .tValue {
display: block;
margin-left: 0px;
}
.dropdownItem .head .tCell {
width: 100% !important;
}
.dropdownItem .head .tCell+.tCell {
border-top: 1px solid #333d53;
}
.dropdownItem .head .tCell:not(:first-child) {
padding-top: 6px;
padding-bottom: 5px;
min-height: 36px;
}
.dropdownItem .head .control {
position: absolute;
left: 20px;
top: 20px;
}
.dropdownItem .head .tLabel {
display: block;
font-size: 10px;
line-height: 12px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.dropdownItem .content {
margin-top: -10px;
font-size: 10px;
line-height: 24px;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-ms-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.dropdownItem .content .in {
padding: 30px 18px 20px;
border-top: none;
}
.dropdownItem .content .par {
font-size: 10px;
line-height: 24px;
}
.dropdownItem .content .acc {
word-break: break-all;
}
.dropdownItem .content .acc .par {
display: block;
}
.dropdownItem .content li:last-child {
font-size: 12px;
line-height: 18px;
}
.dropdownItem .content li:last-child .par {
line-height: 18px;
}
.dropdownItem.active .head,
.dropdownItem:hover .head {
background-color: #202836;
}
.formMessages {
grid-template-columns: repeat(2, 1fr);
display: none;
}
.settingsSection {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px 25px;
}
.settingsForm {
padding-left: 20px;
padding-top: 13px;
padding-right: 20px;
}
.settingsForm .shadow {
display: none;
}
.settingsForm::before {
height: calc(100% - 36px);
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-ms-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
.settingsForm::after {
height: 36px;
background-size: auto 100%;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-ms-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.settingsForm.lg {
grid-column: 2;
grid-row: 1/3;
}
.settingsForm+.settingsForm {
margin-top: 0px;
}
.settingsForm .titleBlock {
font-size: 16px;
line-height: 16px;
}
.settingsForm .titleBlock+.formBlock {
margin-top: 24px;
}
.settingsForm .fieldsGrid {
display: block;
}
.settingsForm .fieldsGrid .col+.col {
margin-top: 8px;
}
.settingsForm .fieldsGrid.col2 .col+.col {
margin-top: 8px;
}
.settingsForm .fieldsWrap {
display: block;
}
.settingsForm .fieldsWrap .field+.field {
margin-top: 8px;
}
.settingsForm .field+.field {
margin-top: 8px;
}
.settingsForm .check+.field {
margin-top: 19px;
}
.settingsForm label+.inWrap {
margin-top: 4px;
}
.settingsForm .buttonWrap {
margin-top: 22px;
min-height: 36px;
}
.settingsForm .buttonWrap [class*=btn] {
line-height: 24px;
}
.inputBlock .inWrap.date {
grid-template-columns: 91px 91px auto;
gap: 8px;
}
.securitySettings .wrapper {
display: block;
}
.securitySettings .leftSide,
.securitySettings .rightSide {
width: 100%;
}
.securitySettings .rightSide {
margin-top: 26px;
}
.securitySettings .rightSide .titleBlock+.formBlock {
margin-top: 17px;
}
.securitySettings .buttonWrap {
margin-top: 85px;
}
.authForm {
font-size: 12px;
line-height: 20px;
}
.authForm .key {
line-height: 35px;
}
.authForm .qr {
margin-top: 21px;
margin-left: auto;
margin-right: auto;
}
.authForm .field {
margin-top: 30px;
}
.programSection .info {
margin-top: 0px;
padding: 20px 20px 16px;
}
.programSection .info p {
font-size: 12px;
line-height: 16px;
}
.programSection .info::before {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.programSection .info::after {
display: none;
}
.programSection .info+.tableSliderWrapper {
margin-top: 30px;
}
.tableSliderWrapper {
padding: 0px;
background-color: transparent;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
}
.tableSlider {
padding-top: 0px;
padding-bottom: 0px;
overflow: visible;
}
.tableSlider .shadow,
.tableSlider .tHead,
.tableSlider::before,
.tableSlider::after,
.tableSlider .pagination {
display: none;
}
.tableSlider .tRow {
display: block;
padding-left: 20px;
padding-top: 17px;
padding-right: 20px;
padding-bottom: 22px;
background-color: #202836;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.tableSlider .tRow .icon {
width: 24px;
margin-right: 6px;
}
.tableSlider .tRow .tCell {
font-size: 10px;
line-height: 12px;
}
.tableSlider .tRow .tCell:not(:first-child) {
padding-top: 6px;
padding-bottom: 4px;
}
.tableSlider .tCell {
width: 100%;
}
.tableSlider .tCell .tLabel {
display: block;
font-size: 10px;
line-height: 12px;
color: #acb0bc;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.tableSlider .tCell:first-child {
border-top: none;
}
.tableSlider .status {
padding-left: 0px;
padding-bottom: 8px;
}
.tableSlider .status .tData {
display: block;
}
.tableSlider .status .tValue {
display: block;
margin-top: 3px;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.1em;
}
.tableSlider .swiper-wrapper {
display: flex;
}
.tableSlider .swiper-slide {
width: 248px;
}
.tableSlider .swiper-navigation {
margin-top: 26px;
display: flex;
justify-content: center;
}
.tableSlider .swiper-navigation .swiper-button-prev {
position: static;
margin: 0px;
height: auto;
width: 32px;
display: flex;
justify-content: flex-start;
overflow: hidden;
opacity: 1;
}
.tableSlider .swiper-navigation .swiper-button-prev::after {
display: none;
}
.tableSlider .swiper-navigation .swiper-button-prev img {
width: 72px;
max-width: unset;
}
.tableSlider .swiper-navigation .swiper-button-next {
position: static;
margin: 0px 0px 0px 30px;
height: auto;
width: 32px;
display: flex;
justify-content: flex-end;
overflow: hidden;
opacity: 1;
}
.tableSlider .swiper-navigation .swiper-button-next::after {
display: none;
}
.tableSlider .swiper-navigation .swiper-button-next img {
width: 72px;
max-width: unset;
}
.programSection .cabTabs {
margin-top: 24px;
}
.programTabs .topicTab {
flex-direction: row-reverse;
justify-content: flex-end;
}
.programTabs .topicTab>span {
font-size: 10px;
line-height: 35px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.programTabs .topicTab .icon {
width: 18px;
height: 18px;
margin-right: 14px;
}
.programTabs>.tabContentWrapper {
background-image: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
}
.programTabs>.tabContentWrapper>.tabContent {
padding: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
background-color: transparent;
border-bottom: 1px solid #333d53;
}
.programTabs>.tabContentWrapper>.tabContent.active {
background-color: transparent;
}
.programTabs>.tabContentWrapper>.tabContent+.tabContent {
margin-top: 0px;
}
.levelBlock {
padding-left: 26px;
align-items: center;
min-height: 71px;
background-color: #141926;
border-top: 1px solid #333d53;
overflow: hidden;
}
.levelBlock .icon {
align-self: center;
width: 36px;
}
.levelBlock .icon::before {
width: 120px;
height: 120px;
left: -60px;
top: -40px;
}
.levelBlock .param {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.levelBlock .param+.value {
margin-top: 0px;
}
.levelBlock .value {
font-size: 16px;
line-height: 24px;
}
.levelBlock .pct {
margin-left: 45px;
font-size: 30px;
line-height: 30px;
}
.rangTable {
width: 100%;
padding-left: 18px;
padding-top: 15px;
padding-right: 28px;
padding-bottom: 15px;
background-image: url(../img/range_table_back_sm.png);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.rangTable .table {
max-width: 255px;
}
.rangTable .table .val,
.rangTable .table .par {
line-height: 20px;
}
.rangTable .table:last-child {
max-width: 300px;
margin-left: auto;
}
.rangTable .rangs {
margin-top: 10px;
margin-bottom: 30px;
}
.rangTable .rangs li {
width: 300px;
}
.rangTable .rangs li:last-child {
position: relative;
/*top: 18px;*/
}
.partnersStat {
margin-top: 16px;
width: 100%;
}
.partnersStat .referralStat {
top: 157px;
}
.partnersStat .dashboardStat {
width: 100%;
gap: 20px 38px;
}
.partnersStat .dashboardStat .item {
min-height: 186px;
padding: 27px 30px 24px 30px;
}
.partnersStat .dashboardStat .item .in {
max-width: 150px;
}
.partnersStat .dashboardStat .item::before {
height: calc(100% - 56px);
}
.partnersStat .dashboardStat .item::after {
height: 56px;
}
.partnersStat .dashboardStat .item:nth-child(1) .icon {
left: 29px;
bottom: 29px;
}
.partnersStat .dashboardStat .item:nth-child(1) .icon::before {
left: -5px;
}
.partnersStat .dashboardStat .item:nth-child(1)::before {
-webkit-border-radius: 21px 21px 21px 0px;
-moz-border-radius: 21px 21px 21px 0px;
-ms-border-radius: 21px 21px 21px 0px;
border-radius: 21px 21px 21px 0px;
}
.partnersStat .dashboardStat .item:nth-child(2) .icon {
right: 28px;
bottom: 35px;
}
.partnersStat .dashboardStat .item:nth-child(2) .icon::before {
left: auto;
right: -5px;
}
.partnersStat .dashboardStat .item:nth-child(2)::before {
-webkit-border-radius: 21px 21px 0px 21px;
-moz-border-radius: 21px 21px 0px 21px;
-ms-border-radius: 21px 21px 0px 21px;
border-radius: 21px 21px 0px 21px;
}
.partnersStat .dashboardStat .item:nth-child(3) .icon {
left: 30px;
top: 30px;
}
.partnersStat .dashboardStat .item:nth-child(3) .icon::before {
left: -5px;
}
.partnersStat .dashboardStat .item:nth-child(3)::before {
-webkit-border-radius: 0px 21px 21px 21px;
-moz-border-radius: 0px 21px 21px 21px;
-ms-border-radius: 0px 21px 21px 21px;
border-radius: 0px 21px 21px 21px;
}
.partnersStat .dashboardStat .item:nth-child(4) .icon {
right: 30px;
top: 30px;
}
.partnersStat .dashboardStat .item:nth-child(4) .icon::before {
left: auto;
right: -5px;
}
.partnersStat .dashboardStat .item:nth-child(4)::before {
bottom: 0px;
-webkit-border-radius: 21px 0px 21px 21px;
-moz-border-radius: 21px 0px 21px 21px;
-ms-border-radius: 21px 0px 21px 21px;
border-radius: 21px 0px 21px 21px;
}
.partnersStat .dashboardStat .icon {
width: auto;
height: 34px;
}
.partnersStat .dashboardStat .icon::before {
width: 40px;
}
.referralStat .item+.item {
margin-top: 14px;
}
.referralStat .param {
font-size: 10px;
line-height: 16px;
}
.referralStat .link {
font-size: 12px;
line-height: 16px;
}
.referralStat .linkWrap {
margin-top: -5px;
}
.referralStat .pct {
font-size: 14px;
line-height: 20px;
}
.linesSider {
margin-top: 18px;
padding: 14px 15px 23px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.linesSider .swiper-wrapper {
display: flex;
gap: unset;
height: auto;
}
.linesSider .swiper-slide {
width: 191px;
}
.linesSider .swiper-navigation {
margin-top: 18px;
display: flex;
justify-content: center;
}
.linesSider .swiper-navigation .swiper-button-prev {
position: static;
margin: 0px;
height: auto;
width: 32px;
display: flex;
justify-content: flex-start;
overflow: hidden;
opacity: 1;
}
.linesSider .swiper-navigation .swiper-button-prev::after {
display: none;
}
.linesSider .swiper-navigation .swiper-button-prev img {
width: 72px;
max-width: unset;
}
.linesSider .swiper-navigation .swiper-button-next {
position: static;
margin: 0px 0px 0px 30px;
height: auto;
width: 32px;
display: flex;
justify-content: flex-end;
overflow: hidden;
opacity: 1;
}
.linesSider .swiper-navigation .swiper-button-next::after {
display: none;
}
.linesSider .swiper-navigation .swiper-button-next img {
width: 72px;
max-width: unset;
}
.lineCard {
padding-left: 14px;
padding-right: 14px;
padding-top: 40px;
padding-bottom: 12px;
}
.lineCard ul li {
display: block;
}
.refSection {
margin-top: 16px;
}
.refList {
padding: 0px;
background-color: transparent;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
overflow: visible;
}
.refList .tHead {
display: none;
}
.refList .swiper-wrapper {
display: flex;
}
.refList .swiper-slide {
width: 248px;
}
.refList .swiper-navigation {
margin-top: 18px;
display: flex;
justify-content: center;
}
.refList .swiper-navigation .swiper-button-prev {
position: static;
margin: 0px;
height: auto;
width: 32px;
display: flex;
justify-content: flex-start;
overflow: hidden;
opacity: 1;
}
.refList .swiper-navigation .swiper-button-prev::after {
display: none;
}
.refList .swiper-navigation .swiper-button-prev img {
width: 72px;
max-width: unset;
}
.refList .swiper-navigation .swiper-button-next {
position: static;
margin: 0px 0px 0px 30px;
height: auto;
width: 32px;
display: flex;
justify-content: flex-end;
overflow: hidden;
opacity: 1;
}
.refList .swiper-navigation .swiper-button-next::after {
display: none;
}
.refList .swiper-navigation .swiper-button-next img {
width: 72px;
max-width: unset;
}
.refItem {
border-top: none;
width: 100%;
}
.refItem.active>.head {
background-color: #141926;
}
.refItem .head {
position: relative;
padding: 11px 20px 0px !important;
z-index: 1;
}
.refItem .head>.icon {
position: absolute;
left: 20px;
top: 20px;
}
.refItem .head .login {
padding-bottom: 11px !important;
line-height: 20px;
}
.refItem .head .inv .tData,
.refItem .head .sum .tData {
font-size: 10px;
line-height: 12px;
}
.refItem .head .inv .tData sup,
.refItem .head .sum .tData sup {
font-size: inherit;
vertical-align: top;
}
.refItem .head .info {
position: absolute;
width: auto !important;
top: 10px;
right: 10px;
margin: 0px;
border-top: none !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
min-height: unset !important;
}
.refItem>.head {
z-index: 3;
}
.refItem .inv img,
.refItem .sum img {
display: none;
}
.refItem .login {
padding-left: 32px;
}
.refItem .line {
text-align: left;
}
.refItem .line .tData {
font-size: 10px;
line-height: 12px;
}
.refItem .content {
margin-top: 0px;
}
.refItem .content .in {
padding: 0px;
}
.refItem .refItem.active>.head {
background-color: #202836;
}
.refItem .refItem>.head {
background-color: #202836;
z-index: 2;
}
.refItem .refItem>.head::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: -10px;
width: 100%;
height: calc(100% - 10px);
background-color: #202836;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-ms-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
z-index: -2;
}
.refItem .refItem+.refItem>.head::before {
display: none;
}
.refItem .refItem:not(.dropdownItem) .login {
padding-left: 0px;
}
.refItem .refItem:not(.dropdownItem) .head {
position: relative;
background-color: #293141;
z-index: 1;
}
.refItem .refItem:not(.dropdownItem) .head::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: -10px;
width: 100%;
height: calc(100% - 10px);
background-color: #293141;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-ms-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
z-index: -2;
}
.verificationSection {
padding: 20px 20px 0px;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.verificationSection .shadow {
display: none;
}
.verificationSection::before {
height: calc(100% - 36px);
-webkit-border-radius: 21px 21px 0px 0px;
-moz-border-radius: 21px 21px 0px 0px;
-ms-border-radius: 21px 21px 0px 0px;
border-radius: 21px 21px 0px 0px;
}
.verificationSection::after {
height: 36px;
-webkit-border-radius: 0px 0px 21px 21px;
-moz-border-radius: 0px 0px 21px 21px;
-ms-border-radius: 0px 0px 21px 21px;
border-radius: 0px 0px 21px 21px;
background-size: auto 100%;
}
.verificationSection .buttonWrap {
margin-bottom: 0px;
min-height: 36px;
align-items: center;
}
.verificationList {
margin-top: 30px;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.verificationList .button {
margin-top: 20px;
}
.verificationList .fileName {
margin-bottom: 30px;
}
.verifyCard .head {
min-height: 80px;
}
.verifyCard .data {
min-height: 200px;
}
.walletCard.pay {
height: 190px;
}
.walletCard.pay .field {
margin-top: 20px;
}
.walletCard.pay .button {
padding-left: 24px;
padding-right: 19px;
padding-bottom: 16px;
}
}
@media (min-width: 1150px) {
.mobileMenu {
display: block !important;
}
}
@media (max-width: 1149px) {
.container {
width: 750px;
padding-left: 20px;
padding-right: 20px;
}
.menuIsOpened .startSectionWrapper {
z-index: 3;
}
.mobileMenu {
display: none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
padding-top: 86px;
background-color: #1c2230;
z-index: 1;
margin: 0px !important;
overflow-y: auto;
}
.mobileMenu::before {
content: "";
display: block;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 50px;
background-color: #1c2230;
z-index: 7;
}
.header .logoWrapper {
position: relative;
padding-top: 14px;
z-index: 2;
}
.header .loginWrapper {
display: none;
}
.header .langWrapper {
margin-left: auto;
margin-right: 26px;
padding-right: 0px;
}
.header .langWrapper::before {
right: -125px;
}
.header .burgerWrapper {
display: block;
position: relative;
margin-right: 36px;
padding-top: 20px;
width: 50px;
z-index: 1;
}
.header .burgerWrapper::before {
content: "";
display: block;
position: absolute;
left: -49px;
top: -10px;
width: 149px;
height: 60px;
background-image: -moz-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
background-image: -ms-linear-gradient(0deg, rgb(0, 178, 236) 0%, rgb(255, 3, 211) 100%);
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
z-index: -1;
}
.siteMenu {
height: 100%;
display: flex;
flex-direction: column;
max-width: 750px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 1149px) and (max-width: 749px) {
.siteMenu {
max-width: 480px;
}
}
@media (max-width: 1149px) {
.siteMenu nav {
margin-bottom: auto;
}
.mobileHeaderInfo {
display: block;
margin-top: 31px;
}
.mobileHeaderInfo .contacts {
margin-top: 27px;
text-align: center;
}
.mobileHeaderInfo .contacts li+li {
margin-top: 18px;
}
.mobileHeaderInfo .contacts .cap {
display: block;
font-size: 14px;
line-height: 20px;
color: #acb0bc;
}
.mobileHeaderInfo .contacts a {
display: inline-block;
font-size: 14px;
line-height: 20px;
color: #00b0ec;
text-decoration: underline;
text-decoration-color: inherit;
text-underline-offset: 0.15em;
}
.mobileHeaderInfo .login {
margin-top: 23px;
display: flex;
justify-content: center;
background-image: url(../img/mobile_login.png);
background-size: auto;
background-position: center bottom;
background-repeat: no-repeat;
}
.mobileHeaderInfo .login a {
font-size: 14px;
line-height: 60px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.menuList {
display: block;
border-bottom: 1px solid #2d3546;
}
.menuList li {
padding-top: 0px;
border-top: 1px solid #2d3546;
}
.menuList li a {
font-size: 14px;
line-height: 59px;
}
.menuList li::before {
display: none;
}
.menuList li.active a {
color: rgb(255, 255, 255);
}
.menuList li+li {
margin-left: 0px;
}
.menuList .hidden {
display: block;
}
.siteLogo {
width: 110px;
}
.langList .cap {
line-height: 40px;
}
.startSectionWrapper .back {
margin-right: -575px;
top: 0;
width: 1150px;
min-width: unset;
}
.startSection {
padding-top: 69px;
}
.startSection .titleContainer {
max-width: 360px;
}
.startSection .titleContainer+.contentContainer {
margin-top: 27px;
}
.startSection .title {
font-size: 35px;
line-height: 40px;
}
.startSection .info {
display: none;
}
.startSection .button {
margin-top: 0px;
}
.startSection .image {
left: 165px;
top: -110px;
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-webkit-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);
}
.startSection .logo img {
width: calc(100% + 50px);
margin: 143px -25px 0px;
max-width: unset;
}
.mainAboutSection {
margin-top: -150px;
}
.mainAboutSection::before {
top: 100px;
margin-left: -400px;
width: 800px;
height: 490px;
}
.mainAboutSection .titleContainer .title {
font-size: 17px;
line-height: 22px;
}
.mainAboutSection .titleContainer .title span {
font-size: 25px;
line-height: 31px;
}
.mainAboutSection .titleContainer+.contentContainer {
margin-top: 25px;
}
.mainAboutSection .animatedSphere {
display: none;
}
.mainAboutSlider .swiper-slide:nth-child(even)::before {
display: none;
}
.mainAboutSlider .swiper-navigation {
margin-top: 66px;
}
.mainAboutSlider .swiper-pagination {
margin-left: 35px;
margin-right: 35px;
}
.mainAboutSlide {
padding-top: 45px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 45px;
background-color: rgba(12, 16, 27, 0.549);
-webkit-border-radius: 33px;
-moz-border-radius: 33px;
-ms-border-radius: 33px;
border-radius: 33px;
}
.mainAboutSlide .img {
position: static;
height: 70px;
}
.mainAboutSlide .img img {
display: block;
margin-left: auto;
margin-right: auto;
height: 100%;
}
.mainAboutSlide .title {
margin-top: 9px;
font-size: 17px;
line-height: 25px;
}
.mainAboutSlide .content {
margin-top: 5px;
}
.mainAboutSlide::before,
.mainAboutSlide::after {
display: none;
}
.sectionTitle {
font-size: 30px;
line-height: 40px;
}
.sectionTitle br {
display: none;
}
.mainOfferSection {
margin-top: 34px;
}
.mainOfferSection .leftSide {
width: 305px;
padding-top: 40px;
}
.mainOfferSection .rightSide {
width: calc(100% - 305px);
}
.mainOfferSection .titleContainer+.contentContainer {
margin-top: 34px;
}
.mainOfferSection .image1 {
width: 503px;
max-width: unset;
margin-right: -183px;
}
.mainOfferSection .image2 {
width: 123px;
top: 79px;
left: 13px;
bottom: auto;
}
.mainOfferSection .mainAddressBlock {
margin-top: 13px;
margin-right: 0px;
}
.mainAddressBlock {
padding-left: 0px;
padding-top: 0px;
padding-right: 0px;
width: 338px;
height: auto;
}
.mainAddressBlock::before {
display: none;
}
.mainAddressBlock .title {
font-size: 20px;
line-height: 30px;
}
.mainAddressBlock .info {
padding-top: 0px;
}
.mainAddressBlock .address {
margin-top: 8px;
}
.mainAddressBlock .address img {
width: 24px;
}
.mainAddressBlock .reg {
margin-top: 24px;
}
.mainAddressBlock .reg span {
font-size: 20px;
line-height: 25px;
}
.mainAddressBlock .link {
margin-top: 26px;
}
.mainAddressBlock .license {
width: 120px;
margin-top: 19px;
}
.roadmapSection {
margin-top: 75px;
}
.roadmapSection .roadmapDate {
display: none;
}
.roadmapSection .contentContainer {
margin-top: 50px;
}
.roadmapSlider {
width: 100%;
overflow: visible;
}
.roadmapSlider .swiper-slide {
width: 268px;
height: auto;
}
.roadmapSlider .swiper-slide:nth-child(3n+1) {
padding-top: 0px;
}
.roadmapSlider .swiper-slide:nth-child(3n+2) {
padding-top: 0px;
}
.roadmapSlider .swiper-navigation {
position: static;
margin-top: 35px;
}
.roadmapSlider .swiper-pagination {
display: none;
}
.roadmapSlider .swiper-button-prev {
width: 32px;
display: flex;
justify-content: flex-start;
overflow: hidden;
}
.roadmapSlider .swiper-button-prev img {
width: 72px;
max-width: unset;
}
.roadmapSlider .swiper-button-next {
margin-left: 30px;
width: 32px;
display: flex;
justify-content: flex-end;
overflow: hidden;
}
.roadmapSlider .swiper-button-next img {
width: 72px;
max-width: unset;
}
.roadmapSlide {
padding-left: 22px;
padding-right: 22px;
padding-bottom: 25px;
min-height: unset;
height: 100%;
}
.roadmapSlide .title {
margin-top: 16px;
font-size: 18px;
line-height: 27px;
}
.roadmapSlide .content {
margin-top: 1px;
font-size: 14px;
line-height: 20px;
}
.stepsSection {
margin-top: 36px;
}
.stepsSection .wrapper {
display: block;
}
.stepsSection .leftSide {
width: 100%;
}
.stepsSection .rightSide {
display: none;
}
.stepsSection .info br {
display: none;
}
.stepsSection .titleContainer+.contentContainer {
margin-top: 20px;
}
.stepsSection .stepsList {
margin-top: 33px;
width: 100%;
max-width: unset;
}
.stepsList .swiper-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 42px;
}
.stepsList .swiper-slide+.swiper-slide {
margin-top: 0px;
}
.stepItem {
max-width: unset;
padding-left: 0px;
padding-right: 20px;
display: block;
}
.stepItem .num {
margin-left: 12px;
margin-right: 0px;
padding-left: 31px;
padding-top: 21px;
width: 81px;
height: 81px;
font-size: 54px;
line-height: 42px;
}
.stepItem .num::before {
display: none;
}
.stepItem .num .icon {
width: 34px;
left: -10px;
}
.stepItem .content {
font-size: 14px;
line-height: 20px;
}
.stepItem .title {
margin-top: 7px;
font-size: 18px;
line-height: 27px;
}
.stepItem .title+p {
margin-top: 8px;
}
.howtoSection {
margin-top: 75px;
padding-bottom: 15px;
}
.howtoSection::before {
margin-left: -508px;
top: 43px;
width: 1016px;
height: 500px;
}
.howtoSection::after {
display: none;
}
.howtoSection .subtitle {
max-width: 460px;
margin-left: auto;
margin-right: auto;
}
.howtoSection .subtitle br {
display: none;
}
.howtoSection .contentContainer {
margin-top: 59px;
}
.howtoSection .contentContainer .image {
left: -30px;
width: 775px;
}
.howtoSection .animatedImage {
right: 14px;
top: 4px;
-moz-transform: scale(0.65);
-ms-transform: scale(0.65);
-webkit-transform: scale(0.65);
-o-transform: scale(0.65);
transform: scale(0.65);
}
.howtoSection .animatedImage img {
max-width: 100%;
}
}
@media (max-width: 1149px) and (max-width: 749px) {
.howtoSection .animatedImage .glowingCircle {
top: 10%;
width: 66%;
height: 81.78%;
}
}
@media (max-width: 1149px) {
.howtoSection+.footerSection {
margin-top: 58px;
}
.howtoList {
padding: 101px 0px 0px 0px;
}
.howtoList .howtoItem:nth-child(2) {
margin-top: 254px;
}
.howtoItem {
width: 180px;
}
.howtoItem .icon {
height: 53px;
}
.howtoItem .icon::before {
display: none;
}
.howtoItem .title {
margin-top: 4px;
font-size: 18px;
line-height: 30px;
}
.howtoItem p {
margin-top: 0px;
font-size: 14px;
line-height: 20px;
}
.howtoItem:first-child .icon {
padding-left: 0px;
}
.howtoItem:nth-child(2) .title {
margin-top: 11px;
}
.registerBlock {
min-height: unset;
}
.registerBlock::after {
background-image: url(../img/reg_back.png);
background-size: 120% auto;
background-position: right -93px top -122px;
}
.registerBlock .inner {
padding-left: 41px;
padding-right: 35px;
padding-top: 22px;
padding-bottom: 20px;
}
.registerBlock .inner::before {
bottom: -185px;
width: 982px;
height: 413px;
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
}
.registerBlock .content {
margin-top: 55px;
padding-left: 5px;
justify-content: space-between;
}
.registerBlock .text {
width: auto;
font-size: 14px;
line-height: 20px;
}
.registerBlock .button {
margin-left: 50px;
padding-top: 0px;
padding-bottom: 18px;
}
.socList li {
width: 34px;
height: 34px;
}
.socList li img {
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.socList li+li {
margin-left: 8px;
}
.footer {
margin-top: 6px;
}
.footer::before {
left: 0px;
margin-left: 0px;
width: 100%;
}
.footerTop .footerLogo {
margin-top: 20px;
}
.footerTop .copyright {
font-size: 12px;
line-height: 20px;
}
.footerLogo {
width: 192px;
}
.footerLinks {
min-height: 49px;
}
.footerLinks .link {
width: 134px;
}
.footerLinks .link a {
font-size: 10px;
line-height: 49px;
letter-spacing: 0.1em;
}
.footerMenu li {
flex-shrink: 0;
}
.footerMenu li a {
font-size: 10px;
line-height: 49px;
}
.footerMenu li+li {
margin-left: 18px;
}
.footerBottom {
margin-top: 38px;
padding-bottom: 0px;
}
.footerBottom::before {
height: 49px;
background-size: 100% auto;
background-image: url(../img/footer_back_sm.png);
background-position: center bottom;
}
.footerBottom::after {
display: none;
}
.footerBottom .info {
display: none;
}
.authSection .innerSection {
padding-top: 47px;
}
.authSection .titleContainer {
display: none;
}
.authSection .contentContainer {
margin-top: 0px;
}
.authSection::after {
top: 165px;
margin-left: -448px;
width: 910px;
height: 581px;
}
.authSection+.footerSection {
margin-top: 34px;
}
.authBlock .tabContentWrapper {
display: block;
background-color: rgba(12, 17, 28, 0.8);
-webkit-border-radius: 0px 0px 18px 18px;
-moz-border-radius: 0px 0px 18px 18px;
-ms-border-radius: 0px 0px 18px 18px;
border-radius: 0px 0px 18px 18px;
}
.authBlock .tabsList {
display: flex;
}
.authBlock .tabsList .tab {
width: 50%;
background-color: #1c263b;
-webkit-border-radius: 25px 25px 0px 0px;
-moz-border-radius: 25px 25px 0px 0px;
-ms-border-radius: 25px 25px 0px 0px;
border-radius: 25px 25px 0px 0px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.authBlock .tabsList .tab a {
display: flex;
justify-content: center;
width: 100%;
font-size: 11px;
line-height: 52px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center;
}
.authBlock .tabsList .tab a span {
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.authBlock .tabsList .tab.active {
background-color: rgba(12, 17, 28, 0.8);
}
.authBlock .item {
padding-top: 30px;
padding-bottom: 62px;
}
.authBlock .item .shadow,
.authBlock .item .title {
display: none;
}
.authBlock .item::before,
.authBlock .item::after {
display: none;
}
.authBlock .formBlock {
margin-top: 0px;
}
.authBlock .link {
margin-top: 20px;
}
.authBlock .button {
margin-top: 30px;
}
.aboutStartSection .innerSection {
padding-top: 50px;
}
.aboutStartSection .titleContainer .title {
font-size: 17px;
line-height: 22px;
}
.aboutStartSection .titleContainer .title span {
font-size: 25px;
line-height: 31px;
}
.aboutStartSection .titleContainer+.contentContainer {
margin-top: 30px;
}
.videoBlock {
padding: 3px;
width: 100%;
height: auto;
aspect-ratio: 16/9;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.videoBlock::before {
display: none;
}
.videoBlock::after {
top: -3px;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.aboutSection {
margin-top: 50px;
}
.aboutSection .wrapper {
display: block;
}
.infoSection {
margin-top: 70px;
}
.infoSection .wrapper {
flex-direction: column-reverse;
}
.infoSection .rightSide {
width: 100%;
padding-top: 0px;
}
.infoSection .leftSide {
width: 100%;
margin-top: 24px;
}
.infoSection .titleContainer+.contentContainer {
margin-top: 30px;
}
.infoSection .info {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
max-width: unset;
}
.infoSection .info .title {
width: 100%;
}
.infoSection .info .reg {
margin-top: 0px;
margin-left: 24px;
}
.docBlock {
display: block;
padding-top: 0px;
min-height: unset;
}
.docBlock::before,
.docBlock::after {
display: none;
}
.docBlock .title+* {
margin-top: 16px;
}
.missionSection {
padding-bottom: 70px;
}
.missionSection::before {
display: none;
}
.missionSection .titleContainer+.contentContainer {
margin-top: 30px;
}
.missionSection .card {
min-height: unset;
padding: 20px;
font-size: 16px;
line-height: 24px;
background-color: rgba(12, 17, 28, 0.549);
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.missionSection .card:first-child {
border: 2px solid #00b2ec;
}
.missionSection .card:last-child {
border: 2px solid #ff03d3;
}
.missionSection .card::before {
display: none;
}
.advantagesSection .titleContainer {
position: static;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
-o-transform: none;
transform: none;
}
.advantagesSection .titleContainer .title {
font-size: 30px;
line-height: 40px;
}
.advantagesSection .titleContainer+.contentContainer {
margin-top: 24px;
}
.advantagesList {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.advantagesList .item {
min-height: auto;
height: 100%;
padding: 24px;
-webkit-border-radius: 21px !important;
-moz-border-radius: 21px !important;
-ms-border-radius: 21px !important;
border-radius: 21px !important;
}
.advantagesList .item::before {
display: none !important;
}
.advantagesList .item .title,
.advantagesList .item p {
max-width: 235px;
}
.advantagesList .item .icon {
top: 30px !important;
right: 25px !important;
}
.footerSection {
margin-top: 58px !important;
}
.contactsSection .titleContainer {
top: 317px;
}
.contactsSection .mapBlock {
margin-top: 24px;
}
.contactsGrid .item {
padding: 20px;
align-items: flex-start !important;
}
.contactsGrid .item::before {
height: 52px;
}
.contactsGrid .item:nth-child(1) .img {
left: 20px;
bottom: -35px;
}
.contactsGrid .item:nth-child(2) .img {
right: 20px;
bottom: -35px;
}
.contactsGrid .item:nth-child(3) .img {
left: 20px;
top: -35px;
}
.contactsGrid .item:nth-child(4) .img {
right: 20px;
top: -35px;
}
.contactFormSection {
margin-top: 50px;
}
.contactFormSection .contentContainer {
padding: 20px;
}
.contactFormSection .formGrid {
gap: 20px;
}
.contactFormSection .button {
margin-top: 20px;
}
.faqSection .titleContainer br {
display: block;
}
.faqTabs .tabsList {
display: none;
}
.faqTabs .topicTab {
display: flex;
justify-content: space-between;
align-items: center;
}
.faqTabs .topicTab>span {
font-size: 14px;
line-height: 16px;
font-weight: 700;
text-transform: uppercase;
background: #00b2ec;
background: -moz-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: -webkit-linear-gradient(left, #00b2ec 0%, #ff03d3 100%);
background: linear-gradient(to right, #00b2ec 0%, #ff03d3 100%);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: rgb(255, 255, 255);
text-fill-color: rgb(255, 255, 255);
}
.faqTabs .topicTab .icon {
position: relative;
width: 22px;
height: 22px;
}
.faqTabs .topicTab .icon img {
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
max-width: unset;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.faqTabs .topicTab .icon .show {
opacity: 1;
}
.faqTabs .topicTab .icon .hide {
opacity: 0;
}
.faqTabs .topicTab.active>span {
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
.faqTabs .topicTab.active .icon .show {
opacity: 0;
}
.faqTabs .topicTab.active .icon .hide {
opacity: 1;
}
.faqTabs .topicTab.active+.topicContent {
display: block;
}
.faqTabs .topicContent {
display: none;
}
.faqTabs>.tabContentWrapper {
background-color: transparent;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
}
.faqTabs>.tabContentWrapper>.tabContent {
display: block;
padding: 12px 20px;
background-color: rgba(16, 22, 35, 0.8);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.faqTabs>.tabContentWrapper>.tabContent+.tabContent {
margin-top: 16px;
}
.faqList {
padding-top: 24px;
}
.faqItem .head {
padding-left: 16px;
padding-right: 16px;
}
.faqItem .head::before {
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
}
.faqItem .title {
font-size: 16px;
line-height: 24px;
}
.faqItem .content .in {
padding: 16px 0px;
}
.faqItem+.faqItem {
margin-top: 16px;
}
.termsSection .titleContainer+.contentContainer {
margin-top: 24px;
}
.termsSection .main {
padding: 20px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-ms-border-radius: 18px;
border-radius: 18px;
}
.termsSection .main .textBlock .lead {
font-size: 16px;
line-height: 25px;
}
.termsSection .main::before {
display: none;
}
.termsList {
margin-top: 30px;
}
.termItem {
padding: 20px;
}
.termItem .num {
left: 370px;
top: -3px;
font-size: 70px;
line-height: 80px;
}
.termItem .num::before {
display: none;
}
.termItem .titleBlock {
max-width: 350px;
}
.termItem .title {
line-height: 30px;
}
.termItem .contentBlock {
margin-top: 20px;
font-size: 14px;
line-height: 20px;
}
.termItem::before {
height: calc(100% - 52px);
}
.termItem::after {
height: 52px;
}
.termItem+.termItem {
margin-top: 25px;
}
}
@media (max-width: 749px) {
.lineCard ul {
text-align: center;
}
.programSection .cabTabs {
display: none;
}
.container {
max-width: 480px;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.header .burgerWrapper {
margin-right: 26px;
}
.startSectionWrapper .back {
margin-right: -375px;
width: 750px;
}
.startSection {
padding-top: 241px;
}
.startSection .image {
left: 0px;
top: auto;
bottom: calc(100% - 150px);
-moz-transform: scale(0.425);
-ms-transform: scale(0.425);
-webkit-transform: scale(0.425);
-o-transform: scale(0.425);
transform: scale(0.425);
}
.startSection .logo {
margin-top: -178px;
}
.mainAboutSection {
margin-top: 20px;
}
.mainAboutSection .titleContainer {
margin: 0px -5px;
}
.mainAboutSection::before {
top: -30px;
margin-left: -330px;
width: 660px;
height: 492px;
}
.mainAboutSlider .swiper-navigation {
margin-top: 10px;
}
.mainAboutSlide {
padding-bottom: 33px;
}
.mainAboutSlide .content {
margin-top: 15px;
}
.mainOfferSection {
margin-top: 37px;
}
.mainOfferSection .wrapper {
display: block;
}
.mainOfferSection .leftSide {
width: 100%;
}
.mainOfferSection .rightSide {
margin-top: 16px;
width: 100%;
}
.mainOfferSection .titleContainer+.contentContainer {
margin-top: 14px;
}
.mainOfferSection .button {
margin-top: 20px;
}
.mainOfferSection .image1 {
width: 326px;
max-width: unset;
margin-left: 0;
}
.mainOfferSection .image2 {
width: 123px;
top: -13px;
left: -50px;
display: none;
}
.mainOfferSection .mainAddressBlock {
margin-top: 27px;
}
.mainAddressBlock {
width: 100%;
}
.roadmapSection {
margin-top: 83px;
}
.stepsSection {
margin-top: 44px;
}
.stepsSection .titleContainer+.contentContainer {
margin-top: 10px;
}
.stepsSection .stepsList {
margin-top: 25px;
}
.stepsList {
overflow: visible;
}
.stepsList .swiper-wrapper {
display: flex;
gap: unset;
}
.stepsList .swiper-slide {
width: 260px;
}
.stepsList .swiper-navigation {
margin-top: 39px;
display: flex;
justify-content: center;
}
.stepsList .swiper-button-prev,
.stepsList .swiper-button-next {
position: static;
opacity: 1;
}
.stepsList .swiper-button-prev::after,
.stepsList .swiper-button-next::after {
display: none;
}
.stepsList .swiper-button-prev {
width: 32px;
display: flex;
justify-content: flex-start;
overflow: hidden;
}
.stepsList .swiper-button-prev img {
width: 72px;
max-width: unset;
}
.stepsList .swiper-button-next {
margin-left: 30px;
width: 32px;
display: flex;
justify-content: flex-end;
overflow: hidden;
}
.stepsList .swiper-button-next img {
width: 72px;
max-width: unset;
}
.stepItem {
padding-right: 0px;
}
.howtoSection {
margin-top: 40px;
padding-bottom: 0px;
}
.howtoSection .titleContainer .subtitle {
margin-top: 10px;
}
.howtoSection .subtitle {
max-width: 88%;
}
.howtoSection::before {
margin-left: -375px;
top: 103px;
width: 750px;
height: 369px;
}
.howtoSection .contentContainer {
margin-top: 28px;
}
.howtoSection .contentContainer .image {
left: -8%;
width: 116%;
}
.howtoSection+.footerSection {
margin-top: 48px;
}
.howtoList {
display: block;
padding-top: 61.5%;
}
.howtoItem {
display: block;
width: 100%;
}
.howtoItem .title {
margin-top: 36px !important;
}
.howtoItem+.howtoItem {
margin-top: 36px !important;
}
.registerBlock {
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
-ms-border-radius: 21px;
border-radius: 21px;
}
.registerBlock .inner {
padding-left: 20px;
padding-right: 25px;
padding-top: 33px;
padding-bottom: 20px;
}
.registerBlock .inner::before {
right: auto;
bottom: auto;
width: 604px;
height: calc(100% + 36px);
-webkit-mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
mask: url('data:image/svg+xml;utf8,') 0/100% 100%;
left: -93px;
top: 17px;
}
.registerBlock .title {
min-height: 60px;
font-size: 20px;
line-height: 30px;
}
.registerBlock .content {
display: block;
padding-left: 0px;
margin-top: 34px;
}
.registerBlock .text {
max-width: 290px;
}
.registerBlock .button {
margin-top: 20px;
margin-left: 0px;
padding-bottom: 0px;
}
.footer {
margin-top: 0px;
}
.footer .backLogo {
top: 110px;
}
.footerTop {
padding-top: 63px;
}
.footerBottom {
margin-top: 10px;
}
.footerBottom::before {
top: auto;
bottom: 0px;
background-size: auto 100%, auto 100%;
background-image: url(../img/footer_back_sm.png), url(../img/footer_back_sm.png);
background-position: left bottom, right bottom;
}
.footerLinks {
flex-wrap: wrap;
}
.footerLinks .link {
width: 140px;
}
.footerLinks .footerMenu {
order: -1;
width: 100%;
}
.footerMenu {
margin-bottom: 5px;
}
.footerMenu li+li {
margin-left: 17px;
}
.authSection+.footerSection {
margin-top: 2px;
}
.authSection::after {
top: 290px;
margin-left: -310px;
width: 630px;
height: 402px;
}
.authBlock .fieldBlock.grid {
display: block;
}
.authBlock .col+.col {
margin-top: 19px;
}
.mobileCabMenu .inner {
max-width: 480px;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.cabinetHeader,
.cabinetInfo,
.cabinetContent {
max-width: 480px;
width: 100%;
padding-left: 12px;
padding-right: 12px;
}
.cabinetHeader .logoWrapper {
padding-top: 18px;
padding-left: 7px;
}
.cabinetHeader .burgerWrapper {
margin-right: 34px;
}
.dashboardStat::before {
left: 50%;
margin-left: -189px;
}
.dashboardStat .item {
padding: 7px 11px 4px 10px;
}
.dashboardStat .item:last-child .param {
margin-left: -3%;
}
.dashboardMore .partner {
padding: 9px 10px 12px;
}
.dashboardProfitSlider .swiper-slide:first-child {
width: 308px;
}
.dashboardProfitSlider .swiper-navigation {
margin-top: 18px;
}
.profitChart {
padding: 18px 10px 15px 15px;
}
.cabTabs>.tabContentWrapper>.tabContent {
padding: 11px 25px 13px 21px;
}
.cabTabs .info {
margin-top: 36px;
}
.cabTabs .info .textBlock {
-webkit-columns: unset;
-moz-columns: unset;
columns: unset;
}
.cabTabs .info+.depositSlider {
margin-top: 42px;
}
.cabTabs .topicTab {
margin-right: -10px;
}
.walletSection {
display: block;
}
.walletSection .item+.item {
margin-top: 10px;
}
.settingsSection {
display: block;
}
.settingsForm+.settingsForm {
margin-top: 20px;
}
.securitySettings .buttonWrap {
margin-top: 22px;
}
.programTabs .topicTab {
flex-direction: row-reverse;
justify-content: flex-end;
}
.programTabs .topicTab>span {
font-size: 10px;
line-height: 35px;
color: rgb(255, 255, 255);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.programTabs .topicTab .icon {
width: 18px;
height: 18px;
margin-right: 14px;
}
.programTabs>.tabContentWrapper {
background-image: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
}
.programTabs>.tabContentWrapper>.tabContent {
padding: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
background-color: transparent;
border-bottom: 1px solid #333d53;
}
.programTabs>.tabContentWrapper>.tabContent.active {
background-color: transparent;
}
.programTabs>.tabContentWrapper>.tabContent+.tabContent {
margin-top: 0px;
}
.levelBlock {
position: relative;
display: block;
padding-left: 92px;
padding-top: 7px;
}
.levelBlock .icon {
position: absolute;
left: 26px;
top: 50%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.levelBlock .data {
margin-left: 0px;
}
.levelBlock .value {
line-height: 20px;
}
.levelBlock .pct {
margin-left: 0px;
font-size: 24px;
line-height: 24px;
}
.rangTable {
padding-right: 18px;
}
.rangTable .table {
max-width: 100% !important;
}
.rangTable .rangs li {
width: auto;
min-width: 135px;
}
.partnersStat .referralStat {
top: 122px;
}
.partnersStat .dashboardStat {
gap: 80px 18px;
}
.partnersStat .dashboardStat .item {
min-height: 115px;
padding: 7px 10px 4px 10px;
}
.partnersStat .dashboardStat .item::before {
height: calc(100% - 28px);
}
.partnersStat .dashboardStat .item::after {
height: 28px;
}
.partnersStat .dashboardStat .item:nth-child(1) .icon {
left: 10px;
bottom: 12px;
}
.partnersStat .dashboardStat .item:nth-child(1) .icon::before {
left: -5px;
}
.partnersStat .dashboardStat .item:nth-child(1)::before {
-webkit-border-radius: 10px 10px 10px 0px;
-moz-border-radius: 10px 10px 10px 0px;
-ms-border-radius: 10px 10px 10px 0px;
border-radius: 10px 10px 10px 0px;
}
.partnersStat .dashboardStat .item:nth-child(2) .icon {
right: 16px;
bottom: 14px;
}
.partnersStat .dashboardStat .item:nth-child(2) .icon::before {
left: auto;
right: -5px;
}
.partnersStat .dashboardStat .item:nth-child(2)::before {
-webkit-border-radius: 10px 10px 0px 10px;
-moz-border-radius: 10px 10px 0px 10px;
-ms-border-radius: 10px 10px 0px 10px;
border-radius: 10px 10px 0px 10px;
}
.partnersStat .dashboardStat .item:nth-child(3) .icon {
left: 10px;
top: 12px;
}
.partnersStat .dashboardStat .item:nth-child(3) .icon::before {
left: -5px;
}
.partnersStat .dashboardStat .item:nth-child(3)::before {
-webkit-border-radius: 0px 10px 10px 10px;
-moz-border-radius: 0px 10px 10px 10px;
-ms-border-radius: 0px 10px 10px 10px;
border-radius: 0px 10px 10px 10px;
}
.partnersStat .dashboardStat .item:nth-child(4) .icon {
right: 15px;
top: 15px;
}
.partnersStat .dashboardStat .item:nth-child(4) .icon::before {
left: auto;
right: -5px;
}
.partnersStat .dashboardStat .item:nth-child(4)::before {
bottom: 0px;
-webkit-border-radius: 10px 0px 10px 10px;
-moz-border-radius: 10px 0px 10px 10px;
-ms-border-radius: 10px 0px 10px 10px;
border-radius: 10px 0px 10px 10px;
}
.partnersStat .dashboardStat .icon {
width: auto;
height: 34px;
}
.partnersStat .dashboardStat .icon::before {
width: 40px;
}
.verificationList {
display: block;
}
.verificationList .item+.item {
margin-top: 20px;
}
.verificationList .button {
margin-top: 20px;
}
.verificationList .button [class*=btn] {
width: 100%;
}
.verifyCard .head {
min-height: 80px;
}
.verifyCard .data {
min-height: 200px;
}
.aboutSection {
margin-top: 50px;
}
.aboutSection .titleContainer+.contentContainer {
margin-top: 16px;
}
.infoSection {
margin-top: 50px;
}
.infoSection .titleContainer+.contentContainer {
margin-top: 16px;
}
.infoSection .info {
display: block;
}
.infoSection .info .reg {
margin-top: 12px;
margin-left: 0px;
}
.missionSection {
margin-top: 50px;
padding-bottom: 50px;
}
.missionSection .wrapper {
display: block;
}
.missionSection .card {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.missionSection .card+.card {
margin-top: 16px;
}
.advantagesList {
display: block;
}
.advantagesList .item {
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
-ms-border-radius: 10px !important;
border-radius: 10px !important;
}
.advantagesList .item+.item {
margin-top: 16px;
}
.advantagesList .item .icon {
position: static;
margin-bottom: 12px;
justify-content: flex-start;
}
.advantagesList .item .title,
.advantagesList .item p {
max-width: 100%;
}
.footerSection {
margin-top: 48px !important;
}
.contactsSection .titleContainer {
position: static;
}
.contactsSection .titleContainer+.contentContainer {
margin-top: 16px;
}
.contactsSection .mapBlock {
width: 100%;
}
.contactsGrid {
display: block;
}
.contactsGrid .item {
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
-ms-border-radius: 10px !important;
border-radius: 10px !important;
}
.contactsGrid .item::before {
display: none !important;
}
.contactsGrid .item .img {
position: static;
margin-bottom: 16px;
}
.contactsGrid .item+.item {
margin-top: 16px;
}
.contactsItem .data {
flex-wrap: wrap;
}
.contactFormSection .titleContainer .subtitle {
display: block;
padding-left: 0px;
}
.contactFormSection .formGrid {
display: block;
}
.contactFormSection .col+.col {
margin-top: 23px;
}
.termsSection .main {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.termItem {
background-color: rgba(26, 32, 45, 0.702);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.termItem .num {
display: none;
}
.termItem::before,
.termItem::after {
display: none;
}
.blockMod .close {
padding: 10px;
top: 2px;
right: 2px;
}
.blockMod .close img {
width: 12px;
height: auto;
}
.blockMod .buttonWrap {
margin-top: 28px;
}
.blockMod .buttonWrap [class*=btn] {
min-width: 202px;
}
.modalPay {
max-width: 353px;
padding: 35px 14px 31px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.modalPay .titleContainer>span:not(.title) {
display: none;
}
.modalPay .titleContainer>.title {
font-size: 20px;
line-height: 50px;
-moz-transform: translateY(-150%);
-ms-transform: translateY(-150%);
-webkit-transform: translateY(-150%);
-o-transform: translateY(-150%);
transform: translateY(-150%);
}
.modalPay .titleContainer+.contentContainer {
margin-top: 0px;
}
.payFormGrid {
background-image: none;
}
.payFormGrid .fieldWrap {
position: relative;
margin-top: 68px;
display: block;
padding: 26px 20px 20px;
background-color: #121724;
background-image: url(../img/modal_back_left.png), url(../img/modal_back_right.png);
background-size: auto, auto;
background-position: left bottom, right bottom;
background-repeat: no-repeat, no-repeat;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-ms-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.payFormGrid .fieldWrap::before,
.payFormGrid .fieldWrap::after {
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 100%;
width: 100%;
height: 25px;
}
.payFormGrid .fieldWrap::before {
background-image: url(../img/modal_back_el_left.png);
background-size: auto 100%;
background-position: left bottom;
background-repeat: no-repeat;
}
.payFormGrid .fieldWrap::after {
background-image: url(../img/modal_back_el_right.png);
background-size: auto 100%;
background-position: right bottom;
background-repeat: no-repeat;
}
.payFormGrid .result,
.payFormGrid .field {
padding: 0px;
min-height: unset;
background-image: none;
background-color: transparent;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
}
.payFormGrid .result::before,
.payFormGrid .field::before {
display: none;
}
.payFormGrid .result {
margin-top: 30px;
}
.payFormGrid .result .param {
font-size: 10px;
line-height: 10px;
}
.payFormGrid .result .value {
line-height: 36px;
}
.paymentsList {
display: block;
padding: 27px 20px 56px;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-ms-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
.paymentsList>.item {
display: none;
}
.paymentsList>.select {
display: block;
}
.paymentsList::before {
height: 25px;
background-size: 100% 100%;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-ms-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.modalReplenish {
max-width: 353px;
padding: 33px 20px 29px;
}
.modalReplenish .replenishInfo {
margin-top: -13px;
}
.modalReplenish .modalTable {
margin-top: 30px;
}
.modalReplenish .note {
margin-top: 16px;
line-height: 16px;
text-align: left;
}
.modalReplenish .buttonsWrap {
margin-top: 26px;
}
.modalReplenish .buttonsWrap [class*=btn] {
min-width: 139px;
}
.modalReplenish .buttonsWrap [class*=btn]+[class*=btn] {
margin-left: 20px;
}
.accountBlock {
display: block;
padding-left: 16px;
padding-top: 12px;
padding-right: 16px;
padding-bottom: 44px;
}
.accountBlock .shadow {
bottom: -48px;
width: 100%;
height: 115px;
background-size: 100%;
}
.accountBlock .info p {
line-height: 16px;
}
.accountBlock .title {
font-size: 20px;
line-height: 35px;
}
.accountBlock .title+p {
margin-top: 0px;
}
.accountBlock .code {
margin-left: 0px;
margin-top: 17px;
padding-top: 0px;
}
.accountBlock .code .qr {
margin-left: auto;
margin-right: auto;
width: 105px;
height: 102px;
}
.accountBlock .code .qr img {
width: 82px;
}
.accountBlock .code span {
margin-top: 10px;
margin-bottom: 0px;
text-align: center;
}
.accountBlock .code span br {
display: none;
}
.accountBlock::before {
height: calc(100% - 25px);
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-ms-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
.accountBlock::after {
height: 25px;
background-size: 100% 100%;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-ms-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.modalTable {
padding-left: 20px;
padding-right: 20px;
}
.modalTable .shadow {
left: -20px;
bottom: -40px;
width: 353px;
height: 166px;
background-size: 100% auto;
}
.modalTable.bottom {
padding-bottom: 36px;
}
.modalTable.bottom ul {
padding-top: 12px;
}
.modalTable.bottom::after {
height: 25px;
background-size: 100% 100%;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-ms-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.modalTable.bottom::before {
height: calc(100% - 25px);
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-ms-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
.modalTable.top {
padding-top: 46px;
}
.modalTable.top::after {
height: 25px;
background-size: 100% 100%;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-ms-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
.modalTable.top::before {
height: calc(100% - 25px);
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-ms-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.modalTable ul {
padding-top: 0px;
}
.modalTable li {
min-height: 30px;
}
.modalTable .param {
font-size: 10px;
line-height: 10px;
}
.modalTable .name {
font-size: 14px;
}
.modalTable .wallet {
font-size: 10px;
line-height: 10px;
}
.modalTable .wallet>span {
position: relative;
max-width: 92px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.modalTable .sum {
font-size: 16px;
line-height: 1;
}
.modalTable .sum sup {
font-size: 10px;
}
.modalTable .pay .icon {
width: 24px;
height: 24px;
}
.modalTable .pay .icon img {
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.modalTable .copyContainer .copyLink {
margin-left: 5px;
}
.modalTransfer {
max-width: 353px;
padding: 20px 14px 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.modalTransfer .titleContainer>.title {
font-size: 20px;
line-height: 50px;
}
.modalTransfer .titleContainer+.contentContainer {
margin-top: 24px;
}
.payFormGrid.invert {
display: flex;
flex-direction: column;
gap: unset;
}
.payFormGrid.invert .transferBalance {
position: static;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
-o-transform: none;
transform: none;
order: -1;
}
.payFormGrid.invert .fieldset {
margin-top: 16px;
min-height: unset;
padding: 20px !important;
background-image: none !important;
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
-ms-border-radius: 10px !important;
border-radius: 10px !important;
}
.payFormGrid.invert .fieldset::before,
.payFormGrid.invert .fieldset .num {
display: none !important;
}
.payFormGrid.invert .transferResult {
background-color: #121724;
background-image: none;
}
.transferBalance .value {
font-size: 30px;
line-height: 30px;
}
.transferBalance .value sup {
font-size: 12px;
}
.modalInvest,
.modalWarning {
max-width: 353px;
padding: 20px 14px 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.modalInvest .titleContainer,
.modalWarning .titleContainer {
font-size: 20px;
line-height: 30px;
}
.modalInvest .titleContainer+.contentContainer,
.modalWarning .titleContainer+.contentContainer {
margin-top: 24px;
}
.modalInvest .field,
.modalWarning .field {
margin-top: 16px;
max-width: 100%;
}
.modalInvest .buttonsWrap,
.modalWarning .buttonsWrap {
margin-top: 26px;
}
.modalWarning .message {
padding: 20px;
font-size: 14px;
line-height: 20px;
}
.modalWarning .message::before {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.modalWarning .message::after {
left: -10px;
bottom: -62px;
width: 353px;
height: 190px;
background-size: 100%;
}
.modalWarning .message p+p {
margin-top: 8px;
}
.modalWarning .message .cap {
font-size: 18px;
line-height: 30px;
}
.modalWarning .message .cap+p {
margin-top: 12px;
}
.modalWarning .note {
margin-top: 16px;
font-size: 18px;
line-height: 30px;
text-align: center;
}
}
@media (max-width: 529px) {
.startSectionWrapper .back {
right: -70px;
margin-right: 0px;
}
.startSection .image {
left: auto;
right: -8%;
}
}
@media (max-width: 374px) {
.mainAboutSlider .swiper-pagination {
margin-left: 15px;
margin-right: 15px;
}
.mainAboutSlider .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
margin-left: 6px;
}
.footerMenu {
justify-content: space-between;
}
.footerMenu li+li {
margin-left: 0px;
}
.authBlock .item {
padding-left: 20px;
padding-right: 20px;
}
.cabinetHeader .logoWrapper {
padding-left: 0px;
}
.cabinetHeader .burgerWrapper {
margin-right: 16px;
}
.cabinetStatWrapper.active {
height: 230px;
}
.cabinetStat .item:not(:first-child) .data {
display: block;
}
.cabinetStat .item:not(:first-child) .param {
width: 100%;
}
.cabinetStat .item:not(:first-child) .value {
width: 100%;
text-align: left;
}
.dashboardProfitSlider .swiper-slide {
width: 280px;
}
.dashboardProfitSlider .swiper-slide:first-child {
width: 280px;
}
.cabTabs .topicTab {
margin-right: 0px;
}
.cabTabs>.tabContentWrapper>.tabContent {
padding: 11px 10px 13px 10px;
}
.depositSlider .swiper-slide {
width: 260px;
}
.depositCard {
padding-left: 10px;
padding-right: 10px;
background-size: auto, auto;
}
.depositCard .calc .right {
margin-left: 13px;
padding-top: 20px;
}
.depositCard.plan {
padding-left: 10px;
padding-right: 10px;
background-size: auto, auto;
background-position: right -48px bottom, center top -20px;
}
.walletCard {
padding-left: 10px;
padding-right: 10px;
}
.walletCard .sum .val {
font-size: 16px;
line-height: 24px;
}
.walletCard .sum .val sup {
font-size: 10px;
}
.cabTabs.progressTabs>.tabContentWrapper>.tabContent {
padding-left: 10px;
padding-right: 10px;
}
.cabInnerTabs .tabContent {
padding-left: 10px;
padding-right: 10px;
}
.depositSlider.ver2 .swiper-slide {
width: 255px;
}
.rangTable {
background-image: none;
}
.rangTable .rangs {
display: block;
margin-bottom: 10px;
}
.rangTable .rangs li:last-child {
top: 0px;
}
.walletCard.pay .button {
padding-left: 10px;
padding-right: 10px;
}
}
.box11 {
width: 48%;
display: inline-block;
padding: 15px;
}
.latest-row ul {
width: 100%;
list-style-type: none;
margin: 0;
padding: 0;
border: 2px solid #fff;
border-bottom: 0;
}
.latest-row ul li {
line-height: 35px;
border-bottom: 1px solid #fff;
font-size: 14px;
color: #414345;
padding: 0 15px 0 25px;
font-weight: 600;
}
.latest-row ul li h3 {
display: inline-block;
width: 100%;
margin: 0;
line-height: 35px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.latest-row ul li i {
display: inline-block;
float: right;
}
.latest-row ul li span {
display: inline-block;
margin:0px 5%;
}
.latest-row ul li span.span1 {width:25%;}
.latest-row ul li:nth-child(odd) {
background: #e7eaee;
}
.latest-row1 ul li.title {
background: url(../img/icon-dol.png) #0a3465 no-repeat 13px;
padding-left: 55px;
line-height: 37px;
}
.latest-row3 ul li.title {
background: url(../img/icon-dol2.png) #4ba62b no-repeat 13px;
padding-left: 55px;
line-height: 37px;
}
@media screen and (max-width: 767px) {
.box11 {
width: 100%;
display: block;
}
.box12 {
width: 100% !important;
display: block !important;
margin: 0 !important;
margin-bottom: 20px !important;
}
}
.box12 {
width: 22%;
display: inline-block;
text-align: center;
background: #1c2230;
color: #fff;
border-radius: 20px;
padding: 20px;
margin: 0 15px;
}
.plan p {
margin-bottom: 8px;
}
/*# sourceMappingURL=style.css.map */