div#preloader{right:0;position:fixed;bottom:0;top:0;background-color:#fff;left:0;z-index:99999}.loader{position:absolute;top:41%;left:40%}@media only screen and (max-width:767px){.loader{left:10%}}.loader span{-webkit-animation:3s linear infinite;-moz-animation:3s linear infinite;-o-animation:3s linear infinite;height:16px;position:absolute;border-radius:50%;margin-left:-10px;left:50%;width:16px;display:inline-block}.loader h1{font-size:36px;font-weight:400;color:#0a1d3b;letter-spacing:1px;text-align:center}.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:#0a1d3b}.loader span:nth-child(3){background:#edbc48;z-index:100}.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:#0a1d3b}@-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)}}