.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ct-div-block,
.oxy-post-content,
.ct-text-block,
.ct-headline,
.oxy-rich-text,
.ct-link-text { max-width: 100%; }
img { flex-shrink: 0; }
body * { min-height: 1px; }
}            .oxy-testimonial {
flex-direction: row;
align-items: center;
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
order: 1;
}
.oxy-testimonial .oxy-testimonial-photo {
width: 125px;                height: 125px;                margin-right: 20px;
}
.oxy-testimonial .oxy-testimonial-photo-wrap, 
.oxy-testimonial .oxy-testimonial-author-wrap, 
.oxy-testimonial .oxy-testimonial-content-wrap {
align-items: flex-start;                text-align: left;            }
.oxy-testimonial .oxy-testimonial-text {
margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author {
font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author-info {
font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-icon-box {
text-align: left;                flex-direction: column;            }
.oxy-icon-box .oxy-icon-box-icon {
margin-bottom: 12px;
align-self: flex-start;            }
.oxy-icon-box .oxy-icon-box-heading {
font-size: 21px;
margin-bottom: 12px;            }
.oxy-icon-box .oxy-icon-box-text {
font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
.oxy-icon-box .oxy-icon-box-link {
margin-top: 20px;                            } .oxy-pricing-box .oxy-pricing-box-section {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
justify-content: center;            } .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
justify-content: center;            } .oxy-pricing-box .oxy-pricing-box-title-title {
font-size: 48px;
}
.oxy-pricing-box .oxy-pricing-box-title-subtitle {
font-size: 24px;
} .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
flex-direction: row;                                            }
.oxy-pricing-box .oxy-pricing-box-currency {
font-size: 28px;
}
.oxy-pricing-box .oxy-pricing-box-amount-main {
font-size: 80px;
line-height: 0.7;
}
.oxy-pricing-box .oxy-pricing-box-amount-decimal {
font-size: 13px;
}
.oxy-pricing-box .oxy-pricing-box-term {
font-size: 16px;
}
.oxy-pricing-box .oxy-pricing-box-sale-price {
font-size: 12px;
color: rgba(0,0,0,0.5);
margin-bottom: 20px;            } .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
font-size: 16px;
color: rgba(0,0,0,0.5);
} .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
justify-content: center;            }
.oxy-progress-bar .oxy-progress-bar-background {
background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
.oxy-progress-bar .oxy-progress-bar-progress-wrap {
width: 85%;        }
.oxy-progress-bar .oxy-progress-bar-progress {
background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
}
.oxy-progress-bar .oxy-progress-bar-overlay-text {
font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-progress-bar .oxy-progress-bar-overlay-percent {
font-size: 12px;
}
.ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
padding: 0px;			}
.oxy-superbox .oxy-superbox-secondary, 
.oxy-superbox .oxy-superbox-primary {
transition-duration: 0.5s;            }
.oxy-shape-divider {
width: 0px;
height: 0px;
}
.oxy_shape_divider svg {
width: 100%;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}
.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
flex-direction: row;
}
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
align-items: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container{
top: 0;
bottom: 0;
right: auto;
left: 0;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}
.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}
.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
--oxynav-animation-name: none; 
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
background-color: var(--oxynav-brand-color);
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
border: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
background: transparent;
border: 1px solid currentColor;
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
filter: invert(0) !important;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
background-color: var(--oxynav-activehover-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
color: var(--oxynav-neutral-color);   
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
color: var(--oxynav-brand-color);   
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
color: var(--oxynav-brand-color);   
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.ct-section-inner-wrap, .oxy-header-container{
max-width: 1440px;
}
body {font-family: 'unbounded-v8-latin';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'jersey-10-v3-latin';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
}.ct-new-columns > .ct-div-block {
}.oxy-header-container {
}@media (max-width: 992px) {
.ct-columns-inner-wrap {
display: block !important;
}
.ct-columns-inner-wrap:after {
display: table;
clear: both;
content: "";
}
.ct-column {
width: 100% !important;
margin: 0 !important;
}
.ct-columns-inner-wrap {
margin: 0 !important;
}
}
.rellax {
}
.no-pointer {
pointer-events: none
}
@media (max-width: 991px) {
.no-pointer {
z-index:-2;
}
}
.barba-container {
}
.barba-wrapper {
}
.button {
margin-top:30px;
}
.text-block {
}
@media (max-width: 479px) {
.text-block {
}
}
.nav {
}
@media (max-width: 1440px) {
.nav {
}
.nav:not(.ct-section):not(.oxy-easy-posts),
.nav.oxy-easy-posts .oxy-posts,
.nav.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:center;
}
}
.transition-fade {
}
@media (max-width: 1440px) {
.transition-fade {
}
}
.animated-line {
margin-left:10px;
width: 4px; height: 200%; background: #33f414;
}
.container__main {
min-height:100vh;
}
.container__main .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
.container__main:not(.ct-section):not(.oxy-easy-posts),
.container__main.oxy-easy-posts .oxy-posts,
.container__main.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
@media (max-width: 991px) {
.container__main {
text-align:justify;
}
}
.home__section {
height:55em;
}
@media (max-width: 991px) {
.home__section {
height:356px;
}
}
@media (max-width: 767px) {
.home__section {
height:575px;
}
}
@media (max-width: 479px) {
.home__section {
height:560px;
}
}
.heading {
font-family:jersey-10-v3-latin;
color:#33f414;
font-size:3rem;
line-height:1;
margin-bottom:0px;
}
@media (max-width: 991px) {
.heading {
}
}
.container__project {
position:relative;
width:100%;
border-top-style:solid;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
border-top-color:#33f414;
border-right-color:#33f414;
border-bottom-color:#33f414;
border-left-color:#33f414;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
}
.project__title {
font-size:1.5rem;
}
@media (max-width: 991px) {
.project__title {
font-size:2rem;
}
}
.project__title-primary {
}
.project__title-secondary {
}
.flying-banner {
position:absolute;
left:-80%;
background-color:#000000;
}
.js-stickyWrapper {
}
.scroll-content {
position: sticky; top: 50%; left: 50%; transform: translateY(-50%);
}
.featured-work {
}
.scroll-image {
}
.fullpage {
}
.slide {
width:100%;
height:100%;
}
.section {
}
.project__content-container {
width:33%;
padding-left:10px;
padding-right:10px;
}
.open {
}
.repeater {
}
.project__preview {
background-size: 75% auto; position:absolute;
right:0px;
top:0px;
min-height:90vh;
width:50%;
background-repeat:no-repeat;
background-position:50% 50%;
}
@media (max-width: 991px) {
.project__preview {
}
.project__preview:not(.ct-section):not(.oxy-easy-posts),
.project__preview.oxy-easy-posts .oxy-posts,
.project__preview.ct-section .ct-section-inner-wrap{
display:none;
}
}
.oxy-stock-content-styles {
}
.text-5xl {
}
.line-height-2xs {
}
@media (max-width: 767px) {
.line-height-2xs {
}
}
.project--container {
}
.project--preview {
}
.project--card {
background-color:var(--bg-body);
}
.project--title {
}
.select-char--container {
}
.select-char--portait {
}
.selected-char {
}
.btn {
}
.small {
}
.large {
}
.tertiary {
}
.ghost {
}
.slight {
}
.secondary {
}
.no-bg {
}
.badge {
}
.link {
}
.input {
}
.select {
}
.card {
}
.primary {
}
.icon {
}
.outline {
}
.filled {
}
.avatar {
}
.divider {
}
.vertical {
}
.checkbox {
}
.radio {
}
.bg-primary {
}
.bg-primary-5 {
}
.bg-primary-10 {
}
.bg-primary-20 {
}
.bg-primary-30 {
}
.bg-primary-40 {
}
.bg-primary-50 {
}
.bg-primary-60 {
}
.bg-primary-70 {
}
.bg-primary-80 {
}
.bg-primary-90 {
}
.bg-primary-d-1 {
}
.bg-primary-d-2 {
}
.bg-primary-d-3 {
}
.bg-primary-d-4 {
}
.bg-primary-l-1 {
}
.bg-primary-l-2 {
}
.bg-primary-l-3 {
}
.bg-primary-l-4 {
}
.text-primary {
}
.text-primary-5 {
}
.text-primary-10 {
}
.text-primary-20 {
}
.text-primary-30 {
}
.text-primary-40 {
}
.text-primary-50 {
}
.text-primary-60 {
}
.text-primary-70 {
}
.text-primary-80 {
}
.text-primary-90 {
}
.text-primary-d-1 {
}
.text-primary-d-2 {
}
.text-primary-d-3 {
}
.text-primary-d-4 {
}
.text-primary-l-1 {
}
.text-primary-l-2 {
}
.text-primary-l-3 {
}
.text-primary-l-4 {
}
.border-primary {
}
.border-primary-5 {
}
.border-primary-10 {
}
.border-primary-20 {
}
.border-primary-30 {
}
.border-primary-40 {
}
.border-primary-50 {
}
.border-primary-60 {
}
.border-primary-70 {
}
.border-primary-80 {
}
.border-primary-90 {
}
.border-primary-d-1 {
}
.border-primary-d-2 {
}
.border-primary-d-3 {
}
.border-primary-d-4 {
}
.border-primary-l-1 {
}
.border-primary-l-2 {
}
.border-primary-l-3 {
}
.border-primary-l-4 {
}
.bg-secondary {
}
.bg-secondary-5 {
}
.bg-secondary-10 {
}
.bg-secondary-20 {
}
.bg-secondary-30 {
}
.bg-secondary-40 {
}
.bg-secondary-50 {
}
.bg-secondary-60 {
}
.bg-secondary-70 {
}
.bg-secondary-80 {
}
.bg-secondary-90 {
}
.bg-secondary-d-1 {
}
.bg-secondary-d-2 {
}
.bg-secondary-d-3 {
}
.bg-secondary-d-4 {
}
.bg-secondary-l-1 {
}
.bg-secondary-l-2 {
}
.bg-secondary-l-3 {
}
.bg-secondary-l-4 {
}
.text-secondary {
}
.text-secondary-5 {
}
.text-secondary-10 {
}
.text-secondary-20 {
}
.text-secondary-30 {
}
.text-secondary-40 {
}
.text-secondary-50 {
}
.text-secondary-60 {
}
.text-secondary-70 {
}
.text-secondary-80 {
}
.text-secondary-90 {
}
.text-secondary-d-1 {
}
.text-secondary-d-2 {
}
.text-secondary-d-3 {
}
.text-secondary-d-4 {
}
.text-secondary-l-1 {
}
.text-secondary-l-2 {
}
.text-secondary-l-3 {
}
.text-secondary-l-4 {
}
.border-secondary {
}
.border-secondary-5 {
}
.border-secondary-10 {
}
.border-secondary-20 {
}
.border-secondary-30 {
}
.border-secondary-40 {
}
.border-secondary-50 {
}
.border-secondary-60 {
}
.border-secondary-70 {
}
.border-secondary-80 {
}
.border-secondary-90 {
}
.border-secondary-d-1 {
}
.border-secondary-d-2 {
}
.border-secondary-d-3 {
}
.border-secondary-d-4 {
}
.border-secondary-l-1 {
}
.border-secondary-l-2 {
}
.border-secondary-l-3 {
}
.border-secondary-l-4 {
}
.bg-body {
}
.bg-surface {
}
.text-body {
}
.text-title {
}
.bg-light {
}
.bg-light-5 {
}
.bg-light-10 {
}
.bg-light-20 {
}
.bg-light-30 {
}
.bg-light-40 {
}
.bg-light-50 {
}
.bg-light-60 {
}
.bg-light-70 {
}
.bg-light-80 {
}
.bg-light-90 {
}
.text-light {
}
.text-light-5 {
}
.text-light-10 {
}
.text-light-20 {
}
.text-light-30 {
}
.text-light-40 {
}
.text-light-50 {
}
.text-light-60 {
}
.text-light-70 {
}
.text-light-80 {
}
.text-light-90 {
}
.border-light {
}
.border-light-5 {
}
.border-light-10 {
}
.border-light-20 {
}
.border-light-30 {
}
.border-light-40 {
}
.border-light-50 {
}
.border-light-60 {
}
.border-light-70 {
}
.border-light-80 {
}
.border-light-90 {
}
.bg-dark {
}
.bg-dark-5 {
}
.bg-dark-10 {
}
.bg-dark-20 {
}
.bg-dark-30 {
}
.bg-dark-40 {
}
.bg-dark-50 {
}
.bg-dark-60 {
}
.bg-dark-70 {
}
.bg-dark-80 {
}
.bg-dark-90 {
}
.text-dark {
}
.text-dark-5 {
}
.text-dark-10 {
}
.text-dark-20 {
}
.text-dark-30 {
}
.text-dark-40 {
}
.text-dark-50 {
}
.text-dark-60 {
}
.text-dark-70 {
}
.text-dark-80 {
}
.text-dark-90 {
}
.border-dark {
}
.border-dark-5 {
}
.border-dark-10 {
}
.border-dark-20 {
}
.border-dark-30 {
}
.border-dark-40 {
}
.border-dark-50 {
}
.border-dark-60 {
}
.border-dark-70 {
}
.border-dark-80 {
}
.border-dark-90 {
}
.bg-success {
}
.bg-success-5 {
}
.bg-success-10 {
}
.bg-success-20 {
}
.bg-success-30 {
}
.bg-success-40 {
}
.bg-success-50 {
}
.bg-success-60 {
}
.bg-success-70 {
}
.bg-success-80 {
}
.bg-success-90 {
}
.text-success {
}
.text-success-5 {
}
.text-success-10 {
}
.text-success-20 {
}
.text-success-30 {
}
.text-success-40 {
}
.text-success-50 {
}
.text-success-60 {
}
.text-success-70 {
}
.text-success-80 {
}
.text-success-90 {
}
.border-success {
}
.border-success-5 {
}
.border-success-10 {
}
.border-success-20 {
}
.border-success-30 {
}
.border-success-40 {
}
.border-success-50 {
}
.border-success-60 {
}
.border-success-70 {
}
.border-success-80 {
}
.border-success-90 {
}
.bg-error {
}
.bg-error-5 {
}
.bg-error-10 {
}
.bg-error-20 {
}
.bg-error-30 {
}
.bg-error-40 {
}
.bg-error-50 {
}
.bg-error-60 {
}
.bg-error-70 {
}
.bg-error-80 {
}
.bg-error-90 {
}
.text-error {
}
.text-error-5 {
}
.text-error-10 {
}
.text-error-20 {
}
.text-error-30 {
}
.text-error-40 {
}
.text-error-50 {
}
.text-error-60 {
}
.text-error-70 {
}
.text-error-80 {
}
.text-error-90 {
}
.border-error {
}
.border-error-5 {
}
.border-error-10 {
}
.border-error-20 {
}
.border-error-30 {
}
.border-error-40 {
}
.border-error-50 {
}
.border-error-60 {
}
.border-error-70 {
}
.border-error-80 {
}
.border-error-90 {
}
.padding-4xs {
}
.padding-3xs {
}
.padding-2xs {
}
.padding-xs {
}
.padding-s {
}
.padding-m {
}
.padding-l {
}
.padding-xl {
}
.padding-2xl {
}
.padding-3xl {
}
.padding-4xl {
}
.padding-left-4xs {
}
.padding-left-3xs {
}
.padding-left-2xs {
}
.padding-left-xs {
}
.padding-left-s {
}
.padding-left-m {
}
.padding-left-l {
}
.padding-left-xl {
}
.padding-left-2xl {
}
.padding-left-3xl {
}
.padding-left-4xl {
}
.padding-right-4xs {
}
.padding-right-3xs {
}
.padding-right-2xs {
}
.padding-right-xs {
}
.padding-right-s {
}
.padding-right-m {
}
.padding-right-l {
}
.padding-right-xl {
}
.padding-right-2xl {
}
.padding-right-3xl {
}
.padding-right-4xl {
}
.padding-top-4xs {
}
.padding-top-3xs {
}
.padding-top-2xs {
}
.padding-top-xs {
}
.padding-top-s {
}
.padding-top-m {
}
.padding-top-l {
}
.padding-top-xl {
}
.padding-top-2xl {
}
.padding-top-3xl {
}
.padding-top-4xl {
}
.padding-bottom-4xs {
}
.padding-bottom-3xs {
}
.padding-bottom-2xs {
}
.padding-bottom-xs {
}
.padding-bottom-s {
}
.padding-bottom-m {
}
.padding-bottom-l {
}
.padding-bottom-xl {
}
.padding-bottom-2xl {
}
.padding-bottom-3xl {
}
.padding-bottom-4xl {
}
.padding-horizontal-4xs {
}
.padding-horizontal-3xs {
}
.padding-horizontal-2xs {
}
.padding-horizontal-xs {
}
.padding-horizontal-s {
}
.padding-horizontal-m {
}
.padding-horizontal-l {
}
.padding-horizontal-xl {
}
.padding-horizontal-2xl {
}
.padding-horizontal-3xl {
}
.padding-horizontal-4xl {
}
.padding-vertical-4xs {
}
.padding-vertical-3xs {
}
.padding-vertical-2xs {
}
.padding-vertical-xs {
}
.padding-vertical-s {
}
.padding-vertical-m {
}
.padding-vertical-l {
}
.padding-vertical-xl {
}
.padding-vertical-2xl {
}
.padding-vertical-3xl {
}
.padding-vertical-4xl {
}
.margin-4xs {
}
.margin-3xs {
}
.margin-2xs {
}
.margin-xs {
}
.margin-s {
}
.margin-m {
}
.margin-l {
}
.margin-xl {
}
.margin-2xl {
}
.margin-3xl {
}
.margin-4xl {
}
.margin-left-4xs {
}
.margin-left-3xs {
}
.margin-left-2xs {
}
.margin-left-xs {
}
.margin-left-s {
}
.margin-left-m {
}
.margin-left-l {
}
.margin-left-xl {
}
.margin-left-2xl {
}
.margin-left-3xl {
}
.margin-left-4xl {
}
.margin-right-4xs {
}
.margin-right-3xs {
}
.margin-right-2xs {
}
.margin-right-xs {
}
.margin-right-s {
}
.margin-right-m {
}
.margin-right-l {
}
.margin-right-xl {
}
.margin-right-2xl {
}
.margin-right-3xl {
}
.margin-right-4xl {
}
.margin-top-4xs {
}
.margin-top-3xs {
}
.margin-top-2xs {
}
.margin-top-xs {
}
.margin-top-s {
}
.margin-top-m {
}
.margin-top-l {
}
.margin-top-xl {
}
.margin-top-2xl {
}
.margin-top-3xl {
}
.margin-top-4xl {
}
.margin-bottom-4xs {
}
.margin-bottom-3xs {
}
.margin-bottom-2xs {
}
.margin-bottom-xs {
}
.margin-bottom-s {
}
.margin-bottom-m {
}
.margin-bottom-l {
}
.margin-bottom-xl {
}
.margin-bottom-2xl {
}
.margin-bottom-3xl {
}
.margin-bottom-4xl {
}
.margin-horizontal-4xs {
}
.margin-horizontal-3xs {
}
.margin-horizontal-2xs {
}
.margin-horizontal-xs {
}
.margin-horizontal-s {
}
.margin-horizontal-m {
}
.margin-horizontal-l {
}
.margin-horizontal-xl {
}
.margin-horizontal-2xl {
}
.margin-horizontal-3xl {
}
.margin-horizontal-4xl {
}
.margin-vertical-4xs {
}
.margin-vertical-3xs {
}
.margin-vertical-2xs {
}
.margin-vertical-xs {
}
.margin-vertical-s {
}
.margin-vertical-m {
}
.margin-vertical-l {
}
.margin-vertical-xl {
}
.margin-vertical-2xl {
}
.margin-vertical-3xl {
}
.margin-vertical-4xl {
}
.gap-4xs {
}
.gap-3xs {
}
.gap-2xs {
}
.gap-xs {
}
.gap-s {
}
.gap-m {
}
.gap-l {
}
.gap-xl {
}
.gap-2xl {
}
.gap-3xl {
}
.gap-4xl {
}
.text-xs {
}
.text-s {
}
.text-m {
}
.text-l {
}
.text-xl {
}
.text-2xl {
}
.text-3xl {
}
.text-4xl {
}
.line-height-xs {
}
.line-height-s {
}
.line-height-m {
}
.line-height-l {
}
.line-height-xl {
}
.italic {
}
.bold {
}
.lowercase {
}
.uppercase {
}
.underline {
}
.font-100 {
}
.font-200 {
}
.font-300 {
}
.font-400 {
}
.font-500 {
}
.font-600 {
}
.font-700 {
}
.font-800 {
}
.font-900 {
}
.text-left {
}
.text-center {
}
.text-right {
}
.row {
}
.column {
}
.columns-2 {
}
.columns-3 {
}
.columns-4 {
}
.columns-5 {
}
.columns-6 {
}
.columns-7 {
}
.columns-8 {
}
.column--on-xl {
}
.row--on-xl {
}
.columns-2--on-xl {
}
.columns-3--on-xl {
}
.columns-4--on-xl {
}
.columns-5--on-xl {
}
.columns-6--on-xl {
}
.column--on-l {
}
.row--on-l {
}
.columns-2--on-l {
}
.columns-3--on-l {
}
.columns-4--on-l {
}
.columns-5--on-l {
}
.columns-6--on-l {
}
.column--on-m {
}
.row--on-m {
}
.columns-2--on-m {
}
.columns-3--on-m {
}
.columns-4--on-m {
}
.columns-5--on-m {
}
.columns-6--on-m {
}
.column--on-s {
}
.row--on-s {
}
.columns-2--on-s {
}
.columns-3--on-s {
}
.columns-4--on-s {
}
.columns-5--on-s {
}
.columns-6--on-s {
}
.columns-min-5 {
}
.columns-min-10 {
}
.columns-min-20 {
}
.columns-min-30 {
}
.columns-min-40 {
}
.columns-min-50 {
}
.columns-min-60 {
}
.columns-min-70 {
}
.flex-row {
}
.flex-column {
}
.flex-1 {
}
.flex-2 {
}
.flex-3 {
}
.flex-wrap {
}
.flex-nowrap {
}
.col-span-2 {
}
.col-span-3 {
}
.col-span-4 {
}
.col-span-5 {
}
.col-span-6 {
}
.col-span-7 {
}
.col-span-8 {
}
.col-span-1--on-xl {
}
.col-span-2--on-xl {
}
.col-span-3--on-xl {
}
.col-span-4--on-xl {
}
.col-span-5--on-xl {
}
.col-span-6--on-xl {
}
.col-span-1--on-l {
}
.col-span-2--on-l {
}
.col-span-3--on-l {
}
.col-span-4--on-l {
}
.col-span-5--on-l {
}
.col-span-6--on-l {
}
.col-span-1--on-m {
}
.col-span-2--on-m {
}
.col-span-3--on-m {
}
.col-span-4--on-m {
}
.col-span-5--on-m {
}
.col-span-6--on-m {
}
.col-span-1--on-s {
}
.col-span-2--on-s {
}
.col-span-3--on-s {
}
.col-span-4--on-s {
}
.col-span-5--on-s {
}
.col-span-6--on-s {
}
.col-start-1 {
}
.col-start-2 {
}
.col-start-3 {
}
.col-start-4 {
}
.col-start-5 {
}
.col-start-6 {
}
.col-start-7 {
}
.col-start-8 {
}
.col-start-1--on-xl {
}
.col-start-2--on-xl {
}
.col-start-3--on-xl {
}
.col-start-4--on-xl {
}
.col-start-5--on-xl {
}
.col-start-6--on-xl {
}
.col-start-1--on-l {
}
.col-start-2--on-l {
}
.col-start-3--on-l {
}
.col-start-4--on-l {
}
.col-start-5--on-l {
}
.col-start-6--on-l {
}
.col-start-1--on-m {
}
.col-start-2--on-m {
}
.col-start-3--on-m {
}
.col-start-4--on-m {
}
.col-start-5--on-m {
}
.col-start-6--on-m {
}
.col-start-1--on-s {
}
.col-start-2--on-s {
}
.col-start-3--on-s {
}
.col-start-4--on-s {
}
.col-start-5--on-s {
}
.col-start-6--on-s {
}
.row-span-2 {
}
.row-span-3 {
}
.row-span-4 {
}
.row-span-5 {
}
.row-span-6 {
}
.row-span-7 {
}
.row-span-8 {
}
.row-span-1--on-xl {
}
.row-span-2--on-xl {
}
.row-span-3--on-xl {
}
.row-span-4--on-xl {
}
.row-span-5--on-xl {
}
.row-span-6--on-xl {
}
.row-span-1--on-l {
}
.row-span-2--on-l {
}
.row-span-3--on-l {
}
.row-span-4--on-l {
}
.row-span-5--on-l {
}
.row-span-6--on-l {
}
.row-span-1--on-m {
}
.row-span-2--on-m {
}
.row-span-3--on-m {
}
.row-span-4--on-m {
}
.row-span-5--on-m {
}
.row-span-6--on-m {
}
.row-span-1--on-s {
}
.row-span-2--on-s {
}
.row-span-3--on-s {
}
.row-span-4--on-s {
}
.row-span-5--on-s {
}
.row-span-6--on-s {
}
.row-start-1 {
}
.row-start-2 {
}
.row-start-3 {
}
.row-start-4 {
}
.row-start-5 {
}
.row-start-6 {
}
.row-start-7 {
}
.row-start-8 {
}
.row-start-1--on-xl {
}
.row-start-2--on-xl {
}
.row-start-3--on-xl {
}
.row-start-4--on-xl {
}
.row-start-5--on-xl {
}
.row-start-6--on-xl {
}
.row-start-1--on-l {
}
.row-start-2--on-l {
}
.row-start-3--on-l {
}
.row-start-4--on-l {
}
.row-start-5--on-l {
}
.row-start-6--on-l {
}
.row-start-1--on-m {
}
.row-start-2--on-m {
}
.row-start-3--on-m {
}
.row-start-4--on-m {
}
.row-start-5--on-m {
}
.row-start-6--on-m {
}
.row-start-1--on-s {
}
.row-start-2--on-s {
}
.row-start-3--on-s {
}
.row-start-4--on-s {
}
.row-start-5--on-s {
}
.row-start-6--on-s {
}
.items-left {
}
.content-left {
}
.items-center {
}
.content-center {
}
.items-right {
}
.content-right {
}
.items-top {
}
.content-top {
}
.items-middle {
}
.content-middle {
}
.items-bottom {
}
.content-bottom {
}
.items-stretch {
}
.content-stretch {
}
.space-between {
}
.space-around {
}
.self-left {
}
.self-center {
}
.self-right {
}
.self-top {
}
.self-middle {
}
.self-bottom {
}
.self-stretch {
}
.full-width {
}
.full-height {
}
.screen-width {
}
.screen-height {
}
.auto-width {
}
.auto-height {
}
.width-90 {
}
.width-80 {
}
.width-70 {
}
.width-60 {
}
.width-50 {
}
.width-40 {
}
.width-30 {
}
.width-20 {
}
.width-10 {
}
.max-site-width {
}
.max-width-140 {
}
.max-width-130 {
}
.max-width-120 {
}
.max-width-110 {
}
.max-width-100 {
}
.max-width-90 {
}
.max-width-80 {
}
.max-width-70 {
}
.max-width-60 {
}
.max-width-50 {
}
.max-width-40 {
}
.max-width-30 {
}
.max-width-20 {
}
.max-width-10 {
}
.radius-xs {
}
.radius-s {
}
.radius-m {
}
.radius-l {
}
.radius-xl {
}
.radius-full {
}
.border {
}
.border-left {
}
.border-right {
}
.border-top {
}
.border-bottom {
}
.shadow-xs {
}
.shadow-s {
}
.shadow-m {
}
.shadow-l {
}
.shadow-xl {
}
.opacity-0 {
}
.opacity-10 {
}
.opacity-20 {
}
.opacity-30 {
}
.opacity-40 {
}
.opacity-50 {
}
.opacity-60 {
}
.opacity-70 {
}
.opacity-80 {
}
.opacity-90 {
}
.opacity-100 {
}
.aspect-1 {
}
.aspect-4-3 {
}
.aspect-3-4 {
}
.aspect-3-2 {
}
.aspect-2-3 {
}
.aspect-16-9 {
}
.aspect-9-16 {
}
.fit-contain {
}
.fit-cover {
}
.fit-fill {
}
.bg-blur-xs {
}
.bg-blur-s {
}
.bg-blur-m {
}
.bg-blur-l {
}
.bg-blur-xl {
}
.grayscale {
}
.rotate-90 {
}
.rotate-180 {
}
.perspective-transform {
}
.display-none {
}
.visible {
}
.hidden {
}
.overflow-hidden {
}
.overflow-auto {
}
.overflow-x-hidden {
}
.overflow-x-auto {
}
.overflow-y-hidden {
}
.overflow-y-auto {
}
.list-none {
}
.white-space-nowrap {
}
.transition-global {
}
.relative {
}
.absolute {
}
.sticky {
}
.fixed {
}
.inset-0 {
}
.bottom-0 {
}
.top-0 {
}
.left-0 {
}
.right-0 {
}
.pointer {
}
.not-allowed {
}
.cursor-auto {
}
.no-pointer-events {
}
.z--1 {
}
.z-0 {
}
.z-1 {
}
.z-10 {
}
.z-100 {
}
.z-1000 {
}
.z-10000 {
}
body {
background-color: var(--bg-body);
}
#main-nav #menu-nav {
gap: var(--space-s);
}
#main-nav .menu-item a {
color: var(--border-secondary-top);
font-size: var(--text-m);
font-weight: 600;
}
.menu-item {
padding: var(--space-2xs);
}
.nav-active {
position: relative !important;
z-index: 0;
}
.nav-active::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid var(--border-primary);
box-shadow: var(--shadow-l);
z-index: -1;
}
.nav-active a {
color: var(--text-body) !important;
}#mobile-nav-container {
z-index: 3;
background: #33f414;
pointer-events: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
transform: translateY(-100vh);
transition: 0.3s ease-in-out 0.2s;
}
#mobile-nav-container.open {
pointer-events: auto;
transform: translateY(0);
}
#mobile-menu-container {
width: 100%;
height: 100%;
display: grid;
place-content: center;
}
#nav-menu li {
width: max-content;
height: max-content;
}
#nav-menu li.current-menu-item::after {
content: '_';
position: absolute;
font-size: 3rem;
font-weight: 700;
left: 100%;
bottom: 25%;
color: black;
animation: blinker 1s linear infinite;
}
#nav-menu li:hover::before {
content:'>';
position: absolute;
font-size: 3rem;
font-weight: 700;
right: 100%;
top: 14%;
color: black;
}
@keyframes blinker {
50% {
opacity: 0;
}
} @font-face {
font-display: swap; font-family: 'Jersey 10';
font-style: normal;
font-weight: 400;
src: url(https://yufro.de/v2/fonts/jersey-10-v3-latin-regular.eot); src: url(https://yufro.de/v2/fonts/jersey-10-v3-latin-regular.eot?#iefix) format('embedded-opentype'), url(https://yufro.de/v2/fonts/jersey-10-v3-latin-regular.woff2) format('woff2'), url(https://yufro.de/v2/fonts/jersey-10-v3-latin-regular.woff) format('woff'), url(https://yufro.de/v2/fonts/jersey-10-v3-latin-regular.ttf) format('truetype'), url(https://yufro.de/v2/fonts/jersey-10-v3-latin-regular.svg#Jersey10) format('svg'); } @font-face {
font-display: swap; font-family: 'Unbounded';
font-style: normal;
font-weight: 300;
src: url(https://yufro.de/v2/fonts/unbounded-v8-latin-300.eot); src: url(https://yufro.de/v2/fonts/unbounded-v8-latin-300.eot?#iefix) format('embedded-opentype'), url(https://yufro.de/v2/fonts/unbounded-v8-latin-300.woff2) format('woff2'), url(https://yufro.de/v2/fonts/unbounded-v8-latin-300.woff) format('woff'), url(https://yufro.de/v2/fonts/unbounded-v8-latin-300.ttf) format('truetype'), url(https://yufro.de/v2/fonts/unbounded-v8-latin-300.svg#Unbounded) format('svg'); } @font-face {
font-display: swap; font-family: 'Unbounded';
font-style: normal;
font-weight: 400;
src: url(https://yufro.de/v2/fonts/unbounded-v8-latin-regular.eot); src: url(https://yufro.de/v2/fonts/unbounded-v8-latin-regular.eot?#iefix) format('embedded-opentype'), url(https://yufro.de/v2/fonts/unbounded-v8-latin-regular.woff2) format('woff2'), url(https://yufro.de/v2/fonts/unbounded-v8-latin-regular.woff) format('woff'), url(https://yufro.de/v2/fonts/unbounded-v8-latin-regular.ttf) format('truetype'), url(https://yufro.de/v2/fonts/unbounded-v8-latin-regular.svg#Unbounded) format('svg'); } @font-face {
font-display: swap; font-family: 'Unbounded';
font-style: normal;
font-weight: 700;
src: url(https://yufro.de/v2/fonts/unbounded-v8-latin-700.eot); src: url(https://yufro.de/v2/fonts/unbounded-v8-latin-700.eot?#iefix) format('embedded-opentype'), url(https://yufro.de/v2/fonts/unbounded-v8-latin-700.woff2) format('woff2'), url(https://yufro.de/v2/fonts/unbounded-v8-latin-700.woff) format('woff'), url(https://yufro.de/v2/fonts/unbounded-v8-latin-700.ttf) format('truetype'), url(https://yufro.de/v2/fonts/unbounded-v8-latin-700.svg#Unbounded) format('svg'); }
@media screen and (max-width: 992px) {
#hero-text-rotate { }
}
#hero-scroll-pointer {
animation: scroll-pointer 1s infinite alternate;
}
@keyframes scroll-pointer {
from {
transform: translateY(0px);
}
to {
transform: translateY(-50px);
}
}
@media screen and (max-width: 768px) {
@keyframes scroll-pointer {
from {
transform: translateY(0px);
}
to {
transform: translateY(-30px);
}
}
} .select-char--container {
align-items: center;
gap: var(--space-3xs);
cursor: pointer;
}
.select-char--portait {
border: 1px solid var(--border-primary);
width: 100px;
height: 100px;
aspect-ratio: 1 / 1;
}
.select-char--portait img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
transition: .2s linear;
}
.select-char--container:hover .select-char--portait img,
.select-char--container.selected-char .select-char--portait img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}
.select-char--container.selected-char .select-char--portait {
transition: .2s linear;
box-shadow: var(--shadow-xl);
}
.select-char--container.selected-char { position: relative; }
.select-char--container.selected-char::after {
content: '';
position: absolute;
top: -60px;
width: 50px;
aspect-ratio: 1;
background-image: url(https://yufro.de/v2/wp-content/uploads/2025/04/hand-pointer.png);
background-size: contain;
cursor: default;
animation: selected-pointer 0.5s infinite alternate;
}
@keyframes selected-pointer {
from {
transform: translateY(0%);
}
to {
transform: translateY(-15%);
}
}
#view-char--image-container img {
width: 100%;
transform: translateX(-100%);
transition: .25s ease-in-out;
}
#view-char--image-container img.selected-char {
transform: translateX(0%);
}
a.rcb-sc-link{
color:#33f414;
text-decoration:underline;
}
#span-5-193 p{
max-width:95vw;
}
#span-5-193 h4{
color:#dddddd;
line-height:1.2;
margin-bottom:5px;
max-width:95vw;
}
#span-5-193 h3{
color:#fff500;
line-height:1.2;
margin-bottom:10px;
max-width:95vw;
}
#span-5-193 h2{
color:#33f414;
line-height:1.2;
margin-bottom:20px;
margin-top:40px;
max-width:95vw;
}
input.wpcf7-submit{
font-family:unbounded-v8-latin;
padding-top:10px;
padding-bottom:10px;
padding-left:16px;
padding-right:16px;
}
textarea.wpcf7-textarea{
background-color:rgba(0,0,0,0);
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#33f414;
border-right-color:#33f414;
border-bottom-color:#33f414;
border-left-color:#33f414;
margin-top:10px;
color:#33f414;
padding-top:1.3%;
padding-bottom:1.3%;
padding-left:3%;
padding-right:3%;
max-width:100%;
border-radius:0px;
}
label{
color:#33f414;
text-transform:uppercase;
}
input.wpcf7-text{
font-family:unbounded-v8-latin;
color:#33f414;
background-color:rgba(0,0,0,0);
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#33f414;
border-right-color:#33f414;
border-bottom-color:#33f414;
border-left-color:#33f414;
padding-top:1.3%;
padding-bottom:1.3%;
padding-left:3%;
padding-right:3%;
margin-top:5px;
margin-bottom:15px;
max-width:100%;
border-radius:0px;
}
@media (max-width: 991px) {
textarea.wpcf7-textarea{
}
}