html.avada-is-100-percent-template body #main.width-100{
    padding-top: 0!important;
}

.sticky-wrap{
width:100%;
height:100vh;
position:relative;
overflow:hidden;
}
body .fusion-scroll-section-nav{
    opacity: 0!important;
}
/* BACKGROUND LAYER */

.section-layer-bg{
position:absolute;
bottom:0;
left:0;

width:100%;
height:100%;

display:flex;
justify-content:center;
align-items:flex-end;

overflow:hidden;
}
/* -----------------------------
SUN / YELLOW CIRCLE
------------------------------*/
.animating-circle{
    width:4vw;
    height:4vw;
    border-radius:50%;
    background-image: radial-gradient(
    circle at center,
    #ffd636 0%,
    #ffd636 25%,
    #ffd636 50%,
    #ffe993 75%,
    #ffffff 100%
    );
    transform-origin:center center;
    will-change: transform, filter;
    background-color: #f9c518;
    border-radius: 100%;
}
/* bigger screens */
@media screen and (min-width:1440px){
.animating-circle{
width:3.5vw;
height:3.5vw;
}
}
/* -----------------------------
CONTENT TEXT
------------------------------*/
.sticky-wrap .content-section{
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 2.5fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center stretch;
    padding: 2rem 5vw 5rem;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
}

.logo{
position:absolute;
top:30px;
left:40px;
width:90px;
opacity:0;
z-index:3;
transition:opacity .4s ease;
}
.animating-circle,
.logo{
backface-visibility:hidden;
transform-style:preserve-3d;
}