.animate-cards > div{
box-shadow: 0px 4px 40px 5px var(--shadow3);
border-bottom-left-radius:16px;
border-bottom-right-radius:16px;
}
.animate-cards > div > div:last-child > div{
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
overflow: hidden;
} .animate-cards-2 > div{
position:relative;
}
.animate-cards-2 > div:first-child > .wp-block-group > p{
font-weight: 600;
margin-bottom:16px;
cursor:pointer;
}
.animate-cards-2  > div:first-child > .wp-block-group > p:hover,
.animate-cards-2  > div:first-child > .wp-block-group > p.is-active{
color: var(--black);
}
.animate-cards-2 > div:first-child > .wp-block-group > p.is-active:before{
content:"";
width:8px;
height:8px;
border-radius:8px;
background-color:var(--black);
display:inline-block;
vertical-align:middle;
margin-right:8px;
margin-bottom:4px;
} .animate-globe{
position: relative;
overflow: hidden;
}
.animate-globe > div > .wp-block-gallery{
position:absolute;
flex-direction: column;
display: none;
}
.animate-globe > div > .wp-block-gallery:first-child{
top:0;
left:0;
bottom:0;
width:calc((100% - 613px) / 2);
}
.animate-globe > div > .wp-block-gallery:last-child{
top:0;
right:0;
bottom:0;
width:calc((100% - 713px) / 2);
}
.animate-globe > div > .wp-block-gallery > .wp-block-image{
width:92px!important;
transform-origin: bottom left;
transition: all 500ms;
transform: scale(0);
}
.animate-globe > div > .wp-block-gallery > .wp-block-image.init{
transform: scale(1);
transition: all 500ms;
}
.animate-globe > div > .wp-block-gallery:first-child > .wp-block-image:nth-child(1){margin-left:70%!important;}
.animate-globe > div > .wp-block-gallery:first-child > .wp-block-image:nth-child(2){margin-left:70%!important;}
.animate-globe > div > .wp-block-gallery:first-child > .wp-block-image:nth-child(3){margin-left:20%!important;}
.animate-globe > div > .wp-block-gallery:first-child > .wp-block-image:nth-child(4){margin-left:50%!important;}
.animate-globe > div > .wp-block-gallery:first-child > .wp-block-image:nth-child(5){margin-left:80%!important;}
.animate-globe > div > .wp-block-gallery:last-child > .wp-block-image:nth-child(1){margin-left:-40%!important;}
.animate-globe > div > .wp-block-gallery:last-child > .wp-block-image:nth-child(2){margin-left:46%!important;}
.animate-globe > div > .wp-block-gallery:last-child > .wp-block-image:nth-child(3){margin-left:26%!important;}
.animate-globe > div > .wp-block-gallery:last-child > .wp-block-image:nth-child(4){margin-left:62%!important;}
.animate-globe > div > .wp-block-gallery:last-child > .wp-block-image:nth-child(5){margin-left:-10%!important;} .vertical-slider .controls{
position: absolute;
right: calc(50% - 33px);
z-index:3;
cursor: pointer;
}
.vertical-slider .controls:hover{
opacity: 0.9;
}
.vertical-slider .controls.prev{
top: calc(100% - 153px);
}
.vertical-slider .controls.next{
top: calc(100% - 77px);
}
.vertical-slider > div{
overflow: hidden;
}
.vertical-slider > div > .wp-block-columns.idle{
position: absolute;
top:100%;
z-index: 1;
transition:top 500ms;
}
.vertical-slider > div > .wp-block-columns.idle.active{
top:0;
}
.vertical-slider > div > .wp-block-columns > .wp-block-column.content{
display: flex;
align-items: center;
}
.vertical-slider > div > .wp-block-columns .post-image,
.vertical-slider > div > .wp-block-columns .post-image > img{
width: 100%;
height: 100%;
}
.vertical-slider > div > .wp-block-columns .post-image > img{
object-fit: cover;
} .animate-tabs-links{
border-bottom: 1px solid var(--border);
} .animate-loop > div{
background-size: auto 488px!important;
background-repeat-x: repeat!important;
background-repeat-y: no-repeat!important;
animation: bgloop 200s linear infinite;
}
@keyframes bgloop{
0% {
background-position-x: 0%;
}
100% {
background-position-x: -1566px;
}
} .animate-vgallery > .wp-block-column > .wp-block-columns > .wp-block-column:first-child .wp-block-cover{
border-radius:8px;
}
.animate-vgallery > .wp-block-column > .wp-block-columns{
margin-bottom:24px;
} @media(min-width:782px){ .vertical-slider > div > .wp-block-columns{
right:40px;
}
.vertical-slider .controls{
right: calc(50% - 30px);
}
.vertical-slider .controls.prev{
top: calc(50% - 42px);
}
.vertical-slider .controls.next{
top: calc(50% +  42px);
}
}
@media(min-width:1025px){ .animate-cards{
position:relative;
}
.animate-cards > div > div.init > div{
position:fixed;
}
.animate-cards.done > div > div > div{
position:absolute;
z-index:1;
}
.animate-cards .wp-block-columns{
gap:67px;
} .animate-cards-2 > div:first-child > .wp-block-group{
display:flex;
flex-direction:column;
gap:0;
}
.animate-cards-2 > div:first-child > .wp-block-group > .wp-block-kadence-advancedbtn{
margin-top:auto;
}
.animate-cards-2 > div:last-child > .wp-block-group{
height:100vh;
}
.animate-cards-2 > div:last-child > .wp-block-group > .wp-block-columns{
z-index:1;
}
.animate-cards-2:not(.is-done) > div:first-child > .wp-block-group.is-active{
position:fixed;
top:80px;
left:calc(((100% - 960px) / 2) + 1px);
}
.animate-cards-2:not(.is-done) > div:last-child > .wp-block-group.is-active > .wp-block-columns{
position:fixed;
top:80px;
right:calc(((100% - 960px) / 2) + 1px);
}
.animate-cards-2.is-done > div:first-child > .wp-block-group,
.animate-cards-2.is-done > div:last-child > .wp-block-group > .wp-block-columns{
position:absolute;
bottom:0;
} .animate-globe > div > .wp-block-gallery{
display: flex;
} .vertical-slider > div > .wp-block-columns{
right:96px;
}
.vertical-slider .controls{
right: calc(50% + 14px);
}
.vertical-slider .controls{
transition:all 500ms;
} .animate-tabs-links.sticky{
height:53px;
}
.animate-tabs-links > div{
transition-property: margin, background;
transition-duration: 300ms;
}
.animate-tabs-links.sticky > div{
position: fixed;
padding-top: 80px;
top:0;
left: 0;
right: 0;
background: white;
border-bottom: 1px solid var(--border);
z-index: 2;		
}
.animate-tabs-links.sticky.done > div{
top:-300px;
}
.animate-tabs-links > div > div{
gap:32px;
}
.animate-tabs-links a{
text-decoration:none;
display:block;
padding: 12px 0;
border-bottom:4px solid transparent;
}
.animate-tabs-links a.active{
border-color:var(--color1);
}
.animate-tabs-links a:hover{
border-color:var(--border);
} .animate-vgallery{
position:relative;
}
.animate-vgallery > .wp-block-column > h2{
position:absolute;
left:calc(50% + 10px);
transition:top 300ms;
}
.animate-vgallery.is-active > .wp-block-column > h2{
position:fixed;
top:0;left:0;right:0;
margin-left: auto;		
padding-top:80px;
padding-right:calc(((100% - 960px) / 2) + 40px);
z-index:2;
}
.animate-vgallery.is-active:not(.is-done) > .wp-block-column > h2:before{
content:"";
position:fixed;
top:0;left:0;right:0;
height:140px;
background-color:var(--white);
z-index:-1;
}
.animate-vgallery.is-done > .wp-block-column > h2{
top:-200px;
}
.animate-vgallery.is-init > .wp-block-column > .wp-block-columns > .wp-block-column:last-child{
padding-top: 125px;
}
.animate-vgallery > .wp-block-column > .wp-block-columns{
padding-right:40px;
}
.animate-vgallery.is-init.is-active > .wp-block-column > .wp-block-columns > .wp-block-column:first-child > .wp-block-cover{
position:fixed;
top:80px;
left:calc(((100% - 960px) / 2));
z-index:3;
transition:opacity 300ms;
}
.animate-vgallery.is-init > .wp-block-column > .wp-block-columns:not(.is-active) > .wp-block-column:first-child > .wp-block-cover{
opacity:0;
}
.animate-vgallery.is-init > .wp-block-column > .wp-block-columns:not(:last-child) > .wp-block-column:last-child{
height:100vh;
}
.animate-vgallery.is-done > .wp-block-column > .wp-block-columns > .wp-block-column:first-child > .wp-block-cover{
position:relative!important;
left:unset!important;
top:unset!important;
bottom:0;
}
.animate-vgallery > .wp-block-column > .is-controls{
display:flex;
flex-direction:column;
width:12px;
gap:12px;
justify-content: center;
}
.animate-vgallery.is-init > .wp-block-column > .is-controls{
position:absolute;
right:0;
z-index:4;
}
.animate-vgallery.is-init > .wp-block-column > .is-controls{
top:0;
}
.animate-vgallery.is-init.is-done > .wp-block-column > .is-controls{
top:unset;
bottom:0;
}
.animate-vgallery.is-active:not(.is-done) > .wp-block-column > .is-controls{
position:fixed;
top:80px;
right:calc(((100% - 960px) / 2));
}
.animate-vgallery > .wp-block-column > .is-controls > span{
width:12px;
height:12px;
background-color:var(--border);
border-radius:12px;
}
.animate-vgallery > .wp-block-column > .is-controls > span.is-active{
background-color:var(--color1);
} .animate-sticky-block.is-init.is-active:not(.is-done) > *{
position:fixed;
left:calc(((100% - 960px) / 2));
}
.animate-sticky-block.is-done{
display:flex;
}
.animate-sticky-block.is-done > *{
margin-top:auto;
}
}
@media (min-width:1200px){ .animate-cards-2:not(.is-done) > div:first-child > .wp-block-group.is-active{
left:calc(((100% - 1140px) / 2) + 1px);
}
.animate-cards-2:not(.is-done) > div:last-child > .wp-block-group.is-active > .wp-block-columns{
right:calc(((100% - 1140px) / 2) + 1px);
} .animate-vgallery.is-init.is-active > .wp-block-column > h2{
padding-right:calc(((100% - 1140px) / 2) + 40px);
}
.animate-vgallery.is-init.is-active > .wp-block-column > .wp-block-columns > .wp-block-column:first-child > .wp-block-cover{
left:calc(((100% - 1140px) / 2));
}
.animate-vgallery.is-active:not(.is-done) > .wp-block-column > .is-controls{
right:calc(((100% - 1140px) / 2));
} .animate-sticky-block.is-init.is-active:not(.is-done) > *{
position:fixed;
left:calc(((100% - 1140px) / 2));
}
}
@media(min-width:1400px){ .animate-cards-2:not(.is-done) > div:first-child > .wp-block-group.is-active{
left:calc(((100% - 1320px) / 2) + 1px);
}
.animate-cards-2:not(.is-done) > div:last-child > .wp-block-group.is-active > .wp-block-columns{
right:calc(((100% - 1320px) / 2) + 1px);
} .animate-vgallery.is-init.is-active > .wp-block-column > h2{
padding-right:calc(((100% - 1320px) / 2) + 40px);
}
.animate-vgallery.is-init.is-active > .wp-block-column > .wp-block-columns > .wp-block-column:first-child > .wp-block-cover{
left:calc(((100% - 1320px) / 2));
}
.animate-vgallery.is-active:not(.is-done) > .wp-block-column > .is-controls{
right:calc(((100% - 1320px) / 2));
} .animate-sticky-block.is-init.is-active:not(.is-done) > *{
position:fixed;
left:calc(((100% - 1320px) / 2));
}
}
@media (min-width: 2400px) { .animate-cards-2:not(.is-done) > div:first-child > .wp-block-group.is-active{
left:calc(((100% - 1920px) / 2) + 1px);
}
.animate-cards-2:not(.is-done) > div:last-child > .wp-block-group.is-active > .wp-block-columns{
right:calc(((100% - 1920px) / 2) + 1px);
} .animate-vgallery.is-init.is-active > .wp-block-column > h2{
padding-right:calc(((100% - 1920px) / 2) + 40px);
}
.animate-vgallery.is-init.is-active > .wp-block-column > .wp-block-columns > .wp-block-column:first-child > .wp-block-cover{
left:calc(((100% - 1920px) / 2));
}
.animate-vgallery.is-active:not(.is-done) > .wp-block-column > .is-controls{
right:calc(((100% - 1920px) / 2));
} .animate-sticky-block.is-init.is-active:not(.is-done) > *{
position:fixed;
left:calc(((100% - 1920px) / 2));
}
}
@media (max-width: 1024px) { .animate-cards-2 > div:last-child > .wp-block-group > .wp-block-columns{
min-width:100%;
margin-bottom:16px;
} .animate-cards-2{
flex-direction:column;
}
.animate-cards-2 > div:first-child > .wp-block-group > p{
display:none;
}
}
@media (max-width: 781px) { .animate-sticky-block{
margin-top:0!important;
} .animate-cards-2 > div:last-child > .wp-block-group > .wp-block-columns{
display:flex;
flex-direction:column-reverse;
}
}