/*------------------------------------------------------------------
[Custom Template Stylesheet]

Project:	Pregnancy Care - Onepage Html Responsive Template
Version:	1.1
Primary use:	Pregnancy Care - Onepage Html Responsive Template 
-------------------------------------------------------------------*/

/*add your style css here*/

.appo-form.loading {
    position: relative;
    z-index: 10;
}
.appo-form.loading:before {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 10;
    opacity: 1;
    background-image: url(../images/loading.svg);
    background-position: center;
    background-repeat: no-repeat;
}

div#site-loader:not(.load-start) {
    display: none;
}

div#site-loader {
    width: 0px;
    overflow: hidden;
    margin: auto;
    animation: loadLogo 0.5s ease forwards;
}

div#site-loader.loaded {
    width: 215px;
}

@keyframes loadLogo {
    from {
        width: 0px;
    }
    to {
        width: 215px;
    }
}