@media (min-width:1024px) {
	
.animate .hotspot {
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .hotspot {
    opacity: 1;
    transition: opacity 500ms ease 1000ms, fill 500ms ease;
}

.animate .white-triangle,
.animate .white-circle{
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .white-triangle,
.animate.animate-complete .white-circle{
    opacity: 1;
    transition: all 500ms ease 1500ms;
}

    .animate g.hotspot-label-group{
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete g.hotspot-label-group{
    opacity: 1;
    transition: all 500ms ease 1750ms;
}
	
.animate .map-container {
    transition:all 900ms ease;
    opacity:0;
}

.animate.animate-complete .map-container {
    transition:all 900ms ease;
    opacity:1;
}
	
.animate .content-fold-b-img {
    transform: translatex(-200px);
    opacity: 0;
    transition: all 750ms ease;
}

.animate.animate-complete .content-fold-b-img {
    transform: translatex(0px);
    opacity: 1;
    transition: all 750ms ease;
}

.animate .content-fold-b-content-header {
    transform: translatex(200px);
    opacity: 0;
    transition: all 750ms ease;
}

.animate.animate-complete .content-fold-b-content-header {
    transform: translatex(0px);
    opacity: 1;
    transition: all 750ms ease;
}

.animate .content-fold-b-content-inner {
    transform: translatex(200px);
    opacity: 0;
    transition: all 750ms ease;
}

.animate.animate-complete .content-fold-b-content-inner {
    transform: translatex(0px);
    opacity: 1;
    transition: all 600ms ease 300ms;
}

.animate .content-fold-b-content-readmore {
    transform: translatex(200px);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .content-fold-b-content-readmore {
    transform: translatex(0px);
    opacity: 1;
    transition: all 500ms ease 600ms;
}

.animate .content-fold-b-wrapper::before {
    clip-path: inset(50% 50% 50% 50%);
    opacity: 0;
    transition: all 750ms ease;
}

.animate.animate-complete .content-fold-b-wrapper::before {
    clip-path: inset(0% 0% 0% 0%);
    opacity: .25;
    transition: all 1000ms ease 1000ms;
}

.animate.content-fold-b-swoop::before {
    transform: scale(0.8);
    transform-origin: left;
    opacity: 0;
    transition: all 1000ms ease;
    clip-path: inset(0% 100% 0% 0%);
}

.animate.animate-complete.content-fold-b-swoop::before {
    transform-origin: left;
    opacity: 1;
    transition: all 1500ms ease 1500ms;
    clip-path: inset(0%);
    transform: scale(1);
}
	
.animate.testimonial-fold-c-swoop::before {
    transform-origin: right;
    opacity: 0;
    transition: all 750ms ease;
    clip-path: inset(0% 0% 0% 100%);
    transform: scale(0.8);
}

.animate.animate-complete.testimonial-fold-c-swoop::before {
    transform-origin: right;
    opacity: 1;
    transition: all 1500ms ease;
    transform: scale(1);
    clip-path: inset(0%);
}

.animate .testimonial-fold-c-header {
    transform: translatex(-200px);
    opacity: 0;
    transition: all 750ms ease;
}

.animate.animate-complete .testimonial-fold-c-header {
    transform: translatex(0px);
    opacity: 1;
    transition: all 750ms ease;
}

.animate .testimonial-fold-c-container::before {
    clip-path: inset(20% 25% 20% 50%);
    opacity: 0;
    transition: all 1000ms ease;
}

.animate.animate-complete .testimonial-fold-c-container::before {
    clip-path: inset(0% 0% 0% 0%);
    opacity: 1;
    transition: all 1000ms ease 1000ms;
}

.animate div#testimonial-fold-c-splide {
    opacity: 0;
    transition: all 1000ms ease;
}

.animate.animate-complete div#testimonial-fold-c-splide {
    opacity: 1;
    transition: all 1000ms ease 500ms;
}
	
}