#page-loader{font-size:14px;width:100%;height:100%;background:#000;color:#fff;position:fixed;top:0;left:0;z-index:9999;}
.loading-wrapper{font-size:14px;width:100%;position:fixed;top:50%;left:45%;padding-top:0px;margin-left:0px;visibility:hidden;opacity:0;position:relative;}
.loader-titel{font-size:15px;color:#fff;text-transform:uppercase;text-align:center;width:155px;margin-top:20px;-webkit-animation:fade 2s infinite;-moz-animation:fade 2s infinite;}
.stick{width:30px;height:3px;background:white;display:inline-block;margin-left:-8px;}
.stick:nth-child(n){transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-webkit-animation:fall 2s infinite;-moz-animation:fall 2s infinite;}
.stick:nth-child(2n){transform:rotate(-30deg);-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-webkit-animation:rise 2s infinite;-moz-animation:rise 2s infinite;}
@media (max-width:1024px){.loading-wrapper{left:40%;}
}
@media (max-width:767px){.loading-wrapper{left:40%;}
}
@media (max-width:480px){.stick{display:none;}
.loading-wrapper{left:30%;}
}
@font-face{font-family:'Boon300';src:url('fonts/boon/boon-300.eot');src:url('fonts/boon/boon-300.eot') format('embedded-opentype'),
url('fonts/boon/boon-300.woff') format('woff'),
url('fonts/boon/boon-300.ttf') format('truetype'),
url('fonts/boon/boon-300.svg#Boon300') format('svg');}