.loader-parent {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 150px);
    /* or any desired height */
    background-color: #ffffff59;
    border-radius: 6px;
}


.overlay-loader-parent {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
    /* background: hsla(0, 0%, 0%, 0.9); */
    z-index: 5000;
}
.overlay-loader {
    top: calc(50% - 50px);
    left: calc(50% - 63px);
    z-index: 11;
    position: absolute;
    text-align: center;
    width: 126px;
}

.global-loader svg {
    width: 50px;
    height: 50px;
}

.global-loader svg path {
    stroke: #eda200;
    stroke-width: 3px;
}

#sezam-loader .st0 {
    fill: transparent;
}

#sezam-loader .st0 {
    fill: transparent;
}

.overlay-loader .loading-text h1 {
    position: relative;
    color: rgba(255, 255, 255, 0.349);
    font-size: 14px;
    z-index: 11;
    line-height: 3;
}

.overlay-loader .loading-text h1:before {
    content: attr(data-text);
    position: absolute;
    overflow: hidden;
    max-width: 7em;
    white-space: nowrap;
    color: #eda200;
    animation: loading 3s linear;
    animation-iteration-count: infinite;
}


.overlay-loader .loading-text h1 {
    position: relative;
    color: rgba(255, 255, 255, 0.349);
    font-size: 14px;
    z-index: 11;
    line-height: 3;
}

.overlay-loader .loading-text h1:before {
    content: attr(data-text);
    position: absolute;
    overflow: hidden;
    max-width: 7em;
    white-space: nowrap;
    color: #eda200;
    animation: loading 3s linear;
    animation-iteration-count: infinite;
}

@keyframes loading {
    0% {
        max-width: 0;
    }
}

.global-loader svg {
    width: 50px;
    height: 50px;
}

.global-loader svg path {
    stroke: #000000;
    stroke-width: 3px;
}


@-webkit-keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 377.5540466308594px;
        stroke-dasharray: 377.5540466308594px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 377.5540466308594px;
    }
}

@keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 377.5540466308594px;
        stroke-dasharray: 377.5540466308594px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 377.5540466308594px;
    }
}

.svg-elem-1 {
    -webkit-animation: animate-svg-stroke-1 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
    animation: animate-svg-stroke-1 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
    animation-iteration-count: infinite;
}

.loader .container {
    text-align: center;
}

#sezam-loader .st0 {
    fill: transparent;
}

#sezam-loader .st1 {
    fill: #ffd201;
}

#sezam-loader .st0 {
    -webkit-animation: draw 2700ms ease-in-out infinite;
    /* Safari 4+ */
    -moz-animation: draw 2700ms ease-in-out infinite;
    /* Fx 5+ */
    -o-animation: draw 2700ms ease-in-out infinite;
    /* Opera 12+ */
    animation: draw 2700ms ease-in-out infinite;
    stroke: #ffeb90;
}

#sezam-loader .st1 {
    -webkit-animation: draw 2700ms ease-in-out infinite;
    /* Safari 4+ */
    -moz-animation: draw 2700ms ease-in-out infinite;
    /* Fx 5+ */
    -o-animation: draw 2700ms ease-in-out infinite;
    /* Opera 12+ */
    animation: draw 2700ms ease-in-out infinite;
    stroke: #ffd201;
}

@-webkit-keyframes draw {
    0% {
        stroke-dasharray: 0 800;
        stroke-dashoffset: 200;
        fill-opacity: 0;
        stroke-width: 4;
    }

    37% {
        stroke-dasharray: 600 0;
        stroke-dashoffset: 200;
        fill-opacity: 0;
        stroke-width: 4;
    }

    50% {
        fill-opacity: .6;
        stroke-width: 1;
        stroke-dasharray: 0 800;
        stroke-dashoffset: 200;

    }

    100% {
        fill-opacity: 1;
        stroke-width: 0;
    }
}

@-moz-keyframes draw {
    0% {
        stroke-dasharray: 0 800;
        stroke-dashoffset: 200;
        fill-opacity: 0;
        stroke-width: 4;
    }

    37% {
        stroke-dasharray: 600 0;
        stroke-dashoffset: 200;
        fill-opacity: 0;
        stroke-width: 4;
    }

    50% {
        fill-opacity: 1;
        stroke-width: 0;
    }

    100% {
        fill-opacity: 1;
        stroke-width: 0;
    }
}

@-o-keyframes draw {
    0% {
        stroke-dasharray: 0 800;
        stroke-dashoffset: 200;
        fill-opacity: 0;
        stroke-width: 4;
    }

    37% {
        stroke-dasharray: 600 0;
        stroke-dashoffset: 200;
        fill-opacity: 0;
        stroke-width: 4;
    }

    50% {
        fill-opacity: 1;
        stroke-width: 0;
    }

    100% {
        fill-opacity: 1;
        stroke-width: 0;
    }
}

@keyframes draw {
    0% {
        stroke-dasharray: 0 800;
        stroke-dashoffset: 200;
        fill-opacity: 0;
        stroke-width: 4;
    }

    37% {
        stroke-dasharray: 600 0;
        stroke-dashoffset: 200;
        fill-opacity: 0;
        stroke-width: 4;
    }

    50% {
        fill-opacity: 1;
        stroke-width: 0;
    }

    100% {
        fill-opacity: 1;
        stroke-width: 0;
    }
}

.communication-loader {
    width: 100%;
    background-color: #ffffff59;
    position: relative;
    /*min-height: 380px;*/
    height: 100%;
}

.communication-loader .container {
    width: 100px;
    position: absolute;
    top: 40%;
    left: 45%;

}

.full-page-loader #sezam-loader .st0,
.init-loader #sezam-loader .st0 {
    fill: transparent;
    stroke: transparent;
}