.preload .container {visibility:hidden;}
.preload .material-icons {display:none !important; font-size:1px !important;}
.preloader {background:#FFFFFF; display:none; position:fixed; top:0; bottom:0; left:0; right:0;}
.preload .preloader {display:block;}
.preloader-grid {margin:auto; height:40px; width:40px; position:absolute; top:0; bottom:0; left:0; right:0;}
.preloader-grid .preloader-circle {height:100%; position:absolute; top:0; left:0; width:100%;}
.preloader-grid .preloader-circle:before {background-color:#151515; border-radius:100%; content:''; display:block; height:15%; width:15%; margin:0 auto; -webkit-animation:circleBounceDelay 1.2s infinite ease-in-out both; animation:circleBounceDelay 1.2s infinite ease-in-out both;}
.preloader-grid .preloader-circle02 {-webkit-transform:rotate(30deg); -ms-transform:rotate(30deg); transform:rotate(30deg);}
.preloader-grid .preloader-circle03 {-webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg);}
.preloader-grid .preloader-circle04 {-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
.preloader-grid .preloader-circle05 {-webkit-transform:rotate(120deg); -ms-transform:rotate(120deg); transform:rotate(120deg);}
.preloader-grid .preloader-circle06 {-webkit-transform:rotate(150deg); -ms-transform:rotate(150deg); transform:rotate(150deg);}
.preloader-grid .preloader-circle07 {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
.preloader-grid .preloader-circle08 {-webkit-transform:rotate(210deg); -ms-transform:rotate(210deg); transform:rotate(210deg);}
.preloader-grid .preloader-circle09 {-webkit-transform:rotate(240deg); -ms-transform:rotate(240deg); transform:rotate(240deg);}
.preloader-grid .preloader-circle10 {-webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg);}
.preloader-grid .preloader-circle11 {-webkit-transform:rotate(300deg); -ms-transform:rotate(300deg); transform:rotate(300deg);}
.preloader-grid .preloader-circle12 {-webkit-transform:rotate(330deg); -ms-transform:rotate(330deg); transform:rotate(330deg);}
.preloader-grid .preloader-circle02:before {-webkit-animation-delay:-1.1s; animation-delay:-1.1s;}
.preloader-grid .preloader-circle03:before {-webkit-animation-delay:-1s; animation-delay:-1s;}
.preloader-grid .preloader-circle04:before {-webkit-animation-delay:-0.9s; animation-delay:-0.9s;}
.preloader-grid .preloader-circle05:before {-webkit-animation-delay:-0.8s; animation-delay:-0.8s;}
.preloader-grid .preloader-circle06:before {-webkit-animation-delay:-0.7s; animation-delay:-0.7s;}
.preloader-grid .preloader-circle07:before {-webkit-animation-delay:-0.6s; animation-delay:-0.6s;}
.preloader-grid .preloader-circle08:before {-webkit-animation-delay:-0.5s; animation-delay:-0.5s;}
.preloader-grid .preloader-circle09:before {-webkit-animation-delay:-0.4s; animation-delay:-0.4s;}
.preloader-grid .preloader-circle10:before {-webkit-animation-delay:-0.3s; animation-delay:-0.3s;}
.preloader-grid .preloader-circle11:before {-webkit-animation-delay:-0.2s; animation-delay:-0.2s;}
.preloader-grid .preloader-circle12:before {-webkit-animation-delay:-0.1s; animation-delay:-0.1s;}
@-webkit-keyframes circleBounceDelay {0%, 80%, 100% {-webkit-transform:scale(0); transform:scale(0);} 40% {-webkit-transform:scale(1); transform:scale(1);}}
@keyframes circleBounceDelay {0%, 80%, 100% {-webkit-transform:scale(0); transform:scale(0);} 40% {-webkit-transform:scale(1); transform:scale(1);}}