@media (min-width: 1025px) {
    .home .wrapper,
    .page-template-template-legacy .wrapper {
        opacity: 0;
    }
    .pace-done .wrapper,
    .pace-running.pace-done .wrapper {
        /*opacity: 1;*/
    }
    .pace-done.home .wrapper.preload-finished,
    .pace-done.page-template-template-legacy .wrapper.preload-finished {
        animation: load-in .5s forwards;
    }

    .pace.pace-inactive.preload-finished {
        animation: load-out .5s forwards;
    }
}
@media (max-width: 1024px) {
    .pace {
        display: none;
    }
}
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg id='tecnam-preloader' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' shape-rendering='geometricPrecision' text-rendering='geometricPrecision'%3E%3Cstyle%3E@keyframes tecnam-preloader-trace_tr__tr%7B0%25%7Btransform:translate(100px,100px) rotate(0deg)%7Dto%7Btransform:translate(100px,100px) rotate(360deg)%7D%7D@keyframes tecnam-preloader-plane_tr__tr%7B0%25%7Btransform:translate(100px,100px) rotate(0deg)%7Dto%7Btransform:translate(100px,100px) rotate(360deg)%7D%7D%3C/style%3E%3Cdefs%3E%3ClinearGradient id='tecnam-preloader-trace-fill' x1='54.1' y1='81.5' x2='54.1' y2='153.9' spreadMethod='pad' gradientUnits='userSpaceOnUse'%3E%3Cstop id='tecnam-preloader-trace-fill-0' offset='0%25' stop-color='rgba(255,255,255,0.5)'/%3E%3Cstop id='tecnam-preloader-trace-fill-1' offset='100%25' stop-color='rgba(255,255,255,0)'/%3E%3C/linearGradient%3E%3ClinearGradient id='tecnam-preloader-logo-fill' x1='75.5' y1='100' x2='124.5' y2='100' spreadMethod='pad' gradientUnits='userSpaceOnUse'%3E%3Cstop id='tecnam-preloader-logo-fill-0' offset='0' stop-color='%23FFF'/%3E%3Cstop id='tecnam-preloader-logo-fill-1' offset='0%25' stop-color='rgba(255,255,255,0.1)'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(100 100)' style='animation:tecnam-preloader-trace_tr__tr 3000ms linear infinite normal forwards'%3E%3Cpath id='tecnam-preloader-trace' d='M70 153.4c0 .2-.1.3-.1.5C51 143.3 38.2 123.1 38.2 100c0-6.4 1-12.6 2.8-18.5.1.1.3.2.5.2-1.8 5.8-2.8 11.9-2.8 18.2.1 23 12.7 43 31.3 53.5z' transform='translate(-100 -100)' fill='url(%23tecnam-preloader-trace-fill)' stroke='none' stroke-width='1'/%3E%3C/g%3E%3Cg transform='translate(100 100)' style='animation:tecnam-preloader-plane_tr__tr 3000ms linear infinite normal forwards'%3E%3Cpath id='tecnam-preloader-plane' d='M42.7 68l-6.5-3.1c-.3-.1-.5-.1-.7 0l-1.2 1.9 6.5 4.5 3.4 1.8-2.6 6.8-4.5-1.2-.6 1.1 9 4.8.6-1.1-3.4-3 4.2-6 3.5 1.9c2.3.9 7 2.7 7.1 2.8.1.1.6-1.4.9-2.1-.1-.2-.1-.4-.3-.6l-6.3-3.7.4-1.5-1.2-.7-1 1.3-1.5-.8c1.7-2.9 2.3-4.6 2.8-7.6 0 0-.1-.2-.3-.3-.2-.1-.5-.1-.5-.1-2.2 2.1-3.2 3.6-4.7 6.6l-1.6-.9.6-1.4-1.3-.7-.8 1.3z' transform='translate(-100 -100)' fill='%23FFF' stroke='none' stroke-width='1'/%3E%3C/g%3E%3Cpath id='tecnam-preloader-logo' clip-rule='evenodd' fill='url(%23tecnam-preloader-logo-fill)' fill-rule='evenodd' stroke='none' stroke-width='1' d='M111.3 113h13.2l-9.2-11.5h2.8v-2.7h-2.8l8.9-11.8H111l-9.5 11.7h-2.7l9-11.7H95.2L83 99.3h-7.5v2.3h7.6L94.6 113H108l-9.1-11.4h2.8z'/%3E%3C/svg%3E");
    -webkit-background-size: 300px 300px;
    background-size: 300px 300px;
    background-color: #002355;

    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;

    position: fixed;
    overflow: hidden;
}

.pace-progress-inner {
    height: 200px;
    width: 200px;
    position: absolute;
    transform: translate(-50%, -50%);
    background-position: 50% 50%;
    left: 50%;
    top: 50%;
}

.pace .pace-progress-inner:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    transform: translate(0, -50%);
    left: 0;
    top: 50%;
    background-position: 60px 50%;

    /* background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cstyle%3E%3C/style%3E%3Cg fill='%23fff'%3E%3Cpath d='M102.4 102.3h-4l13.1 16.4H95.9V81.4h15.3l-13 16.7h4l13.6-16.8h19.1l-12.9 17h4v3.8h-4l13.2 16.6h-18.9z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M96 81.4v37.3h-3.7l-16.5-16.3H64.8V99h10.7l17.6-17.6z'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='none' d='M0 0h200v200H0z'/%3E%3C/svg%3E"); */
    background-repeat: no-repeat;
    -webkit-background-size: 200px 200px;
    background-size: 200px 200px;
    
    /* For new logo */
    /* background-position: center; */
    background-image: url("../svg/logo-short-white.svg");
    -webkit-background-size: 80px 80px;
    background-size: 75px 75px;
}

.pace .pace-progress {
    box-sizing: border-box;
    transform: translate3d(100%, 0px, 0px) !important;
    z-index: 2000;
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 100%;
}

.pace .pace-progress[data-progress-text="0%"] .pace-progress-inner:after { width: 0 }
.pace .pace-progress[data-progress-text="1%"] .pace-progress-inner:after { width: 1% }
.pace .pace-progress[data-progress-text="2%"] .pace-progress-inner:after { width: 2% }
.pace .pace-progress[data-progress-text="3%"] .pace-progress-inner:after { width: 3% }
.pace .pace-progress[data-progress-text="4%"] .pace-progress-inner:after { width: 4% }
.pace .pace-progress[data-progress-text="5%"] .pace-progress-inner:after { width: 5% }
.pace .pace-progress[data-progress-text="6%"] .pace-progress-inner:after { width: 6% }
.pace .pace-progress[data-progress-text="7%"] .pace-progress-inner:after { width: 7% }
.pace .pace-progress[data-progress-text="8%"] .pace-progress-inner:after { width: 8% }
.pace .pace-progress[data-progress-text="9%"] .pace-progress-inner:after { width: 9% }
.pace .pace-progress[data-progress-text="10%"] .pace-progress-inner:after { width: 10% }
.pace .pace-progress[data-progress-text="11%"] .pace-progress-inner:after { width: 11% }
.pace .pace-progress[data-progress-text="12%"] .pace-progress-inner:after { width: 12% }
.pace .pace-progress[data-progress-text="13%"] .pace-progress-inner:after { width: 13% }
.pace .pace-progress[data-progress-text="14%"] .pace-progress-inner:after { width: 14% }
.pace .pace-progress[data-progress-text="15%"] .pace-progress-inner:after { width: 15% }
.pace .pace-progress[data-progress-text="16%"] .pace-progress-inner:after { width: 16% }
.pace .pace-progress[data-progress-text="17%"] .pace-progress-inner:after { width: 17% }
.pace .pace-progress[data-progress-text="18%"] .pace-progress-inner:after { width: 18% }
.pace .pace-progress[data-progress-text="19%"] .pace-progress-inner:after { width: 19% }
.pace .pace-progress[data-progress-text="20%"] .pace-progress-inner:after { width: 20% }
.pace .pace-progress[data-progress-text="21%"] .pace-progress-inner:after { width: 21% }
.pace .pace-progress[data-progress-text="22%"] .pace-progress-inner:after { width: 22% }
.pace .pace-progress[data-progress-text="23%"] .pace-progress-inner:after { width: 23% }
.pace .pace-progress[data-progress-text="24%"] .pace-progress-inner:after { width: 24% }
.pace .pace-progress[data-progress-text="25%"] .pace-progress-inner:after { width: 25% }
.pace .pace-progress[data-progress-text="26%"] .pace-progress-inner:after { width: 26% }
.pace .pace-progress[data-progress-text="27%"] .pace-progress-inner:after { width: 27% }
.pace .pace-progress[data-progress-text="28%"] .pace-progress-inner:after { width: 28% }
.pace .pace-progress[data-progress-text="29%"] .pace-progress-inner:after { width: 29% }
.pace .pace-progress[data-progress-text="30%"] .pace-progress-inner:after { width: 30% }
.pace .pace-progress[data-progress-text="31%"] .pace-progress-inner:after { width: 31% }
.pace .pace-progress[data-progress-text="32%"] .pace-progress-inner:after { width: 32% }
.pace .pace-progress[data-progress-text="33%"] .pace-progress-inner:after { width: 33% }
.pace .pace-progress[data-progress-text="34%"] .pace-progress-inner:after { width: 34% }
.pace .pace-progress[data-progress-text="35%"] .pace-progress-inner:after { width: 35% }
.pace .pace-progress[data-progress-text="36%"] .pace-progress-inner:after { width: 36% }
.pace .pace-progress[data-progress-text="37%"] .pace-progress-inner:after { width: 37% }
.pace .pace-progress[data-progress-text="38%"] .pace-progress-inner:after { width: 38% }
.pace .pace-progress[data-progress-text="39%"] .pace-progress-inner:after { width: 39% }
.pace .pace-progress[data-progress-text="40%"] .pace-progress-inner:after { width: 40% }
.pace .pace-progress[data-progress-text="41%"] .pace-progress-inner:after { width: 41% }
.pace .pace-progress[data-progress-text="42%"] .pace-progress-inner:after { width: 42% }
.pace .pace-progress[data-progress-text="43%"] .pace-progress-inner:after { width: 43% }
.pace .pace-progress[data-progress-text="44%"] .pace-progress-inner:after { width: 44% }
.pace .pace-progress[data-progress-text="45%"] .pace-progress-inner:after { width: 45% }
.pace .pace-progress[data-progress-text="46%"] .pace-progress-inner:after { width: 46% }
.pace .pace-progress[data-progress-text="47%"] .pace-progress-inner:after { width: 47% }
.pace .pace-progress[data-progress-text="48%"] .pace-progress-inner:after { width: 48% }
.pace .pace-progress[data-progress-text="49%"] .pace-progress-inner:after { width: 49% }
.pace .pace-progress[data-progress-text="50%"] .pace-progress-inner:after { width: 50% }
.pace .pace-progress[data-progress-text="51%"] .pace-progress-inner:after { width: 51% }
.pace .pace-progress[data-progress-text="52%"] .pace-progress-inner:after { width: 52% }
.pace .pace-progress[data-progress-text="53%"] .pace-progress-inner:after { width: 53% }
.pace .pace-progress[data-progress-text="54%"] .pace-progress-inner:after { width: 54% }
.pace .pace-progress[data-progress-text="55%"] .pace-progress-inner:after { width: 55% }
.pace .pace-progress[data-progress-text="56%"] .pace-progress-inner:after { width: 56% }
.pace .pace-progress[data-progress-text="57%"] .pace-progress-inner:after { width: 57% }
.pace .pace-progress[data-progress-text="58%"] .pace-progress-inner:after { width: 58% }
.pace .pace-progress[data-progress-text="59%"] .pace-progress-inner:after { width: 59% }
.pace .pace-progress[data-progress-text="60%"] .pace-progress-inner:after { width: 60% }
.pace .pace-progress[data-progress-text="61%"] .pace-progress-inner:after { width: 61% }
.pace .pace-progress[data-progress-text="62%"] .pace-progress-inner:after { width: 62% }
.pace .pace-progress[data-progress-text="63%"] .pace-progress-inner:after { width: 63% }
.pace .pace-progress[data-progress-text="64%"] .pace-progress-inner:after { width: 64% }
.pace .pace-progress[data-progress-text="65%"] .pace-progress-inner:after { width: 65% }
.pace .pace-progress[data-progress-text="66%"] .pace-progress-inner:after { width: 66% }
.pace .pace-progress[data-progress-text="67%"] .pace-progress-inner:after { width: 67% }
.pace .pace-progress[data-progress-text="68%"] .pace-progress-inner:after { width: 68% }
.pace .pace-progress[data-progress-text="69%"] .pace-progress-inner:after { width: 69% }
.pace .pace-progress[data-progress-text="70%"] .pace-progress-inner:after { width: 70% }
.pace .pace-progress[data-progress-text="71%"] .pace-progress-inner:after { width: 71% }
.pace .pace-progress[data-progress-text="72%"] .pace-progress-inner:after { width: 72% }
.pace .pace-progress[data-progress-text="73%"] .pace-progress-inner:after { width: 73% }
.pace .pace-progress[data-progress-text="74%"] .pace-progress-inner:after { width: 74% }
.pace .pace-progress[data-progress-text="75%"] .pace-progress-inner:after { width: 75% }
.pace .pace-progress[data-progress-text="76%"] .pace-progress-inner:after { width: 76% }
.pace .pace-progress[data-progress-text="77%"] .pace-progress-inner:after { width: 77% }
.pace .pace-progress[data-progress-text="78%"] .pace-progress-inner:after { width: 78% }
.pace .pace-progress[data-progress-text="79%"] .pace-progress-inner:after { width: 79% }
.pace .pace-progress[data-progress-text="80%"] .pace-progress-inner:after { width: 80% }
.pace .pace-progress[data-progress-text="81%"] .pace-progress-inner:after { width: 81% }
.pace .pace-progress[data-progress-text="82%"] .pace-progress-inner:after { width: 82% }
.pace .pace-progress[data-progress-text="83%"] .pace-progress-inner:after { width: 83% }
.pace .pace-progress[data-progress-text="84%"] .pace-progress-inner:after { width: 84% }
.pace .pace-progress[data-progress-text="85%"] .pace-progress-inner:after { width: 85% }
.pace .pace-progress[data-progress-text="86%"] .pace-progress-inner:after { width: 86% }
.pace .pace-progress[data-progress-text="87%"] .pace-progress-inner:after { width: 87% }
.pace .pace-progress[data-progress-text="88%"] .pace-progress-inner:after { width: 88% }
.pace .pace-progress[data-progress-text="89%"] .pace-progress-inner:after { width: 89% }
.pace .pace-progress[data-progress-text="90%"] .pace-progress-inner:after { width: 90% }
.pace .pace-progress[data-progress-text="91%"] .pace-progress-inner:after { width: 91% }
.pace .pace-progress[data-progress-text="92%"] .pace-progress-inner:after { width: 92% }
.pace .pace-progress[data-progress-text="93%"] .pace-progress-inner:after { width: 93% }
.pace .pace-progress[data-progress-text="94%"] .pace-progress-inner:after { width: 94% }
.pace .pace-progress[data-progress-text="95%"] .pace-progress-inner:after { width: 95% }
.pace .pace-progress[data-progress-text="96%"] .pace-progress-inner:after { width: 96% }
.pace .pace-progress[data-progress-text="97%"] .pace-progress-inner:after { width: 97% }
.pace .pace-progress[data-progress-text="98%"] .pace-progress-inner:after { width: 98% }
.pace .pace-progress[data-progress-text="99%"] .pace-progress-inner:after { width: 99% }
.pace .pace-progress[data-progress-text="100%"] .pace-progress-inner:after { width: 100% }

@keyframes load-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}


@keyframes load-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}