/* ubuntu-mono-regular - latin */
@font-face {
    font-family: 'Ubuntu Mono';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../fonts/ubuntu-mono-v10-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/ubuntu-mono-v10-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}  

html { 
    overflow: auto !important;
    background-color: #1c1c1c !important;
}

.infraloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #0a0a0a;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
}
.infraloader.is-active {
    opacity: 1;
    z-index: 999997
}

/* HERO */

.hero-bg-image {
    background: url("../assets/bike.png");
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-body .container .box {
    background-color: #0009;
    border-radius: 30px;
    margin: auto;
    transition: transform .5s ease;
    backdrop-filter: blur(5px);
    transform: scale(0.97);
}

.hero-body .container .box:hover {
    transform: scale(1);
}

@media (max-width: 749px) {
    .hero-body .container .box {
        width: 75%;
    }
}

@media (min-width: 750px) {
    .hero-body .container .box {
        width: 50%;
    }
}

@media (min-width: 900px) {
    .hero-body .container .box {
        width: 40%;
    }
}

@media (min-width: 1050px) {
    .hero-body .container .box {
        width: 30%;
    }
}

.box img.logo {
    width: 100%;
    padding: 1em;
}

/* FOOOOOOOOTER */

.hero-foot {
    font-family: 'Ubuntu Mono', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-color: #000;
}

.hero-foot .tabs ul {
    padding: 0 1rem;
}

.hero-foot .tabs ul li { 
    padding: .5em 1em;
}

.hero-foot .tabs ul li:not(:last-child) { 
    margin-right: 1rem;
}

.hero-foot .tabs ul li a { 
    padding: inherit;
    border-bottom-style: inherit;
}

.footer-contact .footer-at {
    transition: .5s ease-in;
    transform: scale(1);
}

.footer-contact:hover .footer-at {
    color: #ffcc00;
}

.footer-copyright .footer-copy {
    transition: .5s ease-in;
    transform: scale(1);
}

.footer-copyright:hover .footer-copy {
    color: #3dc5c5;
}

.footer-about-us .footer-heart {
    transition: .5s ease-in;
    transform: scale(1);
}

.footer-about-us:hover .footer-heart {
    color: #f00;
    animation: heartbeat 1.5s ease infinite;
}

@keyframes heartbeat {
    0% {
        transform:scale(1);
    }
    10% {
        transform:scale(1.25);
    }
    35% {
        transform:scale(1);
    }
    40% {
        transform:scale(1);
    }
    50% {
        transform:scale(1.25);
    }
    75% {
        transform:scale(1);
    }
}