.spinner,.spinner:before{-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.preloader{position:fixed;top:0;left:0;visibility:visible;opacity:1;z-index:1001;background:#fff;width:100%;height:100%;text-align:center}.loaded .preloader{visibility:hidden;opacity:0;-webkit-transition:ease-out .4s;-moz-transition:ease-out .4s;-o-transition:ease-out .4s;transition:ease-out .4s}.spinner{position:relative;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);display:inline-block;background:#141414;width:12px;height:12px;margin:0 auto;border-radius:12px;animation:spinner .65s ease-in-out infinite;-o-animation:spinner .65s ease-in-out infinite;-ms-animation:spinner .65s ease-in-out infinite;-webkit-animation:spinner .65s ease-in-out infinite;-moz-animation:spinner .65s ease-in-out infinite}.spinner:after,.spinner:before{content:'';position:absolute;top:0;height:12px;width:12px;background:#141414}.spinner:before{left:-24px;border-radius:12px}.spinner:after{left:24px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px}@keyframes spinner{0%{transform:rotate(0)}100%,50%{transform:rotate(180deg)}}@-o-keyframes spinner{0%{-o-transform:rotate(0)}100%,50%{-o-transform:rotate(180deg)}}@-ms-keyframes spinner{0%{-ms-transform:rotate(0)}100%,50%{-ms-transform:rotate(180deg)}}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0)}100%,50%{-webkit-transform:rotate(180deg)}}@-moz-keyframes spinner{0%{-moz-transform:rotate(0)}100%,50%{-moz-transform:rotate(180deg)}}