.tear-wrapper {
display: flex;
position: relative;
height: 100vh;
position: absolute;
width: 100%;
overflow: hidden;
left: 0;
top: 0;
}
.horizontal-lines,
.running-teardrop {
position: relative;
width: 20%;
height: 100%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-right: 1px solid rgba(255, 255, 255, .15);
}
.horizontal-lines-wrapper,
.horizontal-lines-wrapper-effect {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
z-index: 10;
}
.horizontal-lines,
.running-teardrop {
position: relative;
width: 20%;
height: 100%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-right: 1px solid rgba(255, 255, 255, .15);
}
.running-teardrop::before {
content: "";
position: absolute;
display: block;
width: 3px;
-webkit-animation-direction: normal;
-moz-animation-direction: normal;
-ms-animation-direction: normal;
-o-animation-direction: normal;
animation-direction: normal;
}
.running-teardrop:first-child::before,
.running-teardrop:last-child::before {
content: "";
position: absolute;
right: -2px;
}
.running-teardrop:first-child::before {
top: 0;
-webkit-animation: teardrop 6s ease-out infinite;
-moz-animation: teardrop 6s ease-out infinite;
-ms-animation: teardrop 6s ease-out infinite;
-o-animation: teardrop 6s ease-out infinite;
animation: teardrop 6s ease-out infinite;
background: -webkit-linear-gradient(top, rgba(152, 125, 95, 0), rgba(152, 125, 95, 1));
background: -ms-linear-gradient(top, rgba(152, 125, 95, 0), rgba(152, 125, 95, 1));
background: linear-gradient(top, rgba(152, 125, 95, 0), rgba(152, 125, 95, 1));
}
.running-teardrop:last-child::before {
bottom: 0;
-webkit-animation: teardrop-reverse 6s ease-out infinite;
-moz-animation: teardrop-reverse 6s ease-out infinite;
-ms-animation: teardrop-reverse 6s ease-out infinite;
-o-animation: teardrop-reverse 6s ease-out infinite;
animation: teardrop-reverse 6s ease-out infinite;
background: -webkit-linear-gradient(top, rgba(152, 125, 95, 1), rgba(152, 125, 95, 0));
background: -ms-linear-gradient(top, rgba(152, 125, 95, 1), rgba(152, 125, 95, 0));
background: linear-gradient(top, rgba(152, 125, 95, 1), rgba(152, 125, 95, 0));
}
@-webkit-keyframes teardrop {
0% {
top: -10%;
opacity: 0;
height: 0;
}
50% {
opacity: 1;
}
100% {
top: 100%;
height: 35%;
}
}
@-ms-keyframes teardrop {
0% {
top: -10%;
opacity: 0;
height: 0;
}
50% {
opacity: 1;
}
100% {
top: 100%;
height: 35%;
}
}
@keyframes teardrop {
0% {
top: -10%;
opacity: 0;
height: 0;
}
50% {
opacity: 1;
}
100% {
top: 100%;
height: 35%;
}
}
@-webkit-keyframes teardrop-reverse {
0% {
bottom: -10%;
opacity: 0;
height: 0;
}
50% {
opacity: 1;
}
100% {
bottom: 100%;
height: 35%;
}
}
@-ms-keyframes teardrop-reverse {
0% {
bottom: -10%;
opacity: 0;
height: 0;
}
50% {
opacity: 1;
}
100% {
bottom: 100%;
height: 35%;
}
}
@keyframes teardrop-reverse {
0% {
bottom: -10%;
opacity: 0;
height: 0;
}
50% {
opacity: 1;
}
100% {
bottom: 100%;
height: 35%;
}
}
.text-line-right {
position: relative;
}
.text-line-right::after {
width: 60px;
height: 1px;
background: #fff;
position: absolute;
content: "";
right: -60px;
top: 0;
bottom: 0;
margin: auto;
z-index: 11;
}
.text-line-right.yellow::after {
background: var(--e-global-color-accent);
}
.text-line-right.raspberry::after {
background: var(--e-global-color-363b8fd);
}
.text-line-right {
width: fit-content !important;
padding-right: 10px;
}
.case-card {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 40px;
transition: all 0.5s ease;
} .case-card::before {
content: '';
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(0px);
transition: all 0.5s ease;
z-index: 1;
} .case_category,
.case_title,
.case_description,
.case_btn {
position: relative;
z-index: 2;
} .case_category,
.case_title {
transform: translateY(0);
transition: transform 0.5s ease;
} .case_description,
.case_btn {
opacity: 0;
transform: translateY(20px);
max-height: 0;
overflow: hidden;
transition:
opacity 1s ease,
transform 1.1s ease,
max-height .9s ease;
} .case-card:hover::before {
background: rgba(0, 0, 0, 0.632);
backdrop-filter: blur(6px);
} .case-card:hover .case_category,
.case-card:hover .case_title {
transform: translateY(-40px);
} .case-card:hover .case_description,
.case-card:hover .case_btn {
opacity: 1;
transform: translateY(0);
max-height: 100px;
} .elementor-button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent;
overflow: visible;
} .elementor-button::before {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
left: -6px;
border: 1px solid #ffdd55;
border-right: none;
transition: all 0.45s linear;
} .elementor-button::after {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
right: -6px;
border: 1px solid #ffdd55;
border-left: none;
transition: all 0.45s linear;
} .elementor-button:hover::before,
.elementor-button:hover::after {
width: calc(100% + 0px);
height: calc(100% + 0px);
top: 0;
} .elementor-button:hover::before {
left: 0;
}
.elementor-button:hover::after {
right: 0;
} @keyframes bgSwitch {
0% {
background-color: var(--e-global-color-accent) !important;
}
45% {
background-color: var(--e-global-color-accent) !important;
}
50% {
background-color: var(--e-global-color-1483816) !important;
}
95% {
background-color: var(--e-global-color-1483816) !important;
}
100% {
background-color: var(--e-global-color-accent) !important;
}
}
.header-logo.scrolled {
transform: translateX(-5vw);
}
header .elementor-sticky {
transition: background .8s ease, backdrop-filter .8s ease;
background: transparent;
backdrop-filter: blur(0px);
}
header.scrolled .elementor-sticky {
background: #00000084 !important;
backdrop-filter: blur(4px);
} .video-modal {
position: fixed;
inset: 0;
display: none;
align-items: center;
justify-content: center;
z-index: 9999;
}
.video-modal.active {
display: flex;
}
.video-modal__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.8);
}
.video-modal__content {
position: relative;
width: 80%;
max-width: 900px;
aspect-ratio: 16 / 9;
background: #000;
z-index: 2;
}
.video-modal__frame iframe {
width: 100%;
height: 100%;
border: none;
}
.video-modal__close {
position: absolute;
top: -40px;
right: 0;
font-size: 30px;
background: none;
border: none;
color: #fff;
cursor: pointer;
}
.video-modal__frame {
height: 100%;
}
html {
scroll-padding-top: 60px;
}
.elementor-widget-button {
padding: 6px;
width: fit-content;
}
.video-modal__close {
background-color: #FED94F00;
font-family: "Tilda sans", Sans-serif;
font-size: 40px !important;
font-weight: 600;
text-transform: uppercase;
line-height: 1.25em;
color: var(--e-global-color-accent);
border-style: none;
border-radius: 0px 0px 0px 0px;
padding: 0 !important;
}
nav.rank-math-breadcrumb a,
nav.rank-math-breadcrumb span {
font-size: 14px;
font-weight: 600;
transition: color .4s ease;
font-family: "Tilda sans", Sans-serif;
}
footer .elementor-nav-menu--main .elementor-nav-menu {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px 30px; }
footer .elementor-nav-menu--main .elementor-nav-menu li {
width: 100%;
}
.elementor-acceptance-field {
accent-color: var(--e-global-color-accent);
}
@keyframes circleHroizontal {
0% {
right: -50vw;
}
50% {
right: -60vw;
}
100% {
right: 12vw;
}
}
li.lang-item.current_page_item,
.current-lang {
display: none !important;
}
@media (max-width: 1024px) {
footer .elementor-nav-menu--main .elementor-nav-menu {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
footer .elementor-nav-menu--main .elementor-nav-menu {
grid-template-columns: 1fr;
}
}