body,html{height:100%;overflow-x:hidden;width:100%}body{margin:0}.loader{height:100%;width:100%}.loader .l_main{height:128px;left:50%;margin:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:172px}@media (max-width:550px){.loader{-webkit-transform:scale(.75);transform:scale(.75)}}@media (max-width:440px){.loader{-webkit-transform:scale(.5);transform:scale(.5)}}.l_square{position:relative}.l_square:first-child{margin-left:0}.l_square:nth-child(2){margin-left:44px}.l_square:nth-child(3){margin-left:88px}.l_square:nth-child(4){margin-left:132px}.l_square span{background-color:#009688;border-radius:2px;height:36px;left:20px;position:absolute;top:0;width:36px}.l_square span:first-child{top:0}.l_square span:nth-child(2){top:44px}.l_square span:nth-child(3){top:88px}.l_square:first-child span{-webkit-animation:animsquare1 2s ease-in infinite;animation:animsquare1 2s ease-in infinite}.l_square:nth-child(2) span{-webkit-animation:animsquare2 2s ease-in infinite;animation:animsquare2 2s ease-in infinite}.l_square:nth-child(3) span{-webkit-animation:animsquare3 2s ease-in infinite;animation:animsquare3 2s ease-in infinite}.l_square:nth-child(4) span{-webkit-animation:animsquare4 2s ease-in infinite;animation:animsquare4 2s ease-in infinite}.l_square span:first-child{-webkit-animation-delay:0s;animation-delay:0s}.l_square span:nth-child(2){-webkit-animation-delay:.15s;animation-delay:.15s}.l_square span:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes animsquare1{0%,5%,95%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}30%,70%{-webkit-transform:translate(-40px) rotate(-90deg);transform:translate(-40px) rotate(-90deg)}}@keyframes animsquare1{0%,5%,95%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}30%,70%{-webkit-transform:translate(-40px) rotate(-90deg);transform:translate(-40px) rotate(-90deg)}}@-webkit-keyframes animsquare2{0%,10%,90%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}35%,65%{-webkit-transform:translate(-40px) rotate(-90deg);transform:translate(-40px) rotate(-90deg)}}@keyframes animsquare2{0%,10%,90%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}35%,65%{-webkit-transform:translate(-40px) rotate(-90deg);transform:translate(-40px) rotate(-90deg)}}@-webkit-keyframes animsquare3{0%,15%,85%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}40%,60%{-webkit-transform:translate(-40px) rotate(-90deg);transform:translate(-40px) rotate(-90deg)}}@keyframes animsquare3{0%,15%,85%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}40%,60%{-webkit-transform:translate(-40px) rotate(-90deg);transform:translate(-40px) rotate(-90deg)}}@-webkit-keyframes animsquare4{0%,20%,80%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}45%,55%{-webkit-transform:translate(-40px) rotate(-90deg);transform:translate(-40px) rotate(-90deg)}}@keyframes animsquare4{0%,20%,80%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}45%,55%{-webkit-transform:translate(-40px) rotate(-90deg);transform:translate(-40px) rotate(-90deg)}}