.preloader { background-color:#f7f7f7;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:999999;
    -webkit-transition:.2s;
    -o-transition:.2s;
    transition:.2s;
    margin:0 auto}
  
    .preloader .preloader-circle { width:100px;
      height:100px;
      position:relative;
      border-style:solid;
      border-width:3px;
      border-top-color:#d60611;
      border-bottom-color:transparent;
      border-left-color:transparent;
      border-right-color:transparent;
      z-index:10;
      border-radius:50%;
      -webkit-box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);
      box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);
      background-color:#ffffff;
      -webkit-animation:zoom 2000ms infinite ease;
      animation:zoom 2000ms infinite ease;
      -webkit-transition:.2s;
      -o-transition:.2s;
      transition:.2s}
  
      .preloader .preloader-img {
        position:absolute;
        top:50%;
        z-index:200;
        left:0;
        right:0;
        margin:0 auto;
        text-align:center;
        display:inline-block;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
        padding-top:6px;
        -webkit-transition:.2s;
        -o-transition:.2s;
        transition:.2s }
        
        .preloader .preloader-img img { 
          max-width:55px 
        } 
  
        .preloader .pere-text strong { 
          font-weight:800;
          color:#dca73a;
          text-transform:uppercase }
  
          @keyframes zoom{0%{-webkit-transform:rotate(0deg);
            transform:rotate(0deg);
            -webkit-transition:.2s;
            -o-transition:.2s;
            transition:.2s } 100% {
              -webkit-transform:rotate(360deg);
              transform:rotate(360deg);
              -webkit-transition:.2s;
              -o-transition:.2s;
              transition:.2s}}