/* //--Fullpage loader */
.full-page-loader-container{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  transition: .5s;
  background: rgb(255, 255, 255, .6);
  z-index: 99;
}
.loader-full-page {
    border: .3rem solid rgba(0, 0, 0, 0.01);
    border-left-color: #f1d1b3;
    animation: loader-spin_ful_page 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 7.8rem;
    height: 7.8rem;
  }@keyframes loader-spin_ful_page {
      0% {transform: rotate(0deg);}
      100% {transform: rotate(360deg);
  }
}
/* Fullpage loader--// */



/* page loader */
 #loading_page{
    width: 100%;
    height: 5rem;
    bottom: 0;
    /*background-color: #fff;*/
    position: absolute;
    transition: .5s;
    background: rgb(255, 255, 255, .6);
    
  }
   @keyframes page_spinner { to {transform: rotate(360deg)}}
  .page_spinner:before {
      content: '';
      box-sizing: border-box;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 3rem;
      height: 3rem;
      margin-top: -1.4rem;
      margin-left: -0.8rem;
      border-radius: 50%;
      border-top: .3rem solid rgb(0, 161, 179);
      border-right: .3rem solid transparent;
      animation: page_spinner .6s linear infinite;
  }
/* page loader ==// */

/*================================================================================*/

/* page loader */
 #loading_page{
    width: 100%;
    height: 5rem;
    bottom: 0;
    /*background-color: #fff;*/
    position: absolute;
    transition: .5s;
    background: rgb(255, 255, 255, .6);
    
  }
   @keyframes page_spinner { to {transform: rotate(360deg)}}
  .page_spinner:before {
      content: '';
      box-sizing: border-box;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 3rem;
      height: 3rem;
      margin-top: -1.4rem;
      margin-left: -0.8rem;
      border-radius: 50%;
      border-top: .3rem solid rgb(0, 161, 179);
      border-right: .3rem solid transparent;
      animation: page_spinner .6s linear infinite;
  }
/* page loader ==// */

/* profile image loader */
.pro-img-circle-loader {
    border: .3rem solid rgba(0, 0, 0, 0.01);
    border-left-color: #00a1b3;
    animation: loader-spin_ac 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 7.8rem;
    height: 7.8rem;
  }@keyframes loader-spin_ac {
      0% {transform: rotate(0deg);}
      100% {transform: rotate(360deg);
  }
}
/* profile image loader --// */


@keyframes spinner_c {to {transform: rotate(360deg);}}
  .spinner_circle:before {
      content: '';
      box-sizing: border-box;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 26px;
      height: 26px;
      margin-top: -13px;
      margin-left: -13px;
      border-radius: 50%;
      border: 2px solid transparent;
      border-top-color: rgb(0, 161, 179);
      border-bottom-color: rgb(0, 161, 179);
      animation: spinner_c .8s ease infinite;
   }
   @keyframes spinner_c { to {transform: rotate(360deg);}}
  .spinner_c:before {
      content: '';
      box-sizing: border-box;
      position: absolute;
      width: 30px;
      height: 30px;
      margin-left: -10px;
      border-radius: 50%;
      border-top: 2px solid rgb(0, 161, 179);
      border-right: 2px solid transparent;
      animation: spinner_c .6s linear infinite;
  }
  #loading{
    width: 100%;
    position: relative;
  }
  

  .loading-wrap{
    position: absolute;
    top: 94%;
    width: 100%;
    height: 50px;
    padding: 10px;
    border: 1px solid;
    background-color: #ffffff;
    text-align: center;
    z-index: 1;
  }

  /* loading heart */
  @keyframes spinner_h { to {transform: rotate(360deg);}}
  .spinner_heart:before {
      content: '';
      box-sizing: border-box;
      display: inline-block;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      border-top: 2px solid rgb(0, 153, 255);
      border-right: 2px solid transparent;
      animation: spinner_h .9s linear infinite;
  }
  .loading_heart{
      width: 100%;
      position: relative;
      top: 1px;
      right: 4px;
  }
/* loading heart --// */

.shake {
    animation-name: shake;
    -webkit-animation-name: shake;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}
@keyframes shake {
    0% { transform: skewX(-15deg); }
    5% { transform: skewX(15deg); }
    10% { transform: skewX(-15deg); }
    15% { transform: skewX(15deg); }
    20% { transform: skewX(0deg); }
    100% { transform: skewX(0deg); }  
}


/*==========================================================*/

/*.loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 3px solid;
  border-color: #00a1b3 #00a1b3 transparent transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after,
.loader::before {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid;
  border-color: transparent transparent #FF3D00 #FF3D00;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotationBack 0.5s linear infinite;
  transform-origin: center center;
}
.loader::before {
  width: 32px;
  height: 32px;
  border-color: #00a1b3 #00a1b3 transparent transparent;
  animation: rotation 1.5s linear infinite;
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}*/
/*----------------------------------------------------------------------------------------------------------------------*/
/*.loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin:15px auto;
  position: relative;
  color: #00a1b3;
  left: -100px;
  box-sizing: border-box;
  animation: shadowRolling 2s linear infinite;
}

@keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 #00a1b3, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 #00a1b3, 100px 0 #00a1b3, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 #00a1b3, 110px 0 #00a1b3, 100px 0 #00a1b3, 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 #00a1b3, 120px 0 #00a1b3, 110px 0 #00a1b3, 100px 0 #00a1b3;
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 #00a1b3, 120px 0 #00a1b3, 110px 0 #00a1b3;
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #00a1b3, 120px 0 #00a1b3;
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #00a1b3;
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}*/


/*-----------------------------------------------------------------------------------------------------------------------*/

.loader {
  width: 100%;
  height: 4.8px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.15);
  position: relative;
  overflow: hidden;
  top: 7rem;
}
.loader::after {
  content: '';  
  width: 0%;
  height: 4.8px;
  background-color: #00a1b3;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.25) 75%, transparent 75%, transparent);
  background-size: 15px 15px;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  animation: animFw 6s ease-in infinite;
}

@keyframes animFw {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
/*

.loader {
  width: 100%;
  height: 4.8px;
  display: inline-block;
  position: relative;
  background: rgba(255, 255, 255, 0.15);
  overflow: hidden;
  top: -8rem;
}
.loader::after {
  content: '';
  width: 96px;
  height: 4.8px;
  background: #00a1b3;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  animation: hitZak 1s linear infinite alternate;
}

@keyframes hitZak {
  0% {
    left: 0;
    transform: translateX(-1%);
  }
  100% {
    left: 100%;
    transform: translateX(-99%);
  }
}
   
*/