html {
  scroll-behavior: smooth;
}
.animate_page { 
   opacity: 0;
   /*transition: opacity ease-in-out .5s;*/   
    /*margin-left: -2050px !important;*/
    transition:all  .8s ease-in;
    transform: scale(0,0);
    transform-origin:center;
}

/*body {
    opacity: 0.5;
     transition: opacity .5s;
}*/
.activeAnimation {
   /*// transition:all .3s ease-in-out;*/
   /*margin-left: auto !important;*/
    /*Top:0px;*/
   transform: scale(100%,100%);
   opacity:1;
}
.lds-ripple {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
   /*top: 4px;
   left: -284px;*/
   z-index: -1;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 3s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

.animate-in {
    -webkit-animation: fadeIn .5s ease-in;
    animation: fadeIn .5s ease-in;
}

.animate-out {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

.adminLoginBG {
    top:0px;
    margin:0;
    max-width: 780px;
    max-height: 780px;
    height: 100%;
    margin: 0px auto;
    padding: 30px 30px 70px 30px;
    border-radius: 390px;
    -webkit-border-radius: 390px;
    -moz-border-radius: 390px;
    -o-border-radius: 390px;
    border:solid 22px rgba(255,255,255,.15); 
    background: rgba(66,89,191,0.5);
    font-family: 'Font Awesome 5 Pro',Montserrat;
    -webkit-box-shadow:  rgba(0, 0,0,0.31) 0px 0px 54px, 0.2px;
    -moz-box-shadow:  rgba(0, 0,0,0.31) 0px 0px 54px 0.2px;
    box-shadow:  rgba(0, 0,0,0.31) 0px 0px 54px 0.2px;
    -o-box-shadow:  rgba(0, 0,0,0.31) 0px 0px 54px 0.2px;
    transform-origin: 40px 40px;

      animation: adminLoginBG .8s infinite alternate-reverse /*cubic-bezier(0.215, 0.61, 0.355, 1);*/
}
.nev_acc {
    
    font-family: 'Font Awesome 5 Pro',Montserrat;
    z-index:999;
    position: absolute;
    font-size: 2em;
    top: 155px;
    /*left: 11p*/
    width:95px;
}
.nev_acc ul li{
    list-style:none;
    padding:10px;
}
.nev_acc ul li a{
    
     border-radius: 390px;
    -webkit-border-radius: 390px;
    -moz-border-radius: 390px;
    -o-border-radius: 390px;
    border:solid 1px rgba(255,255,255,.8); 
    display:block;
    width: 70px;
    height:70px;
    -webkit-box-shadow:  rgba(0, 0,0,0.31) 0px 0px 54px, 0.2px;
    -moz-box-shadow:  rgba(0, 0,0,0.31) 0px 0px 54px 0.2px;
    box-shadow:  rgba(0, 0,0,0.31) 0px 0px 54px 0.2px;
    -o-box-shadow:  rgba(0, 0,0,0.31) 0px 0px 54px 0.2px;
    text-align:center;
    background:rgba(255,255,255,.5); 
    color:#fff;
    padding:14px;
    transition:all  ease-in-out .3s;
}
.nev_acc ul li a:hover
{
    color:#fff;
    opacity:0.8;
}
@keyframes adminLoginBG {
  0% {
    /*transform: scale(0.95,0.95);*/
     /*border:solid 22px rgba(255,255,255,.15);*/ 
     box-shadow:  rgba(0, 0,0,0.34) 0px 0px 54px 0.2px;
  }
  25% {
    /*transform: scale(1.1,1.1);*/
   /*border:solid 22px rgba(255,255,255,.18);*/ 
  box-shadow:  rgba(0, 0,0,0.38) 0px 0px 64px 0.2px;
  }
  35% {
    /*transform: scale(0.85,0.85);*/
    /*border:solid 22px rgba(255,255,255,.21);*/ 
     box-shadow:  rgba(0, 0,0,0.42) 0px 0px 74px 0.2px;
  }
  45% {
    /*transform: scale(1,1);*/
   /*border:solid 22px rgba(255,255,255,.24);*/ 
   box-shadow:  rgba(0, 0,0,0.46) 0px 0px 84px 0.2px;
  }
  55% {
    /*transform: scale(0.95,0.95);*/
     /*border:solid 22px rgba(255,255,255,.27);*/  
    box-shadow:  rgba(0, 0,0,0.50) 0px 0px 94px 0.2px;
  }
  70% {
    /*transform: scale(0.9,0.9);*/
     /*border:solid 22px rgba(255,255,255,.30);*/ 
    box-shadow:  rgba(0, 0,0,0.54) 0px 0px 104px 0.2px;
  }
    100% {
    /*transform: scale(0.9,0.9);*/
     /*border:solid 22px rgba(255,255,255,.33);*/ 
    box-shadow:  rgba(0, 0,0,0.58) 0px 0px 114px 0.2px;
  }
}