.pre-loader{height:100%;left:0;position:fixed;top:0;width:100%;z-index:999991;background-color:#fff}.loader-inner{padding:25px;position:absolute;left:50%;top:50%;text-align:center;width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loader-text{display:inline-block;width:80px;height:80px;position:relative}.pre-loader{background-color:var(--wdtAccentTxtColor)}.loader-text{background-image:none;font-size:0}span.loader-text:before{content:"";position:absolute;border-style:solid;border-width:3px 3px 3px 0;border-color:var(--wdtPrimaryColor) #fff0 #fff0;transform:scale(.3) rotate(0deg);opacity:.5;-webkit-animation-name:frontOval;animation-name:frontOval}span.loader-text::after{content:"";position:absolute;background:var(--wdtPrimaryColor);opacity:.5;transform:scale(0);-webkit-animation-name:backOval;animation-name:backOval}span.loader-text:before,span.loader-text:after{border-radius:50%;width:100%;height:100%;top:0%;bottom:0;left:0%;right:0;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes frontOval{0%{transform:scale(.3) rotate(0deg)}12.5%{transform:scale(.3) rotate(180deg)}25%,50%{opacity:1}50%{transform:scale(1) rotate(720deg)}100%{transform:scale(.3) rotate(1800deg);opacity:.5}}@keyframes frontOval{0%{transform:scale(.3) rotate(0deg)}12.5%{transform:scale(.3) rotate(180deg)}25%,50%{opacity:1}50%{transform:scale(1) rotate(720deg)}100%{transform:scale(.3) rotate(1800deg);opacity:.5}}@-webkit-keyframes backOval{12.5%{transform:scale(.3)}90%,100%{transform:scale(2);opacity:0}}@keyframes backOval{12.5%{transform:scale(.3)}90%,100%{transform:scale(2);opacity:0}}@media only screen and (max-width:767px){.loader-text{width:50px;height:50px}}