.bg-kn {
    background-color: #002953 !important;
}

@media (min-width: 992px) {
    .col-xl-custom-16 {
        flex: 0 0 auto;
        width: 16%;
    }

    .col-xl-custom-15 {
        flex: 0 0 auto;
        width: 14%;
    }

    .img-custom {
        width: 40%;
    }

    .img-custom-kn {
        width: 100%;
    }

    .img-qr {
        width: 5%;
    }

    .vid-custom {
        width: 100%;
    }

    .camera-custom {
        width: 40%;
    }

    .img-custom-poi {
        width: 20%;
    }
}

@media (max-width: 992px) {
    .img-custom {
        width: 17%;
    }

    .img-custom-kn {
        width: 40%;
    }

    .img-qr {
        width: 10%;
    }

    .vid-custom {
        width: 50%;
    }
    .camera-custom {
        width: 100%;
    }
    .img-custom-poi {
        width: 17%;
    }
}

.check-poi {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-name: slidein;
    animation-name: slidein;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


.border-kn {
    border-color: #002953 !important;
}

.custom-me-1 {   
    margin-right: 0.15rem !important;
}

@font-face {
    font-family: "code128";
    src: url("../fonts/code128.ttf");
}

.code128 {
    font-family: "code128";
    font-size: 30px;
}

.card-custom:hover {
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    cursor:pointer;
}

.col-xl-custom-75 {
    flex: 0 0 auto;
    width: 75.3333333333%;
}

.qrcode td {
    height: 80px;
}

.c-header {
    background-color: #003369;
    color:white;
}

.c-modal {
    background-color: #000
}

.c-modal-backdrop {
    background-color: transparent !important;
}

.bg-point {
    background-color: #1F618D !important;
}

.animate-charcter {
    //text-transform: uppercase;
    background-image: linear-gradient( -225deg, #ff0000 0%, #ffffff 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 3s linear infinite;
    display: inline-block;
    //font-size: 190px;
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}