﻿.loader-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
    opacity: 1;
    -webkit-transition: visibility 0.5s, opacity 0.3s linear;
    -moz-transition: visibility 0.5s, opacity 0.3s linear;
    transition: visibility 0.5s, opacity 0.3s linear;
}
.loader-child-container {
    height: 100%;
    width: 100%;
    display: table;
}
.loader-image-container {
    vertical-align: middle;
    height: 100%;
    display: table-cell;
}
.loader-image-container-inner {
    width: 80px;
    margin: auto;
    position: relative;
    height: 60px;
}
.loader-image-container-inner img{
    width:100px;
}

.loader-company {
    position: absolute;
    top: 50%;
    left: auto;
    display: inline-block;
    width: 90px;
    height: 90px;
}

.loader-company::after {
    --d: 8deg; /* distance between dashes */
    --n: 15; /* number of dashes */
    --c: #11397a; /* color of dashes */
    --b: 0.40em; /* control the thickness of border*/
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: repeating-conic-gradient( var(--c) 0 calc(360deg/var(--n) - var(--d)), transparent 0 calc(360deg/var(--n)));
    -webkit-mask: radial-gradient(farthest-side,transparent calc(100% - var(--b)),#fff calc(100% - var(--b) + 1px));
    mask: radial-gradient(farthest-side,transparent calc(100% - var(--b)),#fff calc(100% - var(--b) + 1px));
    -webkit-animation: spinner-border 3.50s linear infinite;
    animation: spinner-border 3.50s linear infinite;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}