.loader{position:relative;width:200px;height:0;margin:0 auto;transition:height,margin 250ms ease-out}.loader.loaded{margin:0 auto;height:0}.loader.loading{margin:1em auto;height:200px}.loader.small{width:100px}.loader.small.loaded{margin:0 auto;height:100px;-webkit-animation-name:shrink;-webkit-animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-name:shrink;animation-duration:.3s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}.loader.small.loading{margin:0 auto;height:100px}@-webkit-keyframes loader{0%{-webkit-transform:rotateX(30deg) rotateZ(0)}100%{-webkit-transform:rotateX(30deg) rotateZ(-360deg)}}@keyframes loader{0%{-webkit-transform:rotateX(30deg) rotateZ(0);-moz-transform:rotateX(30deg) rotateZ(0);-ms-transform:rotateX(30deg) rotateZ(0);-o-transform:rotateX(30deg) rotateZ(0);transform:rotateX(30deg) rotateZ(0)}100%{-webkit-transform:rotateX(30deg) rotateZ(-360deg);-moz-transform:rotateX(30deg) rotateZ(-360deg);-ms-transform:rotateX(30deg) rotateZ(-360deg);-o-transform:rotateX(30deg) rotateZ(-360deg);transform:rotateX(30deg) rotateZ(-360deg)}}@-webkit-keyframes shrink{0%{-webkit-transform:scale(1,1)}99%{-webkit-transform:scale(0,0)}100%{height:0}}@keyframes shrink{0%{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}99%{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0)}100%{height:0}}.loader .dot{position:absolute;top:50%;left:50%;z-index:10;width:10%;height:10%;margin-top:-22.5%;margin-left:-2.5%;border-radius:50%;background-color:#1e3f57;-webkit-transform-type:preserve-3d;-moz-transform-type:preserve-3d;-ms-transform-type:preserve-3d;-o-transform-type:preserve-3d;transform-type:preserve-3d;-webkit-transform-origin:50% 400%;-moz-transform-origin:50% 400%;-ms-transform-origin:50% 400%;-o-transform-origin:50% 400%;transform-origin:50% 400%;-webkit-transform:rotateZ(30deg);-moz-transform:rotateZ(30deg);-ms-transform:rotateZ(30deg);-o-transform:rotateZ(30deg);transform:rotateZ(30deg);-webkit-animation-name:dot1;-webkit-animation-duration:1.5s;-webkit-animation-timing-function:cubic-bezier(.6,0,.4,1);-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:none;animation-name:dot1;animation-duration:1.5s;animation-timing-function:cubic-bezier(.6,0,.4,1);animation-iteration-count:infinite;animation-fill-mode:none}.loader .dot:nth-child(2){-webkit-transform:rotateZ(15deg);-moz-transform:rotateZ(15deg);-ms-transform:rotateZ(15deg);-o-transform:rotateZ(15deg);transform:rotateZ(15deg);-webkit-animation-name:dot2;-moz-animation-name:dot2;-ms-animation-name:dot2;-o-animation-name:dot2;animation-name:dot2;-webkit-animation-delay:150ms;-moz-animation-delay:150ms;-ms-animation-delay:150ms;-o-animation-delay:150ms;animation-delay:150ms;-webkit-background-color:#2d556d;-moz-background-color:#2d556d;-ms-background-color:#2d556d;-o-background-color:#2d556d;background-color:#2d556d}.loader .dot:nth-child(3){-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-ms-transform:rotateZ(0);-o-transform:rotateZ(0);transform:rotateZ(0);-webkit-animation-name:dot3;-moz-animation-name:dot3;-ms-animation-name:dot3;-o-animation-name:dot3;animation-name:dot3;-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-ms-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s;background-color:#447891}.loader .dot:nth-child(4){-webkit-transform:rotateZ(-15deg);-moz-transform:rotateZ(-15deg);-ms-transform:rotateZ(-15deg);-o-transform:rotateZ(-15deg);transform:rotateZ(-15deg);-webkit-animation-name:dot4;-moz-animation-name:dot4;-ms-animation-name:dot4;-o-animation-name:dot4;animation-name:dot4;-webkit-animation-delay:450ms;-moz-animation-delay:450ms;-ms-animation-delay:450ms;-o-animation-delay:450ms;animation-delay:450ms;background-color:#5998b2}.loader .dot:nth-child(5){-webkit-transform:rotateZ(-30deg);-moz-transform:rotateZ(-30deg);-ms-transform:rotateZ(-30deg);-o-transform:rotateZ(-30deg);transform:rotateZ(-30deg);-webkit-animation-name:dot5;-moz-animation-name:dot5;-ms-animation-name:dot5;-o-animation-name:dot5;animation-name:dot5;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;background-color:#6bb2cd}@-webkit-keyframes dot1{0%{-webkit-transform:rotateZ(30deg) rotateX(10deg)}100%,95%{-webkit-transform:rotateZ(390deg) rotateX(10deg)}}@keyframes dot1{0%{-webkit-transform:rotateZ(30deg) rotateX(10deg);-moz-transform:rotateZ(30deg) rotateX(10deg);-ms-transform:rotateZ(30deg) rotateX(10deg);-o-transform:rotateZ(30deg) rotateX(10deg);transform:rotateZ(30deg) rotateX(10deg)}100%,95%{-webkit-transform:rotateZ(390deg) rotateX(10deg);-moz-transform:rotateZ(390deg) rotateX(10deg);-ms-transform:rotateZ(390deg) rotateX(10deg);-o-transform:rotateZ(390deg) rotateX(10deg);transform:rotateZ(390deg) rotateX(10deg)}}@-webkit-keyframes dot2{0%{-webkit-transform:rotateZ(15deg) rotateX(10deg)}100%,95%{-webkit-transform:rotateZ(375deg) rotateX(10deg)}}@keyframes dot2{0%{-webkit-transform:rotateZ(15deg) rotateX(10deg);-moz-transform:rotateZ(15deg) rotateX(10deg);-ms-transform:rotateZ(15deg) rotateX(10deg);-o-transform:rotateZ(15deg) rotateX(10deg);transform:rotateZ(15deg) rotateX(10deg)}100%,95%{-webkit-transform:rotateZ(375deg) rotateX(10deg);-moz-transform:rotateZ(375deg) rotateX(10deg);-ms-transform:rotateZ(375deg) rotateX(10deg);-o-transform:rotateZ(375deg) rotateX(10deg);transform:rotateZ(375deg) rotateX(10deg)}}@-webkit-keyframes dot3{0%{-webkit-transform:rotateZ(0) rotateX(10deg)}100%,95%{-webkit-transform:rotateZ(360deg) rotateX(10deg)}}@keyframes dot3{0%{-webkit-transform:rotateZ(0) rotateX(10deg);-moz-transform:rotateZ(0) rotateX(10deg);-ms-transform:rotateZ(0) rotateX(10deg);-o-transform:rotateZ(0) rotateX(10deg);transform:rotateZ(0) rotateX(10deg)}100%,95%{-webkit-transform:rotateZ(360deg) rotateX(10deg);-moz-transform:rotateZ(360deg) rotateX(10deg);-ms-transform:rotateZ(360deg) rotateX(10deg);-o-transform:rotateZ(360deg) rotateX(10deg);transform:rotateZ(360deg) rotateX(10deg)}}@-webkit-keyframes dot4{0%{-webkit-transform:rotateZ(-15deg) rotateX(10deg)}100%,95%{-webkit-transform:rotateZ(345deg) rotateX(10deg)}}@keyframes dot4{0%{-webkit-transform:rotateZ(-15deg) rotateX(10deg);-moz-transform:rotateZ(-15deg) rotateX(10deg);-ms-transform:rotateZ(-15deg) rotateX(10deg);-o-transform:rotateZ(-15deg) rotateX(10deg);transform:rotateZ(-15deg) rotateX(10deg)}100%,95%{-webkit-transform:rotateZ(345deg) rotateX(10deg);-moz-transform:rotateZ(345deg) rotateX(10deg);-ms-transform:rotateZ(345deg) rotateX(10deg);-o-transform:rotateZ(345deg) rotateX(10deg);transform:rotateZ(345deg) rotateX(10deg)}}@-webkit-keyframes dot5{0%{-webkit-transform:rotateZ(-30deg) rotateX(10deg)}100%,95%{-webkit-transform:rotateZ(330deg) rotateX(10deg)}}@keyframes dot5{0%{-webkit-transform:rotateZ(-30deg) rotateX(10deg);-moz-transform:rotateZ(-30deg) rotateX(10deg);-ms-transform:rotateZ(-30deg) rotateX(10deg);-o-transform:rotateZ(-30deg) rotateX(10deg);transform:rotateZ(-30deg) rotateX(10deg)}100%,95%{-webkit-transform:rotateZ(330deg) rotateX(10deg);-moz-transform:rotateZ(330deg) rotateX(10deg);-ms-transform:rotateZ(330deg) rotateX(10deg);-o-transform:rotateZ(330deg) rotateX(10deg);transform:rotateZ(330deg) rotateX(10deg)}}