/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 26 2022 | 13:20:23 */
.home-arrow-down {
	position: relative;
	height: 45px;
}

.home-arrow-down .center-con {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(90deg) translateY(-20px);
}

.home-arrow-down .round {
    position: absolute;
/*     border: 2px solid #1A1A1A; */
    width: 40px;
    height: 40px;
    border-radius: 100%;
    cursor: pointer;
}

#cta-arrow {
    width:100%; 
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

#cta-arrow .arrow {left: 30%;}
.home-arrow-down .arrow {position: absolute; margin-left:0px; width: 12px; height: 12px; background-size: contain; top:12px;}
.home-arrow-down .secondary {margin-left: 8px;}

.home-arrow-down .next {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojMUExQTFBfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}

@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

@media (min-width:577px) {
    .home-arrow-down .bounceAlpha {
        animation-name: bounceAlpha;
        animation-duration:1.4s;
        animation-iteration-count:infinite;
        animation-timing-function:linear;
    }

    .home-arrow-down .arrow.primary.bounceAlpha {
        animation-name: bounceAlpha;
        animation-duration:1.4s;
        animation-delay:0.2s;
        animation-iteration-count:infinite;
        animation-timing-function:linear;
    }

    .home-arrow-down .round .arrow {
        animation-name: bounceAlpha;
        animation-duration:1.4s;
        animation-iteration-count:infinite;
        animation-timing-function:linear;
    }
    .home-arrow-down .round .arrow.primary {
        animation-name: bounceAlpha;
        animation-duration:1.4s;
        animation-delay:0.2s;
        animation-iteration-count:infinite;
        animation-timing-function:linear;
    }
}
@media (max-width: 576px) {
    .home-arrow-down .arrow.primary {
        animation-name: bounceAlpha;
        animation-duration: 2s;
        animation-delay: 1.2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }
    .home-arrow-down .arrow {
        animation-name: bounceAlpha;
        animation-duration: 2s;
        animation-delay: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }
}