.nb-animator-line,
.nb-animator-word,
.nb-animator-char{
display: inline-block;
}
[data-animator="flickering"]{
visibility: hidden !important;
}.bc-blade-title__anchor{
display: block;
width: fit-content;
height: fit-content;
}
.bc-blade-title{
display: block;
width: fit-content;
}
.bc-blade-title__inner{
display: block;
clip-path: polygon(0 0, 150% 0, 150% 150%, 0% 150%);
}
.bc-blade-title__line-wrapper{
overflow: hidden;
}
.bc-blade-title__inner--to-hide{
opacity: 0;
}.bc-underlined-title__anchor{
display: flex;
width: fit-content;
height: fit-content;
}
.bc-underlined-title{
text-decoration: unset !important;
color: unset !important;
display: block;
width: fit-content;
height: fit-content;
}
.bc-underlined-title__element{
position: relative;
display: block;
width: 100%;
--width: 0px;
--height: 1px;
--bottom-distance: 0px;
--duration: 0.7s;
--ease: cubic-bezier(0.16, 1, 0.3, 1);
--background: currentColor;
} .bc-underlined-title__side-to-side:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: var(--bottom-distance);
height: var(--height);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
background: var(--background);
-webkit-transition: -webkit-transform var(--duration) var(--ease);
transition: -webkit-transform var(--duration) var(--ease);
-o-transition: -o-transform var(--duration) var(--ease);
-moz-transition: transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease);
transition: transform var(--duration) var(--ease);
transition: transform var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease), -o-transform var(--duration) var(--ease);
}
.bc-underlined-title__side-to-side:hover:before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
transition-delay: unset;
-webkit-transition-delay: unset;
-o-transition-delay: unset;
-moz-transition-delay: unset;
} .bc-underlined-title__one-sided:after {
content: '';
position: absolute;
bottom: var(--bottom-distance);
left: 0;
width: var(--width);
border-bottom: var(--height) solid var(--background);
transition: var(--duration) var(--ease);
}
.bc-underlined-title__two-sided:after {
content: '';
display: block;
margin: auto;
bottom: var(--bottom-distance);
left: 0;
width: var(--width);
height: var(--height);
background: var(--background);
transition: width var(--duration) var(--ease);
position: relative;
border-bottom: unset;
}
.bc-underlined-title__one-sided:hover:after, .bc-underlined-title__two-sided:hover:after {
width: 100%;
}
.bc-underlined-title__one-sided:hover::after, .bc-underlined-title__two-sided:hover::after {
-webkit-transition: width var(--duration) var(--ease);
transition: width var(--duration) var(--ease);
-o-transition: width var(--duration) var(--ease);
-moz-transition: width var(--duration) var(--ease);
transition: width var(--duration) var(--ease);
transition: width var(--duration) var(--ease);
} .bc-underlined-title__full-sided::after,
.bc-underlined-title__full-sided::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: var(--bottom-distance);
height: var(--height);
background: var(--background);
-webkit-transition: -webkit-transform var(--duration) var(--ease);
transition: -webkit-transform var(--duration) var(--ease);
-o-transition: -o-transform var(--duration) var(--ease);
-moz-transition: transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease);
transition: transform var(--duration) var(--ease);
transition: transform var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease), -o-transform var(--duration) var(--ease);
}
.bc-underlined-title__full-sided::before {
-webkit-transform-origin: left;
-moz-transform-origin: left;
-ms-transform-origin: left;
-o-transform-origin: left;
transform-origin: left;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
}
.bc-underlined-title__full-sided::after {
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
-o-transform-origin: right;
transform-origin: right;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.bc-underlined-title__full-sided:hover::before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
transition-delay: 0.25s;
-webkit-transition-delay: 0.25s;
-o-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
}
.bc-underlined-title__full-sided:hover::after {
width: unset;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
}.bc-arrow-button{
white-space: wrap;
text-decoration: unset !important;
color: unset !important;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row-reverse; width: fit-content;
height: fit-content;
--scale: 1.25;
--dimensions: 23px;
--transitionduration: 0.5s;
--ease: cubic-bezier(0.1, 0, 0.3, 1);
--transitiondurationswap: 0.5s;
--easeswap: cubic-bezier(0.1, 0, 0.3, 1);
--arrow-distance: 300%;
} .bc-arrow-button .bc-arrow-button_title-wrapper{
width: 100%;
padding: 15px 20px 15px 20px;
background-color: rgb(44, 43, 43); border-radius: 100px; color: white; text-align: center;
font-size: 18px;
letter-spacing: -.5px;
line-height: 1.15;
}
.bc-arrow-button .bc-arrow-button_title-wrap{
position: relative;
overflow: hidden;
}
.bc-arrow-button .bc-arrow-button__title{
all: unset;
display: block;
outline: none;
border: none;
transition: transform;
transition-duration: var(--transitiondurationswap);
transition-timing-function: var(--easeswap);
} .bc-arrow-button[data-swap='enable'] .bc-arrow-button__title::after{
display: block;
content: attr(data-content);
position: absolute;
top: 100%;
width: 100%;
}
.bc-arrow-button[data-swap='enable']:hover .bc-arrow-button__title{
transform: translateY(-100%);
}
.bc-arrow-button[data-swap='enable']:hover .bc-arrow-button__title::after{
transform: translateY(0%);
} .bc-arrow-button .bc-arrow-button__circle{
padding: 25px;
background-color: rgb(44, 43, 43); border-radius: 50%; position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
min-width: var(--dimensions) !important;
min-height: var(--dimensions) !important;
transition: scale;
transition-duration: var(--transitionduration);
transition-timing-function: var(--ease);
}
.bc-arrow-button .bc-arrow-button__arrow{
position: absolute;
transition: transform;
transition-duration: var(--transitionduration);
transition-timing-function: var(--ease);
min-width: var(--dimensions) !important;
min-height: var(--dimensions) !important;
max-width: var(--dimensions) !important;
max-height: var(--dimensions) !important;
rotate: -45deg; --fill: white;
stroke-width: 0.1;
stroke: var(--fill);
fill: var(--fill);
}
.bc-arrow-button .bc-arrow-button__arrow-right{
transform: translateX(calc(var(--arrow-distance) * -1));
}
.bc-arrow-button:hover .bc-arrow-button__circle{
scale: var(--scale); }
.bc-arrow-button:hover .bc-arrow-button__arrow-left{
transform: translateX(var(--arrow-distance));
}
.bc-arrow-button:hover .bc-arrow-button__arrow-right{
transform: translateX(0%);
}.bc-ripple-button {
display: flex;
justify-content: center;
width: fit-content;
white-space: nowrap;
color: #000;
line-height: normal;
padding: 15px 50px; border-radius: 50px; background: white; overflow: hidden;
position: relative;
transition: var(--transition-duration) var(--transition-ease); transform: translateZ(0);
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-perspective: 1000;
will-change: transform;
--transition-duration: 0.8s;
--transition-duration-in: 0.8s;
--transition-ease: cubic-bezier(0.22, 1, 0.36, 1);
--skew-text: 10deg;
--amplitude: 0%;
}
.bc-ripple-button__text {
opacity: 0;
will-change: transform;
}
.bc-ripple-button__pseudo {
position: relative;
overflow: hidden;
will-change: transform;
}
.bc-ripple-button__pseudo::before {
content: attr(data-content);
position: absolute;
top: 0;  transform: skewY(0);
transition: var(--transition-duration) var(--transition-ease); will-change: transform;
}
.bc-ripple-button__pseudo::after {
content: attr(data-content);
position: absolute;
top: 300%;  left: 0;
transform: skewY(var(--skew-text)); z-index: 5;
color: white; transition: var(--transition-duration) var(--transition-ease); will-change: transform;
}
.bc-ripple-button__hover-fill {
position: absolute;
top: -155%;  left: calc(var(--amplitude) * -1); height: 150%;  width: calc(100% + var(--amplitude)*2); background: #000; z-index: -5;
border-radius: 0 0 50% 50%; transition: var(--transition-duration) var(--transition-ease); }
.bc-ripple-button:hover .bc-ripple-button__pseudo::before, .bc-ripple-button:focus .bc-ripple-button__pseudo::before {
transform: skewY(var(--skew-text)); top: -300%;  will-change: transform;
transition: var(--transition-duration-in) var(--transition-ease);
}
.bc-ripple-button:hover .bc-ripple-button__pseudo::after, .bc-ripple-button:focus .bc-ripple-button__pseudo::after {
transform: skewY(0);
top: 0;  will-change: transform;
transition: var(--transition-duration-in) var(--transition-ease);
}
.bc-ripple-button:hover .bc-ripple-button__hover-fill, .bc-ripple-button:focus .bc-ripple-button__hover-fill {
transform: translateY(100%);  transition: var(--transition-duration-in) var(--transition-ease);
} [data-type="bc-ripple-button--from-bottom"] .bc-ripple-button__pseudo::after {
top: -300%;
}
[data-type="bc-ripple-button--from-bottom"] .bc-ripple-button__hover-fill {
border-radius: 50% 50% 0 0;
top: 105%;
}
[data-type="bc-ripple-button--from-bottom"]:hover .bc-ripple-button__pseudo::before, [data-type="bc-ripple-button--from-bottom"]:focus .bc-ripple-button__pseudo::before {
top: 300%;
transition: var(--transition-duration-in) var(--transition-ease);
}
[data-type="bc-ripple-button--from-bottom"]:hover .bc-ripple-button__hover-fill, [data-type="bc-ripple-button--from-bottom"]:focus .bc-ripple-button__hover-fill {
transform: translateY(-100%);
transition: var(--transition-duration-in) var(--transition-ease);
} [data-type="bc-ripple-button--from-left"] .bc-ripple-button__pseudo::after {
top: -300%;
}
[data-type="bc-ripple-button--from-left"] .bc-ripple-button__hover-fill {
border-radius: 0 0 0 0;
top: -25%;
left: -155%;
width: 150%;
}
[data-type="bc-ripple-button--from-left"]:hover .bc-ripple-button__pseudo::before, [data-type="bc-ripple-button--from-left"]:focus .bc-ripple-button__pseudo::before {
top: 300%;
transition: var(--transition-duration-in) var(--transition-ease);
}
[data-type="bc-ripple-button--from-left"]:hover .bc-ripple-button__hover-fill, [data-type="bc-ripple-button--from-left"]:focus .bc-ripple-button__hover-fill {
transform: translateX(100%);
transition: var(--transition-duration-in) var(--transition-ease);
} [data-type="bc-ripple-button--from-right"] .bc-ripple-button__pseudo::after {
top: -300%;
}
[data-type="bc-ripple-button--from-right"] .bc-ripple-button__hover-fill {
border-radius: 0 0 0 0;
top: -25%;
left: 105%;
width: 150%;
}
[data-type="bc-ripple-button--from-right"]:hover .bc-ripple-button__pseudo::before, [data-type="bc-ripple-button--from-right"]:focus .bc-ripple-button__pseudo::before {
top: 300%;
transition: var(--transition-duration-in) var(--transition-ease);
}
[data-type="bc-ripple-button--from-right"]:hover .bc-ripple-button__hover-fill, [data-type="bc-ripple-button--from-right"]:focus .bc-ripple-button__hover-fill {
transform: translateX(-100%);
transition: var(--transition-duration-in) var(--transition-ease);
}.bc-lottie{
display: block;
width: 350px; height: fit-content; }
.bc-lottie__element{
width: 100%; height: auto;
}
.bc-lottie__to-hide{
opacity: 0;
}.bc-mousefill-title__anchor{
display: block;
width: fit-content;
height: fit-content;
}
.bc-mousefill-title{
--stroke-color: #fff; --fill-color: #fff; --stroke-width: 2px;
font-size: 64px; font-weight: 700;
text-transform: uppercase;
display: flex;
-webkit-text-stroke: var(--stroke-width) var(--stroke-color);
background: linear-gradient(to right, var(--fill-color) 0 100%) left / 0 no-repeat;
color: transparent;
background-clip: text;
background-size: 0% 100%;
position: relative;
}
.bc-mousefill-title[data-shadow='true']{
background: linear-gradient(to right, var(--fill-color), transparent 75%, transparent) left / 0 no-repeat;
background-clip: text;
}a.bc-anyside-button,
a.bc-anyside-button:hover{
color: unset;
}
.bc-anyside-button {
display: block;
width: fit-content;
white-space: wrap;
--colortransition: 800ms;
--colortransition-ida: 800ms;
--pathtransition: 800ms;
--pathtransition-ida: 800ms;
--easing: ease;
--hover-color: #fff;
--click-dimensions: 500px;
border: 0;
position: relative;
overflow: hidden;
background: white; color: #1a1a1a; border-radius: 15px;
text-align: center;
padding: 40px;
}
.bc-anyside-button__title {
position: relative;
z-index: 2;
transition: color var(--colortransition) var(--easing);
}
.bc-anyside-button__anyside-div {
position: absolute;
left: 0;
top: 0;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #252527; clip-path: circle(0% at 50% 50%);
transition: clip-path var(--pathtransition) var(--easing);
z-index: 1;
}
.bc-anyside-button[data-type='hover']:hover .bc-anyside-button__title {
color: var(--hover-color); transition: color var(--colortransition-ida) var(--easing);
}
.bc-anyside-button[data-type='hover']:hover .bc-anyside-button__anyside-div {
clip-path: circle(100% at 50% 50%);
transition: clip-path var(--pathtransition-ida) var(--easing);
}
[data-type='click'] .bc-anyside-button__anyside-span {
background: #252527;
position: absolute;
transform: translate(-50%, -50%);
pointer-events: none;
border-radius: 50%;
animation: animate var(--pathtransition) linear infinite;
}
@keyframes animate {
0% {
width: 0;
height: 0;
opacity: 0.5;
}
100% {
width: var(--click-dimensions);
height: var(--click-dimensions);
opacity: 0;
}
}.bc-back-to-top {
position: fixed;
right: 50px; bottom: 50px; height: 46px;
width: 46px;
cursor: pointer;
border-radius: 50px;
box-shadow: inset  0 0 0 2px;
color: rgba(255, 255, 255, 0.2); background-color: none; z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px) !important;
transition-duration: 200ms; transition-timing-function: linear; display: flex;
justify-content: center;
align-items: center;
}
.bc-back-to-top__active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0) !important;
}
.bc-back-to-top__arrow-svg {
position: absolute;
fill: grey;
width: 25px;
height: 100%;
cursor: pointer;
display: block;
z-index: 1;
}
.bc-back-to-top__circle-path {
fill: none;
stroke: grey; stroke-width: 5;
box-sizing:border-box;
}
.bc-back-to-top__to-hide{
opacity: 0;
}