/*----------------------------------------------
	34. Preloader CSS
----------------------------------------------*/
#pre-load {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    margin-top: 0px;
    top: 0px;
    z-index: 9999;
  }
  .loader .loader-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 165px;
    height: 165px;
    border: 3px solid #ebebec;
    border-radius: 50%;
  }
  .loader .loader-container:before {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 165px;
    height: 165px;
    border-top: 3px solid #ea1826;
    border-radius: 50%;
    animation: loaderspin 1.8s infinite ease-in-out;
    -webkit-animation: loaderspin 1.8s infinite ease-in-out;
  }
  .loader .loader-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 160px;
    text-align: center;
  }
  .loader .loader-icon img {
    animation: loaderpulse alternate 900ms infinite;
    width: 108px;
  }
  .woocommerce .quantity input[type="number"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
  
    color: #363636 !important;
    opacity: 1;
  }
  .woocommerce .quantity input[type="number"]::-moz-placeholder {
    /* Firefox 19+ */
  
    color: #363636 !important;
    opacity: 1;
  }
  .woocommerce .quantity input[type="number"]:-ms-input-placeholder {
    /* IE 10+ */
  
    color: #363636 !important;
    opacity: 1;
  }
  .woocommerce .quantity input[type="number"]:-moz-placeholder {
    /* Firefox 18- */
  
    color: #363636 !important;
    opacity: 1;
  }
  @keyframes loaderspin {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }
  @-webkit-keyframes loaderspin {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }
  @keyframes loaderpulse {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.2);
    }
  }