div#preloader{left:0;right:0;z-index:99999;position:fixed;top:0;bottom:0;background-color:#fff}.loader{left:45%;position:absolute;top:41%}.loader span{left:50%;border-radius:50%;margin-left:-10px;display:inline-block;position:absolute;height:16px;-webkit-animation:3s linear infinite;-moz-animation:3s linear infinite;-o-animation:3s linear infinite;width:16px}.loader h1{font-weight:400;letter-spacing:1px;text-align:center;color:#525866;font-size:36px}.loader span:nth-child(2){-webkit-animation:kiri 1.2s linear infinite;-moz-animation:kiri 1.2s linear infinite;-o-animation:kiri 1.2s linear infinite;background:#525866}.loader span:nth-child(3){z-index:100;background:#02adc6}.loader span:nth-child(4){-webkit-animation:kanan 1.2s linear infinite;-moz-animation:kanan 1.2s linear infinite;-o-animation:kanan 1.2s linear infinite;background:#525866}@-webkit-keyframes kanan{0%{-webkit-transform:translateX(20px)}50%{-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(20px);z-index:200}}@-moz-keyframes kanan{0%{-moz-transform:translateX(20px)}50%{-moz-transform:translateX(-20px)}to{-moz-transform:translateX(20px);z-index:200}}@-o-keyframes kanan{0%{-o-transform:translateX(20px)}50%{-o-transform:translateX(-20px)}to{-o-transform:translateX(20px);z-index:200}}@-webkit-keyframes kiri{0%{-webkit-transform:translateX(-20px);z-index:200}50%{-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(-20px)}}@-moz-keyframes kiri{0%{-moz-transform:translateX(-20px);z-index:200}50%{-moz-transform:translateX(20px)}to{-moz-transform:translateX(-20px)}}@-o-keyframes kiri{0%{-o-transform:translateX(-20px);z-index:200}50%{-o-transform:translateX(20px)}to{-o-transform:translateX(-20px)}}