.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}.lwpcngNotice{position:fixed;z-index:999999;padding:12px 24px;font:16px/20px "Trebuchet MS","Helvetica CY",sans-serif;box-shadow:0 0 8px rgba(0,0,0,.1);border:0 solid}.lwpcngNotice A{text-decoration:underline}.lwpcngNotice A:hover{text-decoration:none}.lwpcngNotice-float{border:1px solid;border-radius:4px}.lwpcngNotice_message{display:inline;margin-right:8px}.lwpcngNotice_accept,.lwpcngNotice_reject{margin:8px 8px;display:inline-block;vertical-align:middle;padding:6px 12px;border:1px solid;white-space:nowrap;cursor:pointer}.lwpcngNotice_accept{font-weight:700}.lwpcngNotice_more{margin:0 6px;display:inline-block;vertical-align:middle;white-space:nowrap;cursor:pointer;font-size:14px}.lwpcngNoticeBar{text-align:center}.lwpcngNoticeBar.lwpcngNotice-sticked{left:0;right:0}.lwpcngNoticeBar-top.lwpcngNotice-sticked{top:0;border-bottom-width:1px}.lwpcngNoticeBar-bottom.lwpcngNotice-sticked{bottom:0;border-top-width:1px}.lwpcngNoticeBar .lwpcngNotice_buttons{display:inline}.lwpcngNoticeBox{max-width:40%}@media screen and (max-width:980px){.lwpcngNoticeBox{max-width:75%}}@media screen and (max-width:600px){.lwpcngNoticeBox{max-width:none;left:0!important;right:0!important;border-radius:0!important;border-width:0}.lwpcngNoticeBox-topLeft,.lwpcngNoticeBox-topRight{top:0!important;border-bottom-width:1px}.lwpcngNoticeBox-bottomLeft,.lwpcngNoticeBox-bottomRight{bottom:0!important;border-top-width:1px}}.lwpcngNoticeBox-bottomLeft.lwpcngNotice-sticked{left:0;bottom:0;border-right-width:1px;border-top-width:1px;border-radius:0 4px 0 0}.lwpcngNoticeBox-bottomRight.lwpcngNotice-sticked{right:0;bottom:0;border-left-width:1px;border-top-width:1px;border-radius:4px 0 0 0}.lwpcngNoticeBox-topLeft.lwpcngNotice-sticked{left:0;top:0;border-right-width:1px;border-bottom-width:1px;border-radius:0 0 4px 0}.lwpcngNoticeBox-topRight.lwpcngNotice-sticked{right:0;top:0;border-left-width:1px;border-bottom-width:1px;border-radius:0 0 0 4px}.lwpcngNoticeBox .lwpcngNotice_buttons{margin-top:6px}.lwpcngNotice-light{background:#fff;background:rgba(255,255,255,.97);color:#000;border-color:#ddd}.lwpcngNotice-light A,.lwpcngNotice-light A:hover,.lwpcngNotice-light A:visited{color:#aaa}.lwpcngNotice-light .lwpcngNotice_accept{border-color:#ddd;background:#fff;color:#00a65a}.lwpcngNotice-light .lwpcngNotice_accept:hover{border-color:#82ccaa;background:#f4fff3}.lwpcngNotice-light .lwpcngNotice_reject{border-color:#ddd;background:#fff;color:#888}.lwpcngNotice-light .lwpcngNotice_reject:hover{border-color:#bbb;background:#f8f8f8;color:#000}.lwpcngNotice-dark{background:#2b2b2b;background:rgba(43,43,43,.97);color:#fff;border-color:#2b2b2b}.lwpcngNotice-dark A,.lwpcngNotice-dark A:hover,.lwpcngNotice-dark A:visited{color:#aaa}.lwpcngNotice-dark .lwpcngNotice_accept{border-color:#555;color:#00a65a}.lwpcngNotice-dark .lwpcngNotice_accept:hover{background:#2b2b2b}.lwpcngNotice-dark .lwpcngNotice_reject{border-color:#555;color:#888}.lwpcngNotice-dark .lwpcngNotice_reject:hover{background:#2b2b2b;color:#aaa}.lwpcngShowAgain{position:fixed;z-index:999999;padding:6px 16px;border:0 solid;border-top-width:1px;font:14px/18px "Trebuchet MS","Helvetica CY",sans-serif;cursor:pointer}.lwpcngShowAgain-bottomSticked{bottom:0}.lwpcngShowAgain-bottomFloat{border-bottom-width:1px}.lwpcngShowAgain-sideSticked.lwpcngShowAgain-bottomRight{right:0}.lwpcngShowAgain-sideSticked.lwpcngShowAgain-bottomLeft{left:0}.lwpcngShowAgain-bottomRight{border-left-width:1px;border-top-left-radius:4px}.lwpcngShowAgain-bottomRight.lwpcngShowAgain-sideFloat{border-right-width:1px;border-top-right-radius:4px}.lwpcngShowAgain-bottomRight.lwpcngShowAgain-sideFloat.lwpcngShowAgain-bottomFloat{border-bottom-right-radius:4px}.lwpcngShowAgain-bottomRight.lwpcngShowAgain-bottomFloat{border-bottom-left-radius:4px}.lwpcngShowAgain-bottomLeft{border-right-width:1px;border-top-right-radius:4px}.lwpcngShowAgain-bottomLeft.lwpcngShowAgain-sideFloat{border-left-width:1px;border-top-left-radius:4px}.lwpcngShowAgain-bottomLeft.lwpcngShowAgain-sideFloat.lwpcngShowAgain-bottomFloat{border-bottom-left-radius:4px}.lwpcngShowAgain-bottomLeft.lwpcngShowAgain-bottomFloat{border-bottom-right-radius:4px}.lwpcngShowAgain-light{background:#fff;background:rgba(255,255,255,.97);border-color:#ddd;color:#000}.lwpcngShowAgain-light:hover{background:#f6f6f6;color:#000}.lwpcngShowAgain-dark{background:#2b2b2b;background:rgba(43,43,43,.97);color:#bbb;border-color:#2b2b2b}.lwpcngShowAgain-dark:hover{background:#2b2b2b;color:#ddd}.lwpcngHide{display:none}.yith-infs-loader {
text-align: center;
margin: 10px 0 30px;
}
.yith-infs-loader img {
max-width: 100%;
display: inline-block;
} @-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.yith-infs-animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}h1.zag,
h2.zag,
h3.zag {
margin: 0;
padding: 0;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
} @media (max-width: 768px) {
.title-block__cta .btn {
width: 100%;
}
} .seventh-block__cta {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: 0px;
}
.seventh-block__cta .btn {
text-align: center;
margin-top: 12px;
}
@media (max-width: 768px) {
.seventh-block__cta {
gap: 0;
}
.seventh-block__cta .btn {
width: 100%;
margin-top: 24px;
}
}
.seventh-block.seventh-block--article{
padding-bottom: 20px;
}
.seventh-block.seventh-block--article .seventh-block__content{
width: 100%!important;
}
.seventh-block--article .seventh-block__img.seventh-block__img--anim {
display: none !important;
}
.seventh-block--article .seventh-block__wrap {
background: url(https://quppy.com/pt/wp-content/themes/quppycom/img/seventh-block-bg.png) no-repeat bottom;
background-size: 100% 220px;
padding-bottom: 25px;
padding-top: 20px;
display: flex;
align-items: flex-end;
overflow: hidden;
justify-content: center;
}
.seventh-block--article .seventh-block__block {
position: relative;
padding-left: 36px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.seventh-block--article .seventh-block__text-content{
width: 35%;
}
.seventh-block--article .seventh-block__text-content .seventh-block__title{
font-size: 24px;
}
.seventh-block--article .seventh-block__text-content .seventh-block__text{
font-size: 18px;
}
.seventh-block--article .seventh-block__cta{
width: 65%;
}
.seventh-block--article .seventh-block__text {
font-weight: 500;
font-size: 20px;
line-height: 150%;
color: #fff;
margin-top: 12px;
margin-bottom: 23px;
max-width: 297px;
width: auto;
}
.seventh-block--article .button p{
color: #fff;
}
@media (max-width: 768px) {
.seventh-block--article .seventh-block__wrap--article {
flex-direction: column;
align-items: flex-start;
}
.seventh-block--article .seventh-block__block--article {
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.seventh-block--article .seventh-block__cta--article {
width: 100%;
align-items: stretch;
}
.seventh-block--article .seventh-block__cta--article .btn {
width: 100%;
white-space: normal;
}
.seventh-block--article .seventh-block__wrap {
background: conic-gradient(from -78.91deg at 40% 85.32%, #c0c2f7 -15deg, #c0c2f7 35.43deg, #4380f0 61deg, #6c63ff 82.98deg, #6c63ff 112.5deg, #ff6584 200.63deg, #ff754a 260.62deg, #c0c2f7 345deg, #c0c2f7 395.43deg);
background-size: 100% 600px;
}
.seventh-block--article .seventh-block__block{
padding: 0 20px;
margin: 0;
}
.seventh-block--article .seventh-block__text-content {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.seventh-block--article.seventh-block .seventh-block__cta{
gap: 0px;
}
.seventh-block--article.seventh-block .seventh-block__cta .btn:last-child{
margin-top: 20px;
}
} .custom_overlay_v2 {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
width: 100%;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
} @supports (-webkit-touch-callout: none) {
.custom_overlay_v2 {
min-height: -webkit-fill-available;
}
}
.custom_popup_v2 {
background-color: white;
border-radius: 25px;
max-width: 700px;
min-width: 300px;
width: 100%;
margin: 0 20px;
text-align: center;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
position: relative;
}
.popup_wrapper_v2 {
padding: 90px 32px 32px 32px;
}
.custom_popup_v2 .icon_v2 {
font-size: 40px;
color: orange;
margin-bottom: 20px;
}
.custom_popup_v2 h3 {
font-size: 26px;
color: #333;
font-weight: bold;
margin: 15px 0;
}
.custom_popup_v2 p {
font-size: 26px;
color: #666;
font-weight: normal;
margin: 15px 25px 40px;
}
.close-btn_v2 {
position: absolute;
top: 0px;
right: 15px;
background-color: transparent;
border: none;
cursor: pointer;
padding: 10px;
}
.close-btn_bottom_v2 {
display: block;
padding: 10px 20px;
border-radius: 20px;
font-size: 16px;
background-color: #6B50FF;
color: white;
text-decoration: none;
width: 100%;
text-align: center;
cursor: pointer;
border: none;
transition: background-color 0.3s ease;
}
.close-btn_bottom_v2:hover {
background-color: #5a42e6;
}
@media (max-width: 900px) {
.custom_popup_v2 h3 {
font-size: 16px !important;
}
.custom_popup_v2 p {
font-size: 16px !important;
margin: 15px 25px 15px !important;
}
.popup_wrapper_v2 {
padding: 70px 24px 24px 24px;
} .custom_overlay_v2 {
padding: 20px 0;
}
.custom_popup_v2 {
max-height: 90vh;
max-height: calc(var(--vh, 1vh) * 90);
overflow-y: auto;
}
}
.wallet .seventh-block .stores__button--mobile {
display: none;
}
.seventh-block__block .stores__button .mob-btn svg path{
fill: rgb(43, 41, 66);
}@-webkit-keyframes anim_title_block_1 {
0% {
opacity: 0;
transform: translate(0, 100%);
}
to {
opacity: 1;
transform: translate(0, 0px);
}
}
@keyframes anim_title_block_1 {
0% {
opacity: 0;
transform: translate(0, 100%);
}
to {
opacity: 1;
transform: translate(0, 0px);
}
}
@-webkit-keyframes anim_title_block_2 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes anim_title_block_2 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes anim_title_block_3 {
0% {
opacity: 0;
transform: translate(40%, 0);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes anim_title_block_3 {
0% {
opacity: 0;
transform: translate(40%, 0);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@-webkit-keyframes anim_title_block_4 {
0% {
opacity: 0;
transform: translate(0, 100%);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes anim_title_block_4 {
0% {
opacity: 0;
transform: translate(0, 100%);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes anim_title_block_5 {
0% {
opacity: 0;
transform: translate(40%, 0);
}
to {
opacity: 0.2;
transform: translate(0, 0);
}
}
@-webkit-keyframes anim_title_block_5 {
0% {
opacity: 0;
transform: translate(40%, 0);
}
to {
opacity: 0.2;
transform: translate(0, 0);
}
} @-webkit-keyframes anim_second_block {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes anim_second_block {
0% {
opacity: 0;
}
to {
opacity: 1;
}
} @-webkit-keyframes anim_fourth_block {
0% {
opacity: 0;
}
to {
opacity: 0.8;
}
}
@keyframes anim_fourth_block {
0% {
opacity: 0;
}
to {
opacity: 0.8;
}
} @keyframes anim_third_block {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes anim_third_block {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes anim_third_block_2 {
0% {
opacity: 0;
right: 50%;
}
to {
opacity: 1;
right: 340px;
}
}
@-webkit-keyframes anim_third_block_2 {
0% {
opacity: 0;
right: 50%;
}
to {
opacity: 1;
right: 340px;
}
}
@keyframes anim_third_block_3 {
0% {
opacity: 0;
right: 50%;
}
to {
opacity: 1;
right: 340px;
}
}
@-webkit-keyframes anim_third_block_3 {
0% {
opacity: 0;
right: 50%;
}
to {
opacity: 1;
right: 340px;
}
}
@keyframes anim_third_block_4 {
0% {
opacity: 0;
right: 0;
}
to {
opacity: 1;
right: 96px;
}
}
@-webkit-keyframes anim_third_block_4 {
0% {
opacity: 0;
right: 0;
}
to {
opacity: 1;
right: 96px;
}
}
@keyframes anim_third_block_5 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes anim_third_block_5 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes anim_third_block_6 {
0% {
opacity: 0;
right: 0;
}
to {
opacity: 1;
right: 50px;
}
}
@-webkit-keyframes anim_third_block_6 {
0% {
opacity: 0;
right: 0;
}
to {
opacity: 1;
right: 50px;
}
}
@keyframes anim_third_block_2--mobile {
0% {
opacity: 0;
left: -100px;
}
to {
opacity: 1;
left: calc(50% - 150px);
}
}
@-webkit-keyframes anim_third_block_2--mobile {
0% {
opacity: 0;
left: -100px;
}
to {
opacity: 1;
left: calc(50% - 150px);
}
}
@keyframes anim_third_block_4--mobile {
0% {
opacity: 0;
right: 0px;
}
to {
opacity: 1;
right: calc(50% - 120px);
}
}
@-webkit-keyframes anim_third_block_4--mobile {
0% {
opacity: 0;
right: 0px;
}
to {
opacity: 1;
right: calc(50% - 120px);
}
}
@keyframes anim_third_block_6--mobile {
0% {
opacity: 0;
right: 0px;
}
to {
opacity: 1;
right: calc(50% - 150px);
}
}
@-webkit-keyframes anim_third_block_6--mobile {
0% {
opacity: 0;
right: 0px;
}
to {
opacity: 1;
right: calc(50% - 150px);
}
}
@keyframes anim_sepa_block {
0% {
opacity: 0;
filter: blur(40px);
}
to {
opacity: 1;
filter: blur(0px);
}
}
@-webkit-keyframes anim_sepa_block {
0% {
opacity: 0;
filter: blur(40px);
}
to {
opacity: 1;
filter: blur(0px);
}
}
@keyframes anim_sepa_block-2 {
0% {
opacity: 0;
filter: blur(40px);
right: 0;
}
to {
opacity: 1;
filter: blur(0px);
right: 27%;
}
}
@-webkit-keyframes anim_sepa_block-2 {
0% {
opacity: 0;
filter: blur(40px);
right: 0;
}
to {
opacity: 1;
filter: blur(0px);
right: 27%;
}
}
@keyframes anim_sepa_block-3 {
0% {
opacity: 0;
filter: blur(40px);
}
to {
opacity: 1;
filter: blur(0px);
}
}
@-webkit-keyframes anim_sepa_block-3 {
0% {
opacity: 0;
filter: blur(40px);
}
to {
opacity: 1;
filter: blur(0px);
}
}
@keyframes anim_sepa_block-4 {
0% {
opacity: 0;
filter: blur(40px);
left: 0;
}
to {
opacity: 1;
filter: blur(0px);
left: 31%;
}
}
@-webkit-keyframes anim_sepa_block-4 {
0% {
opacity: 0;
filter: blur(40px);
left: 0;
}
to {
opacity: 1;
filter: blur(0px);
left: 31%;
}
}
@keyframes anim_sepa_block-5 {
0% {
opacity: 0;
filter: blur(40px);
left: 0;
}
to {
opacity: 1;
filter: blur(0px);
left: 5%;
}
}
@-webkit-keyframes anim_sepa_block-5 {
0% {
opacity: 0;
filter: blur(40px);
left: 0;
}
to {
opacity: 1;
filter: blur(0px);
left: 5%;
}
}
@keyframes anim_sepa_block-6 {
0% {
opacity: 0;
filter: blur(40px);
right: 0;
}
to {
opacity: 1;
filter: blur(0px);
right: 16%;
}
}
@-webkit-keyframes anim_sepa_block-6 {
0% {
opacity: 0;
filter: blur(40px);
right: 0;
}
to {
opacity: 1;
filter: blur(0px);
right: 16%;
}
}
@keyframes anim_sepa_block-7 {
0% {
opacity: 0;
filter: blur(40px);
left: 0;
}
to {
opacity: 1;
filter: blur(0px);
left: 18%;
}
}
@-webkit-keyframes anim_sepa_block-7 {
0% {
opacity: 0;
filter: blur(40px);
left: 0;
}
to {
opacity: 1;
filter: blur(0px);
left: 18%;
}
}
@keyframes anim_sepa_block_mobile-2 {
0% {
opacity: 0;
left: 0;
}
to {
opacity: 1;
left: 30%;
}
}
@-webkit-keyframes anim_sepa_block_mobile-2 {
0% {
opacity: 0;
left: 0;
}
to {
opacity: 1;
left: 30%;
}
}
@keyframes anim_sepa_block_mobile-3 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes anim_sepa_block_mobile-3 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes anim_sepa_block_mobile-4 {
0% {
opacity: 0;
right: 0;
}
to {
opacity: 1;
right: 12%;
}
}
@-webkit-keyframes anim_sepa_block_mobile-4 {
0% {
opacity: 0;
right: 0;
}
to {
opacity: 1;
right: 12%;
}
}
@keyframes anim_seventh-block {
0% {
opacity: 0;
transform: translate(0, 100%);
}
to {
opacity: 1;
transform: translate(0, 68px);
}
}
@-webkit-keyframes anim_seventh-block {
0% {
opacity: 0;
transform: translate(0, 100%);
}
to {
opacity: 1;
transform: translate(0, 68px);
}
}
@-webkit-keyframes slide-right {
0% {
left: 110%;
}
to {
left: 0;
opacity: 1;
}
}
@keyframes slide-right {
0% {
left: 110%;
}
to {
left: 0;
opacity: 1;
}
}
body {
min-width: 320px;
margin: 0;
padding: 0;
line-height: 1.3;
letter-spacing: 0.02em;
background: #fff;
font-family: Gilroy, open-sans;
}
*,
:after,
:before {
box-sizing: border-box;
outline: 0;
text-decoration: none;
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
}
iframe {
width: 100%;
}
main {
overflow: hidden;
}  .text-title {
font-weight: 700;
font-size: 34px;
line-height: 130%;
color: #2b2942;
}
.btn,
.text {
margin-top: 25px;
}
.text {
font-size: 18px;
line-height: 160%;
color: #66647e;
}
.btn {
display: inline-flex;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 16px;
line-height: 32px;
text-align: center;
color: #6c63ff;
background: #fff;
border: 1px solid #d7dbeb;
border-radius: 28px;
padding: 7px 19px;
min-width: 164px;
transition: 0.2s;
}
.btn:hover {
color: #fff;
background: #6c63ff;
border-color: #6c63ff;
}
.support-form-btn {
display: block;
width: fit-content;
margin: 30px auto 20px;
}
.nav-links {
padding-bottom: 32px;
}
@media (max-width: 900px) {
.text-title {
font-size: 28px;
line-height: 130%;
text-align: center;
}
.text {
font-size: 17px;
margin-top: 18px;
text-align: center;
}
}
.container {
width: auto;
margin: 0 15px;
}
@media (min-width: 1270px) {
.container {
width: 1170px;
margin: 0 auto;
}
}
@font-face {
font-family: "Gilroy";
src: url(//quppy.com/pt/wp-content/themes/quppycom/fonts/Gilroy-Light.woff);
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Gilroy";
src: url(//quppy.com/pt/wp-content/themes/quppycom/fonts/Gilroy-Regular.woff);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Gilroy";
src: url(//quppy.com/pt/wp-content/themes/quppycom/fonts/Gilroy-Medium.woff);
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Gilroy";
src: url(//quppy.com/pt/wp-content/themes/quppycom/fonts/Gilroy-SemiBold.woff);
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Gilroy";
src: url(//quppy.com/pt/wp-content/themes/quppycom/fonts/Gilroy-Bold.woff);
font-weight: 700;
font-style: normal;
}
.advertising {
background: conic-gradient(
from 159.87deg at 68% -745.28%,
#c0c2f7 -15deg,
#c0c2f7 35.43deg,
#4380f0 61deg,
#6c63ff 82.98deg,
#6c63ff 112.5deg,
#ff6584 200.63deg,
#ff754a 261.03deg,
#c0c2f7 345deg,
#c0c2f7 395.43deg
);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
}
.advertising__wrap {
display: flex;
}
.advertising__free,
.advertising__pay {
display: flex;
align-items: center;
font-weight: 500;
font-size: 15px;
line-height: 23px;
color: #fff;
padding: 14px 0;
}
.advertising__free {
min-width: fit-content;
}
.advertising__free svg,
.advertising__pay svg {
margin-right: 10px;
}
.advertising__hr {
margin: 0 35px;
width: 1px;
display: block;
background: #fff;
opacity: 0.15;
}
@media (max-width: 900px) {
.advertising {
padding-top: 8px;
padding-bottom: 12px;
background: conic-gradient(
from 173.83deg at 100% -23.91%,
#c0c2f7 -15deg,
#c0c2f7 35.43deg,
#4380f0 61deg,
#6c63ff 82.98deg,
#6c63ff 112.5deg,
#ff6584 200.63deg,
#ff754a 261.03deg,
#c0c2f7 345deg,
#c0c2f7 395.43deg
);
}
.advertising__wrap {
flex-direction: column;
align-items: center;
}
.advertising__free svg,
.advertising__hr,
.advertising__pay svg {
display: none;
}
.advertising__free,
.advertising__pay {
font-size: 12px;
padding: 0;
text-align: center;
max-width: 277px;
}
.advertising__pay {
line-height: 150%;
}
}
.nav {
left: 0;
width: 100%;
background: #fff;
z-index: 999;
box-shadow: 0 4px 14px #f4f4f4;
}
.nav--scroll {
position: fixed;
top: 0;
}
.nav__btn {
display: none;
position: relative;
width: 22px;
height: 22px;
border: 0;
}
.nav__btn span,
.nav__btn span::after,
.nav__btn span::before {
display: block;
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 1px;
background: #2b2942;
}
.nav__btn span::before {
content: "";
transform: translateY(6px);
}
.nav__btn span::after {
content: "";
transform: translateY(-5px);
}
.nav__btn,
.nav__btn--active span {
background: 0 0;
}
.nav__btn--active span::before {
transform: translateY(0) rotate(-45deg);
}
.nav__btn--active span::after {
transform: translateY(0) rotate(45deg);
}
.nav__wrap {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 0;
}
.nav__list {
display: flex;
margin-left: auto;
margin-right: 50px;
min-width: 220px;
}
.nav__lk {
display: flex;
align-items: center;
margin-left: 24px;
transition: transform 0.2s;
}
.nav__lk:hover {
transform: translateY(-1px);
}
.nav__lk rect {
transition: stroke 0.2s;
}
.nav__lk:hover rect {
stroke: #6c63fb;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.nav__item {
margin-right: 30px;
}
.nav__item:last-child {
margin-right: 0;
}
.nav__link {
font-weight: 500;
font-size: 16px;
line-height: 1;
letter-spacing: 0.02em;
color: #66647e;
transition: 0.2s;
}
.nav__link:hover {
opacity: 1;
}
@media (max-width: 900px) {
.nav {
top: 88px;
}
.nav--scroll {
top: 0;
}
.nav__logo img {
width: 111px;
}
.nav__wrap {
position: relative;
padding: 11px 0;
}
.nav__btn {
display: block;
}
.nav__lk {
margin-left: 0px;
}
.nav__list {
display: none;
position: absolute;
top: 100%;
right: -15px;
padding: 15px;
box-shadow: 0 4px 14px #f4f4f4;
z-index: 20;
}
.nav__list--active {
display: flex;
flex-direction: column;
background: #fff;
}
}
@media (max-width: 500px) {
.nav__list {
margin-right: 0;
}
}
@media (max-width: 900px) {
.main {
padding-top: 56px;
}
}
.title-block__block {
max-width: 554px;
}
.title-block__block .btn_store {
background-color: #6c63ff;
margin-top: 44px;
}
.title-block__wrap {
position: relative;
padding-top: 125px;
padding-bottom: 208px;
}
.title-block__text {
font-size: 20px;
line-height: 24px;
color: #2b2942;
opacity: 0.5;
}
.title-block__title {
font-weight: 700;
font-size: 46px;
line-height: 57px;
color: #2b2942;
margin-top: 12px;
}
.title-block__text-list {
font-size: 17px;
line-height: 150%;
color: #66647e;
margin-top: 28px;
max-width: 400px;
}
.title-block__list {
margin-top: 30px;
}
.title-block__item {
display: flex;
align-items: center;
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: #2b2942;
position: relative;
padding-left: 29px;
margin-bottom: 8px;
}
.advantages__block .btn {
display: flex;
margin: 0;
position: relative;
justify-content: space-between;
}
.title-block__item svg {
position: absolute;
left: 0;
top: 1px;
}
.title-block .stores__button {
display: flex;
}
.apk {
z-index: 2;
}
.title-block .mob-btn,
.apk {
background: #6c63ff;
color: #fff;
border: none;
font-size: 16px;
padding: 8px 9px 8px 20px;
justify-content: space-between;
margin-top: 44px;
margin-right: 15px;
}
.title-block .apk-button {
background: none;
border: none;
display: flex;
align-items: center;
cursor: pointer;
}
.title-block .mob-btn.apk {
padding: 8px 9px 8px 20px;
margin-right: 0;
}
.title-block .apk-count {
font-size: 12px;
font-weight: 400;
}
.apk-text {
display: flex;
flex-direction: column;
color: #fff;
}
.title-block .mob-btn--mobile {
display: flex;
flex-direction: row;
gap: 10px;
}
.title-block .mob-btn--mobile .button,
.apk {
background: #6c63ff;
font-size: 16px;
padding: 10px 15px;
border-radius: 28px;
margin-top: 35px;
height: auto;
min-height: auto;
display: flex;
align-items: center;
box-sizing: border-box;
}
.title-block .mob-btn--mobile .button a {
display: flex;
align-items: center;
color: #ffffff;
width: 100%;
justify-content: center;
}
.title-block .mob-btn--mobile svg {
margin-right: 5px;
flex-shrink: 0;
}
.mob-btn--mobile p {
font-weight: 700;
margin: 0;
line-height: 1.2;
}
.mobile {
display: none;
}
.title-block .mob-btn .title {
position: relative;
display: block;
font-weight: 700;
font-size: 16px;
line-height: 32px;
}
.title-block .mob-btn span.hr::after {
content: "";
position: absolute;
width: 1px;
height: 32px;
background: #fff;
right: -7px;
top: 50%;
transform: translateY(-50%);
}
.title-block__btn {
margin-top: 30px;
}
.title-block__cta {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 0px;
}
.title-block__cta .btn {
text-align: center;
margin-top: 12px;
}
@media (max-width: 768px) {
.title-block__cta{
gap:0;
}
.title-block__cta .btn {
width: 100%;
margin-top: 24px;
}
}
.title-block__img {
position: absolute;
top: 80px;
left: 433px;
width: 846px;
height: 714px;
}
.title-block__img img {
position: absolute;
transform-origin: 50% 50%;
}
.title-block__img img:nth-child(1) {
top: 0;
left: 261px;
z-index: 1;
opacity: 0;
}
.title-block__img img:nth-child(2) {
width: 170px;
top: 287px;
left: 235px;
z-index: 2;
opacity: 0;
}
.title-block__img img:nth-child(3) {
top: 95px;
left: 138px;
opacity: 0;
}
.title-block__img img:nth-child(4) {
top: 237px;
left: 680px;
opacity: 0;
}
.title-block__img img:nth-child(5) {
top: 561px;
left: 5px;
}
.title-block__img img:nth-child(6) {
top: 0;
width:81px;
left: 640px;
}
.title-block__img img:nth-child(7) {
top: 470px;
left: 150px;
}
.title-block__img img:nth-child(8) {
top: 115px;
left: 740px;
}
.title-block__img--anim img:nth-child(1),
.title-block__img--anim img:nth-child(2) {
-webkit-animation: anim_title_block_1 1s;
animation: anim_title_block_1 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.title-block__img--anim img:nth-child(2) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.title-block__img--anim img:nth-child(3),
.title-block__img--anim img:nth-child(4) {
-webkit-animation: anim_title_block_2 1.5s;
animation: anim_title_block_2 1.5s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.title-block__img--anim img:nth-child(4) {
-webkit-animation-delay: 1.7s;
animation-delay: 1.7s;
}
@media (max-width: 900px) {
.title-block__block {
margin: 0;
}
.title-block__wrap {
padding-top: 30px;
padding-bottom: 0;
}
.title-block__text {
font-size: 16px;
line-height: 19px;
}
.title-block__title {
font-size: 30px;
line-height: 37px;
}
.title-block__text-list {
font-size: 16px;
line-height: 150%;
margin: 28px 0;
}
.title-block__item {
font-size: 16px;
line-height: 126%;
}
.title-block__item svg {
margin-bottom: auto;
}
.title-block__btn {
display: none;
}
.title-block__img {
top: auto;
bottom: -205px;
left: calc(50% - 280px);
width: 360px;
transform: scale(0.4);
}
.title-block__img img:nth-child(1) {
top: 24px;
left: 50%;
}
.title-block__img img:nth-child(2) {
top: 191px;
left: -114px;
}
}
@media (max-width: 768px) {
.title-block__title,
.title-block__item,
.title-block__text-list {
text-align: start;
}
.title-block__text-list {
margin: 18px 0 0 0;
}
}
.second-block__wrap {
position: relative;
padding-top: 166px;
padding-bottom: 185px;
}
.second-block__block {
width: 510px;
margin-left: auto;
}
.second-block__img {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 833px;
right: 480px;
z-index: -1;
}
.second-block__img_decore:first-child {
position: absolute;
bottom: 180px;
left: 15px;
}
.second-block__img_phone {
transform: translateY(100%);
}
.second-block__decor-element {
position: absolute;
right: -380px;
top: 130px;
opacity: 0;
}
.second-block__decor-element--anim {
-webkit-animation: anim_second_block 1s;
animation: anim_second_block 1s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@media (max-width: 900px) {
.second-block__wrap {
padding-top: 27px;
padding-bottom: 350px;
}
.second-block__block {
width: auto;
display: flex;
flex-direction: column;
justify-content: center;
margin: auto;
}
.second-block__block .text-title {
text-align: left;
}
.second-block__block .text {
text-align: left;
}
.second-block__img {
width: 120%;
position: relative;
left: 60%;
transform: translateX(-50%);
min-height: 348px;
}
.second-block__img svg {
transform: scale(1.69) translate(0, 36px);
}
.second-block .btn {
width: fit-content;
}
}
@media (max-width: 425px) {
.second-block__block .text-title {
text-align: center;
}
.second-block__block .text {
text-align: center;
}
.second-block .btn {
margin: 40px auto 0;
}
}
.third-block__wrap {
position: relative;
padding-top: 188px;
padding-bottom: 195px;
display: flex;
justify-content: space-between;
}
.third-block__block {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 510px;
width: auto;
margin-left: 112px;
z-index: 1;
align-items: flex-start;
}
.third-block__decor {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
.third-block__block p {
max-width: 360px;
}
.third-block__img {
position: absolute;
opacity: 0;
z-index: 10;
max-width: unset;
}
.third-block__img:nth-child(1) {
z-index: 9;
top: 83px;
right: 66px;
}
.third-block__img:nth-child(2) {
bottom: 35px;
right: 50%;
top: 371px;
}
.third-block__img:nth-child(3) {
top: 146px;
right: 50%;
}
.third-block__img:nth-child(4) {
top: 210px;
right: 0;
z-index: 8;
}
.third-block__img:nth-child(5) {
top: 82px;
right: 94px;
}
.third-block__img:nth-child(6) {
top: 448px;
right: 0;
}
.third-block__img:nth-child(7) {
right: -185px;
top: -120px;
z-index: 0;
max-height: unset;
}
.third-block__img:nth-child(8) {
left: 330px;
top: 506px;
}
.third-block__img--anim {
-webkit-animation: anim_third_block 2s;
animation: anim_third_block 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.third-block__img--anim:nth-child(2) {
-webkit-animation: anim_third_block_2 2s;
animation: anim_third_block_2 2s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.third-block__img--anim:nth-child(3) {
-webkit-animation: anim_third_block_3 2s;
animation: anim_third_block_3 2s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.third-block__img--anim:nth-child(4) {
-webkit-animation: anim_third_block_4 2s;
animation: anim_third_block_4 2s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.third-block__img--anim:nth-child(5) {
-webkit-animation: anim_third_block_5 2s;
animation: anim_third_block_5 2s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.third-block__img--anim:nth-child(6) {
-webkit-animation: anim_third_block_6 1s;
animation: anim_third_block_6 1s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.third-block__block .text-title {
margin-bottom: 21px;
margin-top: 178px;
width: 504px;
}
.third-block .btn {
margin-top: 33px;
}
@media (max-width: 900px) {
.third-block__decor {
position: relative;
height: 500px;
left: unset;
top: -53px;
}
.third-block__img,
.third-block__img:nth-child(1),
.third-block__img:nth-child(7) {
right: 50%;
transform: translateX(50%);
}
.third-block__img:nth-child(2),
.third-block__img:nth-child(3) {
right: unset;
left: -100px;
}
.third-block__img:nth-child(4) {
top: 210px;
right: 0px;
opacity: 0;
}
.third-block__img:nth-child(5) {
right: 50%;
transform: translateX(450%);
}
.third-block__img:nth-child(6) {
right: 0px;
}
.third-block__img:nth-child(8) {
display: none;
}
.third-block__img--anim:nth-child(2) {
-webkit-animation: anim_third_block_2--mobile 2s;
animation: anim_third_block_2--mobile 2s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.third-block__img--anim:nth-child(3) {
-webkit-animation: anim_third_block_2--mobile 1s;
animation: anim_third_block_2--mobile 1s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.third-block__img--anim:nth-child(4) {
-webkit-animation: anim_third_block_4--mobile 1s;
animation: anim_third_block_4--mobile 1s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.third-block__img--anim:nth-child(6) {
-webkit-animation: anim_third_block_6--mobile 1s;
animation: anim_third_block_6--mobile 1s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.fourth-block {
margin-bottom: 0;
}
.third-block__wrap {
padding-top: 0;
padding-bottom: 0px;
display: block;
margin-top: 72px;
}
.third-block__block .text-title {
width: auto;
margin-top: 0;
text-align: left;
}
.third-block {
margin-bottom: 42px;
}
.third-block__block {
margin: 0;
max-width: 420px;
}
.third-block .btn {
margin-right: auto;
margin-top: 26px;
}
}
@media (max-width: 900px) {
}
@media (max-width: 375px) {
.third-block__img:nth-child(1) {
width: 329px;
top: 100px;
}
}
.fourth-block .btn {
margin-top: 42px;
padding: 7px 33px;
}
.bluecode .fourth-block__wrap {
margin-top: 300px;
}
.fourth-block__wrap {
position: relative;
margin-top: 166px;
}
.bluecode .fourth-block__block {
margin-left: 112px;
}
.bluecode .fourth-block__block p {
font-size: 18px;
line-height: 160%;
color: #66647e;
}
.fourth-block__block {
position: relative;
z-index: 5;
width: 100%;
max-width: 510px;
margin-left: auto;
}
.fourth-block__img {
position: absolute;
top: 67%;
left: -112px;
transform: translateY(-50%);
width: 826px;
}
.bluecode .fourth-block__img {
left: 53%;
}
.fourth-block__img svg:nth-child(2) {
position: absolute;
left: -10%;
top: 272px;
opacity: 0;
}
.fourth-block__img svg:nth-child(3) {
position: absolute;
right: 61px;
bottom: 261px;
opacity: 0;
}
.fourth-block__img--anim svg:nth-child(2),
.fourth-block__img--anim svg:nth-child(3) {
-webkit-animation: anim_title_block_2 2s;
animation: anim_title_block_2 2s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.fourth-block__img svg g:nth-child(2),
.fourth-block__img svg g:nth-child(5),
.fourth-block__img svg g:nth-child(6),
.fourth-block__img svg g:nth-child(3),
.fourth-block__img svg g:nth-child(4),
.fourth-block__img path {
opacity: 0;
}
.fourth-block__img--anim svg g:nth-child(3) {
backdrop-filter: blur(6.5px);
-webkit-animation: anim_fourth_block 1s;
animation: anim_fourth_block 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.fourth-block__img--anim svg g:nth-child(4) {
-webkit-animation: anim_title_block_5 1s;
animation: anim_title_block_5 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.fourth-block__img--anim svg g:nth-child(2),
.fourth-block__img--anim svg g:nth-child(5),
.fourth-block__img--anim svg g:nth-child(6),
.fourth-block__img--anim path {
-webkit-animation: anim_title_block_3 1s;
animation: anim_title_block_3 1s;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.fourth-block__img--anim svg g:nth-child(6) {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.fourth-block__img--anim svg g:nth-child(5) {
-webkit-animation-delay: 1.7s;
animation-delay: 1.7s;
}
.second-block__img--anim .second-block__img_phone {
-webkit-animation: anim_title_block_4 1s;
animation: anim_title_block_4 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.fifth-block__wrap {
padding-top: 289px;
}
.fifth-block__wrap h2.fifth-block__title {
margin-bottom: 30px;
}
.fourth-block__block .text-title {
margin-bottom: 0px;
font-size: 35px;
max-width: 500px;
}
@media (max-width: 900px) {
.bluecode .fourth-block__block p
{
text-align:center;
}
.fifth-block {
margin-top: 150px;
}
.fourth-block__wrap {
margin-top: 100px!important;
padding-bottom: 475px;
}
.fourth-block__block {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0!important;
max-width: 420px;
}
.fourth-block__img {
position: relative;
top: auto;
left: auto;
transform: none;
left: 50%;
transform: translateX(-30%);
}
.fourth-block__img svg {
width: 100%;
max-width: 620px;
}
.fourth-block__img svg:nth-child(2),
.fourth-block__img svg:nth-child(3) {
display: none;
}
.fourth-block__block .text-title {
font-size: 28px;
text-align: left;
}
.fourth-block__block .text {
text-align: left;
}
}
@media (max-width: 425px) {
.fourth-block__block .text-title {
text-align: center;
}
.fourth-block__block .text {
text-align: center;
}
}
.fifth-block__text {
font-size: 20px;
line-height: 24px;
color: #2b2942;
opacity: 0.5;
text-align: center;
}
section.at .max h2 {
margin-bottom: 30px;
}
section.certificates .max h2 {
margin-bottom: 52px;
}
section.at {
padding-top: 128px;
}
section.at .video {
display: none;
}
section.stay {
margin-top: 201px;
}
section.partners .bg_v{
padding: 0 2.5em;
}
section.partners .block{
display: flex;
align-content: center;
}
section.partners {
background: #f7f7fb;
margin-top: 125px;
padding-top: 115px;
padding-bottom: 125px;
}
section.certificates {
padding-top: 115px;
}
.fifth-block__title {
font-weight: 700;
font-size: 38px;
line-height: 47px;
color: #2b2942;
margin-top: 20px;
text-align: center;
}
.fifth-block__list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 60px;
}
.fifth-block__item {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
width: calc(50% - 10px);
padding: 100px 20px 120px;
text-align: center;
background: #fdf8ff;
margin-bottom: 20px;
transform-origin: 50% 50%;
opacity: 0;
border-radius: 15px;
}
.fifth-block__item a {
cursor: pointer;
}
.fifth-block__item-support {
padding: 100px 20px 80px;
}
.fifth-block__item:nth-child(2) {
background: #f9f8ff;
order: 1;
}
.fifth-block__item:nth-child(3) {
background: #f8fffa;
order: 2;
}
.fifth-block__item:nth-child(4) {
background: #fff8f8;
}
.fifth-block__item-title {
font-weight: 600;
font-size: 28px;
line-height: 130%;
color: #2b2942;
margin-top: 40px;
}
.fifth-block__item-text {
font-size: 18px;
line-height: 150%;
color: #66647e;
margin-top: 14px;
}
.fifth-block__item .fifth-block__item-title,
.fifth-block__item .fifth-block__item-text {
max-width: 349px;
}
.fifth-block__item:nth-child(2) .fifth-block__item-title,
.fifth-block__item:nth-child(2) .fifth-block__item-text {
max-width: 346px;
}
.fifth-block__item-buttons {
display: flex;
}
.fifth-block__item-buttons a:first-child {
margin-right: 15px;
}
.fifth-block__item--anim {
-webkit-animation: anim_title_block_2 1s;
animation: anim_title_block_2 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.fifth-block__item--anim:nth-child(2),
.fifth-block__item--anim:nth-child(3),
.fifth-block__item--anim:nth-child(4) {
-webkit-animation: anim_title_block_2 1s;
animation: anim_title_block_2 1s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.fifth-block__item--anim:nth-child(3),
.fifth-block__item--anim:nth-child(4) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.fifth-block__item--anim:nth-child(4) {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
@media (max-width: 900px) {
.fifth-block {
margin-bottom: 0;
}
.fifth-block__wrap {
padding-top: 0;
}
.fifth-block__title {
font-size: 30px;
line-height: 1.3;
margin-top: 15px;
}
.fifth-block__list {
margin-top: 20px;
}
.fifth-block__item {
width: 100%;
padding-top: 42px;
padding-bottom: 42px;
margin-bottom: 15px;
}
.fifth-block__item-title {
font-size: 22px;
line-height: 130%;
margin-top: 0px;
}
.fifth-block__item-text {
font-size: 17px;
line-height: 150%;
margin-top: 5px;
}
}
@media (max-width: 424px) {
.fifth-block__item-buttons {
flex-direction: column;
}
.fifth-block__item-buttons a:last-child {
margin: 0;
}
}
.sixth-block {
background: #f7f7fb;
}
.sixth-block__wrap {
padding-top: 132px;
padding-bottom: 96px;
display: flex;
flex-direction: column;
justify-content: center;
}
.sixth-block__wrap .btn {
margin: 35px auto auto;
}
.sixth-block__title {
font-weight: 700;
font-size: 38px;
line-height: 47px;
text-align: center;
color: #2b2942;
}
.sixth-block__list {
margin-top: 70px;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.sixth-block__column {
width: calc(33.3% - 14.5px);
}
.sixth-block__item {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 32px 28px 28px;
background: #fff;
border-radius: 10px;
margin-bottom: 41px;
}
.sixth-block__item::before {
content: "";
position: absolute;
top: 100%;
left: 15px;
border: 15px solid transparent;
border-left: 10px solid #fff;
border-top: 10px solid #fff;
}
.sixth-block__column,
.sixth-block__item {
transform-origin: 50% 50%;
opacity: 0;
}
.sixth-block__column--anim,
.sixth-block__column--anim .sixth-block__item {
-webkit-animation: anim_title_block_2 1s;
animation: anim_title_block_2 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.sixth-block__column--anim .sixth-block__item:nth-child(2),
.sixth-block__column--anim:nth-child(2),
.sixth-block__column--anim:nth-child(2) .sixth-block__item {
-webkit-animation: anim_title_block_2 1s;
animation: anim_title_block_2 1s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.sixth-block__column--anim:nth-child(2) .sixth-block__item {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.sixth-block__column--anim:nth-child(2) .sixth-block__item:nth-child(2),
.sixth-block__column--anim:nth-child(3),
.sixth-block__column--anim:nth-child(3) .sixth-block__item,
.sixth-block__column--anim:nth-child(3) .sixth-block__item:nth-child(2) {
-webkit-animation: anim_title_block_2 1s;
animation: anim_title_block_2 1s;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.sixth-block__column--anim:nth-child(3) .sixth-block__item,
.sixth-block__column--anim:nth-child(3) .sixth-block__item:nth-child(2) {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.sixth-block__column--anim:nth-child(3) .sixth-block__item:nth-child(2) {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.sixth-block__text {
font-size: 17px;
line-height: 150%;
color: #66647e;
margin-top: 18px;
}
@media (max-width: 900px) {
.sixth-block__wrap {
padding-top: 55px;
padding-bottom: 85px;
}
.sixth-block__title {
font-size: 30px;
line-height: 39px;
}
.sixth-block__list {
margin-top: 35px;
}
.sixth-block__column {
width: 100%;
}
.sixth-block__item {
display: none;
margin-bottom: 30px;
}
.sixth-block__item:first-child {
display: flex;
}
}
.seventh-block {
padding-bottom: 100px;
position: relative;
}
.seventh-block__content {
position: relative;
}
.seventh-block__wrap {
background: url(//quppy.com/pt/wp-content/themes/quppycom/img/seventh-block-bg.png) no-repeat bottom;
background-size: 100% 400px;
padding-bottom: 65px;
padding-top: 25px;
display: flex;
align-items: flex-end;
overflow: hidden;
justify-content: center;
}
.seventh-block__img {
margin-bottom: -25px;
padding-right: 36px;
opacity: 0;
width: 40%;
}
.seventh-block__img_decor {
position: absolute;
}
.seventh-block__img_decor:nth-child(2) {
top: 27%;
left: 8%;
width: 3.8%;
}
.seventh-block__img_decor:nth-child(3) {
top: 80%;
left: 3.5%;
width: 3.25%;
}
.seventh-block__img_decor:nth-child(4) {
bottom: -7.5%;
left: 37.5%;
width: 1.97%;
}
.seventh-block__img_decor:nth-child(5) {
bottom: -5%;
left: 45%;
width: 4.75%;
}
.seventh-block__img--anim {
-webkit-animation: anim_seventh-block 1s;
animation: anim_seventh-block 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.seventh-block__block {
position: relative;
padding-left: 36px;
}
.seventh-block__title {
font-weight: 700;
font-size: 38px;
line-height: 47px;
color: #fff;
}
.seventh-block__text {
font-weight: 500;
font-size: 20px;
line-height: 150%;
color: #fff;
margin-top: 12px;
margin-bottom: 23px;
max-width: 297px;
width: auto;
}
.seventh-block__buttons {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: no-wrap;
}
.seventh-block .mob-btn {
color: #282c42;
width: auto;
margin-top: 0;
margin-right: 15px;
}
.seventh-block__buttons .apk {
margin: 0;
width: auto;
justify-content: center;
padding: 8px;
padding-left: 18px;
}
.seventh-block__buttons .apk svg circle {
stroke: #d9d9d9;
}
.seventh-block__buttons .apk svg path {
fill: black;
}
.seventh-block__buttons .apk-text {
color: black;
}
.seventh-block__buttons .apk-count {
font-size: 12px;
font-weight: normal;
line-height: 12px;
}
.seventh-block .mob-btn--mobile {
display: flex;
flex-direction: row;
gap: 10px;
flex-wrap: wrap;
}
.seventh-block .mob-btn--mobile .button {
background: #6c63ff;
font-size: 16px;
padding: 10px 20px;
border-radius: 28px;
flex: 1;
min-width: 200px;
height: auto;
min-height: auto;
display: flex;
align-items: center;
box-sizing: border-box;
}
.seventh-block .mob-btn--mobile .button a {
display: flex;
align-items: center;
color: #ffffff;
width: 100%;
justify-content: center;
}
.seventh-block .mob-btn--mobile .button svg {
margin-right: 15px;
flex-shrink: 0;
}
.seventh-block .mob-btn--mobile p {
font-weight: 700;
margin: 0;
line-height: 1.2;
}
@media (max-width: 900px) {
.seventh-block .seventh-block__cta .btn {
width:100%;
margin-top: 10px;
} 
.seventh-block .mob-btn--mobile .button {
border: 1px solid #fff;
color: #fff;
}
.seventh-block .seventh-block__cta {
width: 100%;
gap: 15px;
display: flex;
flex-wrap: wrap;
}
.seventh-block__wrap {
border-radius: 25px;
background: conic-gradient(
from -78.91deg at 40% 85.32%,
#c0c2f7 -15deg,
#c0c2f7 35.43deg,
#4380f0 61deg,
#6c63ff 82.98deg,
#6c63ff 112.5deg,
#ff6584 200.63deg,
#ff754a 260.62deg,
#c0c2f7 345deg,
#c0c2f7 395.43deg
);
background-size: cover;
flex-direction: column-reverse;
align-items: center;
padding-top: 41px;
padding-bottom: 100px;
}
.seventh-block__img {
margin: 0 0 -180px 0;
width: 90%;
max-width: 450px;
padding-right: 0;
}
.seventh-block__img_decor:nth-child(2) {
width: 35px;
top: 50%;
left: 5%;
}
.seventh-block__img_decor:nth-child(3) {
width: 37px;
top: 51%;
left: 72%;
}
.seventh-block__img_decor:nth-child(4) {
width: 23px;
left: 27%;
bottom: -7%;
}
.seventh-block__img_decor:nth-child(5) {
width: 55px;
bottom: -3%;
left: 72%;
}
.seventh-block__block {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 12px;
padding-left: 0;
}
.seventh-block__title {
text-align: center;
font-size: 32px;
line-height: 40px;
}
.seventh-block__text {
text-align: center;
font-size: 18px;
line-height: 150%;
margin-top: 8px;
margin-bottom: 36px;
}
.seventh-block .mob-btn--mobile {
flex-direction: column;
width: 100%;
}
.seventh-block .mob-btn--mobile .button {
width: 100%;
margin-bottom: 15px;
}
.seventh-block .seventh-block__cta .btn {
width:100%;
margin-top: 10px;
} 
}
@media (max-width: 420px) {
.seventh-block .seventh-block__cta .btn {
width:100%;
margin-top: 10px;
} 
.seventh-block .seventh-block__cta  {
width:100%;
} 
.seventh-block__title {
width: 270px;
}
.seventh-block .mob-btn--mobile {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.seventh-block .mob-btn--mobile .button {
border: 1px solid #fff;
color: #fff;
}
.seventh-block .mob-btn--mobile .apk {
width: 100%;
margin: 0;
display: block;
padding-left: 8px;
}
.seventh-block .mob-btn--mobile .apk .line {
display: none;
}
.seventh-block .mob-btn--mobile .apk a {
flex-direction: row;
}
.seventh-block .mob-btn--mobile .apk svg {
margin-right: 15px;
}
.seventh-block .mob-btn--mobile .apk svg circle {
stroke: #d9d9d9;
}
.seventh-block .mob-btn--mobile .apk-text {
color: black;
}
.seventh-block .mob-btn--mobile .apk-count {
font-size: 12px;
font-weight: 400;
}
.seventh-block .mob-btn--mobile .apk svg path {
fill: #000;
}
.seventh-block .mob-btn--mobile .button a {
display: flex;
align-items: center;
}
.seventh-block .mob-btn--mobile .button svg {
margin-right: 15px;
}
.seventh-block__block {
width: 100%;
padding: 0 12px;
}
}
@media (max-width: 374px) {
.stores__button {
margin: 6px 0;
}
.seventh-block__img {
width: 360px;
min-width: auto;
}
.seventh-block__img_decor:nth-child(2) {
width: 9%;
bottom: 50.5vw;
left: 12vw;
top: auto;
}
.seventh-block__img_decor:nth-child(3) {
width: 9%;
top: auto;
left: 66%;
bottom: 51vw;
}
.seventh-block__img_decor:nth-child(4) {
width: 5.5%;
}
.seventh-block__img_decor:nth-child(5) {
width: 13%;
left: 69%;
}
.fourth-block__img {
width: 180%;
transform: translateX(-40%);
}
.seventh-block .mob-btn--mobile {
flex-direction: column;
}
.seventh-block .mob-btn--mobile .button {
width: 100%;
}
.seventh-block .mob-btn--mobile .button a {
justify-content: center;
}
.seventh-block .mob-btn--mobile .button {
width: 100%;
}
.seventh-block .mob-btn--mobile .button:first-child {
margin-bottom: 20px;
}
}
.eighth-block__wrap {
padding-top: 36px;
padding-bottom: 100px;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 850px;
margin: 0 auto;
}
.eighth-block__title {
text-align: center;
font-size: 38px;
}
.eighth-block__wrap .btn {
margin-right: auto;
margin-left: auto;
padding-right: 20px;
padding-left: 20px;
margin-top: 40px;
}
.eighth-block__block {
width: 100%;
padding: 25px 0;
border-top: 1px solid #e6e6f0;
}
.eighth-block__block:nth-child(2) {
border: none;
}
.eighth-block__input,
.eighth-block__text-block {
display: none;
margin-top: 25px;
}
.eighth-block__input:checked ~ .eighth-block__text-block {
display: block;
}
.eighth-block__label {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
font-size: 26px;
line-height: 32px;
color: #2b2942;
cursor: pointer;
}
.eighth-block__label span {
display: block;
width: 24px;
height: 18px;
background: url(//quppy.com/pt/wp-content/themes/quppycom/img/arrow-down.svg) no-repeat center;
position: relative;
right: 16px;
}
.eighth-block__input:checked ~ .eighth-block__label span {
background: url(//quppy.com/pt/wp-content/themes/quppycom/img/arrow-up.svg) no-repeat center;
}
.eighth-block__text {
font-size: 17px;
line-height: 150%;
color: #66647e;
margin-bottom: 20px;
}
.eighth-block__text:last-child {
margin-bottom: 0;
}
@media (max-width: 900px) {
.eighth-block__wrap {
padding-top: 40px;
padding-bottom: 70px;
}
.eighth-block__label {
font-size: 20px;
line-height: 25px;
}
.eighth-block__label span {
margin-left: 20px;
}
.eighth-block__block {
padding: 18px 0;
}
.eighth-block__text-block {
margin-top: 18px;
}
.eighth-block__text {
font-size: 17px;
line-height: 150%;
margin-bottom: 10px;
}
}
.stay.main-page {
margin-top: 0px;
}
.footer {
background: #f7f7fb;
}
.footer__block {
display: flex;
padding-top: 7px;
}
.footer__wrap {
padding: 97px 0;
}
.footer__top {
display: flex;
justify-content: space-between;
padding-bottom: 15px;
}
.footer__column-left {
margin-right: 10px;
}
.footer__logo {
align-self: flex-start;
}
.footer__bottom-text.moblie {
display: none;
}
.footer .apk {
background: transparent;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
position: relative;
border: none;
width: 32px;
height: 32px;
}
.footer .apk a {
width: 38px;
}
.apk-popup {
display: none;
color: #2b2942ba;
position: absolute;
background: white;
top: -50px;
right: -94px;
width: max-content;
padding: 8px;
border-radius: 8px;
box-shadow: 0 16px 16px rgba(96, 56, 229, 0.32);
}
.footer .apk:hover .apk-popup {
display: block;
}
.footer .apk-text {
display: none;
}
.footer .apk .apk-count {
font-size: 12px;
font-weight: 400;
}
.footer .syl-block a {
display: flex;
align-items: center;
}
.footer.apk.syl-block {
display: flex;
}
.footer__list {
display: flex;
width: 625px;
justify-content: space-between;
}
.footer__item:nth-child(1),
.footer__item:nth-child(2) {
width: max-content;
}
.footer__item:last-child {
margin-right: 0;
}
.footer__link {
font-weight: 500;
font-size: 17px;
line-height: 21px;
letter-spacing: 0.02em;
color: #66647e;
transition: 0.2s;
}
.footer__link:hover {
opacity: 1;
}
.footer__bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 30px;
}
.footer__bottom-text,
.footer__bottom-text a {
font-size: 15px;
line-height: 18px;
color: #2b2942;
transition: 0.2s;
}
.footer__bottom-text {
opacity: 0.5;
}
.footer__bottom-text a:hover {
color: #2b2942;
}
.footer__mail {
width: 31px;
height: 20px;
}
.footer__licenses,
.footer__adress {
font-size: 12px;
font-weight: 500;
line-height: 15px;
color: #2b294d;
margin-left: -2px;
width: auto;
opacity: 0.5;
}
.footer__licenses {
margin-top: 17px;
margin-bottom: 25px;
}
.footer__sub-menu {
margin: 14px 0;
}
@media (max-width: 900px) {
.footer__wrap {
padding: 42px 0;
}
.footer__top {
align-items: flex-start;
}
.footer__column-left {
width: 100%;
margin-bottom: 60px;
}
.footer__column-left .text {
display: flex;
width: 100%;
}
.footer__licenses {
margin-top: 0;
margin-bottom: 0;
}
.footer__list,
.footer__top {
flex-direction: column;
}
.footer__adress,
.footer__licenses {
text-align: left;
width: 50%;
}
.footer .apk {
order: 1;
}
.footer__list {
width: auto;
display: flex;
flex-direction: row;
max-width: 490px;
flex-wrap: wrap;
justify-content: flex-start;
gap: 60px 100px;
}
.footer__item:nth-child(1),
.footer__item:nth-child(2) {
width: auto;
}
.footer__block {
padding-top: 0;
}
.footer__bottom {
margin-bottom: 40px;
}
.footer__bottom-text.mobile {
display: block;
margin-top: 10px;
}
.footer__bottom .footer__bottom-text:first-child {
display: none;
}
.footer__sub-menu {
margin: 0;
}
}
.max {
width: 100%;
max-width: 1220px;
margin: auto;
padding: 0 15px;
}
.swap-2 {
display: flex;
flex-direction: row;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
}
.swap-2.cent {
align-items: center;
}
.swap-2 .block {
width: 48%;
position: relative;
}
.second-block__block .text-title {
margin-bottom: 0px;
max-width: 460px;
width: auto;
}
.second-block__block .text {
width: 100%;
max-width: 440px;
margin-bottom: 30px;
margin-top: 17px;
}
.second-block .btn {
margin-top: 40px;
}
.banner h1 {
font-weight: 700;
font-size: 46px;
line-height: 57px;
letter-spacing: 0.02em;
color: #282c42;
margin-bottom: 25px;
}
.banner p,
h2 {
font-style: normal;
letter-spacing: 0.02em;
}
.banner p {
font-weight: 400;
font-size: 18px;
line-height: 160%;
color: #66647e;
max-width: 420px;
}
h2 {
margin-bottom: 110px;
font-weight: 700;
font-size: 34px;
line-height: 130%;
color: #282c42;
}
.personal .block {
text-align: center;
justify-content: center;
}
.personal .block img {
width: 43px;
margin-bottom: 25px;
}
.personal .block .txt,
.personal .block .zag {
font-style: normal;
text-align: center;
letter-spacing: 0.02em;
color: #2b2942;
}
.personal .block .zag {
font-weight: 600;
font-size: 22px;
line-height: 130%;
margin-bottom: 20px;
}
.personal .block .txt {
font-weight: 400;
font-size: 17px;
line-height: 150%;
opacity: 0.76;
max-width: 365px;
margin: auto;
}
.fees .txt-price {
max-width: 835px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 2px solid #e2e2ef;
padding-right: 5%;
padding-bottom: 26px;
margin: auto auto 20px auto;
}
.fees .txt-price:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.fees .txt-price p,
.fees .txt-price span {
font-style: normal;
font-size: 22px;
line-height: 130%;
letter-spacing: 0.02em;
}
.fees .txt-price p {
font-weight: 400;
color: #2b2942;
margin: 0;
}
.fees .txt-price span {
font-weight: 600;
color: #30c75a;
padding: 5px 15px;
background: rgba(48, 199, 90, 0.25);
border-radius: 8px;
}
img {
max-width: 100%;
max-height: 100%;
}
.swap-3 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.swap-3 .block {
width: 32%;
}
.integrate .block {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.integrate .block .img {
height: 240px;
display: flex;
align-items: flex-start;
margin-bottom: 40px;
}
.integrate .block .number,
.syl {
text-align: center;
display: flex;
justify-content: center;
}
.integrate .block .number {
font-weight: 700;
font-size: 18px;
line-height: 130%;
letter-spacing: 0.02em;
color: #6d63ff;
width: 37px;
height: 37px;
align-items: center;
background: rgba(109, 99, 255, 0.2);
border-radius: 100%;
}
.integrate .block .zag,
.syl a,
.syl span {
font-style: normal;
line-height: 130%;
letter-spacing: 0.02em;
}
.integrate .block .zag {
font-weight: 600;
font-size: 22px;
text-align: center;
color: #2b2942;
max-width: 228px;
margin-top: 20px;
}
.syl {
margin: 90px 0;
}
.syl a,
.syl span {
font-weight: 400;
font-size: 18px;
color: #282c42;
}
.syl p {
border-bottom: 2px solid #e1e1eb;
}
.syl a {
color: #6d63ff;
}
@media (max-width: 990px) {
.banner h1 {
font-size: 36px;
line-height: 40px;
margin-bottom: 20px;
}
.banner p {
font-size: 16px;
max-width: 360px;
} .media {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.swap-2 .block {
width: 100% !important;
margin-bottom: 20px;
}
.banner p {
font-size: 14px;
max-width: 100%;
}
.banner h1 {
font-size: 30px;
line-height: 35px;
margin-bottom: 20px;
}
.banner .block:last-child {
text-align: center;
}
h2 {
font-size: 24px;
margin-bottom: 50px;
}
section {
margin-bottom: 75px;
}
.personal .swap-2 {
margin-bottom: 0;
}
.swap-3 .block {
width: 100%;
margin-bottom: 20px;
}
.fees .txt-price p,
.fees .txt-price span {
font-size: 18px;
}
}
@media (max-width: 420px) {
.banner p {
font-size: 16px;
}
.fees .txt-price {
padding-right: 0;
}
.fees .txt-price p {
max-width: 235px;
}
.title-block .mob-btn,
.seventh-block .mob-btn {
display: none;
}
.title-block .mob-btn--mobile {
display: flex;
flex-direction: column;
}
.title-block .mob-btn .title {
font-weight: 700;
}
.app-buttons.mobile {
display: flex;
justify-content: center;
width: 100%;
}
.title-block .app-buttons.mobile {
margin-top: 30px;
}
.seventh-block .app-buttons.mobile {
margin-top: 10px;
}
.stores__button {
width: 100%;
display: block;
flex-direction: column;
}
.title-block .mob-btn--mobile .button {
width: 100%;
margin-top: 15px;
}
.title-block .mob-btn--mobile .apk {
width: 100%;
}
.stores__button:nth-child(1) {
margin-right: 5px;
}
.stores__button:nth-child(2) {
margin-left: 5px;
}
.title-block .mob-btn.mobile,
.seventh-block .mob-btn.mobile {
display: flex;
width: 100%;
margin: 0;
padding: 8px 9px 8px 8px;
}
.mob-btn.mobile span {
display: block;
width: 100%;
text-align: center;
}
}
@media (max-width: 420px) {
.title-block .mob-btn--mobile .apk {
display: flex;
margin-top: 15px;
padding-left: 8px;
}
.title-block .mob-btn--mobile .apk .line {
display: none;
}
.title-block .mob-btn--mobile .apk .apk-text {
margin-left: 0;
}
.title-block .mob-btn--mobile .apk-title {
font-weight: 600;
}
}
@media (max-width: 374px) {
.app-buttons.mobile {
flex-direction: column;
}
.title-block .stores__button:nth-child(1),
.title-block .stores__button:nth-child(2),
.seventh-block .stores__button:nth-child(1),
.seventh-block .stores__button:nth-child(2) {
margin-left: 0;
}
.title-block .mob-btn--mobile {
flex-direction: column;
margin-top: 15px;
}
.title-block .mob-btn--mobile .button {
width: 100%;
}
.title-block .mob-btn--mobile a {
justify-content: center;
}
.title-block .mob-btn--mobile .button,
.apk {
margin-top: 15px;
}
.apk {
width: 100%;
}
.mob-btn .syl-block {
width: 100%;
justify-content: center;
}
}
.fees .txt-price {
position: relative;
}
.banner .swap-2,
.fees .max {
overflow: hidden;
}
.fees .txt-price.anim {
-webkit-animation: slide-right 1s;
animation: slide-right 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0;
}
.banner .swap-2 .block:nth-child(2) > img {
transform: translateY(150%);
transition: 0.7s;
opacity: 0;
z-index: 5;
position: relative;
}
.referral.banner .swap-2 .block:nth-child(2) > img {
width: 390px;
}
.wallet.banner .swap-2 .block:nth-child(2) > img {
width: 470px;
}
.banner .swap-2 .block:nth-child(2).anim > img {
transform: translateY(0);
opacity: 1;
}
.integrate .block.anim {
-webkit-animation: anim_title_block_2 1s;
animation: anim_title_block_2 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.integrate .block.anim:nth-child(2) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.integrate .block.anim:nth-child(3) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.integrate .block,
.personal .block {
opacity: 0;
}
.banner-2 {
padding-top: 90px;
}
.banner-2 .swap-2 .block:nth-child(1) {
width: 58%;
}
.banner-2 .swap-2 .block:nth-child(2) {
position: relative;
width: 40%;
}
.cint-img {
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.cint-img,
.cint-img img {
position: absolute;
}
.banner-2 .cint-img img:nth-child(1) {
right: 24%;
top: 3%;
}
.banner-2 .cint-img img:nth-child(2) {
right: 25%;
bottom: 27%;
width: 27px;
}
.banner-2 .cint-img img:nth-child(3) {
left: -3%;
bottom: 31%;
transform: rotate(45deg);
}
.banner .zag_h1,
.pod_h2,
.txt_galka p {
font-style: normal;
letter-spacing: 0.02em;
}
.txt_galka p:nth-child(7) span,
.txt_galka p:nth-child(8) span {
width: 210px;
}
.banner .zag_h1 {
font-weight: 600;
font-size: 26px;
line-height: 32px;
color: #282c42;
margin-bottom: 20px;
}
h2.dop_txt {
margin-bottom: 30px;
}
.pod_h2,
.txt_galka p {
font-size: 18px;
color: #66647e;
}
.pod_h2 {
font-weight: 400;
line-height: 160%;
text-align: center;
margin-bottom: 77px;
}
.txt_galka {
gap: 15px 10px;
margin-bottom: 159px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.txt_galka p {
margin-bottom: 0;
position: relative;
display: flex;
align-items: center;
background: #f7f7fb;
border-radius: 15px;
padding: 20px;
font-weight: 600;
line-height: 130%;
opacity: 0;
width: max-content;
height: fit-content;
}
.txt_galka p::before {
content: "";
width: 28px;
height: 28px;
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Pre-Order_Card/galka.svg);
margin-right: 15px;
}
.firsth_with {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Pre-Order_Card/bg.jpg);
margin: 0;
background-size: 100% 100%;
background-position: center;
overflow: hidden;
}
.firsth_with h2 {
max-width: 430px;
margin: auto;
z-index: 5;
position: relative;
}
.firsth_with a.btn {
color: #6c63ff;
}
.firsth_with a.btn:hover {
color: #fff;
}
.firsth_with .max {
text-align: center;
position: relative;
padding: 110px 0;
}
.firsth_with .card-1,
.firsth_with .card-2 {
position: absolute;
z-index: 0;
transition: 0.8s;
opacity: 0;
}
.firsth_with .card-1 {
top: -100%;
left: 0;
}
.firsth_with.anim .card-1 {
top: 0;
opacity: 1;
}
.firsth_with .card-2 {
bottom: -100%;
right: 0;
}
.firsth_with.anim .card-2 {
bottom: 0;
opacity: 1;
}
@media (max-width: 768px) {
.firsth_with h2 {
font-size: 34px;
max-width: 390px;
padding: 0 15px;
}
}
.txt_galka.anim p {
transition: 0.3s;
opacity: 1;
}
.txt_galka.anim p:nth-child(2) {
transition-delay: 0.3s;
}
.txt_galka.anim p:nth-child(3) {
transition-delay: 0.6s;
}
.txt_galka.anim p:nth-child(4) {
transition-delay: 0.9s;
}
.txt_galka.anim p:nth-child(5) {
transition-delay: 1.2s;
}
.txt_galka.anim p:nth-child(6) {
transition-delay: 1.5s;
}
.txt_galka.anim p:nth-child(7) {
transition-delay: 1.8s;
}
.txt_galka.anim p:nth-child(8) {
transition-delay: 2.1s;
}
.txt_galka.anim p:nth-child(9) {
transition-delay: 2.4s;
}
.banner-3 p {
max-width: 435px;
}
.banner-3 {
padding-top: 50px;
padding-bottom: 50px;
}
.btn_store,
.btn_store a {
display: flex;
align-items: center;
color: white;
font-weight: 700;
}
.btn_store {
height: 48px;
border-radius: 24px;
display: flex;
justify-content: flex-start;
margin-top: 38px;
cursor: pointer;
gap: 15px;
}
.block__qr.btn_store {
height: auto;
}
.btn_store a {
background: #fff;
border: 1px solid #d7dbeb;
box-sizing: border-box;
border-radius: 100px;
padding: 5px 15px 5px 5px;
}
.btn_store__list {
display: flex;
justify-content: space-between;
width: 100%;
}
.footer .btn_store {
gap: 0;
}
.footer .btn_store a {
background: none;
border: none;
padding: 0;
}
.footer .apk .line {
display: none;
}
.btn_store a .cont,
.title__btn a svg {
margin-left: 10px;
}
.btn_store a .cont p:nth-child(1) {
font-style: normal;
font-weight: 600;
font-size: 11px;
line-height: 100%;
color: #282c42;
opacity: 0.5;
margin: 0;
}
.btn_store a .cont p:nth-child(2) {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 100%;
color: #282c42;
}
.banner-3 .cint-img img:nth-child(1) {
right: 8%;
top: 4%;
}
.banner-3 .cint-img img:nth-child(2) {
right: 14%;
bottom: 37%;
z-index: 1;
}
.banner-3 .cint-img img:nth-child(3) {
left: -11%;
bottom: 19%;
transform: rotate(200deg);
}
.btn_store__background {
width: 35px;
height: 35px;
background-color: rgba(130, 134, 161, 0.13);
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.wallet_services__block {
display: flex;
align-items: center;
justify-content: center;
}
.wallet.banner-3 p {
margin-bottom: 25px;
color: #2b2942;
}
.wallet__first_block_item {
display: flex;
align-items: center;
margin-bottom: 10px;
font-size: 18px;
font-weight: 600;
}
.wallet__first_block_item svg {
margin-right: 10px;
}
.wallet__first_block_list {
margin-bottom: 40px;
}
.wallet .stores__button {
display: flex;
flex-wrap: wrap;
}
.wallet .mob-btn {
background: #6c63ff;
color: #fff;
margin-right: 15px;
margin-top: 0;
margin-bottom: 10px;
border: none;
}
.wallet .mob-btn--mobile {
width: 100%;
display: none;
}
.wallet .mob-btn .apk-count {
margin-bottom: 0;
color: #fff;
font-size: 12px;
line-height: 1.3;
}
.wallet .seventh-block .mob-btn {
background: #fff;
color: #282c42;
margin-bottom: 10px;
}
.wallet .seventh-block .apk {
justify-content: center;
padding-right: 8px;
margin-right: 0;
}
.wallet_second_block {
padding-top: 100px;
}
.wallet_second_block .max {
display: grid;
grid-template-columns: repeat(2, 1fr);
height: 500px;
}
.wallet .seventh-block svg circle {
stroke: #d9d9d9;
}
.wallet .seventh-block .apk svg path {
fill: black;
}
.wallet .seventh-block .apk-text {
color: black;
}
.wallet .seventh-block .apk-count {
font-size: 12px;
font-weight: normal;
color: black;
}
.wallet_second_block .content {
display: flex;
flex-direction: column;
justify-content: center;
}
.wallet_second_block h2 {
margin-bottom: 25px;
}
.wallet_second_block p {
color: #2b2942;
opacity: 0.8;
margin-bottom: 39px;
font-size: 17px;
}
.wallet_second_block__item {
display: flex;
align-items: center;
color: #2b2942;
line-height: 31px;
font-size: 18px;
font-weight: 600;
}
.wallet_second_block__item svg {
margin-right: 10px;
width: 28px;
}
.wallet_second_block__item .item__text {
width: fit-content;
}
.wallet_second_block .decor {
position: relative;
}
.wallet_second_block_decor-mini img {
position: absolute;
opacity: 0;
transition: 2s;
}
.wallet_second_block_decor-mini img:nth-child(1) {
top: 0;
left: -500px;
}
.wallet_second_block_decor-mini img:nth-child(2) {
bottom: 0;
left: 0;
}
.wallet_second_block_decor-mini img:nth-child(3) {
top: 0;
right: 0;
}
.wallet_second_block_decor-mini img:nth-child(4) {
bottom: 0;
right: 0;
}
.wallet_second_block_decor-mini--anim img {
opacity: 1;
}
.wallet_second_block_decor-mini--anim img:nth-child(1) {
top: 100px;
left: 50px;
}
.wallet_second_block_decor-mini--anim img:nth-child(2) {
bottom: 120px;
left: 50px;
}
.wallet_second_block_decor-mini--anim img:nth-child(3) {
top: 120px;
right: 100px;
}
.wallet_second_block_decor-mini--anim img:nth-child(4) {
bottom: 120px;
right: 70px;
}
.wallet_second_block_decor-elem {
opacity: 0;
transition: 4s;
position: absolute;
top: 0;
}
.wallet_second_block_decor-elem--anim {
opacity: 1;
}
.iban_second_block_decor-elem {
opacity: 0;
transition: 4s;
position: absolute;
top: 100px;
}
.iban_second_block_decor-elem:nth-child(2) {
position: relative;
}
.iban_second_block_decor-elem--anim {
opacity: 1;
}
.iban_second_block_decor-mini img {
opacity: 0;
transition: 1.5s;
position: absolute;
}
.iban_second_block_decor-mini img:nth-child(1) {
top: 0;
right: -30vw;
}
.iban_second_block_decor-mini--anim img:nth-child(1) {
right: 0;
opacity: 1;
}
.iban_second_block_decor-mini--anim img:nth-child(2) {
bottom: 170px;
opacity: 1;
}
.iban_second_block_decor-mini img:nth-child(3) {
top: 0;
right: 180px;
}
.iban_second_block_decor-mini--anim img:nth-child(3) {
opacity: 1;
top: 100px;
}
.iban_second_block_decor-mini img:nth-child(4) {
right: 130px;
bottom: 0;
}
.iban_second_block_decor-mini--anim img:nth-child(4) {
opacity: 1;
bottom: 160px;
}
@media (max-width: 767px) {
.wallet_second_block {
padding-top: 0;
}
.wallet_second_block .max {
display: flex;
flex-direction: column-reverse;
}
.wallet_second_block .content {
margin-bottom: 40px;
}
.wallet_second_block .content h2 {
font-size: 28px;
text-align: center;
}
.wallet_second_block p {
text-align: center;
}
.wallet_second_block__item {
font-size: 16px;
align-items: unset;
line-height: 20px;
margin-bottom: 8px;
}
.wallet_second_block__item svg {
position: relative;
top: 5px;
}
.wallet_second_block .decor {
text-align: center;
}
}
@media (max-width: 425px) {
.wallet .seventh-block .stores__button--mobile {
display: flex;
flex-direction: column;
width: 100%;
}
.wallet .seventh-block .stores__button--mobile .mob-btn {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 10px;
}
.wallet .seventh-block .mob-btn {
margin-bottom: 10px;
}
.wallet .seventh-block .stores__button--mobile .mob-btn a {
display: flex;
justify-content: center;
align-items: center;
color: #2b2942;
}
.wallet .seventh-block .stores__button--mobile .apk a {
flex-direction: row;
}
.wallet .seventh-block .stores__button--mobile .apk .line {
display: none;
}
.wallet .seventh-block .stores__button--mobile .mob-btn svg {
margin-right: 10px;
}
.wallet .seventh-block .apk-text {
margin-left: 0;
}
.wallet .mob-btn {
display: none;
}
.wallet .mob-btn.apk {
display: flex;
width: 100%;
justify-content: center;
}
.wallet .stores__button .apk-title {
font-weight: 600;
}
.wallet .mob-btn.apk .line {
display: none;
}
.wallet .mob-btn.apk svg {
margin-right: 15px;
}
.wallet .mob-btn--mobile {
display: flex;
flex-direction: column;
}
.wallet .mob-btn--mobile p {
font-size: 16px;
font-weight: 600;
color: #fff;
}
.wallet .mob-btn--mobile .button {
background: #6c63ff;
border-radius: 50px;
display: flex;
justify-content: center;
margin-bottom: 10px;
padding: 8px;
}
.wallet .mob-btn--mobile a {
display: flex;
flex-direction: row;
align-items: center;
}
.wallet .mob-btn--mobile p {
margin-bottom: unset;
color: #fff;
margin-left: 15px;
}
}
.wallet_benefits {
padding-top: 100px;
margin-bottom: 100px;
}
.wallet_benefits h2 {
margin-bottom: 69px;
}
.wallet_benefits_list {
display: grid;
grid-template-columns: repeat(3, 1fr);
justify-content: space-between;
}
.wallet_benefits_item {
display: flex;
flex-direction: column;
align-items: center;
max-width: 281px;
margin: 0 auto 56px;
text-align: center;
opacity: 0;
transition: 1s;
}
.wallet_benefits_item:nth-child(2) {
transition-delay: 0.5s;
}
.wallet_benefits_item:nth-child(3) {
transition-delay: 1s;
}
.wallet_benefits_item:nth-child(4) {
transition-delay: 1.5s;
}
.wallet_benefits_item:nth-child(5) {
transition-delay: 2s;
}
.wallet_benefits_item:nth-child(6) {
transition-delay: 2.5s;
}
.wallet_benefits_item img {
height: 52px;
margin-bottom: 25px;
}
.wallet_benefits_item p {
font-size: 22px;
font-weight: 600;
color: #2b2942;
line-height: 29px;
}
.wallet_benefits_item--anim {
opacity: 1;
}
@media (max-width: 767px) {
.wallet_benefits {
padding-top: 0;
margin-bottom: 0;
}
.wallet_benefits h2 {
margin-bottom: 30px;
font-size: 28px;
}
.wallet_benefits_list {
display: flex;
flex-direction: column;
}
.wallet_benefits_item {
margin-bottom: 40px;
}
.wallet_benefits_item img {
margin-bottom: 20px;
}
}
.quppy-advantages {
text-align: center;
padding-top: 100px;
}
.quppy-advantages h2 {
margin-bottom: 64px;
}
.quppy-advantages .video__wrapper {
position: relative;
width: 100%;
padding-top: 59%;
}
.quppy-advantages .video {
display: none;
}
.quppy-advantages iframe {
position: absolute;
top: 0;
left: 0;
height: 95.5%;
width: 100%;
background-size: 100%;
}
.quppy-advantages .background {
position: absolute;
top: 0;
left: 0;
}
.quppy-advantages .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
cursor: pointer;
}
@media (max-width: 767px) {
.quppy-advantages {
padding-top: 0;
}
.quppy-advantages h2 {
margin-bottom: 25px;
font-size: 28px;
}
}
.wallet_services__block .block {
position: absolute;
cursor: pointer;
}
.wallet_services__block .cont {
background: #fff;
box-shadow: 0 14px 34px rgba(142, 131, 146, 0.26);
border-radius: 15px 15px 0 15px;
padding: 20px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 17px;
}
.wallet_services__block .cont p {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 100%;
display: flex;
align-items: center;
letter-spacing: 0.02em;
color: #282c42;
}
.wallet_services__block .cont p::before {
content: "";
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/E-wallet/ping_galka.svg);
width: 19px;
height: 19px;
margin-right: 8px;
}
.wallet_services__block .block-main .block .cont {
position: absolute;
opacity: 0;
display: none;
transition: 0.3s;
}
.wallet_services__block .block-main .block:hover .cont {
opacity: 1;
display: flex;
}
.wallet_services__block .block-main > img {
z-index: 20;
position: relative;
}
.wallet_services__block.anim .block-main .block:nth-child(1) {
z-index: 9;
position: relative;
}
.wallet_services__block.anim .block-main .block:nth-child(2) {
z-index: 7;
left: -27%;
bottom: -31%;
}
.wallet_services__block.anim .block-main .block:nth-child(3) {
z-index: 5;
top: -12px;
right: -48%;
}
.wallet_services__block.anim .block-main .block:nth-child(4) {
z-index: 6;
bottom: 13%;
left: -53%;
}
.wallet_services__block.anim .block-main .block {
transition: 0.5s;
transition-delay: 0.5s;
}
.wallet_services {
padding-bottom: 118px;
overflow: hidden;
}
.wallet_services__block .block-main .block:nth-child(1) .cont {
top: -60px;
left: -80px;
}
.wallet_services__block .block-main .block:nth-child(2) .cont {
top: -80px;
left: -125px;
}
.wallet_services__block .block-main .block:nth-child(3) .cont {
top: -80px;
left: 120px;
border-radius: 15px 15px 15px 0;
}
.wallet_services__block .block-main .block:nth-child(4) .cont {
top: -95px;
left: -140px;
}
.wallet_services__block .block-main {
position: relative;
}
.advantages__block {
display: flex;
align-items: center;
justify-content: center;
}
.advantages__block .btn svg path {
transition: 0.2s;
}
.advantages__block .btn:hover svg path {
fill: #fff;
}
.nav--scroll {
z-index: 99999999;
}
.wallet_services__block .block-main .block:nth-child(4) {
left: -230%;
}
.wallet_services__block .block-main .block:nth-child(3) {
right: -250%;
}
.wallet_services__block .block-main .block:nth-child(2) {
bottom: -120%;
}
.advantages__block {
opacity: 0;
transition: 0.3s;
transition-delay: 0.5s;
transform: scale(0.75);
}
.advantages__block.anim {
opacity: 1;
transform: scale(1);
}
.banner-4 {
padding-top: 135px;
}
.banner-4 .cint-img img:nth-child(1) {
top: 7%;
right: 17%;
}
.banner-4 .cint-img img:nth-child(2) {
left: 3%;
top: 0;
}
.banner-4 .cint-img img:nth-child(3) {
left: 27%;
bottom: 0;
}
.tutorials .stores__button {
position: relative;
top: 37px;
display: flex;
flex-wrap: wrap;
}
.tutorials .apk {
margin: 0;
}
.tutorials .mob-btn.apk {
padding: 8px 9px 8px 18px;
}
.tutorials .apk-count .count {
margin-right: 5px;
}
.tutorials .stores__button--mobile {
display: none;
}
.tutorials .stores__button--mobile .mob-btn {
margin-bottom: 15px;
max-width: 345px;
width: auto;
}
.tutorials .stores__button--mobile .button__link {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
color: #fff;
}
.tutorials .stores__button--mobile .button__link svg {
margin: 0 10px;
}
.tutorials .stores__button--mobile .mob-btn:first-child {
padding-right: 30px;
}
.tutorials .stores__button--mobile .mob-btn span::after {
display: none;
}
.store-name {
width: auto;
}
.tutorials .swap-2 .block {
top: -6px;
}
.tutorials .banner p {
line-height: 29px;
min-width: 430px;
}
.tutorials .banner .apk-count {
display: flex;
color: white;
font-size: 12px;
min-width: auto;
line-height: unset;
}
.tutorials .mob-btn {
width: fit-content;
background: #6c63ff;
color: #fff;
border: none;
font-size: 16px;
padding: 8px 9px 8px 17px;
justify-content: space-between;
margin-bottom: 15px;
}
.tutorials .mob-btn:first-child {
margin-right: 15px;
}
.tutorials .mob-btn span {
position: relative;
display: block;
font-weight: 400;
}
.stores__button__devider {
width: 1px;
height: 32px;
background: #fff;
margin: 0 10px;
}
.tutorials .banner-4 .apk a {
display: flex;
}
.tutorials .mob-btn a {
cursor: pointer;
}
.tutorials .block .anim img {
max-width: 107%;
}
.tutorial_video__block {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
@media (max-width: 1200px) {
.tutorial_video__block {
justify-content: center;
}
}
.tutorial_video__block .block {
width: 380px;
padding: 30px;
background: #fff;
border: 1px solid #e2e3ff;
box-sizing: border-box;
box-shadow: 0 13px 20px -10px rgba(196, 194, 235, 0.4);
border-radius: 20px;
opacity: 0;
transition: 0.3s;
}
.tutorial_video__block .txt {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 160%;
letter-spacing: 0.02em;
color: #66647e;
}
.tutorial_video__block .zag {
font-weight: 700;
font-size: 26px;
line-height: 35px;
letter-spacing: 0.02em;
color: #282c42;
margin-top: 23px;
margin-bottom: 31px;
padding-right: 6px;
}
.tutorial_video__block img {
width: 100%;
border-radius: 15px;
}
.tutorial_video__block.anim .block {
opacity: 1;
}
.tutorial_video__block.anim .block:nth-child(2) {
transition-delay: 0.3s;
}
.tutorial_video__block.anim .block:nth-child(3) {
transition-delay: 0.6s;
}
.tutorial_video__block.anim .block:nth-child(4) {
transition-delay: 0.9s;
}
.tutorial_video__block.anim .block:nth-child(5) {
transition-delay: 1.2s;
}
.tutorial_video__block.anim .block:nth-child(6) {
transition-delay: 1.5s;
}
.tutorial_video__block.anim .block:nth-child(7) {
transition-delay: 1.8s;
}
.tutorial_video__block.anim .block:nth-child(8) {
transition-delay: 2.1s;
}
.tutorial_video__block.anim .block:nth-child(9) {
transition-delay: 2.4s;
}
.tutorial_view .video__wrapper {
width: 100%;
padding-top: 59%;
position: relative;
}
.tutorial_view .background {
position: absolute;
top: 0;
left: 0;
}
.tutorial_view .video {
display: none;
}
.tutorial_view .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
cursor: pointer;
}
.tutorial_view .block {
width: 100%;
padding: 0;
border: none;
box-shadow: none;
}
.tutorial_view iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-size: 100%;
}
.tutorial_view .zag {
font-size: 46px;
max-width: 859px;
margin-top: 32px;
margin-bottom: 24px;
line-height: 57px;
}
.tutorial_view .txt {
max-width: 859px;
font-size: 18px;
}
.tutorial_view .back {
padding-left: 10px;
}
.tutorial_view .back a {
display: flex;
align-items: center;
margin-top: 42px;
margin-bottom: 50px;
}
.tutorial_view .back svg {
margin-right: 23px;
}
.tutorial_view .back p {
font-size: 17px;
color: #2b2942;
}
.tutorial_view .tutorial_video__block {
padding-bottom: 50px;
gap: 0;
}
.tutorial_view .start-using {
position: relative;
padding-bottom: 100px;
}
.tutorial_view__title {
position: absolute;
left: 50%;
top: 43%;
font-size: 38px;
color: white;
width: 401px;
line-height: 47px;
}
.tutorial_view__description {
position: absolute;
top: 62%;
left: 50%;
color: white;
font-size: 20px;
width: 320px;
}
.tutorial_video h2 {
margin-bottom: 55px;
}
.tutorial_view .seventh-block__text {
margin-bottom: 20px;
}
.tutorial_view .seventh-block__wrap {
padding-bottom: 70px;
}
.tutorial_view .stores__button {
width: 100%;
display: flex;
}
.tutorial_view .seventh-block__title {
max-width: 400px;
}
.get-started__title {
font-size: 21px;
}
.get-started__list {
margin-bottom: 33px;
}
.get-started__item {
font-size: 19px;
padding-left: 8px;
margin-bottom: 3px;
line-height: 30px;
}
.sentiment {
font-size: 18px;
}
.tutorial_view .apk {
padding: 8px;
padding-left: 18px;
margin-right: 0;
}
.tutorial_view .apk svg circle {
stroke: #d9d9d9;
}
.tutorial_view .apk svg path {
fill: black;
}
.tutorial_view .apk-text {
color: black;
}
.tutorial_view .apk-count {
font-size: 12px;
font-weight: 400;
}
@media (max-width: 900px) {
.tutorial_view .seventh-block__wrap {
padding-top: 20px;
background-size: 100% 100%;
}
.tutorial_view .apk {
margin-right: 0;
width: auto;
display: flex;
justify-content: center;
}
.tutorial_view .stores__button {
justify-content: center;
}
}
.tutorial_view .seventh-block {
padding-bottom: 147px;
}
.tutorial_view .stores__button--mobile {
display: none;
}
.tutorial_view .mob-btn {
color: #000;
width: fit-content;
justify-content: center;
}
.banner-5 {
padding-top: 50px;
margin-bottom: 10px;
}
.banner-5 .swap-2 .block:nth-child(1) {
width: 57%;
}
.banner-5 .swap-2 .block:nth-child(2) {
width: 41%;
}
.banner-5 p {
max-width: 480px;
}
.banner-5 .cint-img img:nth-child(1) {
left: -10%;
bottom: 29%;
}
.banner-5 .cint-img img:nth-child(2) {
right: 0;
bottom: 5%;
}
.banner-5 .cint-img img:nth-child(3) {
right: 15%;
top: 46%;
}
.banner-5 .cint-img img:nth-child(4) {
right: 20%;
top: 15%;
z-index: 5;
}
.works__block {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}
.choose_quppy .swap-2 .block,
.works__block .block {
display: flex;
align-items: center;
flex-direction: column;
}
.works__block .block {
width: 380px;
background: #f7f7fd;
border-radius: 15px;
padding: 40px 20px;
}
.works__block .bg-img {
height: 245px;
}
.choose_quppy .bg_icons,
.works__block .bg-img,
.works__block span {
display: flex;
align-items: center;
justify-content: center;
}
.works__block span {
width: 37px;
height: 37px;
border-radius: 100%;
background: rgba(109, 99, 255, 0.2);
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 130%;
text-align: center;
letter-spacing: 0.02em;
color: #6d63ff;
}
.works__block p {
font-weight: 600;
font-size: 22px;
line-height: 130%;
max-width: 310px;
margin: 20px 0;
}
.works h2 {
margin-bottom: 50px;
}
.choose_quppy .swap-2 .block {
text-align: center;
margin-bottom: 60px;
}
.choose_quppy .bg_icons {
width: 55px;
height: 55px;
margin: auto auto 20px;
}
.choose_quppy .txt,
.choose_quppy .zag,
.works__block p {
font-style: normal;
text-align: center;
letter-spacing: 0.02em;
color: #2b2942;
}
section.crypto_our_side {
padding: 130px 0;
}
.choose_quppy .zag {
font-weight: 600;
font-size: 22px;
line-height: 130%;
margin-bottom: 20px;
}
.choose_quppy .txt {
font-weight: 400;
font-size: 17px;
line-height: 150%;
max-width: 380px;
}
.choose_quppy .zag {
max-width: 380px;
}
.works__block .block {
opacity: 0;
transition: 0.3s;
}
.choose_quppy.anim .btn,
.works__block.anim .block {
opacity: 1;
}
.works__block.anim .block:nth-child(2) {
transition-delay: 0.3s;
}
.works__block.anim .block:nth-child(3) {
transition-delay: 0.6s;
}
.works__block.anim .block:nth-child(4) {
transition-delay: 0.9s;
}
.works__block.anim .block:nth-child(5) {
transition-delay: 1.2s;
}
.works__block.anim .block:nth-child(6) {
transition-delay: 1.5s;
}
.choose_quppy .swap-2 .block:nth-child(1),
.choose_quppy .swap-2 .block:nth-child(3) {
position: relative;
left: -100%;
transition: 0.7s;
}
.choose_quppy .swap-2.anim .block:nth-child(1),
.choose_quppy .swap-2.anim .block:nth-child(3) {
left: 0;
}
.choose_quppy .swap-2.anim .block:nth-child(3) {
transition-delay: 0.5s;
}
.choose_quppy .swap-2 .block:nth-child(2),
.choose_quppy .swap-2 .block:nth-child(4) {
position: relative;
right: -100%;
transition: 0.7s;
}
.choose_quppy .swap-2.anim .block:nth-child(2),
.choose_quppy .swap-2.anim .block:nth-child(4) {
right: 0;
}
.choose_quppy .swap-2.anim .block:nth-child(4) {
transition-delay: 0.5s;
}
.choose_quppy .btn {
opacity: 0;
transition: 0.3s;
transition-delay: 1.3s;
}
@media (max-width: 1100px) {
.btn_store {
flex-wrap: wrap;
}
}
@media (max-width: 520px) {
.btn_store {
flex-direction: column;
}
.btn_store a {
width: 100%;
}
.btn_store a .cont {
margin: auto;
text-align: center;
}
}
.wallet_services__block__mob {
display: none;
}
@media (max-width: 767px) {
.wallet_services__block {
display: none;
}
.wallet_services__block__mob {
display: flex;
flex-direction: column;
position: relative;
align-items: center;
justify-content: center;
}
.wallet_services__block__mob > .block {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 83px;
}
.wallet_services__block__mob > .block > img:nth-child(1) {
position: relative;
top: 104px;
left: 114px;
}
.wallet_services__block__mob > .block > img:nth-child(2) {
position: relative;
top: -32px;
left: 218px;
}
.wallet_services__block__mob > .block > img:nth-child(3) {
position: relative;
top: 14px;
right: 38px;
z-index: 1;
}
.wallet_services__block__mob > .block > img:nth-child(4) {
position: relative;
top: 25px;
right: 308px;
}
.txt_galka.anim p {
width: 100%;
}
.txt_galka p::before {
min-width: 28px;
}
.txt_galka p span {
margin: auto;
text-align: center;
}
.txt_galka p:nth-child(7) span,
.txt_galka p:nth-child(8) span {
width: auto;
}
}
.swiper-horiz {
margin: 0 -15px;
width: calc(100% + 30px);
padding: 0 15px 50px;
}
.cont__mov {
padding: 20px;
width: -webkit-max-content;
width: -moz-max-content;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 17px;
width: 100%;
background: #fff;
box-shadow: 0 15px 30px -10px #c4c2eb;
border-radius: 10px;
}
.banner .info .info__block span,
.cont__mov p {
font-style: normal;
font-size: 18px;
letter-spacing: 0.02em;
}
.banner .info .info__block a {
color: #282c42;
}
.banner .info .info__block a:hover {
text-decoration: underline;
}
.banner .info .info__block p,
.cont__mov p {
display: flex;
align-items: center;
font-weight: 600;
line-height: 100%;
color: #282c42;
}
.cont__mov p::before {
content: "";
width: 19px;
height: 19px;
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/E-wallet/ping_galka.svg);
margin-right: 8px;
}
.swiper-horiz .swiper-slide {
width: calc(100vw - 50px);
}
.swiper-horiz .swiper-pagination-bullet {
cursor: pointer;
height: 7px;
width: 7px;
box-shadow: #000 0 4px 5px -2px;
background: #FFFFFF;
opacity: 0.5;
}
.swiper-horiz .swiper-pagination-bullet-active {
background: #FFFFFF;
opacity: 1;
}
@media (max-width: 767px) {
.firsth_with .card-1,
.firsth_with .card-2 {
left: 0;
right: 0;
margin: auto;
max-width: 225px;
}
.firsth_with .max {
padding: 185px 0 135px;
}
}
.banner .info .info__block {
position: relative;
padding-left: 50px;
margin-bottom: 55px;
}
.banner .info .info__block p {
flex-direction: column;
margin-bottom: 25px;
align-items: flex-start;
justify-content: flex-start;
font-style: normal;
font-size: 24px;
line-height: 160%;
letter-spacing: 0.02em;
opacity: 1;
}
.banner .info .info__block span {
font-weight: 400;
line-height: 160%;
color: #66647e;
}
.banner .info .info__block::before {
width: 32px;
height: 32px;
left: 0;
top: 2px;
position: absolute;
content: "";
}
.banner .info .info__block.mail::before {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/contact/Message.svg);
}
.banner .info .info__block.adr::before {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/contact/Location.svg);
}
.banner_6 {
padding-top: 70px;
padding-bottom: 30px;
position: relative;
}
.banner_6__bg {
position: absolute;
top: 50%;
right: 50%;
transform: translate(93%, -50%);
}
@media (max-width: 767px) {
.banner_6 {
padding-bottom: 0;
}
.banner_6__bg {
transform: translate(50%, -8%);
}
}
.banner_6 .swap-2 .block:nth-child(2) .block__qr {
margin: 0;
flex-direction: column;
width: 240px;
background: #fff;
box-shadow: 0 13px 20px -10px rgba(80, 77, 141, 0.4);
border-radius: 20px;
padding: 40px 30px;
position: relative;
opacity: 0;
transition: 0.5s;
}
.banner_6 .swap-2 .block:nth-child(2) .block__qr img {
width: auto;
min-width: auto;
max-width: 100%;
}
.banner_6 .swap-2 .block:nth-child(2),
.banner_6 .swap-2 .block:nth-child(2) .block__qr {
display: flex;
align-items: center;
justify-content: center;
}
.banner_6 .swap-2 .block:nth-child(2) .block__qr:nth-child(1) {
margin-top: 50px;
margin-right: -7px;
}
.banner_6 .swap-2 .block:nth-child(2) .block__qr:nth-child(2) {
margin-bottom: 50px;
margin-left: -7px;
}
.banner_6 .cint-img img:nth-child(1) {
top: -6%;
right: 40%;
transform: rotate(45deg);
}
.banner_6 .cint-img img:nth-child(2) {
bottom: 38%;
right: -1%;
}
.banner_6 .cint-img img:nth-child(3) {
top: -12%;
left: 1%;
width: 15px;
}
.banner_6 .cint-img img:nth-child(4) {
bottom: -13%;
right: 44%;
}
.banner_6 .swap-2 .block:nth-child(2) .block__qr:nth-child(1) {
left: -100%;
}
.banner_6 .swap-2 .block:nth-child(2) .block__qr:nth-child(2) {
left: 100%;
}
.banner_6 .swap-2 .block.anim:nth-child(2) .block__qr:nth-child(1),
.banner_6 .swap-2 .block.anim:nth-child(2) .block__qr:nth-child(2) {
opacity: 1;
left: 0;
right: 0;
}
.banner_7 {
padding-top: 40px;
}
.banner_7 .swap-2 .block:nth-child(2) .cont {
position: relative;
padding-top: 350px;
text-align: center;
}
.banner_7 .cont .cart,
.banner_7 .cont .ph {
position: absolute;
}
.banner_7 .cont .ph {
right: 3%;
bottom: 25%;
}
.banner_7 .cont .cart {
right: 25%;
bottom: 35%;
}
.banner_7 p {
max-width: 100%;
}
.banner_7 .swap-2 .block:nth-child(2) .cart,
.banner_7 .swap-2 .block:nth-child(2) .ph {
opacity: 0;
transition: 2s;
bottom: -10%;
}
.banner_7 .swap-2 .block.anim:nth-child(2) .cart,
.banner_7 .swap-2 .block.anim:nth-child(2) .ph {
opacity: 1;
}
.banner_7 .swap-2 .block.anim:nth-child(2) .cart {
bottom: 40%;
left: 16%;
width: 206px;
}
.banner_7 .swap-2 .block.anim:nth-child(2) .ph {
bottom: 25%;
transition-delay: 0.3s;
width: 280px;
}
.banner_7 .cint-img img:nth-child(1) {
top: 24%;
right: 85%;
transform: rotate(140deg);
}
.banner_7 .cint-img img:nth-child(2) {
top: 4%;
left: 0%;
width: 15px;
}
.banner_7 .cint-img img:nth-child(3) {
top: 44%;
right: 0%;
}
@media (max-width: 767px) {
.banner_7 .swap-2 .block.anim:nth-child(2) .cart {
bottom: 45%;
left: -3%;
width: 160px;
}
.banner_7 .swap-2 .block.anim:nth-child(2) .ph {
width: 220px;
}
}
@media (max-width: 425px) {
.banner_7 .swap-2 .block.anim:nth-child(2) .ph {
width: 220px;
}
}
.service h2 {
max-width: 450px;
margin: auto auto 130px;
}
.service_block {
max-width: 670px;
margin-bottom: 32px;
}
.pyramid_block_license {
font-size: 12px;
font-weight: 500;
color: #2b2942;
opacity: 0.5;
}
.service_block .block,
.timeline_block {
position: relative;
}
.service_block .block p {
background-repeat: no-repeat;
background-position: center;
font-style: normal;
font-weight: 700;
font-size: 16.9506px;
line-height: 100%;
color: #fff;
text-align: center;
z-index: 5;
position: relative;
margin: 10px 0;
}
.service_block .block-1 p {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Company/svg/1.svg);
padding-top: 55px;
padding-bottom: 15px;
}
.service_block .block p span {
display: inline-block;
min-height: 17px;
}
.service_block .block .txt {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 160%;
letter-spacing: 0.02em;
color: #2b2942db;
position: absolute;
right: -100%;
top: 0;
bottom: 0;
display: flex;
align-items: center;
z-index: 1;
}
.service_block .block-1 .txt {
background: linear-gradient(
90deg,
#f9e4ff -9.13%,
rgba(255, 255, 255, 0) 100%
);
padding-left: 7%;
}
.service_block .block-2 p {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Company/svg/2.svg);
background-size: 182px auto;
padding: 36px 0;
}
.service_block .block-2 .txt {
background: linear-gradient(
90deg,
#ffd4c2 -39.72%,
rgba(255, 255, 255, 0) 100%
);
padding-left: 14%;
}
.service_block .block-3 p {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Company/svg/3.svg);
background-size: 276px auto;
padding: 24px 0;
}
.service_block .block-3 .txt {
background: linear-gradient(
90deg,
#a6deff -39.72%,
rgba(255, 255, 255, 0) 100%
);
padding-left: 21%;
}
.service_block .block-4 p {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Company/svg/4.svg);
padding: 30px 0;
background-size: 366px;
}
.service_block .block-4 .txt {
background: linear-gradient(
90deg,
#ffc1d5 -39.72%,
rgba(255, 255, 255, 0) 100%
);
padding-left: 29%;
}
.service_block .block-5 p {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Company/svg/5.svg);
padding: 32px 0;
background-size: 452px;
}
.service_block .block-5 .txt {
background: linear-gradient(
90deg,
#b8b6ff -39.72%,
rgba(255, 255, 255, 0) 100%
);
padding-left: 37%;
}
.service_block .block-6 p {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Company/svg/6.svg);
padding: 34px 0;
background-size: 572px;
}
.service_block .block-6 .txt {
background: linear-gradient(
90deg,
#65ca8d -39.72%,
rgba(255, 255, 255, 0) 100%
);
padding-left: 45%;
}
.service_block .block-7 p {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Company/svg/7.svg);
padding: 34px 0;
background-size: 636px;
}
.service_block .block-7 .txt {
background: linear-gradient(
90deg,
#f79aff -39.72%,
rgba(255, 255, 255, 0) 100%
);
padding-left: 51%;
}
.service_block .block-3 p span {
max-width: 170px;
line-height: 120%;
}
@media (max-width: 768px) {
.swap-2 .block {
margin-bottom: 70px;
}
.banner_7 .cint-img img:nth-child(2) {
display: none;
}
.banner_7 .cint-img img:nth-child(3) {
top: 0;
right: 40%;
}
}
@media (max-width: 425px) {
.banner_6 {
text-align: center;
}
.banner_6__bg {
transform: translate(50%, -20%);
}
.banner_6 .swap-2 .block:nth-child(2) {
flex-direction: column;
}
.banner_6 .swap-2 .block:nth-child(2) .block__qr:nth-child(1) {
margin-right: 0;
margin-bottom: 15px;
margin-top: 0;
}
.banner_6 .swap-2 .block:nth-child(2) .block__qr:nth-child(1),
.banner_6 .swap-2 .block:nth-child(2) .block__qr:nth-child(2) {
width: 100%;
max-width: 345px;
}
.swap-2 .block {
margin-bottom: 60px;
}
.banner .info .info__block {
padding: 0;
padding-top: 62px;
}
.banner .info .info__block::before {
left: 50%;
transform: translateX(-50%);
top: 10px;
}
.banner .info .info__block p {
align-items: center;
}
.banner_6 .cint-img img:nth-child(1) {
left: 5%;
top: -2%;
}
.banner_6 .cint-img img:nth-child(2) {
top: -60px;
right: -8%;
}
.banner_6 .cint-img img:nth-child(3),
.banner_6 .cint-img img:nth-child(4) {
display: none;
}
.banner_6 .swap-2 .block:nth-child(2) .block__qr img {
max-width: 171px;
}
.banner_6 .btn_store a {
width: fit-content;
}
.banner_6 .btn_store__background {
margin-right: 17px;
}
}
@media (max-width: 350px) {
.banner_7 .cint-img img:nth-child(3) {
top: 0;
right: 40%;
}
}
.timeline_block {
padding-top: 110px;
padding-bottom: 100px;
}
.timeline_block::after {
top: 0;
content: "";
width: 6px;
height: 100%;
background: #fff;
background: linear-gradient(
180deg,
#fff 0,
#7a63f4 20%,
#0744a0 40%,
#b764c0 60%,
#ff705d 80%,
#fff 100%
);
position: absolute;
left: 0;
right: 0;
margin: auto;
}
.timeline_block .block {
text-align: right;
width: 50%;
padding-right: 100px;
margin-bottom: 50px;
position: relative;
}
.timeline_block .block:nth-child(even) {
padding-right: 0;
padding-left: 100px;
margin-left: auto;
text-align: revert;
}
.timeline_block .zag {
font-weight: 700;
font-size: 28px;
color: #282c42;
margin-bottom: 35px;
position: relative;
display: flex;
align-items: center;
justify-content: right;
}
.timeline_block .block:nth-child(even) .txt,
.timeline_block .block:nth-child(even) .zag {
justify-content: left;
}
.timeline_block .block:nth-child(even) .zag::after {
right: unset;
left: -130px;
}
.timeline_block .block:nth-child(even) .zag::before {
right: unset;
left: -110px;
}
.timeline_block .zag::after {
content: "";
background: rgba(255, 255, 255, 0.6);
box-shadow: 0 16.7308px 33.4615px rgba(38, 35, 97, 0.19);
-webkit-backdrop-filter: blur(17px);
backdrop-filter: blur(17px);
width: 62px;
height: 62px;
position: absolute;
border-radius: 100%;
z-index: 5;
right: -130px;
}
.timeline_block .zag::before {
content: "";
width: 21px;
height: 21px;
background: #6d64ff;
position: absolute;
border-radius: 100%;
z-index: 7;
right: -110px;
}
.timeline_block .txt {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;
letter-spacing: 0.02em;
color: #000;
position: relative;
display: flex;
align-items: center;
justify-content: right;
margin: 30px 0;
}
.timeline_block .txt::after {
content: "";
width: 20px;
height: 20px;
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Pre-Order_Card/galka.svg);
position: absolute;
background-size: 100%;
right: -40px;
}
.timeline_block .txt:last-child {
margin-bottom: 0;
}
.timeline_block .block:nth-child(even) .txt::after {
right: unset;
left: -40px;
}
.timeline_block .block:nth-child(1) .zag::before {
background: #d1cafb;
}
.timeline_block .block:nth-child(2) .zag::before {
background: #4955d0;
}
.timeline_block .block:nth-child(3) .zag::before {
background: #434eaa;
}
.timeline_block .block:nth-child(4) .zag::before {
background: #de6a87;
} .media {
background: #f7f7fb;
padding: 98px 0 0;
}
.media .max {
position: relative;
}
.media-bg {
position: absolute;
width: 100%;
bottom: 0;
}
.media h2 {
margin-bottom: 70px;
font-size: 38px;
color: #2b2942;
}
.at__swap,
.media_block {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.media_block {
border-bottom: 1px solid #e6e6f0;
padding-bottom: 40px;
justify-content: center;
}
.media.company .media_block {
border-bottom: none;
}
.media_block .block {
width: calc(33.33333% - 22px);
margin: 24px 11px;
}
.media_block .cont {
background: #fff;
border-radius: 10px;
filter: drop-shadow(0 14px 24px rgba(232, 232, 241, 0.5));
margin-bottom: 31px;
padding: 30px;
position: relative;
opacity: 0;
transition: 0.3s;
height: fit-content;
width: 375px;
margin-right: 22px;
}
.media_block .cont:last-child {
margin-right: 0;
margin-bottom: 0;
}
.media_block .cont img {
max-height: 38px;
margin-bottom: 18px;
}
.media_block .cont p {
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 150%;
letter-spacing: 0.02em;
color: #66647e;
}
.media_block .cont::after {
content: "";
position: absolute;
left: 15px;
bottom: -17px;
border: 20px solid transparent;
border-left: 20px solid #fff;
border-top: 20px solid #fff;
}
.media_block .cont.anim {
opacity: 1;
}
.media_block_button {
width: 180px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
border: 1px solid #d7dbeb;
border-radius: 28px;
margin: 0 auto;
color: #6c63ff;
font-size: 16px;
font-weight: 700;
z-index: 9;
cursor: pointer;
position: relative;
display: none;
position: relative;
top: -90px;
}
.media_block_button.hidden {
display: none;
}
@media (max-width: 768px) {
.at__swap {
flex-direction: column-reverse;
}
.partners .at__swap {
flex-direction: column;
}
.media {
padding-top: 55px;
}
.media .max {
padding-bottom: 107px;
}
.media_block {
border: none;
}
.media_block .cont {
margin: 0;
margin-bottom: 31px;
}
.media_block .cont:last-child {
margin-bottom: 0;
}
.media_block_button {
display: flex;
}
}
@media (max-width: 767px) {
.media_block .block {
width: 100%;
margin: 0;
}
}
@media (min-width: 766px) {
.media_block .cont:nth-child(2) {
transition-delay: 0.3s;
}
.media_block .cont:nth-child(3) {
transition-delay: 0.6s;
}
.media_block .cont:nth-child(4) {
transition-delay: 0.9s;
}
.media_block .cont:nth-child(5) {
transition-delay: 1.2s;
}
.media_block .cont:nth-child(6) {
transition-delay: 1.5s;
}
.media_block .cont:nth-child(7) {
transition-delay: 1.8s;
}
.media_block .cont:nth-child(8) {
transition-delay: 2.1s;
}
.media_block .cont:nth-child(9) {
transition-delay: 2.4s;
}
}
.at__swap .block {
width: calc(33.333% - 15px);
background: #fff;
border: 1px solid #e2e3ff;
box-sizing: border-box;
box-shadow: 0 13px 20px -10px rgba(196, 194, 235, 0.4);
border-radius: 20px;
padding: 30px;
margin: 7px;
}
.at__swap .block p {
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 130%;
letter-spacing: 0.02em;
color: #282c42;
margin: 25px 0 0;
}
.at__swap .bg_v {
position: relative;
justify-content: center;
}
.at__swap .bg_v,
.at__swap .play_v,
.stay .max {
display: flex;
align-items: center;
}
.at__swap .play_v {
position: absolute;
width: 48px;
height: 48px;
justify-content: center;
border-radius: 100%;
background: #fff;
box-shadow: 0 14px 26px rgba(33, 40, 65, 0.18);
}
.stay {
margin: 0;
padding: 110px 0;
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Company/bg.jpg);
background-position: center;
background-size: 100% 100%;
}
.stay .max {
flex-direction: column;
}
.stay h2 {
color: #fff;
margin-bottom: 0;
}
.stay .btn {
border: 1px solid #fff;
}
.stay .btn:hover {
border: 1px solid #6c63ff;
}
.service_block .block .txt {
left: 200%;
opacity: 1;
transition: 0.7s;
}
.service_block .block.anim .txt {
left: 50%;
}
@media (max-width: 1200px) {
.banner_7 .swap-2 .block:nth-child(2) .cont {
display: flex;
justify-content: center;
}
.banner_7 .cont .ph {
right: 0;
}
.banner_7 .cont .cart {
right: 25%;
}
.tutorial_view .seventh-block__block {
padding-right: 20px;
}
.tutorial_view .seventh-block__title {
font-size: 30px;
line-height: 40px;
max-width: 90%;
}
.tutorial_view .seventh-block__text {
font-size: 16px;
}
}
@media (max-width: 970px) {
.service_block {
max-width: 430px;
}
.service_block .block-1 .txt {
padding-left: 10%;
}
.service_block .block-2 .txt {
padding-left: 20%;
}
.service_block .block-3 .txt {
padding-left: 30%;
}
.service_block .block-4 .txt {
padding-left: 43%;
}
.service_block .block-5 .txt,
.service_block .block-6 .txt,
.service_block .block-7 .txt {
padding-left: 53%;
}
}
@media (max-width: 1200px) {
.tutorial_view .seventh-block__block {
padding: 0;
}
}
@media (max-width: 767px) {
.banner_7 .swap-2 .block:nth-child(2) .cont {
max-width: 375px;
margin: auto;
}
.banner_7 .cont .ph {
right: -20%;
width: 270px;
}
.banner_7 .cont .cart {
right: 23%;
}
.service_block .block p,
.timeline_block .zag::after,
.timeline_block .zag::before,
.timeline_block::after {
display: none;
}
.service_block .block.anim .txt {
left: 0;
right: 0;
position: unset;
border-radius: 12.7457px;
padding: 17px;
text-align: center;
display: block;
}
.service_block {
max-width: 100%;
}
.service_block .block,
.timeline_block {
margin: 8px 0;
}
.service_block .block-1 .txt {
background: #faeaff;
color: #c745f0;
}
.service_block .block-2 .txt {
background: #ffede6;
color: #ef8559;
}
.service_block .block-3 .txt {
background: #e0f4ff;
color: #42a7e1;
}
.service_block .block-4 .txt {
background: #ffedf2;
color: #ec5685;
}
.service_block .block-5 .txt {
background: #ededff;
color: #625dee;
}
.service_block .block-6 .txt {
background: #dff4e7;
color: #2ca05b;
}
.service_block .block-7 .txt {
background: #feedff;
color: #b741c1;
}
.timeline_block .block {
text-align: left;
width: 100%;
padding-right: 0;
margin-bottom: 50px;
position: relative;
}
.timeline_block .txt,
.timeline_block .zag {
justify-content: left;
}
.timeline_block .txt::after {
right: unset;
left: 0;
}
.timeline_block {
padding: 0;
}
.timeline_block .txt {
padding-left: 30px;
}
.timeline_block .block:nth-child(even) {
padding-left: 0;
}
.timeline_block .block:nth-child(even) .txt::after {
left: 0;
}
.at__swap .block {
width: 100%;
margin: 0 0 10px;
}
}
@media (max-width: 520px) {
.banner_7 .cont .ph {
right: -5%;
width: 230px;
}
.banner_7 .cont .cart {
right: 26%;
}
}
.timeline_block .txt,
.timeline_block .zag {
right: -300%;
opacity: 0;
transition: 0.5s;
}
.timeline_block .block.anim .txt,
.timeline_block .block.anim .zag {
right: 0;
opacity: 1;
}
.timeline_block .block:nth-child(even) .txt,
.timeline_block .block:nth-child(even) .zag {
left: -300%;
right: unset;
opacity: 0;
}
.timeline_block .block.anim:nth-child(even) .txt,
.timeline_block .block.anim:nth-child(even) .zag {
left: 0;
opacity: 1;
} .progress {
padding-top: 126px;
padding-bottom: 124px;
position: relative;
}
.progress__title {
margin-bottom: 90px;
font-size: 34px;
font-weight: 700;
}
.progress .columns {
display: flex;
justify-content: space-between;
padding-right: 95px;
}
.progress .columns .block {
padding-left: 44px;
}
.progress .already_launched {
max-width: 400px;
}
.progress .already_launched .zag {
font-size: 22px;
font-weight: 600;
padding-left: 63px;
position: relative;
margin-bottom: 42px;
}
.progress .already_launched .zag::after {
content: "";
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/progress/title-galka.svg);
width: 80px;
height: 80px;
position: absolute;
background-size: 100%;
left: -45px;
top: -18px;
}
.progress .already_launched .txt {
font-size: 18px;
line-height: 26px;
font-weight: 400;
margin-bottom: 24px;
}
.progress .columns .txt {
position: relative;
}
.progress .already_launched .txt::after {
content: "";
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Pre-Order_Card/galka.svg);
position: absolute;
width: 20px;
height: 20px;
background-size: 100%;
left: -35px;
top: 50%;
transform: translateY(-50%);
}
.progress .near_future {
width: 430px;
position: relative;
}
.progress .near_future__frame {
width: 111%;
height: 235px;
left: 0;
top: 0;
background: #fff;
position: absolute;
border-radius: 8px;
box-shadow: 0px 13px 20px -10px rgba(47, 46, 61, 0.4);
display: flex;
justify-content: end;
}
.progress .near_future__frame p {
transform: rotate(-90deg);
width: fit-content;
color: #b5b9bf;
font-size: 15px;
height: fit-content;
position: relative;
top: 46%;
right: -16%;
}
.progress .near_future::before {
content: "";
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/progress/decor.svg);
width: 618px;
height: 735px;
position: absolute;
right: -340px;
top: -160px;
z-index: -2;
}
.progress .near_future .zag {
font-size: 22px;
font-weight: 600;
padding-left: 63px;
position: relative;
margin-bottom: 42px;
}
.progress .near_future .zag::after {
content: "";
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/progress/title-plus.svg);
position: absolute;
width: 80px;
height: 80px;
background-size: 100%;
left: -45px;
top: -18px;
}
.progress .near_future .txt {
font-size: 18px;
line-height: 26px;
font-weight: 400;
margin-bottom: 24px;
}
.progress .near_future .txt::after {
content: "";
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/progress/plus.svg);
position: absolute;
width: 20px;
height: 20px;
background-size: 100%;
left: -35px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 970px) {
.progress .columns {
flex-direction: column;
align-items: center;
padding: 0;
}
.progress .already_launched {
margin-bottom: 100px;
}
}
@media (max-width: 767px) {
.progress {
padding-top: 30px;
padding-bottom: 0;
}
.progress__title {
font-size: 30px;
margin-bottom: 63px;
}
.progress .columns .txt {
width: 280px;
line-height: 25px;
}
.progress .columns .block {
padding-left: 5px;
}
.progress .already_launched {
margin-bottom: 68px;
}
.progress .near_future {
width: auto;
max-width: 400px;
}
.progress .near_future__frame {
left: -33px;
top: 40px;
width: 125%;
height: 218px;
}
.progress .near_future__frame p {
right: -21%;
}
}
@media (max-width: 375px) {
.progress .columns .txt {
width: 95%;
}
.progress .columns .block {
padding-left: 35px;
}
.progress .near_future .txt:nth-child(4) {
margin-bottom: 27px;
}
.progress .near_future .txt:nth-child(5) {
margin-bottom: 50px;
}
.progress .near_future__frame {
left: -9px;
width: 105%;
}
}
@media (max-width: 374px) {
.progress .near_future .txt {
font-size: 14px;
margin-bottom: 16px;
line-height: 18px;
}
.progress .columns .txt {
font-size: 14px;
margin-bottom: 16px;
line-height: 18px;
}
.progress .near_future__frame {
height: 175px;
}
.progress .near_future__frame p {
font-size: 13px;
}
}
.at__swap .block {
opacity: 0;
transition: 0.5s;
}
.at__swap .block.anim {
opacity: 1;
}
.at__swap .block:nth-child(2) {
transition-delay: 0.3s;
}
.at__swap .block:nth-child(3) {
transition-delay: 0.6s;
}
@media (min-width: 901px) {
.nav__item {
position: relative;
}
.nav__item .sub-menu {
position: absolute;
top: calc(100% + 26px);
display: none;
padding: 15px;
left: 58%;
transform: translateX(-50%);
text-align: center;
border-radius: 0 0 10px 10px;
background-color: #fff;
box-shadow: 0 16px 16px rgba(96, 56, 229, 0.32);
width: max-content;
}
.nav__list > .menu-item-has-children:nth-child(2).nav__item .sub-menu {
left: 69%;
}
.nav__list > .menu-item-has-children:nth-child(3).nav__item .sub-menu {
left: 80%;
}
.nav__item:hover .sub-menu {
display: block;
}
.nav__item .sub-menu::before {
content: "";
width: 100%;
height: 25px;
left: 0;
right: 0;
position: absolute;
top: -25px;
}
.nav {
z-index: 100;
}
.nav__item .sub-menu .sub-menu__item {
margin: 10px 0;
text-align: left;
}
}
.nav__link {
z-index: 100;
}
.seventh-block__title {
margin-bottom: unset;
}
@media (max-width: 900px) {
.nav__list .sub-menu {
display: none;
}
.nav__list .sub-menu.active {
display: block;
}
.active.menu-item-has-children::after {
transform: rotate(180deg);
}
.nav__item .sub-menu {
padding-left: 10px;
}
.nav__link {
display: inline-block;
margin-bottom: 20px;
font-size: 16px;
}
}
.footer__sub-menu .nav__link {
font-size: 12px;
margin-bottom: 5px;
color: #2b2942;
opacity: 0.5;
}
.footer__sub-menu .sub-menu__item {
max-width: 120px;
margin-bottom: 12px;
line-height: 1;
}
.footer-social {
display: flex;
justify-content: space-between;
}
.footer__social-link {
display: flex;
align-items: flex-end;
}
.footer__social-icon {
height: 20px;
}
.third-block__img__fix,
.title-block__img__fix {
display: none;
}
@media (max-width: 900px) {
.title-block__img__fix {
display: block;
text-align: center;
margin-top: 35px;
}
.title-block__img {
display: block;
transform: scale(0.75) translateX(-100%);
position: relative;
top: 0;
left: 50%;
max-height: 550px;
}
.title-block__img img:nth-child(1) {
left: 38%;
}
.title-block__img img:nth-child(2) {
left: 120px;
top: 246px;
width: 124px;
}
.title-block__img img:nth-child(3) {
left: 0;
}
.title-block__img img:nth-child(4) {
left: auto;
right: -68%;
}
.title-block__img img:nth-child(6) {
left: auto;
right: -45%;
}
.title-block__img img:nth-child(7) {
top: auto;
bottom: 85px;
left: 74%;
}
.title-block__img img:nth-child(8) {
left: auto;
right: -50%;
}
.second-block__wrap {
padding-top: 0;
padding-bottom: 0;
}
.fourth-block__wrap {
margin-top: 140px;
padding-bottom: 0;
}
}
@media (max-width: 500px) {
}
@media (max-width: 425px) {
}
@media (max-width: 767px) {
.media {
margin-top: -136px;
padding-top: 52px;
}
.media h2 {
font-size: 30px;
}
.media.company {
margin-top: 0;
}
}
@media (max-width: 550px) {
.media_block .cont {
width: 100%;
}
}
.popup {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000000d4;
padding: 85px 20px 20px;
align-items: center;
justify-content: center;
height: 100vh;
z-index: 15;
}
.popup.show {
display: block;
}
.popup.show .max {
position: relative;
top: 70px;
}
.popup img {
width: 100%;
}
.popup .closed {
position: absolute;
right: 15px;
top: 90px;
width: 40px;
height: 40px;
background: #fff;
border-radius: 7px;
box-shadow: #000 0 0 14px 5px;
cursor: pointer;
}
.popup iframe {
width: 100%;
height: 85vh;
border: 0;
}
.noscroll {
overflow: hidden;
}
.play_v {
transition: 0.3s;
}
.bg_v:hover .play_v {
transform: scale(1.2);
cursor: pointer;
}
.bg_v,
.dropbtn {
cursor: pointer;
}
.dropbtn {
padding: 10px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.02em;
display: flex;
align-items: center;
background: #fff;
border: 1px solid #d7dbeb;
border-radius: 28px;
transition: 0.3s;
color: #2b2942;
opacity: 0.8;
font-family: Gilroy, open-sans;
width: 126px;
}
.dropbtn img,
.dropdown-content a img {
margin-right: 10px;
}
.dropbtn svg {
margin-left: auto;
}
.dropbtn:hover {
opacity: 1;
}
#myInput {
box-sizing: border-box;
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/css/searchicon.png);
background-position: 14px 12px;
background-repeat: no-repeat;
font-size: 16px;
padding: 14px 20px 12px 45px;
border: 0;
border-bottom: 1px solid #ddd;
}
#myInput:focus {
outline: 3px solid #ddd;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
position: absolute;
background-color: #fff;
width: 126px;
overflow: auto;
border: 1px solid #d7dbeb;
box-shadow: 0px 4px 6px rgb(215 219 235 / 25%);
border-radius: 20px;
z-index: 10;
right: 0;
height: 0;
opacity: 0;
}
.dropdown-content a {
padding: 10px;
font-size: 14px;
text-decoration: none;
display: flex;
align-items: center;
color: #2b2942;
opacity: 0.8;
font-family: Gilroy, open-sans;
border-bottom: 1px solid #d7dbeb;
}
.dropdown-content.active a.active {
color: rgba(43, 41, 66, 0.6);
cursor: unset;
}
.dropdown-content.active a.active:hover {
background-color: transparent;
}
.dropdown-content svg {
position: absolute;
top: 17px;
right: 10px;
transform: rotate(180deg);
}
.dropdown a:hover {
background-color: #ddd;
}
.dropdown-content.active {
top: 0;
height: auto;
opacity: 1;
transition: ease-in-out, 1s;
display: flex;
flex-direction: column;
}
.dropdown-content.active a.active {
order: -1;
}
.language__close {
cursor: pointer;
width: 40px;
height: 40px;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
@media (max-width: 900px) {
.dropdown-content {
left: 50%;
transform: translateX(-50%);
right: unset;
}
}
.frst_post {
padding-top: 80px;
}
.post__block__first .f_zag {
font-weight: 400;
font-size: 14px;
line-height: 160%;
letter-spacing: 0.22em;
opacity: 0.4;
margin-top: 40px;
}
.post__block .f_zag,
.post__block__first .f_zag,
.post__block__first .zag {
font-style: normal;
color: #282c42;
margin-bottom: 20px;
}
.post__block .f_zag {
font-weight: 400;
font-size: 14px;
line-height: 160%;
letter-spacing: 0.22em;
opacity: 0.4;
}
.post__block__first .zag {
font-weight: 700;
font-size: 46px;
line-height: 125%;
letter-spacing: 0.02em;
}
.post__block__first .txt {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 160%;
letter-spacing: 0.02em;
color: #66647e;
}
.post__block {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding-bottom: 40px;
border-bottom: 2px solid #e9ebf1;
margin-bottom: 40px;
}
.post__block .f_zag {
margin-top: 0;
}
.post__block .cont {
max-width: 280px;
margin-right: 10px;
}
.post__block .zag,
.single_post h1 {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 130%;
letter-spacing: 0.02em;
color: #282c42;
}
.post__block__vertical {
flex-direction: column;
padding-bottom: 0;
border-bottom: none;
margin-bottom: 20px;
}
.post__block__vertical .f_zag {
margin-top: 30px;
margin-bottom: 15px;
}
.post__block__vertical .txt {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 160%;
letter-spacing: 0.02em;
color: #66647e;
margin-top: 15px;
}
.frst_post .swap-2 {
margin-bottom: 60px;
}
.title__btn {
margin-bottom: 35px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.title__btn h2 {
margin-bottom: 0;
margin-right: 20px;
}
.breadcrumbs a,
.single_post .f_zag,
.title__btn a {
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 21px;
letter-spacing: 0.02em;
color: #66647e;
}
.single_post {
padding-top: 50px;
padding-bottom: 50px;
}
.mini_max {
max-width: 745px;
}
.breadcrumbs {
margin-bottom: 50px;
}
.breadcrumbs a svg {
transform: rotate(180deg);
margin-right: 20px;
}
.single_post .f_zag {
font-size: 14px;
line-height: 160%;
letter-spacing: 0.22em;
color: #282c42;
opacity: 0.4;
}
.single_post h1 {
font-weight: 700;
font-size: 46px;
margin: 20px 0;
}
.post_txt p,
.single_post .post_date {
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 160%;
letter-spacing: 0.02em;
color: #282c42;
margin-bottom: 32px;
}
.post_img {
margin-bottom: 30px;
}
.post_txt p {
font-weight: 400;
font-size: 18px;
color: #66647e;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.single_post h1 {
font-weight: 700;
font-size: 30px;
line-height: 130%;
}
}
@media (max-width: 500px) {
.frst_post .post__block img {
display: none;
}
.frst_post .post__block .cont {
max-width: 100%;
margin-right: 0;
}
.post__block__vertical.post__block img {
display: inline-block;
}
}
.swap-2 .block .post__block {
opacity: 0;
transition: 0.5s;
right: -200%;
position: relative;
}
.swap-2 .block.anim .post__block {
opacity: 1;
right: 0;
}
.company_post.anim .block:nth-child(2) .post__block__vertical,
.frst_post .swap-3 .block.anim:nth-child(2), .swap-2 .block .post__block:nth-child(2) {
transition-delay: 0.3s;
}
.company_post.anim .block:nth-child(3) .post__block__vertical,
.frst_post .swap-3 .block.anim:nth-child(3), .swap-2 .block .post__block:nth-child(3) {
transition-delay: 0.6s;
}
.swap-2 .block .post__block:nth-child(4) {
transition-delay: 0.9s;
}
.company_post .post__block__vertical,
.frst_post .swap-3 .block,
.product_post .post__block__vertical {
opacity: 0;
transition: 0.5s;
}
.company_post.anim .post__block__vertical,
.frst_post .swap-3 .block.anim,
.product_post.anim .post__block__vertical {
opacity: 1;
transition: 0.5s;
}
.quppy-travel {
width: 100%;
margin: 32px auto;
}
.quppy-travel_title {
font-weight: 700;
font-size: 34px;
line-height: 130%;
color: #282c42;
text-align: center;
margin-bottom: 32px;
}
.quppy-travel_title a {
color: #282c42;
}
.quppy-travel_container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.quppy-travel_post {
background: #ffffff;
border: 1px solid #e2e3ff;
box-shadow: 0px 13px 20px -10px rgba(196, 194, 235, 0.4);
border-radius: 20px;
margin: 12px auto;
overflow: hidden;
}
.quppy-travel_post img {
display: none;
}
.quppy-travel_post .thumbnail {
width: 100%;
padding-top: 65.6%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.quppy-travel_content {
padding: 12px 30px 30px;
}
.quppy-travel_content .city {
margin-bottom: 8px;
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 130%;
letter-spacing: 0.3em;
text-transform: uppercase;
color: #c4c4c4;
}
.quppy-travel_content .zag {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 130%;
letter-spacing: 0.02em;
color: #282c42;
}
@media (min-width: 768px) {
.quppy-travel_post {
width: 32.5%;
}
.quppy-travel_post:nth-child(3n - 2) {
margin-left: 0;
}
.quppy-travel_post:nth-child(3n) {
margin-right: 0;
}
}
@media (max-width: 767px) {
.quppy-travel_post {
width: 100%;
}
}
.personal .block {
margin-bottom: 125px;
transition: 0.5s;
}
.personal .block.anim {
opacity: 1;
transition-delay: 0.3s;
}
.personal .block.anim:nth-child(3) img {
width: 30px;
}
.personal .block.anim:nth-child(even) {
opacity: 1;
transition-delay: 0.6s;
}
.banner_9 .cont {
display: flex;
align-items: flex-start;
justify-content: center;
}
.banner_9 .swap-2 {
overflow: inherit;
}
.banner_9 .cont img:nth-child(1) {
position: relative;
z-index: 5;
}
.banner_9 .cont img:nth-child(2) {
margin-left: -165px;
z-index: 3;
position: relative;
margin-top: 185px;
}
.banner_9 {
padding-top: 80px;
}
.text__block {
display: flex;
gap: 25px;
align-items: flex-start;
flex-wrap: wrap;
}
.text__block .block {
width: calc(50% - 15px);
}
.text__block .zag {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 130%;
letter-spacing: 0.02em;
color: #66647e;
margin-bottom: 3px;
}
.banner_9 .cint-img img:nth-child(1) {
bottom: 1%;
right: 35%;
z-index: 3;
transform: rotate(-85deg);
}
.banner_9 .cint-img img:nth-child(2) {
right: 15%;
top: 11%;
}
.banner_9 .cint-img img:nth-child(3) {
bottom: 9%;
left: 5%;
}
.banner_9 .cint-img img:nth-child(4) {
top: 16%;
right: 23%;
}
.mySwiper {
width: 100%;
height: 525px;
}
.mySwiper .swiper-slide {
height: max-content !important;
cursor: pointer;
}
.slider-vertical {
background: conic-gradient(
from 174.01deg at 91.04% -37.26%,
#c0c2f7 -15deg,
#c0c2f7 35.43deg,
#4380f0 61deg,
#6c63ff 82.98deg,
#6c63ff 112.5deg,
#ff6584 200.63deg,
#ff754a 261.03deg,
#c0c2f7 345deg,
#c0c2f7 395.43deg
);
}
.mySwiper .cont {
background: #fff;
border-radius: 10px;
margin-bottom: 40px;
padding: 30px;
position: relative;
}
.mySwiper .cont img {
max-height: 38px;
margin-bottom: 18px;
}
.mySwiper .cont p {
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 150%;
letter-spacing: 0.02em;
color: #66647e;
}
.mySwiper .cont::after {
content: "";
position: absolute;
left: 21px;
bottom: -25px;
border: 20px solid transparent;
border-left: 20px solid #fff;
border-top: 20px solid #fff;
}
.slider-vertical .swap-2 {
max-width: 800px;
margin: 0 auto;
gap: 90px;
align-items: center;
}
.slider-vertical .block {
width: calc(50% - 45px);
}
.slider-vertical h2 {
font-style: normal;
font-weight: 700;
font-size: 34px;
line-height: 130%;
letter-spacing: 0.02em;
color: #ffffff;
margin-bottom: 35px;
}
.crypto h2 {
max-width: 420px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.crypto .swap-3 {
gap: 50px;
justify-content: center;
}
.crypto .swap-3 .block {
text-align: center;
width: calc(33.33333% - 34px);
max-width: 280px;
}
.crypto .zag {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 130%;
text-align: center;
letter-spacing: 0.02em;
color: #2b2942;
margin-bottom: 10px;
}
.paymentsBTC .galka {
position: relative;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 150%;
letter-spacing: 0.02em;
color: #66647e;
padding-left: 30px;
margin: 20px 0;
}
.paymentsBTC .galka::after {
content: "";
width: 20px;
height: 20px;
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Pre-Order_Card/galka.svg);
position: absolute;
background-size: 100%;
left: 0;
top: 1px;
}
.paymentsBTC h2 {
margin-bottom: 30px;
}
.paymentsBTC .paymentsBTC-swap {
display: flex;
justify-content: space-between;
gap: 100px;
flex-wrap: wrap;
align-items: flex-start;
}
.paymentsBTC .max {
max-width: 1050px;
margin: 0 auto;
}
.paymentsBTC .paymentsBTC-swap .block:nth-child(1) {
width: 50%;
}
.paymentsBTC .paymentsBTC-swap .block:nth-child(2) {
width: calc(50% - 100px);
text-align: right;
}
.paymentsBTC .cstm {
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 130%;
letter-spacing: 0.02em;
color: #fb7c35;
padding: 5px 10px;
background: rgba(255, 155, 99, 0.15);
display: inline-block;
border-radius: 30px;
margin-bottom: 20px;
}
.benefit-swap {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 920px;
gap: 150px;
align-items: center;
}
.benefit-swap img {
width: 38%;
}
.benefit-swap .cont {
width: calc(62% - 150px);
}
.benefit-swap h2 {
margin-bottom: 25px;
}
.our-crypto {
max-width: 485px;
margin: 0 auto;
text-align: center;
}
.our-crypto h2 {
margin-bottom: 25px;
}
.get_started {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Acquiring/fon.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 0;
padding: 60px 0px;
}
.get_started h2 {
font-style: normal;
font-weight: 700;
font-size: 34px;
line-height: 130%;
letter-spacing: 0.02em;
color: #ffffff;
margin-bottom: 25px;
}
.get_started p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 160%;
letter-spacing: 0.02em;
color: #ffffff;
opacity: 0.8;
}
.overlay {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 20;
transition: 0.3s all;
}
.modal {
opacity: 0;
visibility: hidden;
width: 100%;
max-width: 500px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 30;
box-shadow: 0 3px 10px -0.5px rgba(0, 0, 0, 0.2);
text-align: center;
padding: 30px;
border-radius: 10px;
background-color: #fff;
transition: 0.3s all;
}
.modal.active,
.overlay.active {
opacity: 1;
visibility: visible;
}
.modal__cross {
width: 15px;
height: 15px;
position: absolute;
top: 20px;
right: 20px;
fill: #444;
cursor: pointer;
}
.banner-5 {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Referral_program/fon.png);
background-repeat: no-repeat;
background-position: center right;
background-size: auto 100%;
}
@media (max-width: 767px) {
.banner-5 {
background-image: none;
}
.banner-5 .swap-2 .block:nth-child(2) {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Referral_program/fon.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
}
.banner_9 {
overflow: hidden;
}
.banner_9 .block .cont img:nth-child(1) {
transform: translateY(130%);
transition: 0.7s;
opacity: 0;
transition-delay: 0.5s;
}
.banner_9 .block.anim .cont img:nth-child(1) {
transform: translateY(0%);
opacity: 1;
}
.banner_9 .block .cont img:nth-child(2) {
transform: translateY(130%);
transition: 0.7s;
opacity: 0;
}
.banner_9 .block.anim .cont img:nth-child(2) {
transform: translateY(0%);
opacity: 1;
}
.get_started {
transform: scale(0.9);
position: relative;
top: 30px;
transition: 0.5s;
}
.get_started.anim {
transform: scale(1);
top: 0px;
}
.our-crypto {
padding: 0 15px;
}
@media (max-width: 900px) {
.banner_9 .title-block__btn {
display: inline-block;
}
.banner .block:last-child {
text-align: left;
}
}
@media (max-width: 767px) {
.banner_9 .swap-2 > .block:nth-child(1) {
text-align: center;
}
.banner .text__block .block {
text-align: left;
}
.banner_9 h1 {
text-align: left;
}
.crypto .swap-3 .block {
text-align: center;
width: 100%;
max-width: 100%;
}
.crypto .swap-3 .block * {
max-width: 310px;
margin-left: auto;
margin-right: auto;
}
.paymentsBTC .paymentsBTC-swap,
.benefit-swap {
gap: 40px;
}
.paymentsBTC .max .paymentsBTC-swap .block {
width: 100%;
}
.paymentsBTC .paymentsBTC-swap .block:nth-child(2) {
text-align: center;
}
.benefit-swap {
flex-direction: column-reverse;
}
.benefit-swap .cont {
width: 100%;
}
.get_started {
text-align: center;
}
}
@media (max-width: 650px) {
.banner_9 .block.anim .cont img:nth-child(1) {
width: 270px;
}
.banner_9 .block.anim .cont img:nth-child(2) {
width: 270px;
margin-left: -140px;
margin-top: 140px;
}
.slider-vertical .swap-2 {
flex-direction: column-reverse;
gap: 50px;
}
.slider-vertical .block:nth-child(2) {
text-align: center;
}
.slider-vertical {
padding: 80px 0;
padding-bottom: 20px;
}
.mySwiper {
width: 100%;
height: auto;
}
.slider-vertical .swiper-pagination-bullet {
background: #fff;
}
.mySwiper {
margin: 0 -15px;
width: calc(100% + 30px);
padding: 0 15px 50px;
}
.mySwiper .swiper-slide {
width: calc(100vw - 90px);
}
}
.menu-item-has-children > .nav__link {
pointer-events: none;
}
.nav__list > .menu-item-has-children {
cursor: pointer;
position: relative;
margin-right: 50px;
}
.nav__list > .menu-item-has-children::after {
position: absolute;
content: url(//quppy.com/pt/wp-content/themes/quppycom/img/menu-item-has-children.svg);
top: 0;
right: -19px;
}
.wpcf7-form-control-wrap {
margin-bottom: 20px;
display: inline-block;
}
.wpcf7-form-control-wrap input {
height: 44px;
padding: 10px 20px;
font-size: 16px;
border-radius: 30px;
border: 2px solid #d7dbeb; width: 100%;
}
.wpcf7-form-control-wrap textarea {
padding: 10px 20px;
font-size: 16px;
border-radius: 30px;
border: 2px solid #d7dbeb;
max-width: 100%;
}
.wpcf7-form-control-wrap {
width: 100%;
margin-top: 10px;
}
label {
font-size: 18px;
font-weight: 700;
}
input.wpcf7-submit {
display: inline-flex;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 16px;
line-height: 32px;
text-align: center;
color: #6c63ff;
background: #fff;
border: 1px solid #d7dbeb;
border-radius: 28px;
padding: 7px 24px;
min-width: 180px;
transition: 0.2s;
height: auto;
cursor: pointer;
}
input.wpcf7-submit:hover {
background: #6c63ff;
color: #fff;
}
.wpcf7-spinner {
position: absolute;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #6b64fe;
padding: 10px;
font-size: 14px;
}
.cookie-notice-container {
display: block;
color: #fff;
font-weight: 500;
font-size: 15px;
background: conic-gradient(
from 159.87deg at 68% -745.28%,
#c0c2f7 -15deg,
#c0c2f7 35.43deg,
#4380f0 61deg,
#6c63ff 82.98deg,
#6c63ff 112.5deg,
#ff6584 200.63deg,
#ff754a 261.03deg,
#c0c2f7 345deg,
#c0c2f7 395.43deg
);
}
.cc-link {
color: rgb(255, 255, 255);
opacity: 0.8;
display: inline-block;
padding: 0.2em;
text-decoration: underline;
}
a#cn-accept-cookie {
background: #fff !important;
text-align: center;
color: #6c63ff !important;
border: 1px solid #d7dbeb !important;
border-radius: 28px !important;
padding: 7px 24px !important;
font-weight: 700 !important;
font-size: 16px;
line-height: 32px;
transition: 0.2s;
}
.nav.nav-fixed {
position: fixed;
top: 0;
}
.mob-btn {
background: #ddd;
display: flex;
border-radius: 30px;
align-items: center;
justify-content: space-between;
color: #6c63ff;
background: #fff; border-radius: 28px;
padding: 8px 9px 8px 20px;
font-weight: 700;
font-size: 16px;
width: fit-content;
}
.mob-btn .line {
width: 1px;
background: #d7dbeb;
height: 32px;
margin: 0 10px;
}
.mob-btn .syl-block {
display: flex;
gap: 10px;
align-items: center;
}
.mob-btn .syl-block a {
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
}
.referral .mob-btn .syl-block a {
flex-direction: row-reverse;
}
.referral .stores__button {
display: flex;
margin-top: 44px;
}
.referral .mob-btn,
.referral .mob-btn .apk {
background: #6c63ff;
color: #fff;
border: none;
font-size: 16px;
padding: 8px 9px 8px 20px;
justify-content: space-between;
margin-right: 15px;
}
.referral .mob-btn--mobile {
display: none;
}
.referral .mob-btn.apk {
padding: 8px 9px 8px 20px;
margin-right: 0;
}
.referral .btn_store {
height: auto;
}
.referral .apk {
margin: 0;
border: none;
padding: 0;
}
.referral .apk-count {
font-size: 12px;
color: #fff;
line-height: 1.3;
}
.referral .apk a {
flex-direction: row;
}
@media (max-width: 520px) {
.referral .apk {
width: 100%;
}
.referral .apk .syl-block {
width: 100%;
}
.referral .apk-text {
margin: auto;
}
}
@media (max-width: 420px) {
.referral .mob-btn,
.apk {
display: none;
}
.referral .mob-btn--mobile,
.referral .mob-btn--mobile .apk {
display: block;
}
.referral .mob-btn--mobile .apk {
margin-top: 15px;
padding: 8px;
}
.referral .mob-btn--mobile .apk .line {
display: none;
}
.referral .mob-btn--mobile .button {
background: #6c63ff;
font-size: 16px;
padding: 8px;
border-radius: 28px;
color: #fff;
margin-top: 15px;
}
.referral .mob-btn--mobile .button a {
display: flex;
align-items: center;
}
.referral .mob-btn--mobile .button p {
color: #fff;
font-weight: 700;
}
.referral .mob-btn--mobile svg {
margin-right: 15px;
}
.referral .mob-btn--mobile .apk a {
flex-direction: row;
}
}
@media (max-width: 374px) {
.referral .mob-btn--mobile a {
justify-content: center;
}
}
.mob-btn .syl-block a img {
display: block;
}
.styker_telegrams {
display: flex;
color: #6c63ff;
background: #fff;
border: 1px solid #d7dbeb;
border-radius: 28px;
padding: 7px 24px;
font-weight: 600;
max-width: 260px;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.footer__mid .btn_store {
display: flex;
margin: 0;
align-items: flex-start;
flex-wrap: wrap;
justify-content: center;
width: 225px;
margin-left: 80px;
margin-top: 10px;
}
.footer .btn_store__list {
padding-right: 60px;
}
.footer .btn_store__item:first-child { }
.footer__mid .btn_store > p.zag {
width: 100%;
text-align: left;
margin-bottom: 18px;
}
.footer__mid {
display: flex;
justify-content: flex-end;
padding-bottom: 50px;
border-bottom: 1px solid #e6e6f0;
}
.footer__mid .zag,
.soc_swap .zag {
font-weight: 500;
font-size: 16px;
line-height: 21px;
letter-spacing: 0.02em;
color: #66647e;
transition: 0.2s;
margin-bottom: 18px;
}
.soc_swap {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 10px;
width: 320px;
}
@media (max-width: 1050px) {
.footer__mid .zag,
.soc_swap .zag {
font-size: 14px;
}
.footer__mid .btn_store {
width: 220px;
margin-left: 85px;
}
}
@media (max-width: 900px) {
.footer__mid {
justify-content: flex-start;
flex-direction: column;
}
.footer__top {
padding-bottom: 40px;
}
.soc_swap {
margin-bottom: 50px;
margin-top: 0;
}
}
@media (max-width: 420px) {
.mob-btn .syl-block a {
flex-direction: row;
}
}
.ban-btn {
display: flex;
gap: 15px;
flex-wrap: wrap;
margin-top: 20px;
}
.mob__btn-swap {
display: flex;
gap: 15px;
flex-wrap: wrap;
margin-top: 30px;
}
.mob__btn-swap .title-block__btn {
margin-top: 0px;
}
.soc_swap .mail {
margin-top: 20px;
}
.nav__item .sub-menu {
z-index: 99;
}
@media (max-width: 900px) {
.footer__item {
margin-right: 0px;
}
.footer__mid .btn_store > p.zag,
.soc_swap .zag {
margin-bottom: 20px;
}
.main {
padding-top: 0px;
}
.tutorial_view .tutorial_get-started {
margin-bottom: 55px;
}
.footer__block {
width: 100%;
}
.footer__item {
text-align: left;
}
.footer__item:nth-child(5),
.footer__item:nth-child(6) {
position: relative;
}
.footer__mid .btn_store {
margin-left: unset;
margin-bottom: 35px;
flex-direction: row;
}
}
@media (max-width: 768px) {
.footer__bottom .footer__bottom-text:last-child {
display: flex;
flex-direction: row;
width: 100%;
}
}
@media (max-width: 520px) {
.footer__licenses,
.footer__adress {
display: none;
}
.overlay {
padding: 0 15px;
}
.ban-btn {
align-items: center;
justify-content: center;
}
section {
margin-bottom: 50px;
}
.title-block {
margin-bottom: 45px;
}
h2 {
margin-bottom: 30px;
}
.footer__bottom .footer__bottom-text:last-child,
.footer__bottom-text {
text-align: left;
}
.footer__bottom .footer__bottom-text:last-child {
flex-direction: column;
}
.footer__bottom-text span {
display: none;
}
.footer__item:nth-child(4),
.footer__item:nth-child(5),
.footer__item:nth-child(6) {
grid-row: 2/3;
grid-column: 2/3;
}
.footer__sub-menu .nav__link {
font-size: 12px;
}
.footer__sub-menu .sub-menu__item {
max-width: none;
}
.soc_swap {
width: auto;
max-width: 320px;
}
}
.personal .swap-2 {
justify-content: center;
}
.banner_7 .max {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Company/fon.png);
background-position: right center;
background-repeat: no-repeat;
background-position: 540px -130px;
}
.banner-2 .max::after {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Pre-Order_Card/fon1.png);
content: "";
overflow: unset;
width: 974px;
height: 1000px;
position: absolute;
right: 0;
z-index: -1;
}
.banner-2 .max {
overflow: unset;
}
.banner-2 .btn {
background-color: #6c63ff;
color: #ffffff;
border: 1px solid #6c63ff;
}
.banner-2 .btn:hover {
color: #6c63ff;
background: #fff;
border: 1px solid #d7dbeb;
}
.anim__img {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.anim__img img:first-child {
z-index: 20;
}
.anim__img .img-1,
.anim__img .img-2,
.anim__img .img-3,
.anim__img .img-4,
.anim__img .img-5 {
position: absolute;
transition: 0.5s;
left: 39%;
bottom: 0%;
top: 30%;
right: 0%;
}
.anim__img .img-3 {
top: 10%;
}
.anim .anim__img .img-1 {
left: 0;
opacity: 1;
right: unset;
top: unset;
bottom: unset;
}
.anim .anim__img .img-2 {
bottom: -42%;
opacity: 1;
left: 18%;
right: unset;
top: unset;
}
.anim .anim__img .img-3 {
top: unset;
bottom: -50%;
left: 60%;
right: unset;
}
.anim .anim__img .img-4 {
top: -30%;
left: 25%;
}
.anim .anim__img .img-5 {
left: 63%;
top: -28%;
}
.banner .swap-2 {
overflow: unset;
}
@media (max-width: 767px) {
.banner-2 .max::after {
display: none;
}
.banner .block:last-child {
text-align: left;
padding-top: 0px;
}
.wallet.banner .block:last-child {
text-align: center; }
}
.banner-4 .max::after {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Tutorial/fon.png);
content: "";
overflow: unset;
width: 974px;
height: 1000px;
position: absolute;
right: 0;
z-index: -1;
}
.banner-3 .max::after {
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/E-wallet/fon.png);
content: "";
overflow: unset;
width: 974px;
height: 1000px;
position: absolute;
right: 0;
z-index: -1;
}
.advertising__pay a {
color: white;
text-decoration: underline;
}
section.timeline {
padding-top: 138px;
}
section.wallet_services {
padding-top: 120px;
}
section.advantages .max h2 {
padding-top: 110px;
margin-bottom: 64px;
}
section.advantages .max .advantages__block {
padding-bottom: 74px;
}
section.one_card.wallet_page .txt_galka {
margin-bottom: 114px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
section.one_card.wallet_page .txt_galka p:nth-child(7) span,
section.one_card.wallet_page .txt_galka p:nth-child(8) span {
width: auto;
}
.block.multicurrency_first_block {
padding-top: 240px;
}
.block.multicurrency_first_block .btn_store {
justify-content: flex-start;
}
.block.multicurrency_first_block .stores__button {
margin-top: 40px;
display: flex;
}
.block.multicurrency_first_block .mob-btn {
color: #fff;
background: #6c63ff;
margin-right: 15px;
border: none;
}
.block.multicurrency_first_block .mob-btn--mobile {
display: none;
}
.block.multicurrency_first_block .mob-btn--mobile .button {
background: #6c63ff;
border-radius: 50px;
align-items: center;
padding: 8px;
height: fit-content;
width: 167px;
}
.block.multicurrency_first_block .mob-btn--mobile .button:first-child {
margin-right: 10px;
}
.block.multicurrency_first_block .mob-btn--mobile .button a {
display: flex;
align-items: center;
}
.block.multicurrency_first_block .mob-btn--mobile .button p {
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 32px;
margin-left: 15px;
}
.multicurrency_first_block .apk a {
padding: 8px 9px 8px 20px;
padding-left: 15px;
flex-direction: row-reverse;
}
.multicurrency_first_block .apk a svg {
margin-left: 10px;
}
.multicurrency_first_block .apk .line {
display: none;
}
.multicurrency_first_block .apk-text {
margin-left: 10px;
}
.block.multicurrency_first_block .apk {
padding: 0;
margin: 0;
border: none;
}
.block.multicurrency_first_block .apk-count {
font-size: 12px;
color: #fff;
line-height: 1.3;
}
.iban_second_block {
padding-top: 250px;
}
.iban_second_block .max {
display: grid;
grid-template-columns: repeat(2, 1fr);
position: relative;
}
.iban_second_block .content {
display: flex;
flex-direction: column;
justify-content: center;
}
.iban_second_block__title {
margin-bottom: 25px;
}
.iban_second_block__description {
margin-bottom: 37px;
color: #2b2942;
opacity: 0.8;
line-height: 29px;
font-size: 18px;
}
.iban_second_block__item {
display: flex;
color: #2b2942;
line-height: 31px;
font-size: 18px;
font-weight: 600;
}
.iban_second_block__item svg {
margin-right: 10px;
width: 28px;
margin-top: 5px;
}
.iban_second_block__item .item__text {
line-height: 30px;
}
.iban_second_block .decor {
position: relative;
}
.multicurrency .media_block {
padding-bottom: 140px;
}
@media (max-width: 767px) {
.iban_second_block {
padding-top: 150px;
margin-bottom: 0;
}
.iban_second_block .max {
display: flex;
flex-direction: column-reverse;
}
.iban_second_block .decor {
min-height: 500px;
}
.iban_second_block_decor-elem {
left: 50%;
transform: translateX(-50%);
}
.iban_second_block_decor-elem:nth-child(2) {
top: -100px;
}
.iban_second_block__title {
text-align: center;
max-width: 270px;
margin: auto;
margin-bottom: 20px;
}
.iban_second_block__description {
text-align: center;
max-width: 500px;
margin: auto;
margin-bottom: 37px;
font-size: 17px;
}
.multicurrency .media_block {
padding-bottom: 0;
}
.iban_second_block__item .item__text {
font-size: 16px;
line-height: 27px;
font-weight: 600;
}
}
@media (max-width: 420px) {
.iban_second_block {
padding-top: 100px;
}
.iban_second_block_decor-elem:nth-child(2) {
top: 0;
}
.iban_second_block_decor-mini--anim img:nth-child(1) {
display: none;
}
.iban_second_block_decor-mini--anim img:nth-child(2) {
bottom: 60px;
}
.iban_second_block_decor-mini--anim img:nth-child(3) {
right: 20px;
}
.iban_second_block_decor-mini--anim img:nth-child(4) {
bottom: 0;
right: 50px;
}
}
@media (max-width: 420px) {
.block.multicurrency_first_block .mob-btn {
display: none;
}
.block.multicurrency_first_block .mob-btn--mobile,
.block.multicurrency_first_block .mob-btn--mobile .apk {
display: block;
}
.block.multicurrency_first_block .mob-btn--mobile .apk {
width: auto;
}
.block.multicurrency_first_block .mob-btn--mobile .apk .syl-block {
justify-content: flex-start;
}
.block.multicurrency_first_block .mob-btn--mobile .button {
width: auto;
margin-bottom: 10px;
}
.block.multicurrency_first_block .mob-btn--mobile .button:first-child {
margin-right: unset;
}
.multicurrency_first_block .apk a {
flex-direction: row;
padding-left: 0px;
}
}
@media (max-width: 374px) {
.block.multicurrency_first_block .mob-btn--mobile {
flex-direction: column;
}
.block.multicurrency_first_block .mob-btn--mobile .button {
width: auto;
}
.block.multicurrency_first_block .mob-btn--mobile .button:first-child {
margin-bottom: 20px;
margin-right: unset;
}
}
section.personal .max h2 {
padding-top: 120px;
text-align: center;
max-width: 655px;
margin: 0 auto;
margin-bottom: 80px;
}
section.fees .max {
padding-top: 100px;
}
section.fees .max h2 {
margin-bottom: 62px;
}
section.tutorial_video .max h2 {
padding-top: 170px;
}
section.tutorial_video {
padding-bottom: 279px;
}
section.choose_quppy {
padding-top: 127px;
padding-bottom: 119px;
}
section.slider-vertical {
margin-top: 94px;
}
section.crypto {
padding-top: 136px;
}
section.paymentsBTC {
padding-top: 130px;
}
section.benefit {
padding-top: 130px;
}
section.one_card.card_page {
padding-top: 55px;
} .review-block {
background-color: #f7f7fb;
padding-top: 100px;
padding-bottom: 154px;
}
.review-block.main-page {
padding-top: 40px;
}
.review-block__title {
margin-bottom: 65px;
font-size: 38px;
}
.review__list {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.review__item {
width: 375px;
background-color: #ffffff;
padding: 21px 19px 18px;
border-radius: 10px;
position: relative;
margin-right: 22px;
margin-bottom: 30px;
opacity: 0;
transition: 1s;
}
.review__item:last-child {
margin-right: 0;
}
.review__item::after {
content: "";
position: absolute;
left: 15px;
bottom: -17px;
border: 20px solid transparent;
border-left: 20px solid #fff;
border-top: 20px solid #fff;
}
.review__item--anim {
opacity: 1;
transition-delay: 0.8s;
}
.review__item--anim:nth-child(2) {
opacity: 1;
transition-delay: 1.3s;
}
.review__item--anim:nth-child(3) {
opacity: 1;
transition-delay: 1.8s;
}
.review-item__header {
display: flex;
margin-bottom: 20px;
}
.review-item__avatar {
margin-right: 14px;
width: 39px;
height: 39px;
border-radius: 100%;
}
.review-item__avatar text {
letter-spacing: -1px;
color: #2b2942;
}
.review-item__data {
font-size: 14px;
color: #2b2942;
}
.review-item__data p {
font-weight: 700;
}
.review-item__data span {
font-weight: 400;
}
.review-item__rating {
margin-left: auto;
}
.review-item__text {
font-size: 16px;
color: #2b2942;
font-weight: 400;
opacity: 0.76;
line-height: 24px;
}
.review-item__star {
margin-right: 6px;
}
@media (max-width: 900px) {
.review-block {
margin-bottom: 0;
padding-bottom: 100px;
}
}
@media (max-width: 768px) {
.review-block {
padding-top: 55px;
padding-bottom: 30px;
}
.review-block.main-page {
display: none;
padding-top: 0;
}
.review__item {
margin-right: 0;
}
.review-block__title {
font-size: 30px;
margin-bottom: 35px;
}
}
@media (max-width: 550px) {
.review__item {
width: 100%;
}
}
.review-block.main-page.active {
display: block;
} .eighth-block__wrap h2 {
margin-bottom: 36px;
}
@media (max-width: 900px) {
.tutorial_view .seventh-block {
padding-bottom: 0;
margin-bottom: 100px;
}
.eighth-block {
margin-left: 15px;
margin-right: 15px;
}
.seventh-block {
margin-bottom: 0;
}
}
@media (max-width: 1100px) {
.txt_galka {
grid-template-columns: repeat(2, 1fr);
width: fit-content;
margin: auto;
margin-bottom: 159px;
}
}
@media (max-width: 768px) {
.third-block__block .text-title {
margin-top: 0px;
}
.fifth-block__wrap {
padding-bottom: 0px;
}
.fifth-block__wrap {
padding-bottom: 0px;
}
.seventh-block {
padding-bottom: 60px;
}
.seventh-block__content.container {
margin: 0 6px;
}
.eighth-block__wrap {
padding-bottom: 0px;
padding-top: 63px;
}
.media h2 {
margin-bottom: 37px;
}
.banner_7 .swap-2 .block:nth-child(2) .cont {
padding-top: 250px;
}
section.banner.banner_7 {
margin-bottom: 0px;
}
.service h2 {
margin-bottom: 40px;
max-width: 300px;
}
section.timeline {
padding-top: 0px;
}
section.at {
padding-top: 0px;
}
section.certificates {
padding-top: 0px;
}
section.partners .bg_v{
padding: 0em;
}
section.certificates {
padding-top:40px;
}
section.stay {
margin-top: 0px;
}
section.banner.banner-2 {
margin-bottom: 0px;
}
section.one_card.card_page {
padding-top: 0px;
}
.pod_h2 {
margin-bottom: 40px;
}
.txt_galka {
margin-bottom: 40px;
display: flex;
flex-direction: column;
width: auto;
align-items: center;
}
.txt_galka p {
max-width: 500px;
width: auto;
font-size: 15px;
}
section.wallet_services {
padding-top: 0px;
padding-bottom: 0px;
}
section.advantages .max h2 {
padding-top: 0px;
}
.cont__mov {
align-items: center;
}
section.advantages .max .advantages__block {
padding-bottom: 0px;
}
section.one_card.wallet_page .txt_galka {
margin-bottom: 40px;
}
.block.multicurrency_first_block {
padding-top: 40px;
}
.block.multicurrency_first_block .btn_store {
height: auto;
}
.block.multicurrency_second_block.anim {
padding-top: 100px;
}
section.personal .max h2 {
padding-top: 40px;
}
.personal .block {
margin-bottom: 40px;
}
.text_iban_link {
padding-bottom: 0px !important;
margin-top: 0px !important;
}
section.tutorial_video .max h2 {
padding-top: 0px;
}
section.tutorial_video {
padding-bottom: 0px;
}
section.choose_quppy {
padding-top: 0px;
padding-bottom: 0px;
}
section.slider-vertical {
margin-top: 0px;
}
section.crypto {
padding-top: 0px;
}
section.paymentsBTC {
padding-top: 0px;
}
section.benefit {
padding-top: 0px;
}
section.crypto_our_side {
padding: 40px 0;
}
.eighth-block__wrap h2 {
margin-bottom: 14px;
}
.tutorials .mob-btn {
padding: 8px;
}
.tutorials .banner-4 .apk a {
flex-direction: row;
}
.tutorials .banner-4 .apk svg {
margin-right: 10px;
}
.tutorials .stores__button--mobile {
display: block;
}
.tutorials .stores__button {
display: none;
}
.tutorials .banner p {
margin-bottom: 33px;
min-width: auto;
}
.banner-4 {
padding-top: 62px;
}
.eighth-block__title {
font-size: 30px;
}
.tutorials .banner .apk-count {
margin-bottom: 0;
}
.tutorials .apk .syl-block {
margin: auto;
}
.tutorials .mob-btn:first-child {
margin-right: 0;
}
.tutorials .stores__button--mobile .apk .line {
display: none;
}
}
@media (max-width: 425px) {
.third-block__block .text-title {
text-align: center;
}
.third-block .btn {
margin: 26px auto;
}
}
@media (max-width: 500px) {
.tutorials .stores__button--mobile .mob-btn {
max-width: 100%;
}
.tutorial_video h2 {
margin-bottom: 23px;
font-size: 28px;
}
.tutorial_video__block.anim .block {
padding: 30px 27px 33px;
}
.tutorial_video__block .zag {
margin-bottom: 0;
font-size: 24px;
}
section.tutorial_video {
margin-bottom: 124px;
}
.tutorial_view .max {
padding: 0 7px;
}
.tutorial_view .seventh-block .container {
margin: 0;
}
.tutorial_view .seventh-block__wrap {
border-radius: 25px;
}
.tutorial_view .back a {
margin-top: 40px;
margin-bottom: 25px;
}
.tutorial_view .background {
padding: 0 8px;
}
.tutorial_view .tutorial_video__block {
padding-bottom: 62px;
}
.tutorial_view .tutorial_video__block .block {
padding: 0 7px;
}
.tutorial_video__block .zag {
font-size: 28px;
line-height: 36px;
margin-bottom: 20px;
}
.tutorial_view .zag {
margin-top: 10px;
}
.tutorial_view .tutorial_get-started .block {
padding: 0 6px;
}
.tutorial_view .get-started__title {
font-style: 18px;
font-weight: 600;
margin-bottom: 2px;
}
.tutorial_view .get-started__item {
font-size: 18px;
}
.tutorial_view .seventh-block__wrap {
padding-top: 39px;
}
.tutorial_view .seventh-block__text {
padding: 0 31px;
}
.tutorial_view .stores__button {
display: none;
}
.tutorial_view .stores__button--mobile {
display: block;
padding: 0 10px;
width: 100%;
}
.tutorial_view .seventh-block__block {
padding-right: 0;
}
.tutorial_view .button__link {
display: flex;
align-items: center;
color: #2b2942;
}
.tutorial_view .button__link span {
font-weight: 400;
}
.tutorial_view .button__link .store-name {
font-weight: 700;
}
.tutorial_view .button__link svg {
margin: 0 10px;
}
.tutorial_view .mob-btn {
width: auto;
margin-bottom: 15px;
display: flex;
justify-content: center;
margin-right: 0;
}
.tutorial_view .apk {
margin: 0;
}
.tutorial_view .mob-btn:first-child {
padding-right: 38px;
}
.tutorial_view .apk a {
flex-direction: row;
}
.tutorial_view .apk svg {
margin-right: 10px;
}
.tutorial_view .apk .line {
display: none;
}
} .neobank__wrap {
text-align: center;
padding-top: 62px;
}
.neobank_title {
font-size: 38px;
margin-bottom: 64px;
}
.neobank_list {
display: flex;
justify-content: center;
}
.neobank-item {
width: 100%;
border-radius: 15px;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 60px;
padding-bottom: 75px;
margin-right: 15px;
opacity: 0;
}
.neobank-item:nth-child(1) {
background: conic-gradient(
from -22.3deg at 73.42% -52.21%,
#c0c2f7 -15deg,
#c0c2f7 35.43deg,
#4380f0 61deg,
#6c63ff 82.98deg,
#6c63ff 112.5deg,
#ff6584 200.63deg,
#ff754a 260.62deg,
#c0c2f7 345deg,
#c0c2f7 395.43deg
);
}
.neobank-item:nth-child(2) {
background: conic-gradient(
from -4.33deg at -2.5% -31%,
#c0c2f7 -15deg,
#c0c2f7 35.43deg,
#4380f0 61deg,
#6c63ff 82.98deg,
#6c63ff 112.5deg,
#ff6584 200.63deg,
#ff754a 260.62deg,
#c0c2f7 345deg,
#c0c2f7 395.43deg
);
}
.neobank-item:nth-child(3) {
background: conic-gradient(
from 7.36deg at -40% -44.1%,
#c0c2f7 -15deg,
#c0c2f7 35.43deg,
#2765d7 61deg,
#5147f4 82.98deg,
#6c63ff 112.5deg,
#9464de 155.28deg,
#ff6584 200.63deg,
#ff754a 260.62deg,
#c0c2f7 345deg,
#c0c2f7 395.43deg
);
}
.neobank-item__title {
font-size: 28px;
font-weight: 600;
line-height: 33px;
max-width: 214px;
color: #fff;
margin-bottom: 22px;
}
.neobank__button {
padding: 20px;
height: 48px;
background: #fff;
border-radius: 28px;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
color: black;
font-weight: 700;
cursor: pointer;
}
.neobank-item--anim {
-webkit-animation: anim_title_block_2 1s;
animation: anim_title_block_2 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.neobank-item--anim:nth-child(2) {
-webkit-animation: anim_title_block_2 1s;
animation: anim_title_block_2 1s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.neobank-item--anim:nth-child(3) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
@media (max-width: 900px) {
.neobank__wrap {
padding-top: 50px;
}
.neobank_list {
flex-direction: column;
}
.neobank-item {
margin-right: auto;
margin-left: auto;
margin-bottom: 16px;
max-width: 420px;
}
.neobank_title {
font-size: 30px;
margin-bottom: 30px;
}
} .sepa-payments {
position: relative;
text-align: center;
padding-bottom: 179px;
}
.sepa-payments .max {
padding-top: 400px;
padding-bottom: 183px;
position: relative;
padding: 0;
}
.sepa-payments__title {
margin-bottom: 24px;
font-size: 38px;
color: #2b2942;
}
.sepa-payments__description {
font-size: 18px;
line-height: 29px;
font-weight: 400;
max-width: 463px;
margin: 0 auto;
color: #66647e;
}
.sepa-payments__bg--desctop {
min-height: 431px;
position: relative;
z-index: -1;
top: -15px;
}
.sepa-payments__bg {
position: absolute;
top: -95px;
left: 50%;
transform: translateX(-50%);
filter: blur(40px);
}
.sepa-payments__bg:nth-child(1) {
max-height: none;
}
.sepa-payments__bg:nth-child(2) {
top: 250px;
left: unset;
right: 0;
}
.sepa-payments__bg:nth-child(3) {
top: 200px;
left: unset;
right: 0;
}
.sepa-payments__bg:nth-child(4) {
top: 318px;
left: 0;
}
.sepa-payments__bg:nth-child(5) {
top: 370px;
left: 0;
}
.sepa-payments__bg:nth-child(6) {
top: 344px;
left: unset;
right: 0;
}
.sepa-payments__bg:nth-child(7) {
top: 259px;
left: 0;
}
.sepa-payments__bg:nth-child(8) {
top: unset;
left: unset;
bottom: -188px;
right: -34px;
}
.sepa-payments__bg--anim {
-webkit-animation: anim_sepa_block 1s;
animation: anim_sepa_block 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.sepa-payments__bg--anim:nth-child(2) {
-webkit-animation: anim_sepa_block-2 1s;
animation: anim_sepa_block-2 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.sepa-payments__bg--anim:nth-child(3) {
-webkit-animation: anim_sepa_block-3 1s;
animation: anim_sepa_block-3 1s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.sepa-payments__bg--anim:nth-child(4) {
-webkit-animation: anim_sepa_block-4 1s;
animation: anim_sepa_block-4 1s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.sepa-payments__bg--anim:nth-child(5) {
-webkit-animation: anim_sepa_block-5 1s;
animation: anim_sepa_block-5 1s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.sepa-payments__bg--anim:nth-child(6) {
-webkit-animation: anim_sepa_block-6 1s;
animation: anim_sepa_block-6 1s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.sepa-payments__bg--anim:nth-child(7) {
-webkit-animation: anim_sepa_block-7 1s;
animation: anim_sepa_block-7 1s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.sepa-payments__bg--anim:nth-child(8) {
-webkit-animation: anim_sepa_block 1s;
animation: anim_sepa_block 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.sepa-payments__bg--mobile {
display: none;
}
@media (max-width: 900px) {
.sepa-payments {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.sepa-payments {
margin-bottom: 0;
padding-top: 70px;
padding-bottom: 50px;
}
.sepa-payments .max {
padding-top: 0;
padding-bottom: 0;
display: flex;
flex-direction: column-reverse;
}
.sepa-payments__text {
padding: 0 15px;
}
.sepa-payments__title {
font-size: 28px;
margin-bottom: 16px;
}
.sepa-payments__description {
font-size: 17px;
line-height: 27px;
}
.sepa-payments__bg--desctop {
display: none;
}
.sepa-payments__bg {
max-height: none;
}
.sepa-payments__bg--mobile {
display: block;
position: relative;
height: 520px;
top: -100px;
}
.sepa-payments__bg,
.sepa-payments__bg--anim {
top: unset;
bottom: unset;
left: unset;
right: unset;
filter: blur(0);
position: absolute;
opacity: 0;
}
.sepa-payments__bg:nth-child(1) {
top: -92px;
width: 826px;
height: 826px;
max-width: none;
z-index: -1;
}
.sepa-payments__bg:nth-child(2) {
top: 200px;
left: 0;
}
.sepa-payments__bg:nth-child(3) {
top: unset;
bottom: 90px;
right: -152px;
}
.sepa-payments__bg:nth-child(4) {
top: 257px;
bottom: unset;
left: unset;
right: 0;
}
.sepa-payments__bg:nth-child(5) {
top: 319px;
left: 13px;
}
.sepa-payments__bg:nth-child(6) {
top: 262px;
left: 50%;
width: 137px;
}
.sepa-payments__bg--anim:nth-child(2) {
-webkit-animation: anim_sepa_block_mobile-2 1s;
animation: anim_sepa_block_mobile-2 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.sepa-payments__bg--anim:nth-child(3) {
-webkit-animation: anim_sepa_block_mobile-3 1s;
animation: anim_sepa_block_mobile-3 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.sepa-payments__bg--anim:nth-child(4) {
-webkit-animation: anim_sepa_block_mobile-4 2s;
animation: anim_sepa_block_mobile-4 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.sepa-payments__bg--anim:nth-child(5) {
-webkit-animation: anim_sepa_block_mobile-3 2s;
animation: anim_sepa_block_mobile-3 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
}
.easily-exchange .max {
text-align: center;
padding-top: 100px;
padding-bottom: 64px;
}
.easily-exchange__title {
font-size: 38px;
max-width: 427px;
line-height: 47px;
margin: 0 auto;
margin-bottom: 49px;
}
.easily-exchange__list {
display: flex;
justify-content: space-around;
padding: 0 64px 0 44px;
}
.easily-exchange__item {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
width: 190px;
opacity: 0;
}
.easily-exchange__item::after {
content: url(//quppy.com/pt/wp-content/themes/quppycom/img/exchange-next.svg);
position: absolute;
right: -50%;
transform: translateX(42%);
top: 18px;
}
.easily-exchange__item:last-child:after {
content: "";
}
.easily-exchange__item--anim {
-webkit-animation: anim_title_block_2 1s;
animation: anim_title_block_2 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.easily-exchange__item--anim:nth-child(2) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.easily-exchange__item--anim:nth-child(3) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.easily-exchange__number {
width: 52px;
height: 52px;
background: #6c63ff;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 36px;
font-weight: 700;
margin-bottom: 12px;
}
.easily-exchange h4 {
font-size: 28px;
font-weight: 600;
line-height: 33px;
margin-bottom: 15px;
}
.easily-exchange__descripton {
font-size: 18px;
font-weight: 400;
line-height: 27px;
color: #66647e;
}
@media (max-width: 1100px) {
.easily-exchange__item::after {
right: -62px;
transform: translateX(62px);
}
}
@media (max-width: 900px) {
.easily-exchange {
margin-bottom: 0;
}
.easily-exchange__list {
padding: 0 16px;
flex-direction: column;
align-items: center;
}
.easily-exchange__item {
margin-bottom: 40px;
}
.easily-exchange__item::after {
display: none;
}
.easily-exchange .max {
padding-top: 50px;
padding-bottom: 0;
}
.easily-exchange__title {
margin-bottom: 37px;
font-size: 30px;
line-height: 37px;
}
}
.progress .near_future__frame p {
right: -14%;
}
@media (max-width: 767px) {
.progress .near_future__frame {
top: 40px;
}
.progress .near_future__frame p {
right: -18%;
}
}  @keyframes anim-quppy-crypto-fiat_1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes anim-quppy-crypto-fiat_1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes anim-quppy-crypto-fiat_2 {
0% {
top: 100%;
opacity: 0;
}
to {
top: 52%;
transform: translate(-50%, -50%);
opacity: 1;
}
}
@-webkit-keyframes anim-quppy-crypto-fiat_2 {
0% {
top: 100%;
opacity: 0;
}
to {
top: 53%;
transform: translate(-50%, -50%);
opacity: 1;
}
}
@keyframes anim-quppy-crypto-fiat_3 {
0% {
top: -10%;
opacity: 0;
}
to {
top: 36%;
transform: translate(-50%, -50%);
opacity: 1;
}
}
@-webkit-keyframes anim-quppy-crypto-fiat_3 {
0% {
top: -10%;
opacity: 0;
}
to {
top: 36%;
transform: translate(-50%, -50%);
opacity: 1;
}
}
@keyframes anim-quppy-crypto-fiat_3--mobile {
0% {
top: -10%;
opacity: 0;
}
to {
top: 38%;
transform: translate(-50%, -50%);
opacity: 1;
}
}
@-webkit-keyframes anim-quppy-crypto-fiat_3--mobile {
0% {
top: -10%;
opacity: 0;
}
to {
top: 38%;
transform: translate(-50%, -50%);
opacity: 1;
}
}
@keyframes anim-quppy-crypto-fiat_4 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes anim-quppy-crypto-fiat_4 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes anim-quppy-crypto-fiat_5 {
0% {
left: 0;
top: 0;
opacity: 0;
}
to {
top: 74px;
left: 24%;
opacity: 1;
}
}
@-webkit-keyframes anim-quppy-crypto-fiat_5 {
0% {
left: 0;
top: 0;
opacity: 0;
}
to {
top: 74px;
left: 24%;
opacity: 1;
}
}
@keyframes anim-quppy-crypto-fiat_6 {
0% {
right: -10%;
top: -10%;
opacity: 0;
}
to {
right: 8%;
top: 15%;
opacity: 1;
}
}
@-webkit-keyframes anim-quppy-crypto-fiat_6 {
0% {
right: -10%;
top: -10%;
opacity: 0;
}
to {
right: 8%;
top: 15%;
opacity: 1;
}
}
@keyframes anim-quppy-crypto-fiat_7 {
0% {
bottom: -30%;
opacity: 0;
}
to {
bottom: 30px;
opacity: 1;
}
}
@-webkit-keyframes anim-quppy-crypto-fiat_7 {
0% {
bottom: -30%;
opacity: 0;
}
to {
bottom: 30px;
opacity: 1;
}
}
@keyframes anim-quppy-crypto-fiat_8 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes anim-quppy-crypto-fiat_8 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.b2b {
color: #66647e;
}
.quppy-crypto-fiat {
padding-top: 202px;
margin-bottom: 100px;
}
.quppy-crypto-fiat .max {
position: relative;
}
.quppy-crypto-fiat .block {
max-width: 545px;
width: auto;
}
.quppy-crypto-fiat .decor {
width: 545px;
position: absolute;
top: -30%;
left: 636px;
width: 545px;
height: 550px;
}
.quppy-crypto-fiat .decor .bg {
width: 200%;
position: absolute;
left: -40%;
top: -20%;
}
.quppy-crypto-fiat h1 {
margin-bottom: 24px;
font-size: 46px;
font-weight: 700;
line-height: 57px;
color: #2b2942;
}
.quppy-crypto-fiat p {
max-width: unset;
font-size: 18px;
line-height: 29px;
color: #2b2942;
opacity: 0.8;
}
.b2b .banner-3 .max::after {
display: none;
}
.quppy-crypto-fiat__img {
position: absolute;
top: 0;
left: 0;
}
.quppy-crypto-fiat__img img {
position: absolute;
left: unset;
right: unset;
top: unset;
bottom: unset;
}
.quppy-crypto-fiat__img img:nth-child(1) {
top: 50%;
left: 50%;
transform: translate(-50%, -46%);
opacity: 0;
}
.quppy-crypto-fiat__img img:nth-child(2) {
top: 100%;
left: 48%;
transform: translate(-50%, -50%);
opacity: 0;
width: 428px;
}
.quppy-crypto-fiat__img img:nth-child(3) {
top: 10%;
left: 63%;
transform: translate(-50%, -50%);
opacity: 0;
width: 270px;
}
.quppy-crypto-fiat__img img:nth-child(4) {
top: 130px;
left: 5%;
opacity: 0;
}
.quppy-crypto-fiat__img img:nth-child(5) {
left: 0;
top: 0;
opacity: 0;
}
.quppy-crypto-fiat__img img:nth-child(6) {
right: 0;
top: 0;
opacity: 0;
}
.quppy-crypto-fiat__img img:nth-child(7) {
bottom: -30%;
left: 40%;
opacity: 0;
}
.quppy-crypto-fiat__img img:nth-child(8) {
bottom: 15%;
right: 15%;
opacity: 0;
}
.quppy-crypto-fiat__img--anim img:nth-child(1) {
-webkit-animation: anim-quppy-crypto-fiat_1 2s;
animation: anim-quppy-crypto-fiat_1 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-crypto-fiat__img--anim img:nth-child(2) {
-webkit-animation: anim-quppy-crypto-fiat_2 2s;
animation: anim-quppy-crypto-fiat_2 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-crypto-fiat__img--anim img:nth-child(3) {
-webkit-animation: anim-quppy-crypto-fiat_3 2s;
animation: anim-quppy-crypto-fiat_3 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-crypto-fiat__img--anim img:nth-child(4) {
-webkit-animation: anim-quppy-crypto-fiat_4 1.5s;
animation: anim-quppy-crypto-fiat_4 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-crypto-fiat__img--anim img:nth-child(5) {
-webkit-animation: anim-quppy-crypto-fiat_5 1.5s;
animation: anim-quppy-crypto-fiat_5 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-crypto-fiat__img--anim img:nth-child(6) {
-webkit-animation: anim-quppy-crypto-fiat_6 1.5s;
animation: anim-quppy-crypto-fiat_6 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-crypto-fiat__img--anim img:nth-child(7) {
-webkit-animation: anim-quppy-crypto-fiat_7 1.5s;
animation: anim-quppy-crypto-fiat_7 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-crypto-fiat__img--anim img:nth-child(8) {
-webkit-animation: anim-quppy-crypto-fiat_8 1.5s;
animation: anim-quppy-crypto-fiat_8 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@media (max-width: 900px) {
.quppy-crypto-fiat {
padding-top: 62px;
margin-bottom: 70px;
}
.quppy-crypto-fiat .max {
display: flex;
flex-direction: row;
}
.quppy-crypto-fiat .block {
margin-bottom: 0;
}
.quppy-crypto-fiat .decor {
position: relative;
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 425px) {
.quppy-crypto-fiat {
margin-bottom: 0;
}
.quppy-crypto-fiat h1 {
font-size: 30px;
line-height: 40px;
margin-bottom: 16px;
}
.quppy-crypto-fiat p {
font-size: 16px;
line-height: 24px;
}
.quppy-crypto-fiat__img img {
max-width: 110%;
}
.quppy-crypto-fiat__img img:nth-child(3) {
left: 71%;
}
.quppy-crypto-fiat__img--anim img:nth-child(3) {
-webkit-animation: anim-quppy-crypto-fiat_3--mobile 2s;
animation: anim-quppy-crypto-fiat_3--mobile 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-crypto-fiat__img img:nth-child(6) {
display: none;
}
.quppy-crypto-fiat__img img:nth-child(8) {
right: 7%;
}
.quppy-crypto-fiat__img img:nth-child(7) {
left: 25%;
}
} @keyframes anim-how-it-works_1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes anim-how-it-works_1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes anim-how-it-works_2 {
0% {
opacity: 0;
transform: scale(0);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes anim-how-it-works_2 {
0% {
opacity: 0;
transform: scale(0);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes anim-how-it-works_3 {
0% {
opacity: 0;
}
50% {
opacity: 1;
transform: rotate(35deg);
}
100% {
opacity: 1;
transform: rotate(30deg);
}
}
@-webkit-keyframes anim-how-it-works_3 {
0% {
opacity: 0;
}
50% {
opacity: 1;
transform: rotate(35deg);
}
100% {
opacity: 1;
transform: rotate(30deg);
}
}
@keyframes anim-how-it-works_4 {
0% {
left: -110%;
opacity: 0;
}
50% {
opacity: 1;
left: -70%;
transform: rotate(185deg);
}
100% {
opacity: 1;
left: -71%;
transform: rotate(180deg);
}
}
@-webkit-keyframes anim-how-it-works_4 {
0% {
left: -110%;
opacity: 0;
}
50% {
opacity: 1;
left: -70%;
transform: rotate(185deg);
}
100% {
opacity: 1;
left: -71%;
transform: rotate(180deg);
}
}
@keyframes anim-how-it-works_5 {
0% {
left: 110%;
opacity: 0;
}
50% {
opacity: 1;
left: 66%;
transform: rotate(-185deg);
}
100% {
opacity: 1;
left: 67%;
transform: rotate(-180deg);
}
}
@-webkit-keyframes anim-how-it-works_5 {
0% {
left: 110%;
opacity: 0;
}
50% {
opacity: 1;
left: 66%;
transform: rotate(-185deg);
}
100% {
opacity: 1;
left: 67%;
transform: rotate(-180deg);
}
}
@keyframes anim-how-it-works_5--mobile {
0% {
left: 110%;
opacity: 0;
}
50% {
opacity: 1;
left: 64%;
transform: rotate(-185deg);
}
100% {
opacity: 1;
left: 66%;
transform: rotate(-180deg);
}
}
@-webkit-keyframes anim-how-it-works_5--mobile {
0% {
left: 110%;
opacity: 0;
}
50% {
opacity: 1;
left: 64%;
transform: rotate(-185deg);
}
100% {
opacity: 1;
left: 66%;
transform: rotate(-180deg);
}
}
@keyframes anim-how-it-works_6 {
0% {
left: -60%;
opacity: 0;
}
50% {
opacity: 1;
left: -18%;
}
100% {
opacity: 1;
left: -21%;
}
}
@-webkit-keyframes anim-how-it-works_6 {
0% {
left: -60%;
opacity: 0;
}
50% {
opacity: 1;
left: -18%;
}
100% {
opacity: 1;
left: -21%;
}
}
@keyframes anim-how-it-works_6--mobile {
0% {
left: -60%;
opacity: 0;
}
50% {
opacity: 1;
left: -5%;
}
100% {
opacity: 1;
left: -10%;
}
}
@-webkit-keyframes anim-how-it-works_6--mobile {
0% {
left: -60%;
opacity: 0;
}
50% {
opacity: 1;
left: -5%;
}
100% {
opacity: 1;
left: -10%;
}
}
@keyframes anim-how-it-works_7 {
0% {
left: 60%;
opacity: 0;
}
50% {
opacity: 1;
left: 9%;
}
100% {
opacity: 1;
left: 12%;
}
}
@-webkit-keyframes anim-how-it-works_7 {
0% {
left: 60%;
opacity: 0;
}
50% {
opacity: 1;
left: 9%;
}
100% {
opacity: 1;
left: 12%;
}
}
@keyframes anim-how-it-works_8 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes anim-how-it-works_8 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes anim-how-it-works_9 {
0% {
opacity: 0;
left: 30%;
}
50% {
opacity: 1;
left: 0%;
}
100% {
opacity: 1;
left: 1%;
}
}
@-webkit-keyframes anim-how-it-works_8 {
0% {
opacity: 0;
left: 30%;
}
50% {
opacity: 1;
left: 0%;
}
100% {
opacity: 1;
left: 1%;
}
}
.how-it-works {
margin-bottom: 324px;
}
.how-it-works .max {
position: relative;
padding-top: 235px;
}
.how-it-works .block {
width: 48%;
position: relative;
}
.how-it-works .decor {
width: 570px;
position: absolute;
right: 50%;
top: 93px;
z-index: -1;
}
.how-it-works .decor .bg {
width: 200%;
position: relative;
left: -40%;
}
.how-it-works .content {
padding-top: 60px;
margin-left: auto;
}
.how-it-works h2 {
margin-bottom: 25px;
}
.how-it-works p {
font-size: 18px;
line-height: 29px;
max-width: 480px;
width: auto;
color: #2b2942;
opacity: 0.8;
}
.how-it-works-bg {
opacity: 0;
position: relative;
top: -100px;
}
.how-it-works-image {
position: absolute;
top: 0;
left: 0;
}
.how-it-works-image img {
position: relative;
opacity: 0;
}
.how-it-works-image img:nth-child(1) {
top: 63px;
left: 34%;
opacity: 0;
transform: scale(0);
}
.how-it-works-image img:nth-child(2) {
opacity: 0;
top: 116px;
}
.how-it-works-image img:nth-child(3) {
top: 162px;
left: -110%;
opacity: 0;
}
.how-it-works-image img:nth-child(4) {
opacity: 0;
left: 110%;
top: -105px;
}
.how-it-works-image img:nth-child(5) {
opacity: 0;
top: -197px;
left: -60%;
}
.how-it-works-image img:nth-child(6) {
top: 110px;
left: 60%;
opacity: 0;
}
.how-it-works-image img:nth-child(7) {
opacity: 0;
top: -300px;
left: -67%;
}
.how-it-works-image img:nth-child(8) {
opacity: 0;
top: -230px;
left: 19%;
}
.how-it-works-image img:nth-child(9) {
opacity: 0;
left: -90%;
top: 50px;
}
.how-it-works-image img:nth-child(10) {
opacity: 0;
position: absolute;
left: -60px;
bottom: 20px;
}
.how-it-works-image img:nth-child(11) {
opacity: 0;
left: 30%;
}
.how-it-works-bg--anim {
-webkit-animation: anim-how-it-works_1 3.5s;
animation: anim-how-it-works_1 3.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.how-it-works-image--anim img:nth-child(1) {
-webkit-animation: anim-how-it-works_2 1.5s;
animation: anim-how-it-works_2 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.how-it-works-image--anim img:nth-child(2) {
-webkit-animation: anim-how-it-works_3 1.5s;
animation: anim-how-it-works_3 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.how-it-works-image--anim img:nth-child(3) {
-webkit-animation: anim-how-it-works_4 1.5s;
animation: anim-how-it-works_4 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.how-it-works-image--anim img:nth-child(4) {
-webkit-animation: anim-how-it-works_5 1.5s;
animation: anim-how-it-works_5 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.how-it-works-image--anim img:nth-child(5) {
-webkit-animation: anim-how-it-works_6 1.5s;
animation: anim-how-it-works_6 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.how-it-works-image--anim img:nth-child(6) {
-webkit-animation: anim-how-it-works_9 1.5s;
animation: anim-how-it-works_9 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.how-it-works-image--anim img:nth-child(7),
.how-it-works-image--anim img:nth-child(8),
.how-it-works-image--anim img:nth-child(10),
.how-it-works-image--anim img:nth-child(9) {
-webkit-animation: anim-how-it-works_8 2.5s;
animation: anim-how-it-works_8 2.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.how-it-works-image--anim img:nth-child(11) {
-webkit-animation: anim-how-it-works_9 2.5s;
animation: anim-how-it-works_9 2.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@media (max-width: 900px) {
.how-it-works {
padding-top: unset;
margin-bottom: 0;
}
.how-it-works .max {
display: flex;
flex-direction: column-reverse;
padding-top: unset;
}
.how-it-works .content {
margin: auto;
width: auto;
max-width: 452px;
}
.how-it-works .decor {
position: relative;
left: 55%;
transform: translateX(-50%);
top: unset;
}
.how-it-works h2 {
font-size: 28px;
}
}
@media (max-width: 768px) {
.how-it-works-image img:nth-child(7),
.how-it-works-image img:nth-child(8),
.how-it-works-image img:nth-child(9),
.how-it-works-image img:nth-child(10),
.how-it-works-image img:nth-child(11) {
display: none;
}
}
@media (max-width: 425px) {
.how-it-works .decor {
top: -30px;
}
.how-it-works p {
font-size: 17px;
}
.how-it-works-image img:nth-child(4) {
top: -166px;
}
.how-it-works .content {
text-align: center;
}
.how-it-works-image--anim img:nth-child(4) {
-webkit-animation: anim-how-it-works_5--mobile 1.5s;
animation: anim-how-it-works_5--mobile 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.how-it-works-image--anim img:nth-child(5) {
-webkit-animation: anim-how-it-works_6--mobile 1.5s;
animation: anim-how-it-works_6--mobile 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.how-it-works-image--anim img:nth-child(6) {
-webkit-animation: anim-how-it-works_7 1.5s;
animation: anim-how-it-works_7 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
} @keyframes anim-buy-sell_block {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes anim-buy-sell_block {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.buy-sell {
margin-bottom: 60px;
}
.buy-sell .max {
display: flex;
justify-content: space-around;
}
.buy-sell_block {
width: 48%;
opacity: 0;
}
.buy-sell_block h3 {
text-align: center;
font-size: 28px;
font-weight: 600;
color: #2b2942;
margin-bottom: 28px;
}
.buy-sell_block img {
display: block;
margin: 0 auto;
}
.buy-sell .block_list {
padding: 20px 10px 0;
}
.buy-sell .block_item {
display: flex;
align-items: center;
background: #fff;
border: 1px solid #e2e3ff;
padding: 15px 20px;
box-shadow: 0px 13px 20px -10px rgb(196 194 235 / 40%);
border-radius: 20px;
max-width: 470px;
width: auto;
margin: auto;
margin-bottom: 18px;
}
.buy-sell .block_item svg {
width: 28px;
height: 28px;
}
.buy-sell .block_item_tick {
margin-right: 15px;
}
.buy-sell .block_item p {
font-size: 18px;
font-weight: 600;
color: #2b2942;
}
.buy-sell .wrapper {
width: 100%;
height: 100%;
padding: 50px 0 0;
border-radius: 15px;
}
.buy-sell .buy .wrapper {
background: #f8fffa;
}
.buy-sell .cell .wrapper {
background: #f9f8ff;
}
.buy-image--mobile,
.sell-image--mobile {
display: none;
}
.buy-image--mobile img,
.sell-image--mobile img {
width: 100%;
}
.buy-sell_block:nth-child(1) {
-webkit-animation: anim-buy-sell_block 1.5s;
animation: anim-buy-sell_block 1.5s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.buy-sell_block:nth-child(2) {
-webkit-animation: anim-buy-sell_block 1.5s;
animation: anim-buy-sell_block 1.5s;
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@media (max-width: 900px) {
.buy-sell {
padding-top: 0;
margin-top: -200px;
}
.buy-sell .max {
flex-direction: column;
}
.buy-sell_block {
margin: auto;
margin-bottom: 60px;
width: auto;
}
.buy-sell .wrapper {
padding: 30px 0 60px;
}
.buy-sell .buy .wrapper {
margin-bottom: 60px;
}
.buy-image--desctop,
.sell-image--desctop {
display: none;
}
.buy-image--mobile,
.sell-image--mobile {
display: block;
}
.buy-sell .block_item svg {
width: 24px;
height: 24px;
}
}
@media (max-width: 768px) {
.buy-sell_block {
margin: auto;
}
.buy-sell .container {
margin: 0;
margin: auto;
}
}
@media (max-width: 425px) {
.buy-sell .block_item p {
font-size: 15px;
}
.buy-sell {
margin-top: -250px;
}
} .b2b .banner_7 {
margin-bottom: 10px;
padding-top: 140px;
}
.b2b .banner_7 .max {
background-position: 540px -70px;
}
.b2b .banner_7 h2 {
max-width: 500px;
}
.banner_7 .b2b-list_item {
display: flex;
margin-bottom: 10px;
border-radius: 20px;
}
.b2b-list_item p {
font-weight: 600;
color: #2b2942;
line-height: 21px;
}
.b2b-list_img {
width: 20px;
margin-right: 10px;
}
@media (max-width: 900px) {
.b2b .banner_7 {
padding-top: 0;
}
}
@media (max-width: 768px) {
.b2b h2 {
font-size: 34px;
}
.b2b-list_item p {
font-size: 16px;
}
.b2b .banner_7 {
padding-top: 40px;
}
.b2b .banner_7 .max {
background-position: 50% 50%;
}
}
@media (max-width: 425px) {
.b2b h2 {
font-size: 28px;
width: 300px;
margin: 0 auto 25px;
}
.b2b .seventh-block__title {
margin: 0 auto 8px;
}
.b2b .banner_7 h2 {
text-align: center;
}
} @keyframes anim-time_on_market-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes anim-time_on_market-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes anim-time_on_market-2 {
0% {
opacity: 0;
left: -40%;
}
100% {
opacity: 1;
left: 50%;
transform: translateX(-50%);
}
}
@-webkit-keyframes anim-time_on_market-2 {
0% {
opacity: 0;
left: -40%;
}
100% {
opacity: 1;
left: 50%;
transform: translateX(-50%);
}
}
@keyframes anim-time_on_market-3 {
0% {
right: -70%;
opacity: 0;
}
100% {
right: 10%;
opacity: 1;
}
}
@-webkit-keyframes anim-time_on_market-3 {
0% {
right: -70%;
opacity: 0;
}
100% {
right: 10%;
opacity: 1;
}
}
@keyframes anim-time_on_market-4 {
0% {
left: -50%;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
@-webkit-keyframes anim-time_on_market-4 {
0% {
left: -50%;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
@keyframes anim-time_on_market-3--mobile {
0% {
right: -70%;
opacity: 0;
}
100% {
right: 15%;
opacity: 1;
}
}
@-webkit-keyframes anim-time_on_market-3--mobile {
0% {
right: -70%;
opacity: 0;
}
100% {
right: 15%;
opacity: 1;
}
}
.time_on_market {
height: 500px;
position: relative;
top: 100px;
margin-bottom: 152px;
}
.time_on_market .max {
position: relative;
height: 100%;
}
.time_on_market h2 {
margin-bottom: 25px;
font-size: 34px;
font-weight: 700;
max-width: 390px;
}
.time_on_market p {
color: #2b2942;
opacity: 0.8;
}
.time_on_market padding-left {
line-height: 29px;
font-size: 18px;
font-weight: 400;
max-width: 454px;
}
.time_on_market .text {
display: flex;
position: relative;
width: 48%;
flex-direction: column;
justify-content: center;
margin-left: auto;
height: 100%;
margin-top: 0;
text-align: left;
}
.time_on_market__btn {
width: fit-content;
background-color: #6c63ff;
color: #ffffff;
margin-bottom: 25px;
border: 1px solid #6c63ff;
}
.time_on_market__btn:hover {
background-color: #ffffff;
color: #6c63ff;
}
.time_on_market .decor {
position: absolute;
width: 605px;
height: 502px;
margin-top: -76px;
left: 0;
top: 0;
z-index: -1;
}
.time_on_market_decor img {
position: absolute;
}
.time_on_market_decor img:nth-child(1) {
opacity: 0;
width: 1000px;
max-width: unset;
height: 1000px;
max-height: unset;
left: -20%;
top: -40%;
}
.time_on_market_decor img:nth-child(2) {
top: 110px;
left: -40%;
opacity: 0;
}
.time_on_market_decor img:nth-child(3) {
bottom: -40px;
right: -70%;
opacity: 0;
width: 386px;
}
.time_on_market_decor img:nth-child(4) {
left: -50%;
top: 200px;
opacity: 0;
}
.time_on_market_decor img:nth-child(5) {
right: 100px;
top: 70px;
opacity: 0;
}
.time_on_market_decor img:nth-child(6) {
bottom: 0;
left: 50px;
opacity: 0;
}
.time_on_market_decor--anim img:nth-child(1),
.time_on_market_decor--anim img:nth-child(5),
.time_on_market_decor--anim img:nth-child(6) {
-webkit-animation: anim-time_on_market-1 2.5s;
animation: anim-time_on_market-1 2.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.time_on_market_decor--anim img:nth-child(2) {
-webkit-animation: anim-time_on_market-2 1.5s;
animation: anim-time_on_market-2 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.time_on_market_decor--anim img:nth-child(3) {
-webkit-animation: anim-time_on_market-3 1.5s;
animation: anim-time_on_market-3 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.time_on_market_decor--anim img:nth-child(4) {
-webkit-animation: anim-time_on_market-4 1.5s;
animation: anim-time_on_market-4 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@media (max-width: 900px) {
.time_on_market {
padding-top: 0;
margin-bottom: 350px;
top: 0;
}
.time_on_market .max {
display: flex;
flex-direction: column;
}
.time_on_market .decor {
position: relative;
left: 50%;
transform: translateX(-50%);
}
.time_on_market .text {
max-width: 454px;
width: auto;
margin: auto;
}
.time_on_market h2 {
max-width: unset;
}
.time_on_market_decor img:nth-child(3) {
width: 318px;
bottom: -220px;
}
.time_on_market_decor img:nth-child(2) {
max-width: unset;
max-height: unset;
width: 274px;
}
.time_on_market_decor--anim img:nth-child(3) {
-webkit-animation: anim-time_on_market-3--mobile 1.5s;
animation: anim-time_on_market-3--mobile 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
}
@media (max-width: 425px) {
.time_on_market .max {
height: auto;
}
.time_on_market .text {
text-align: center;
}
.time_on_market h2 {
font-size: 28px;
}
.time_on_market p {
font-size: 17px;
}
.time_on_market .decor {
height: 380px;
transform: translateX(-54%);
}
.time_on_market_decor img:nth-child(1) {
opacity: 0;
width: 600px;
max-width: unset;
height: 600px;
max-height: unset;
left: 20%;
top: 0;
}
.time_on_market_decor img:nth-child(5) {
right: 170px;
top: 70px;
opacity: 0;
}
.time_on_market_decor img:nth-child(3) {
bottom: -80px;
}
.time_on_market__btn {
margin: 25px auto;
}
}
.b2b .seventh-block__title {
color: #fff;
}
.b2b .seventh-block .mob-btn {
width: fit-content;
margin-bottom: 10px;
}
.b2b .seventh-block .apk {
width: fit-content;
justify-content: center;
}
.b2b .seventh-block .apk-text {
color: #282c42;
}
.b2b .seventh-block svg circle {
stroke: #282c42;
}
.b2b .seventh-block svg path {
fill: #282c42;
}
@media (max-width: 420px) {
.b2b .seventh-block__title {
font-size: 32px;
max-width: 250px;
}
.b2b .seventh-block .apk {
width: 100%;
}
}
.wpcf7-select {
padding: 7px;
border: 2px solid #d7dbeb;
border-radius: 10px;
}
.contacts-page__buttons {
display: flex;
z-index: 10;
}
.contacts-page__buttons a:first-child {
margin-right: 15px;
}
@media (max-width: 425px) {
.contacts-page__buttons {
flex-direction: column;
}
.contacts-page__buttons .support-form-btn {
margin: 0;
margin-bottom: 20px;
}
} .lwpcngNotice-dark {
background: conic-gradient(
from 159.87deg at 68% -745.28%,
#c0c2f7 -15deg,
#c0c2f7 35.43deg,
#4380f0 61deg,
#6c63ff 82.98deg,
#6c63ff 112.5deg,
#ff6584 200.63deg,
#ff754a 261.03deg,
#c0c2f7 345deg,
#c0c2f7 395.43deg
);
border: none;
}
.lwpcngNotice-dark a {
color: #fff !important;
}
.lwpcngNotice-dark .lwpcngNotice_accept {
border: none;
background: #fff;
border-radius: 28px;
border: 1px solid #d7dbeb;
padding: 7px 24px;
color: #6c63ff;
font-size: 16px;
line-height: 32px;
min-width: 164px;
}
.lwpcngNotice-dark .lwpcngNotice_accept:hover {
background: #fff;
}
.lwpcngNotice-dark .lwpcngNotice_reject {
position: absolute;
right: 0;
top: 45%;
transform: translateY(-50%);
color: transparent;
border: none;
opacity: 0.5;
}
.lwpcngNotice-dark .lwpcngNotice_reject::before {
position: absolute;
content: " ";
height: 15px;
width: 2px;
top: 8px;
right: 15px;
background-color: rgba(128, 128, 128, 1);
transform: rotate(45deg);
}
.lwpcngNotice-dark .lwpcngNotice_reject::after {
position: absolute;
content: " ";
height: 15px;
width: 2px;
top: 8px;
right: 15px;
background-color: rgba(128, 128, 128, 1);
transform: rotate(-45deg);
}
.lwpcngNotice-dark .lwpcngNotice_reject:hover {
background: none;
opacity: 1;
} .privacy-policy,
.terms-of-use,
.fees-page {
font-family: Gilroy, open-sans;
padding: 20px 20px 0;
}
.privacy-policy__title,
.terms-of-use__title,
.fees-page__tiltle {
text-align: center;
margin-bottom: 30px;
} .quppy-aml {
margin-top: 400px;
}
.wallet .quppy-aml {
margin-top: 200px;
margin-bottom: 100px;
}
.multicurrency .quppy-aml {
margin-top: 200px;
margin-bottom: 100px;
}
.quppy-aml__wrap {
text-align: center;
}
.quppy-aml__text {
position: relative;
opacity: 0;
transform: translateY(200px);
}
.quppy-aml__title {
margin-bottom: 33px;
font-size: 38px;
margin-top: -10px;
}
.quppy-aml__description {
max-width: 669px;
margin: 0 auto;
}
.quppy-aml__button {
margin-top: 33px;
}
.quppy-aml__decor--mobile {
display: none;
}
.quppy-aml__decor {
z-index: -1;
min-height: 300px;
position: relative;
}
.quppy-aml__decor-bg img {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.quppy-aml__decor-bg img:nth-child(2) {
z-index: 10;
top: 40px;
opacity: 0;
}
.quppy-aml__decor-bg img:nth-child(1) {
max-width: none;
opacity: 0;
}
.quppy-aml__decor-bg img:nth-child(3) {
max-height: none;
top: -230px;
opacity: 0;
}
.quppy-aml__yes--desctop img {
position: absolute;
right: -100px;
transform: translateX(0);
opacity: 0;
}
.quppy-aml__yes--desctop img:nth-child(1) {
top: -22px;
}
.quppy-aml__yes--desctop img:nth-child(2) {
top: 12px;
}
.quppy-aml__yes--desctop img:nth-child(3) {
top: 190px;
}
.quppy-aml__left-logos--desctop img {
position: absolute;
}
.quppy-aml__left-logos--desctop img:nth-child(1) {
left: -100px;
top: -37px;
opacity: 0;
}
.quppy-aml__left-logos--desctop img:nth-child(2) {
left: -100px;
top: 84px;
opacity: 0;
}
.quppy-aml__left-logos--desctop img:nth-child(3) {
left: -100px;
opacity: 0;
transform: translateX(0);
top: 177px;
}
.quppy-aml_buttons .btn:first-child {
margin-right: 15px;
}
@keyframes anim-quppy-aml-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes anim-quppy-aml-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes anim-quppy-aml-2 {
0% {
right: -500px;
transform: translateX(0);
opacity: 0;
}
100% {
right: 50%;
transform: translateX(550px);
opacity: 1;
}
}
@-webkit-keyframes anim-quppy-aml-2 {
0% {
right: -500px;
transform: translateX(0);
opacity: 0;
}
100% {
right: 50%;
transform: translateX(550px);
opacity: 1;
}
}
@keyframes anim-quppy-aml-3 {
0% {
right: -500px;
transform: translateX(0);
opacity: 0;
}
100% {
right: 50%;
transform: translateX(650px);
opacity: 1;
}
}
@-webkit-keyframes anim-quppy-aml-3 {
0% {
right: -500px;
transform: translateX(0);
opacity: 0;
}
100% {
right: 50%;
transform: translateX(650px);
opacity: 1;
}
}
@keyframes anim-quppy-aml-4 {
0% {
right: -500px;
transform: translateX(0);
opacity: 0;
}
100% {
right: 50%;
transform: translateX(500px);
opacity: 1;
}
}
@-webkit-keyframes anim-quppy-aml-4 {
0% {
right: -500px;
transform: translateX(0);
}
100% {
right: 50%;
transform: translateX(500px);
}
}
@keyframes anim-quppy-aml-5 {
0% {
left: -100px;
transform: translateX(0);
opacity: 0;
}
100% {
left: 50%;
transform: translateX(-500px);
opacity: 1;
}
}
@-webkit-keyframes anim-quppy-aml-5 {
0% {
left: -100px;
transform: translateX(0);
opacity: 0;
}
100% {
left: 50%;
transform: translateX(-500px);
opacity: 1;
}
}
@keyframes anim-quppy-aml-6 {
0% {
left: -100px;
transform: translateX(0);
opacity: 0;
}
100% {
left: 50%;
transform: translateX(-620px);
opacity: 1;
}
}
@-webkit-keyframes anim-quppy-aml-6 {
0% {
left: -100px;
transform: translateX(0);
opacity: 0;
}
100% {
left: 50%;
transform: translateX(-620px);
opacity: 1;
}
}
@keyframes anim-quppy-aml-7 {
0% {
left: -100px;
transform: translateX(0);
opacity: 0;
}
100% {
left: 50%;
transform: translateX(-490px);
opacity: 1;
}
}
@-webkit-keyframes anim-quppy-aml-7 {
0% {
left: -100px;
transform: translateX(0);
opacity: 0;
}
100% {
left: 50%;
transform: translateX(-490px);
opacity: 1;
}
}
@keyframes anim-quppy-aml-8 {
0% {
opacity: 0;
right: 0;
transform: translateX(100px);
}
100% {
opacity: 1;
right: 50%;
transform: translateX(220px);
}
}
@-webkit-keyframes anim-quppy-aml-8 {
0% {
opacity: 0;
right: 0;
transform: translateX(100px);
}
100% {
opacity: 1;
right: 50%;
transform: translateX(220px);
}
}
@keyframes anim-quppy-aml-9 {
0% {
opacity: 0;
right: 0;
transform: translateX(100px);
}
100% {
opacity: 1;
right: 50%;
transform: translateX(260px);
}
}
@-webkit-keyframes anim-quppy-aml-9 {
0% {
opacity: 0;
right: 0;
transform: translateX(100px);
}
100% {
opacity: 1;
right: 50%;
transform: translateX(260px);
}
}
@keyframes anim-quppy-aml-10 {
0% {
opacity: 0;
right: 0;
transform: translateX(100px);
}
100% {
opacity: 1;
right: 50%;
transform: translateX(210px);
}
}
@-webkit-keyframes anim-quppy-aml-10 {
0% {
opacity: 0;
right: 0;
transform: translateX(100px);
}
100% {
opacity: 1;
right: 50%;
transform: translateX(210px);
}
}
@keyframes anim-quppy-aml-11 {
0% {
opacity: 0;
transform: translateX(-324px);
}
100% {
opacity: 1;
transform: translateX(-224px);
}
}
@-webkit-keyframes anim-quppy-aml-11 {
0% {
opacity: 0;
transform: translateX(-324px);
}
100% {
opacity: 1;
transform: translateX(-224px);
}
}
@keyframes anim-quppy-aml-12 {
0% {
opacity: 0;
transform: translateX(-328px);
}
100% {
opacity: 1;
transform: translateX(-284px);
}
}
@-webkit-keyframes anim-quppy-aml-12 {
0% {
opacity: 0;
transform: translateX(-328px);
}
100% {
opacity: 1;
transform: translateX(-284px);
}
}
@keyframes anim-quppy-aml-13 {
0% {
opacity: 0;
transform: translateX(-330px);
}
100% {
opacity: 1;
transform: translateX(-230px);
}
}
@-webkit-keyframes anim-quppy-aml-13 {
0% {
opacity: 0;
transform: translateX(-330px);
}
100% {
opacity: 1;
transform: translateX(-230px);
}
}
@keyframes anim-quppy-aml-14 {
0% {
opacity: 0;
right: 0;
transform: translateX(100px);
}
100% {
opacity: 1;
right: 50%;
transform: translateX(170px);
}
}
@-webkit-keyframes anim-quppy-aml-14 {
0% {
opacity: 0;
right: 0;
transform: translateX(100px);
}
100% {
opacity: 1;
right: 50%;
transform: translateX(170px);
}
}
@keyframes anim-quppy-aml-15 {
0% {
opacity: 0;
right: 0;
transform: translateX(100px);
}
100% {
opacity: 1;
right: 50%;
transform: translateX(210px);
}
}
@-webkit-keyframes anim-quppy-aml-15 {
0% {
opacity: 0;
right: 0;
transform: translateX(100px);
}
100% {
opacity: 1;
right: 50%;
transform: translateX(210px);
}
}
@keyframes anim-quppy-aml-16 {
0% {
opacity: 0;
right: 0;
transform: translateX(100px);
}
100% {
opacity: 1;
right: 50%;
transform: translateX(150px);
}
}
@-webkit-keyframes anim-quppy-aml-16 {
0% {
opacity: 0;
right: 0;
transform: translateX(100px);
}
100% {
opacity: 1;
right: 50%;
transform: translateX(150px);
}
}
@keyframes anim-quppy-aml-17 {
0% {
opacity: 0;
transform: translateX(-284px);
}
100% {
opacity: 1;
transform: translateX(-164px);
}
}
@-webkit-keyframes anim-quppy-aml-17 {
0% {
opacity: 0;
transform: translateX(-284px);
}
100% {
opacity: 1;
transform: translateX(-164px);
}
}
@keyframes anim-quppy-aml-18 {
0% {
opacity: 0;
transform: translateX(-268px);
}
100% {
opacity: 1;
transform: translateX(-214px);
}
}
@-webkit-keyframes anim-quppy-aml-18 {
0% {
opacity: 0;
transform: translateX(-268px);
}
100% {
opacity: 1;
transform: translateX(-214px);
}
}
@keyframes anim-quppy-aml-19 {
0% {
opacity: 0;
transform: translateX(-330px);
}
100% {
opacity: 1;
transform: translateX(-180px);
}
}
@-webkit-keyframes anim-quppy-aml-19 {
0% {
opacity: 0;
transform: translateX(-330px);
}
100% {
opacity: 1;
transform: translateX(-180px);
}
}
@-webkit-keyframes anim-quppy-aml-20 {
0% {
opacity: 0;
transform: translateY(300px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
@keyframes anim-quppy-aml-20 {
0% {
opacity: 0;
transform: translateY(300px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
@media (max-width: 900px) {
.quppy-aml {
margin-top: 0;
}
.wallet .quppy-aml {
margin-top: 100px;
margin-bottom: 170px;
}
.multicurrency .quppy-aml {
margin-top: 150px;
margin-bottom: 250px;
}
.quppy-aml__wrap {
display: flex;
flex-direction: column-reverse;
}
.quppy-aml__decor--desctop {
display: none;
}
.quppy-aml__decor--mobile {
display: block;
}
.quppy-aml__text {
position: relative;
opacity: 0;
transform: translateY(0px);
}
.quppy-aml__bg--mobile {
max-height: none;
width: 700px;
max-width: unset;
left: 50%;
transform: translateX(-50%);
top: -140px;
opacity: 0;
position: absolute;
}
.quppy-aml__yes--mobile img {
position: absolute;
}
.quppy-aml__yes--mobile img:nth-child(1) {
right: 0;
top: 35px;
transform: translateX(100px);
opacity: 0;
}
.quppy-aml__yes--mobile img:nth-child(2) {
top: 117px;
transform: translateX(100px);
right: 0;
opacity: 0;
}
.quppy-aml__yes--mobile img:nth-child(3) {
top: 271px;
transform: translateX(100px);
right: 0;
opacity: 0;
}
.quppy-aml__left-logos--mobile img {
position: absolute;
}
.quppy-aml__left-logos--mobile img:nth-child(1) {
left: 50%;
transform: translateX(-324px);
top: 88px;
opacity: 0;
}
.quppy-aml__left-logos--mobile img:nth-child(2) {
left: 50%;
transform: translateX(-100px);
top: 184px;
opacity: 0;
}
.quppy-aml__left-logos--mobile img:nth-child(3) {
left: 50%;
transform: translateX(-100px);
top: 303px;
opacity: 0;
}
@-webkit-keyframes anim-quppy-aml-20 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes anim-quppy-aml-20 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
}
@media (max-width: 768px) {
.wallet .quppy-aml {
margin-bottom: 200px;
}
}
@media (max-width: 425px) {
.wallet .quppy-aml {
margin-bottom: 100px;
}
.multicurrency .quppy-aml {
margin-top: 80px;
margin-bottom: 80px;
}
.quppy-aml__title {
font-size: 28px;
margin-bottom: 16px;
}
.quppy-aml__button {
margin-top: 16px;
width: 100%;
background: #6c63ff;
color: #ffffff;
border: 1px solid #6c63ff;
}
.quppy-aml__button:hover {
background: #ffffff;
color: #6c63ff;
border: 1px solid #d7dbeb;
}
.quppy-aml__bg--mobile {
width: 520px;
top: -99px;
}
.quppy-aml__yes--mobile img:nth-child(1) {
top: 25px;
}
.quppy-aml__yes--mobile img:nth-child(2) {
top: 80px;
}
.quppy-aml__yes--mobile img:nth-child(3) {
top: 200px;
}
.quppy-aml__left-logos--mobile img:nth-child(1) {
transform: translateX(-148px);
top: 65px;
}
.quppy-aml__left-logos--mobile img:nth-child(2) {
transform: translateX(-208px);
top: 126px;
}
.quppy-aml__left-logos--mobile img:nth-child(3) {
transform: translateX(-176px);
top: 220px;
}
.quppy-aml_buttons .btn:first-child {
margin-right: 0;
}
}
.quppy-aml__decor-bg img:nth-child(1) {
-webkit-animation: anim-quppy-aml-1 1.5s;
animation: anim-quppy-aml-1 1.5s;
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__decor-bg img:nth-child(2) {
-webkit-animation: anim-quppy-aml-1 2s;
animation: anim-quppy-aml-1 2s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__decor-bg img:nth-child(3) {
-webkit-animation: anim-quppy-aml-1 1.5s;
animation: anim-quppy-aml-1 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__yes--desctop--anim img:nth-child(1) {
-webkit-animation: anim-quppy-aml-2 1.5s;
animation: anim-quppy-aml-2 1.5s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__yes--desctop--anim img:nth-child(2) {
-webkit-animation: anim-quppy-aml-3 2s;
animation: anim-quppy-aml-3 2s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__yes--desctop--anim img:nth-child(3) {
-webkit-animation: anim-quppy-aml-4 1.5s;
animation: anim-quppy-aml-4 1.5s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__left-logos--desctop--anim img:nth-child(1) {
-webkit-animation: anim-quppy-aml-5 1.5s;
animation: anim-quppy-aml-5 1.5s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__left-logos--desctop--anim img:nth-child(2) {
-webkit-animation: anim-quppy-aml-6 1.5s;
animation: anim-quppy-aml-6 1.5s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__left-logos--desctop--anim img:nth-child(3) {
-webkit-animation: anim-quppy-aml-7 1s;
animation: anim-quppy-aml-7 1s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__bg--mobile {
-webkit-animation: anim-quppy-aml-1 2s;
animation: anim-quppy-aml-1 2s;
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__yes--mobile img:nth-child(1) {
-webkit-animation: anim-quppy-aml-8 2s;
animation: anim-quppy-aml-8 2s;
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__yes--mobile img:nth-child(2) {
-webkit-animation: anim-quppy-aml-9 1.5s;
animation: anim-quppy-aml-9 1.5s;
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__yes--mobile img:nth-child(3) {
-webkit-animation: anim-quppy-aml-10 2.5s;
animation: anim-quppy-aml-10 2.5s;
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__left-logos--mobile img:nth-child(1) {
-webkit-animation: anim-quppy-aml-11 2s;
animation: anim-quppy-aml-11 2s;
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__left-logos--mobile img:nth-child(2) {
-webkit-animation: anim-quppy-aml-12 1.5s;
animation: anim-quppy-aml-12 1.5s;
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__left-logos--mobile img:nth-child(3) {
-webkit-animation: anim-quppy-aml-13 2.5s;
animation: anim-quppy-aml-13 2.5s;
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__text--anim {
-webkit-animation: anim-quppy-aml-20 2s;
animation: anim-quppy-aml-20 2s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@media (max-width: 425px) {
.quppy-aml__yes--mobile img:nth-child(1) {
-webkit-animation: anim-quppy-aml-14 2.5s;
animation: anim-quppy-aml-14 2.5s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__yes--mobile img:nth-child(2) {
-webkit-animation: anim-quppy-aml-15 2s;
animation: anim-quppy-aml-15 2s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__yes--mobile img:nth-child(3) {
-webkit-animation: anim-quppy-aml-16 1.5s;
animation: anim-quppy-aml-16 1.5s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__left-logos--mobile img:nth-child(1) {
-webkit-animation: anim-quppy-aml-17 2.5s;
animation: anim-quppy-aml-17 2.5s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__left-logos--mobile img:nth-child(2) {
-webkit-animation: anim-quppy-aml-18 2s;
animation: anim-quppy-aml-18 2s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.quppy-aml__left-logos--mobile img:nth-child(3) {
-webkit-animation: anim-quppy-aml-19 1.5s;
animation: anim-quppy-aml-19 1.5s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
}
.not-found__title {
color: #66647e;
font-size: 18px;
}
.main-page__link {
color: #66647e;
font-size: 18px;
}
.global .banner-2{
padding-top:unset;
}
.global .banner-2 .swap-2 .block:nth-child(1) {
width: 40%;
}
.global .banner-2 .swap-2 .block:nth-child(2) {
position: relative;
width: 59%;
}
.global .banner-2 .cint-img img:nth-child(1) {
top: 90%;
left: -47%;
}
.global .fifth-block__item{
order: unset;
}
.global .fifth-block__item:nth-child(1) {
background: #F9F8FF;
}
.global .fifth-block__item:nth-child(2) {
background: #FFF8F8;
}
.global .fifth-block__item:nth-child(3) {
background: #F8FFFA;
}
.global .fifth-block__item:nth-child(4) {
background: #FDF8FF;
}
.global .fifth-block__item:nth-child(5) {
background: #F9F8FF;
}
.global .fifth-block__item:nth-child(6) {
background: #FFF8F8;
}
.global .fifth-block__item--anim:nth-child(5) {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.global .fifth-block__item--anim:nth-child(6) {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
section.how p.desc{
font-size: 17px;
line-height: 18px;
color: #2B2942;
text-align: center;
margin-bottom: 98px;
}
section.how .max {
padding:0;
}
section.how .max h2 {
margin-bottom: 24px;
}
section.how .icon{
width:60px!important;
height: auto;
margin-bottom:20px
}
section.how .block{
text-align: left;
padding-left: 30px;
padding-right: 50px;
margin-bottom: 0px;
}
section.how .block p.zag{
text-align:left;
margin: 0;
}
section.how .block p.txt{
color: #2B2942;
opacity: 0.76;
text-align: left;
}
section.how .block ul{
margin-top: 24px;
}
section.how .block ul li{
line-height: 150%;
font-size: 17px;
display:flex;
margin-bottom:20px;
}
section.how .block ul li .bullet{
adding-top: 4px;
margin-right: 15px;
}
section.how .block ul li .how_text{
font-size:17px;
opacity:0.76;
}
.global .fifth-block__wrap{
padding-top:140px;
}
.global .stay .max {
flex-direction: row;
}
.global .stay h2 {
margin-bottom:25px;
}
.global .stay .text {
font-size:18px;
color: #fff;
}
.global .stay .block{
width:49%;
color:#fff;
text-align:left;
padding:0 60px 0 120px;
}
@media (max-width: 900px){
.global{
padding-top: 30px;
}
section.how .block {
margin-bottom: 40px;
}
.global .fifth-block__wrap {
padding-top: 0px;
}
.global .fifth-block {
margin-top: 50px;
}
.global .stay .max {
flex-direction: column;
}
.global .stay .block {
width: 90%;
color: #fff;
text-align: left;
padding: 0;
}
.global .stay h2 {
text-align: center;
}
}
.global .btn {
cursor: pointer;
}
section.seo .max h2 {
text-align: center;
margin-bottom: 27px;
}
section.seo .desc {
text-align: center;
max-width: 61%;
margin: 0 auto;
font-size: 18px;
line-height: 29px;
}
section.seo .swap-2 {
padding-top: 128px;
}
section.seo .max .block{
text-align:left;
padding-right: 40px;
width: 50%;
padding-left: 10px;
margin-bottom: 93px;
}
section.seo .max div.block:last-child{
margin-bottom: 20px;
}
section.seo .block .zag {
font-size: 34px;
font-weight: 700;
margin-bottom: 28px;
padding-top: 0px;
text-align:left;
}
section.seo .number_of_item {
position: absolute;
top: -66px;
left: 10px;
width: 40px;
height: 40px;
background-color: #E0E8FF; color: #4A3AFF; border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: bold;
} section.seo .block .txt {
font-size: 18px;
line-height: 1.6;
width: 100%;
margin: 0;
max-width: 100%;
text-align: left;
} section.seo .block ul {
list-style: none;
padding: 25px 0;
}
section.seo .block ul li {
position: relative;
padding-left: 31px;
margin-bottom: 8px;
}
section.seo .block ul li:before {
content: "";
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Pre-Order_Card/galka.svg);
position: absolute;
width: 20px;
height: 20px;
background-size: 100%;
left: 1px;
top: 50%;
transform: translateY(-50%);
} section.seo_faq {
padding: 40px 20px 80px 20px;
background-color: #ffffff; }
section.seo_faq .max {
max-width: 800px;
margin: 0 auto;
}
section.seo_faq .max h2 {
text-align: center;
padding-top: 20px;
font-size: 34px;
font-weight: bold;
margin-bottom: 40px;
}
section.seo_faq .max  .desc {
text-align: center;
font-size: 18px;
line-height: 1.6;
margin-bottom: 40px;
} section.seo_faq .max  .swap-2 {
display: flex;
flex-direction: column;
gap: 9px;
}
section.seo_faq .block {
width: 100%;
border-bottom: 1px solid #e0e0e0; padding-bottom: 20px;
padding-top: 20px;
margin:0;
}
section.seo_faq .block:last-child {
border-bottom: 0px; }
section.seo_faq .block .txt {
font-size: 18px;
width: 100%;
max-width: 100%;
margin: 0;
text-align:left;
}
section.seo_faq .txt + p {
font-size: 18px;
line-height: 1.5;
}
.fees p.text_iban_disc {
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 150%;
letter-spacing: 0.02em;
color: #66647e;
max-width: 835px;
display: block;
margin: 58px auto;
}
.fees .special {
margin-top:0px;
}
.fees .special.special_first {
margin-top:80px;
}
.fees .txt-price.special span{
color:#6C63FB;
background: #E2E0FE;
}
section.slider .seventh-block__block ul {
list-style: none;
padding: 35px 0;
}
section.slider .seventh-block__block ul li {
position: relative;
padding-left: 31px;
margin-bottom: 8px;
color: #fff;
font-size:20px;
}
section.slider .seventh-block__block ul li:before {
content: "";
background-image: url(//quppy.com/pt/wp-content/themes/quppycom/img/Pre-Order_Card/w_galka.svg);
position: absolute;
width: 20px;
height: 20px;
background-size: 100%;
left: 1px;
top: 50%;
transform: translateY(-50%);
}
section.slider .seventh-block__wrap {
background: url(//quppy.com/pt/wp-content/themes/quppycom/img/slider_bk.png) no-repeat bottom;
padding-bottom: 20px;
padding-top: 20px;
display: flex;
align-items: center;
overflow: hidden;
justify-content: center;
height:430px;
}
section.slider .swiper-slide {
padding-top:45px;
padding-bottom:40px;
}
section.slider{
width: 1170px;
margin: 0 auto;
padding-bottom: 0px;
}
section.slider .slide_img {
position: absolute;
left: -100px;
bottom: -4%;
height: auto;
width: 58%;
max-width: unset;
max-height: unset;
padding: 0;
}
section.slider .seventh-block__block {
position: relative;
padding-left: 50%;
}
section.slider .swiper-button-next,
section.slider .swiper-button-prev {
color: #000;
background: rgba(255, 255, 255, 0.7);
border-radius: 50%;
padding: 10px;
}
section.slider .swiper-pagination {
bottom: 50px;
left: 0;
width: 100%;
.swiper-pagination-bullet {
background: #FFFFFF;
opacity:0.5;
}
.swiper-pagination-bullet-active {
background: #FFFFFF;
opacity:1;
}
}
section.slider .swiper-pagination-bullet {
background: #000;
}
section.slider .new_swiper-button_wrapper {
position: absolute;
width: 120%;
left: -10%;
top: 45%;
height: 50px;
z-index: 10;
display: flex;
align-content: center;
justify-content: space-between;
align-items: center;
}
section.slider .new_swiper-button {
width: 70px;
cursor: pointer;
}
@media (max-width: 1024px) {
section.slider {
width:100%;
.swiper-wrapper{
margin-left:0px;
}
.new_swiper-button_wrapper{
display:none;
}
.seventh-block__title{
font-size:21px;
line-height: 1.2;
text-align: left;
}
.seventh-block__block ul li {
font-size:15px;
line-height: 1.2;
opacity:0.7;
}
.seventh-block__block {
margin: 0;
padding: 0px 0px 0px 18px;
align-items: flex-start;
}
.seventh-block__wrap {
padding-bottom: 10px;
padding-top: 10px;
align-items: center;
min-height: 240px;
max-width: 97%;
height: auto;
}
.seventh-block__content.container {
margin: 0;
width: 93%;
margin-right: 0px !important;
}
.seventh-block__block ul li{
margin-bottom: 5px;
padding-left: 23px;
}
.seventh-block__block ul {
padding: 12px 0;
max-width: 70%;
}
.neobank__button {
background: transparent;
color: #fff;
width: auto;
position: relative;
height: auto;
}
.swiper-pagination {
bottom: 10%;
}
.swiper-slide{
}
.swiper-slide-active{
}
.neobank__button::after {
content: '';
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
width: 7px;
height: 11px;
background-image: url('data:image/svg+xml;utf8,<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 0.75L5.5 5.25L1 9.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-repeat: no-repeat;
background-size: contain;
}
.slide_img {
right: 0%;
bottom: 38%;
left:unset;
width: 45%;
padding: 0;
margin: 0;
}
.seventh-block__block ul li:before {
width: 15px;
height: 15px;
}
.swiper-slide {
padding-top: 20px;
padding-bottom: 20px;
}
}
}
.stores__button .mob-btn svg path {
fill:white;
}
section.exchange-section {
text-align: center;
padding: 50px 20px;
position: relative;
}
section.exchange-section .exchange-container::before,
section.exchange-section .exchange-container::after {
content: '';
position: absolute;
width: 600px;
height: 950px;
z-index: 1;
}
section.exchange-section .exchange-container {
max-width: 720px;
margin: 0 auto;
background: white;
position:relative;
}
section.exchange-section ul {
list-style: none;
padding: 0;
}
section.exchange-section ul li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
transition: background 0.3s;
}
section.exchange-section ul li:last-child {
border-bottom: none;
}
section.exchange-section ul li:hover {
background: rgba(0, 0, 0, 0.02);
}
section.exchange-section span {
font-size:22px;
font-weight: 600;
}
section.exchange-section .currency-code {
margin-left: 8px;
font-size:18px;
color: #7f8c8d;
line-height:22px;
}
section.exchange-section .currency-icon {
width: 52px;
height: 52px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
color: white;
} section.exchange-section .exchange-container::before {
content: url(https://quppy.com/wp-content/uploads/2024/10/Group-2087325515.png);
top: 77px;
left: -83%;
}
section.exchange-section .exchange-container::after {
content: url(https://quppy.com/wp-content/uploads/2024/10/Group-2087325516.png);
top: 50px;
right: -82%;
}
section.exchange-section .easily-exchange__title {
margin-bottom: 30px;
margin-top: 30px;
}
section.exchange-section .currency-info {
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
section.exchange-section .exchange-container::before,
section.exchange-section .exchange-container::after {
display:none;
opacity:0;
}
}
.lwpcngHide {
display: none;
}
.post_txt h2, .post_txt h3, .post_txt ul, .post_txt ol {
margin: 20px 0;
}
.post_txt h2 {
font-size: 28px;
}
.post_txt p {
color: #282c42;
font-size: 16px;
}
@media (max-width: 767px) {
h2 {
font-size: 24px;
}
}
.post_txt ul {
padding-left: 20px;
list-style: disc;
}
.post_txt ol {
padding-left: 20px;
list-style: decimal;
}