#heroEffect>div {
    height: 100vh;
    position: relative;
}

#heroEffect {
    height: 150vh;
}

#initScrolling--About {
    height: 220vh;
}
.vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ti-heart {
    animation: heartbeat 3s infinite;
}
footer a,
footer p{
    margin: 0;
    color: white;
    text-transform: uppercase;
    font-size: 12px;;
        transition-duration: .7s;
            transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
footer .text-center a{
    margin: 0 8px
}
@keyframes heartbeat {
    0% {
        transform: scale(.75);
    }

    20% {
        transform: scale(1.1);
    }

    40% {
        transform: scale(.75);
    }

    60% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(.75);
    }
}
.heroEffect img {
    position: absolute;
    max-width: 130%;
    width: 130%;
}

.capa-0 {
    height: 100%; 
    object-fit: cover;
    z-index: 1;
}

img.capa-1 {
    top: 15vh;
    width: 88%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}
.location-graphic{
        position: absolute;
        left: 0;
        top: 0
    }
    .graphic-container{
        position: relative;
        display: block;
        float: right;
        overflow: hidden;
        border-radius: 10px;
    }
.capa-2 {
    bottom: 0;
    width: 100%;
    z-index: 3;
    height: 70vh;
    object-fit: cover;
    object-position: top;
    left: -15%;
}

.capa-3 {
    bottom: -65vh;
    width: 100%;
    z-index: 4;
    height: 80vh;
    object-fit: cover;
    object-position: top;
}

.bg-sand {
    background: #E3A550
}

.campus--navigation {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 80px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    float: right;
}

.campus--navigation li {
    text-align: right;
    position: relative;
    overflow: hidden;
}

.campus--navigation li a {
    display: inline-block;
    font-weight: 600;
    color: black;
    text-decoration: none;
    position: relative;
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
}

.campus--navigation li a span.text-white {
    position: absolute;
    left: 0;
    top: 200%;
    width: 100%;
    text-align: right;
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
}

.campus--navigation li:hover a,
.campus--navigation li.active a {
    transform: translateY(-100%);
}

.campus--navigation li:hover span,
.campus--navigation li.active span {
    transform: translateY(-100%);
}



.height-100{
    height: 100vh !important;
}
.mb-0 {
    margin-bottom: 0px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-140 {
    margin-bottom: 140px;
}

.mb-150 {
    margin-bottom: 150px;
}

.mb-160 {
    margin-bottom: 160px;
}

.mb-170 {
    margin-bottom: 170px;
}

.mb-180 {
    margin-bottom: 180px;
}

.mb-190 {
    margin-bottom: 190px;
}

.mb-200 {
    margin-bottom: 200px;
}

.appear{
    font-family: 'Appears DEMO' !important;
}

/* .scrolling-lateral--about li.sla--twocol h2 {
    padding: 60px;
}

.scrolling-lateral--about li.sla--twocol {
    width: 66%;
    background: #FA5C40;
} */

.fz-38 {
    font-size: 38px;
    line-height: 1.2;
    font-weight: 300;
}

.scrolling-lateral--about p {
    font-weight: 800;
    font-size: 20px;
    line-height: 1.4 !important;
}

.scrolling-lateral--about h3,
.scrolling-lateral--about p {
    color: white;
    font-weight: 300;
    font-size: 20px;
}

.scrolling-lateral--about li .sla--card {
    padding: 60px 70px 10px 40px;
    height: 100%;
    display: flex;
    align-items: center;
}

 
.scrolling-lateral--about li {
    width: 33%;
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    background: transparent;
    border: 2px solid white;
}

.scrolling-lateral--about {
    display: flex;
    height: 55vh;
    width: calc(33%*6);
    gap: 0 10px;
    transform: translateX(calc(22%* -2.4));
}


.textrotator_reverse span.spin {
    animation: nectar_looped_rotate_reverse 10s linear infinite !important;

}

.textrotator_reverse span.spin,
span.spin {
    animation: nectar_looped_rotate 10s linear infinite;
    padding: 0 0.4em;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 5vw;
    line-height: 1em;
}

@keyframes nectar_looped_rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes nectar_looped_rotate_reverse {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.textrotator_reverse span,
.textrotator_reverse h2,
.textrotator span,
.textrotator h2 {
    margin: 0 !important;
    padding: 40px 0px !important;
    line-height: 1 !important;
    color: white !important;
}

.textrotator_reverse,
.textrotator {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    overflow: visible;

    white-space: nowrap;
}

.textrotator_reverse {
    transform: translateX(20%) translateZ(0);
    animation: nectar-scrolling-text-animation-reverse-reverse linear infinite 30s;
}

.textrotator {
    transform: translateX(20%) translateZ(0);
    animation: nectar-scrolling-text-animation-reverse linear infinite 30s;
}

@keyframes nectar-scrolling-text-animation-reverse {
    0% {
        transform: translateX(20%) translateZ(0);
    }

    100% {
        transform: translateX(120%) translateZ(0);
    }
}

section {
    overflow: hidden
}

@keyframes nectar-scrolling-text-animation-reverse-reverse {
    0% {
        transform: translateX(120%) translateZ(0);
    }

    100% {
        transform: translateX(20%) translateZ(0);
    }
}

.rotate_desktop_2deg {
    -webkit-transform: scale(1.02) rotate(0deg);
    transform: scale(1.02) rotate(0deg);
}

.rotate_desktop_-2deg {
    -webkit-transform: scale(1.02) rotate(-0deg);
    transform: scale(1.02) rotate(-0deg);
}
.scrollingEffect.dirLeft{
    right: -300px;
}
.scrollingEffect.dirRight{
    left: -300px;
}
.inviteContent{
    position: relative;
    z-index: 0;
}
.scrollingEffect {
    z-index: 4;
    width:100%;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    top: -20%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lineParent {
    /* overflow: hidden; */
    position: relative
}