:root {
    /*Main Theme Colors*/
    --MainThemeColor: #1E0DAD;
    --MainThemeAccentColor: #1E90FF;
    /*Hover Pipeline Highlight*/
    --ColorTransparentMain: 0, 49, 184;
    /*Text Color Options*/
    --BlackText: #000000;
    --WhiteText: #ffffff;
    --FontFamily: Arial;
    --FontFamilySecondary: Arial;
}

.socials-icons {
    color: white;
    display: flex;
    width: 2em;
    aspect-ratio: 1/1;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
    .socials-icons.linkedin {
        background: #0A66C2;
    }
    .socials-icons.facebook {
        background: #0866FF;
    }
    .socials-icons.twitter {
        background: #000000;
    }

@keyframes fade-out {
    33% {
        opacity: 1;
    }

    66% {
        opacity: 0;
    }
}

ul.bg-slider li {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: -1;
    opacity: 0;
    animation: fade-out 15s infinite both;
    background-image: url('../images/liquidlogicswebsite-background.PNG');
    background-position: left center;
}
    /*-- Image 2 --*/
    ul.bg-slider li:nth-child(2) {
        background-image: url('../images/bank.jpg');
        animation-delay: 5s;
    }
    /*-- Image 3 --*/
    ul.bg-slider li:nth-child(3) {
        background-image: url('../images/waterSplash.jpg');
        animation-delay: 9s;
    }

    ul.bg-slider li:nth-child(4) {
        background-image: url('../images/network.jpg');
        animation-delay: 10s;
    }

#innercontent > h1 {
    color: var(--MainThemeColor);
    font-weight: bold;
}

.logo-container {
    width: 100%;
    height: 10em;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .logo-container #lnkImgLogo {
        width: 22em;
    }

.FOAlogo {
    width: 20%;
    margin: 1em auto;
    display: block;
}

/*.version {
    top: -21px;
    color: var(--MainThemeColor);
}
*/
/*footer p {
    font-size: small;
    margin: 12px;
    margin-top: 20px;
}*/
/*End HeadeFooter Master page css*/




/*MEDIA QUERY*/
@media (max-width:800px),(max-device-width:800px) {
    ul.bg-slider li {
        height: 100%;
    }
}