<>
:root {
--size-unit: 16;
--size-container-ideal: 1440;
--size-container-min: 992px;
--size-container-max: 1920px;
--size-container: clamp(var(--size-container-min)100vwvar(--size-container-max));
--size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)));
}
@media screen and (max-width: 991px) {
:root {
--size-container-ideal: 834;
--size-container-min: 768px;
--size-container-max: 991px;
}
}
@media screen and (max-width: 767px) {
:root {
--size-container-ideal: 550;
--size-container-min: 480px;
--size-container-max: 767px;
}
}
@media screen and (max-width: 479px) {
:root {
--size-container-ideal: 375;
--size-container-min: 320px;
--size-container-max: 479px;
}
}
body {font-size: var(--size-font);}
/* --- Hide Scrollbar -- */
body ::-webkit-scrollbar{display: none;}
body {-ms-overflow-: none;}
html {scrollbar-width: none;}
/* --- Body Global --- */
**:after*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {scroll-behavior: initial;}
htmlbody {-webkit-font-smoothing: antialiased;}
svg {max-width: none; height: auto; box-sizing: border-box; vertical-align: middle;}
::selection{
background-color: black;
color: white;
text-shadow: none;
}
a{
color: inherit;
text-decoration: none;
}
textarea{
resize: none;
}
.rs_grid-item[data-wf\-\-resource-center-card\-\-variant="dark"]:hover .rs_arrow-block {
background-color: #fff !important;
color: #000 !important;
}
/*#navigation .navbar-dd_link-block:hover .navbar-dd_link-desc#navigation .cta-dd_link-block:hover .cta-dd_link-desc {
color: #fff;
}*/
.hs-checkbox_input[type="checkbox"] {
appearance: none;
width: 1em;
max-width: 1em;
height: 1em;
max-height: 1em;
border: 1px solid #89919F;
background-color: transparent;
cursor: pointer;
display: inline-block;
position: relative;
border-radius: 0px;
flex: 1 0 auto;
transition: background-color 0.2s ease-in-out;
}
.hs-checkbox_input[type="checkbox"]:hover {
background-color: #343940;
}
.hs-checkbox_input[type="checkbox"]:checked {
background-color: #298DFF;
border-color: #298DFF;
}
.hs-checkbox_input[type="checkbox"]:checked::after {
content: "";
width: 10px;
height: 9px;
background-image: url('data:image/svg+xml;utf8,
');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%-50%);
}
@media only screen and (max-width: 480px) {
.hs-checkbox_input[type="checkbox"] {
margin-top: 0.25em;
}
}
.hs-input {
caret-color: #298DFF;
}
.hs-submit.disable {
background-color: #222529;
color: #89919F;
pointer-events: none;
}
.hs-submit.success {
background-image: url('data:image/svg+xml;utf8,
');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-size: 30% 30%;
color: transparent;
pointer-events: none;
}
.hs-submit_block .hs-submit.disable.hs-submit_block.disable {
background-color: #4B515B;
color: #C2C6CD;
pointer-events: none;
}
.hs-submit_block.success {
background-color: #298DFF;
}
#learn-grid [learn-item=""] .ft-learn_category {
transition: color .3s easebackground-color .3s ease;
}
#learn-grid [learn-item=""]:hover .ft-learn_category {
color: #fff;
background-color: #5CA9FF;
}
#uc-learn-grid [uc-learn-item=""] [button-text]#learn-grid [learn-item=""] [button-text] {
transition: color .3s easetransform .3s ease;;
transform: translateX(-2.25em);
}
#uc-learn-grid [uc-learn-item=""]:hover [button-text]#learn-grid [learn-item=""]:hover [button-text] {
color: #fff;
transform: translateX(0);
}
#uc-learn-grid [uc-learn-item=""] .blue-arrow#learn-grid [learn-item=""] .blue-arrow {
opacity: 0;
transform: translateX(-0.625em);
pointer-events: none;
transition: opacity .3s easetransform .3s ease;
}
#uc-learn-grid [uc-learn-item=""]:hover .blue-arrow#learn-grid [learn-item=""]:hover .blue-arrow {
opacity: 1;
transform: translateX(0);
pointer-events: auto;
}
#uc-learn-grid [uc-learn-item=""] .uc-learn_divider#learn-grid [learn-item=""] .ft-learn_divider {
transition: border-color .3s ease-in-out;
}
#uc-learn-grid [uc-learn-item=""]:hover .uc-learn_divider#learn-grid [learn-item=""]:hover .ft-learn_divider {
border-color: #8FCBFF;
}
/* Samo za uređaje sa mišem (hover support) */
@media (hover: hover) and (pointer: fine) {
#learn-more-list [learn-more-item=""]#resource-list [resource-item=""] {
transition: background-color 0.3s ease;
}
#learn-more-list [learn-more-item=""] h3#resource-list [resource-item=""] h3 {
transition: transform 0.3s ease-in-outcolor 0.3s cubic-bezier(.215.61.3551);
}
#learn-more-list [learn-more-item=""] .learn-more_icon,
#learn-more-list [learn-more-item=""] .learn-more_icon-arrow,
#resource-list [resource-item=""] .resource-list_icon
#resource-list [resource-item=""] .resource-list_icon-arrow {
transition: opacity 0.3s easetransform 0.3s ease;
}
#learn-more-list [learn-more-item=""] .learn-more_icon-arrow#resource-list [resource-item=""] .resource-list_icon-arrow {
opacity: 0;
transform: translateX(-0.625em);
}
#learn-more-list [learn-more-item=""] .icon-default {
opacity: 1;
}
#learn-more-list [learn-more-item=""]:hover#resource-list [resource-item=""]:hover {
background: #298DFF;
}
#learn-more-list [learn-more-item=""]:hover h3#resource-list [resource-item=""]:hover h3 {
transform: translateX(-1em);
color: white;
}
#learn-more-list [learn-more-item=""]:hover .learn-more_icon#resource-list [resource-item=""]:hover .resource-list_icon {
opacity: 0;
}
#learn-more-list [learn-more-item=""]:hover .learn-more_icon-arrow#resource-list [resource-item=""]:hover .resource-list_icon-arrow {
opacity: 1;
transform: translateX(0);
}
}
#val-staking-grid [val-staking-item=""]:hover .val-staking_icon#sec-reports-grid .sec-reports_grid-item:hover .sec-reports_icon#oc-conv-grid .oc-conv_grid-item:hover .oc-conv_arrow {
background: #298DFF;
color: #fff;
}
.faq-item_question:hover .fw-faq_icon-wrapper.fw-faq_question:hover .fw-faq_icon-wrapper {
background: #298DFF;
}
.btcfi-app_grid-item:hover .btcfi-app_arrow {
background: #FF6C3D;
color: black;
}
.pc-press_grid .pc-press_grid-item:hover .pc-press_date {
background-color: #5CA9FF;
color: #fff;
}
.press-pagination .press-pagination_numbers.w--current {
background: #298DFF;
color: #fff;
}
.press-pagination_numbers {
font-size: 0.75em;
}
.gs-wallet_grid-item:hover .gs-wallet_arrow[hoverCard=""]:hover .eco-arrow[hoverCard=""]:hover .btn-arrow {
color: #fff;
background: #298DFF !important;
}
.footer_link-block:hover .footer_svg {
color: #298DFF;
}
.pc-latest_cms-item:hover .pc-press_date.pc-latest2_cms-item:hover .pc-press_date {
color: #fff;
background: #5CA9FF;
}
/*
.footer_link-block:hover .footer_link-text {
color: #fff;
}*/
.line,
.line-mask{
display: inline !important;
}
.footer_block_wrapper > div { overflow: hidden; }
[global="textStagger"] [global-target],
[global="arrowReveal"] [global-target]{
display: inline-block;
overflow: hidden;
line-height: 1.25em;
position: relative;
text-shadow: 0 1.25em currentColor;
}
<>
:root {
--cubic-default: cubic-bezier(0.5100.081);
--duration-default: 0.525s;
--duration-fast: 0.375s;
}
.home-sf_arrow-button,
.block_hover,
.button-blue-block_arrow,
.button-block_arrow {
position: relative;
overflow: hidden;
}
.home-sf_arrow-button,
.button-fest_text {
transition: background-color var(--duration-fast) var(--cubic-default);
}
.home-sf_arrow-button path,
.cta-blue_block .blue-arrow,
.cta-blue_logo,
.button-blue-block_arrow .blue-arrow path,
.button-block_arrow .blue-arrow path {
transition: transform var(--duration-fast) var(--cubic-default);
}
.block_hover .cta-blue_logo {
position: absolute;
}
.home-sf_arrow-button path:first-child,
.button-block_arrow .blue-arrow path:first-child {
transform: translateX(-200%);
}
.button-blue-block_arrow .blue-arrow path:first-child,
.cta-blue_block .blue-arrow {
transform: translateX(-200%);
}
.home-sf_arrow-button path:nth-child(2),
.button-blue-block_arrow .blue-arrow path:nth-child(2),
.button-block_arrow .blue-arrow path:nth-child(2),
.cta-blue_logo {
transform: translateX(0%);
}
.home-sf_content-item:hover .home-sf_arrow-button,
.button-block_fest:hover .button-fest_text {
background-color: #298dff;
}
.home-sf_content-item:hover .home-sf_arrow-button path:first-child,
.button-block_arrow:hover .blue-arrow path:first-child {
transform: translateX(0%);
}
.button-blue-block_arrow:hover .blue-arrow path:first-child,
.cta-blue_block:hover .blue-arrow {
transform: translateX(0%);
}
.home-sf_content-item:hover .home-sf_arrow-button path:nth-child(2),
.button-block_arrow:hover .blue-arrow path:nth-child(2) {
transform: translateX(200%);
}
.button-blue-block_arrow:hover .blue-arrow path:nth-child(2),
.cta-blue_block:hover .cta-blue_logo {
transform: translateX(200%);
}
/* Dots */
[hideDots] [data-dots] {
width: 100%;
transition: width 0.3s ease;
}
[hideDots]:hover [data-dots] {
width: 0% !important;
}
.intro-how_grid-item .blue-arrow path {
transition: transform var(--duration-fast) var(--cubic-default);
}
.intro-how_grid-item .blue-arrow path:first-child {
transform: translateX(-200%);
}
.intro-how_grid-item .blue-arrow path:nth-child(2) {
transform: translateX(0%);
}
.intro-how_grid-item:hover .blue-arrow path:first-child {
transform: translateX(0%);
}
.intro-how_grid-item:hover .blue-arrow path:nth-child(2) {
transform: translateX(200%);
}
.intro-how_grid-item .blue-arrow {
background: #343940;
}
.intro-how_grid-item:hover .blue-arrow {
background: #298dff;
}
.uc-learn_grid-item:hover [button-text] {
color: #ffffff;
}
.uc-learn_grid-item:hover .dottedhorizontal path {
stroke: rgba(1432032551);
}
/* intro-stack_grid-item arrow animation */
.intro-stack_grid-item .blue-arrow {
background: #343940;
transition: background-color var(--duration-fast) var(--cubic-default);
}
.intro-stack_grid-item .blue-arrow path {
transition: transform var(--duration-fast) var(--cubic-default);
}
.intro-stack_grid-item .blue-arrow path:first-child {
transform: translateX(-200%);
}
.intro-stack_grid-item .blue-arrow path:nth-child(2) {
transform: translateX(0%);
}
.intro-stack_grid-item:hover .blue-arrow {
background: #298dff;
}
.intro-stack_grid-item:hover .blue-arrow path:first-child {
transform: translateX(0%);
}
.intro-stack_grid-item:hover .blue-arrow path:nth-child(2) {
transform: translateX(200%);
}
.home-sf_content-item img {
transform: scale(1);
transition: transform .3s ease-in-out;
}
.home-sf_content-item:hover img {
transform: scale(1.08);
}
.btn-small-wide.is-secondary:hover .ico-24.fund-card_top:hover .grey-arrow.eco_card-main:hover .grey-arrow {
background: #298dff;
}
.btn-small-wide:hover .ico-24 {
background: #343940
}
