/*--------------------------------------------------------------
Loader
--------------------------------------------------------------*/

.pre-loader {height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 999991;background-color: var(--wdtBodyBGColor);}
.loader-inner {text-transform:uppercase;width:100%;text-align:center;line-height:50px;margin:auto;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);}
.loading {width: 100%;height: 100%;}
div.loading * {position: absolute;left: 50%;top: 50%;transform: translate3d(-50%, -50%, 0) rotate(0deg);}
.loading .logo {background-image: url(https://livi.wpengine.com/wp-content/themes/livi/assets/images/logo.svg);background-repeat: no-repeat;background-position: center;width: 220px;height: 100%;background-size: contain;}
.loading .dots.animated-dots .dot {-webkit-animation: loading-block 3.5s ease-in-out infinite;animation: loading-block 3.5s ease-in-out infinite;}
.loading .dots.animated-dots .dot:after {-webkit-animation: loading-dot 3.5s ease-in-out infinite;animation: loading-dot 3.5s ease-in-out infinite;}
.loading .dots .dot {width: 300px;height: 300px;}
.loading .dots .dot:after {content: "";display: inline-block;width: 60px;height: 60px;background: var(--wdtPrimaryColor);border-radius: 50%;position: absolute;transform: scale(0.17);}
.loading .dots .dot:nth-child(1) {top: 142px;left: -201px;-webkit-animation-delay: 0s;animation-delay: 0s;}
.loading .dots .dot:nth-child(1):after {transform-origin: top right;top: 0;right: 0;-webkit-animation-delay: 0s;animation-delay: 0s;}
.loading .dots .dot:nth-child(2) {top: -152px;left: -200px;-webkit-animation-delay: 0.25s;animation-delay: 0.25s;}
.loading .dots .dot:nth-child(2):after {transform-origin: bottom right;bottom: 0;right: 0;-webkit-animation-delay: 0.25s;animation-delay: 0.25s;}
.loading .dots .dot:nth-child(3) {top: -154px;left: -201px;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.loading .dots .dot:nth-child(3):after {transform-origin: bottom right;bottom: 0;right: 0;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.loading .dots .dot:nth-child(4) {top: 142px;left: 96px;-webkit-animation-delay: 0.75s;animation-delay: 0.75s;}
.loading .dots .dot:nth-child(4):after {transform-origin: top left;top: 0;left: 0;-webkit-animation-delay: 0.75s;animation-delay: 0.75s;}
.loading .dots .dot:nth-child(5) {top: -150px;left: 94px;-webkit-animation-delay: 1s;animation-delay: 1s;}
.loading .dots .dot:nth-child(5):after {transform-origin: bottom left;bottom: 0;left: 0;-webkit-animation-delay: 1s;animation-delay: 1s;}

@-webkit-keyframes loading-block {
71.4285714286%, 100% {transform: translate3d(-50%, -50%, 0) rotate(360deg);}
}

@keyframes loading-block {
71.4285714286%, 100% {transform: translate3d(-50%, -50%, 0) rotate(360deg);}
}
@-webkit-keyframes loading-dot {
0%, 71.4285714286%, 100% {transform: scale(0.17);}
35.7142857143% {transform: scale(1);}
}
@keyframes loading-dot {
0%, 71.4285714286%, 100% {transform: scale(0.17);}
35.7142857143% {transform: scale(1);}
}
@-webkit-keyframes gradient {
50% {background-position: 100% 0%;}
}
@keyframes gradient {
50% {background-position: 100% 0%;}
}

/*--------------------------------------------------------------
    Accents
--------------------------------------------------------------*/

    .loader-inner .loader-text:after { background-color: var(--wdtPrimaryColor); }


/*--------------------------------------------------------------
    Responsive
--------------------------------------------------------------*/

/*----*****---- << Mobile (Landscape) >> ----*****----*/

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

}


/* Common Styles for the devices below 479px width */

@media only screen and (max-width: 479px) {

}