Problème centrage

Bonsoir, j'utilise Materialize pour le css.
Je veux créer un loader mais il faut qu'il soit centrer et je n'y arrive pas.
Voici mon code :

<div class="loader" style="z-index: 100000; background-color: #fff; width: 100%; height: 100%; position: fixed;">
    <div class="preloader-wrapper big active" style="margin-top: auto; margin-right: auto; position: relative;">
      <div class="spinner-layer spinner-blue-only">
        <div class="circle-clipper left">
          <div class="circle"></div>
        </div><div class="gap-patch">
          <div class="circle"></div>
        </div><div class="circle-clipper right">
          <div class="circle"></div>
        </div>
      </div>
    </div>
  </div>