.loaderContainer {
   position: absolute;
   top: 0;
   left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	z-index: 1000;
   background: rgb(214,170,105);
}

.loaderContainer .loading-content-wrapper,
.loaderContainer .loading-content-wrapper .loading-text {
   -webkit-transition-property: all;
   -moz-transition-property: all;
   -ms-transition-property: all;
   -o-transition-property: all;
   -webkit-transition-duration: .8s;
   -ms-transition-duration: .8s;
   -webkit-transition-timing-function: ease;
   -moz-transition-timing-function: ease;
   -ms-transition-timing-function: ease;
   -o-transition-timing-function: ease;
   position: relative
}
.loading-content-wrapper {
   width: 100vw;
   height: 100vh;
}
.loaderContainer .loading-content-wrapper {
   position: absolute;
   top: 15px;
   left: 21px;
   transition-property: all;
   -moz-transition-duration: .8s;
   -o-transition-duration: .8s;
   transition-duration: .8s;
   transition-timing-function: ease;
   -webkit-animation: myfirst 1s;
   animation: myfirst 1s;
   animation-iteration-count: 1;
   animation-timing-function: ease;
   -webkit-animation-timing-function: ease;
   -webkit-animation-iteration-count: 1;
   display:flex;
   flex-direction: column;
   text-align: left;

}

.loaderContainer .loading-content-wrapper .loading-text {
   font-family: 'Open Sans',sans-serif;
   opacity: 0;
   transition-property: all;
   -moz-transition-duration: .8s;
   -o-transition-duration: .8s;
   transition-duration: .8s;
   transition-timing-function: ease;
   top: 2px;
   margin-left: 16px;
}
.loaderContainer .loading-content-wrapper .loading-heading {
   font-size: 32px;
   color: rgba(0,0,0,.4);
   letter-spacing: -1px;
   
}
.loaderContainer .loading-content-wrapper .loading-subtext {
   color: rgba(0,0,0,.6);
   font-size: 16px;
   letter-spacing: 1px;
   max-width: 300px;
}

.loaderContainer .loading-content-wrapper:before {
   -webkit-transition-property: all;
   -moz-transition-property: all;
   -ms-transition-property: all;
   -o-transition-property: all;
   transition-property: all;
   -webkit-transition-duration: .8s;
   -moz-transition-duration: .8s;
   -ms-transition-duration: .8s;
   -o-transition-duration: .8s;
   transition-duration: .8s;
   -webkit-transition-timing-function: ease;
   -moz-transition-timing-function: ease;
   -ms-transition-timing-function: ease;
   -o-transition-timing-function: ease;
   transition-timing-function: ease;
   width: 42px;
   height: 42px;
   background: url(//cdn.jotfor.ms/images/logo/anim-logo.png) top left no-repeat;
   background-size: cover;
   content: "";
   display: inline-block;
   float: left;
   -webkit-animation: mysec .8s;
   animation: mysec .8s;
   animation-iteration-count: infinite;
   animation-timing-function: ease;
   -webkit-animation-timing-function: ease;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-direction: alternate;
   animation-direction: alternate
}

.loaderContainer .loading-content-wrapper {
   align-items: center;
   justify-content: center;
}

.loaderContainer.active .loading-content-wrapper {
   position: relative;
   align-items: center;
   justify-content: center;

   
}

.loaderContainer.active .loading-content-wrapper .loading-text {
   opacity: 1;
}

.loaderContainer.active .loading-content-wrapper:before {
   width: 77px;
   height: 77px;
}

@-webkit-keyframes myfirst {
   from {
       top: 50%;
       opacity: 0
   }

   to {
       opacity: 1
   }
}

@keyframes myfirst {
   from {
       top: 50%;
       opacity: 0
   }

   to {
      top:0;
       opacity: 1
   }
}

@-webkit-keyframes mysec {
   from {
       opacity: .3
   }

   to {
       opacity: 1
   }
}

@keyframes mysec {
   from {
       opacity: .3
   }

   to {
       opacity: 1
   }
}

.branding21.loaderContainer {
	background: #0099FF;
}

			
.branding21.loaderContainer .loading-content-wrapper .loading-text {
   color: #ffffff;
   text-align: center;
   margin-left: 0;
   font-family: 'Circular Std', sans-serif;
}
.branding21.loaderContainer .loading-content-wrapper .loading-heading {
   font-size: 26px;
   font-weight: 700;
   margin: 45px 0 16px 0;
   text-align: left;
}
.branding21.loaderContainer .loading-content-wrapper .loading-subtext {
   font-size: 18px;
   font-weight: 400;
   max-width: 80%;
   line-height: 1.5;
   max-width: 300px;

}
.branding21.loaderContainer.active .loading-heading {
   text-align: center;
}

.branding21.loaderContainer .loading-content-wrapper:before {
   width: 46px;
   height: 50px;
	background: url(//cdn.jotfor.ms/assets/img/logo2021/advanced-designer-Logo.svg) top left no-repeat;
}
.branding21 .header .masthead img {
   background-position: center;
   background-image: url(//cdn.jotfor.ms/assets/img/logo2021/ad-back-to-builder-logo.svg);
}