/*! ------------------------------------------------
 * Project Name: Marvio - Coming Soon & Portfolio Template
 * Project Description: Marvio - awesome coming soon and portfolio template to kick-start your project
 * Tags: mix_design, coming soon, under construction, template, landing page, portfolio, one page, responsive, html5, css3, creative, clean, agency, personal page
 * Version: 1.0.5
 * Build Date: May 2022
 * Last Update: March 2025
 * This product is available exclusively on Themeforest
 * Author: mix_design
 * Author URI: https://themeforest.net/user/mix_design
 * File name: loader.css
 * ------------------------------------------------
 *
 * ------------------------------------------------
 * Table of Contents
 * ------------------------------------------------
 *  1. Loader Styles
 * ------------------------------------------------
 * Table of Contents End
 * ------------------------------------------------ */
 .loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#07051c;opacity:1;visibility:visible;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out}.loader.loaded{opacity:0;visibility:hidden}.loader__container{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.loader__circle{position:relative;width:60px;height:60px;background:#f987d6;background:-webkit-gradient(linear,left top,right top,from(#6a47af),to(#f987d6));background:-moz-linear-gradient(left,#6a47af 0%,#f987d6 100%);background:-o-linear-gradient(left,#6a47af 0%,#f987d6 100%);background:linear-gradient(to right,#6a47af 0%,#f987d6 100%);-moz-border-radius:50%;border-radius:50%;-webkit-animation:whiteShadow 1s infinite;-moz-animation:whiteShadow 1s infinite;animation:whiteShadow 1s infinite}.loader__circle img{display:block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:auto}.loader__circle.fade{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;animation-play-state:paused;opacity:0;-webkit-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}@-webkit-keyframes whiteShadow{0%{-webkit-box-shadow:0 0 0 0 rgb(106 71 175 / .5);box-shadow:0 0 0 0 rgb(106 71 175 / .5);-webkit-transition:-webkit-box-shadow 0.3s ease-in-out;transition:-webkit-box-shadow 0.3s ease-in-out;-o-transition:box-shadow 0.3s ease-in-out;-moz-transition:box-shadow 0.3s ease-in-out,-moz-box-shadow 0.3s ease-in-out;transition:box-shadow 0.3s ease-in-out;transition:box-shadow 0.3s ease-in-out,-webkit-box-shadow 0.3s ease-in-out,-moz-box-shadow 0.3s ease-in-out}100%{-webkit-box-shadow:0 0 0 30px #fff0;box-shadow:0 0 0 30px #fff0;-webkit-transition:-webkit-box-shadow 0.4s ease-in-out;transition:-webkit-box-shadow 0.4s ease-in-out;-o-transition:box-shadow 0.4s ease-in-out;-moz-transition:box-shadow 0.4s ease-in-out,-moz-box-shadow 0.4s ease-in-out;transition:box-shadow 0.4s ease-in-out;transition:box-shadow 0.4s ease-in-out,-webkit-box-shadow 0.4s ease-in-out,-moz-box-shadow 0.4s ease-in-out}}@-moz-keyframes whiteShadow{0%{-moz-box-shadow:0 0 0 0 rgb(106 71 175 / .5);box-shadow:0 0 0 0 rgb(106 71 175 / .5);-webkit-transition:-webkit-box-shadow 0.3s ease-in-out;transition:-webkit-box-shadow 0.3s ease-in-out;-o-transition:box-shadow 0.3s ease-in-out;-moz-transition:box-shadow 0.3s ease-in-out,-moz-box-shadow 0.3s ease-in-out;transition:box-shadow 0.3s ease-in-out;transition:box-shadow 0.3s ease-in-out,-webkit-box-shadow 0.3s ease-in-out,-moz-box-shadow 0.3s ease-in-out}100%{-moz-box-shadow:0 0 0 30px #fff0;box-shadow:0 0 0 30px #fff0;-webkit-transition:-webkit-box-shadow 0.4s ease-in-out;transition:-webkit-box-shadow 0.4s ease-in-out;-o-transition:box-shadow 0.4s ease-in-out;-moz-transition:box-shadow 0.4s ease-in-out,-moz-box-shadow 0.4s ease-in-out;transition:box-shadow 0.4s ease-in-out;transition:box-shadow 0.4s ease-in-out,-webkit-box-shadow 0.4s ease-in-out,-moz-box-shadow 0.4s ease-in-out}}@keyframes whiteShadow{0%{-webkit-box-shadow:0 0 0 0 rgb(106 71 175 / .5);-moz-box-shadow:0 0 0 0 rgb(106 71 175 / .5);box-shadow:0 0 0 0 rgb(106 71 175 / .5);-webkit-transition:-webkit-box-shadow 0.3s ease-in-out;transition:-webkit-box-shadow 0.3s ease-in-out;-o-transition:box-shadow 0.3s ease-in-out;-moz-transition:box-shadow 0.3s ease-in-out,-moz-box-shadow 0.3s ease-in-out;transition:box-shadow 0.3s ease-in-out;transition:box-shadow 0.3s ease-in-out,-webkit-box-shadow 0.3s ease-in-out,-moz-box-shadow 0.3s ease-in-out}100%{-webkit-box-shadow:0 0 0 30px #fff0;-moz-box-shadow:0 0 0 30px #fff0;box-shadow:0 0 0 30px #fff0;-webkit-transition:-webkit-box-shadow 0.4s ease-in-out;transition:-webkit-box-shadow 0.4s ease-in-out;-o-transition:box-shadow 0.4s ease-in-out;-moz-transition:box-shadow 0.4s ease-in-out,-moz-box-shadow 0.4s ease-in-out;transition:box-shadow 0.4s ease-in-out;transition:box-shadow 0.4s ease-in-out,-webkit-box-shadow 0.4s ease-in-out,-moz-box-shadow 0.4s ease-in-out}}