.loader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}.loader__bottom,.loader__top{position:absolute;height:calc(50% + 4.7vh);left:0;width:100%;background-size:cover;background-repeat:repeat-x}.loader__logo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-66%,-49%);-ms-transform:translate(-66%,-49%);transform:translate(-66%,-49%);width:14vh;z-index:3}.loader__top{top:0;background-position:bottom center}.loader__bottom{bottom:0;background-position:top center}.loader__separate{position:absolute;left:0;width:100%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-size:auto 100%;background-position:center;background-repeat:no-repeat;height:14.6vh;z-index:2}.loader.animate-out .loader__top{-webkit-animation:2.5s slideOutTop .3s ease-in-out forwards;animation:2.5s slideOutTop .3s ease-in-out forwards}.loader.animate-out .loader__bottom{-webkit-animation:2.5s slideOutBottom .3s ease-in-out forwards;animation:2.5s slideOutBottom .3s ease-in-out forwards}.loader.animate-out .loader__logo,.loader.animate-out .loader__separate{-webkit-animation:.9s fadeOut .3s ease-in-out forwards;animation:.9s fadeOut .3s ease-in-out forwards}@media (min-width:1024px){.loader__bottom,.loader__top{height:calc(50% + 62px);background-size:2243px auto}.loader__logo{width:190px}.loader__separate{height:195px;height:195.5px}}@media (min-width:2200px){.loader__bottom,.loader__top{height:calc(50vh + 2.8vw);background-size:100% auto}.loader__logo{width:8.5vw}.loader__separate{height:8.6vw}}@media (max-width:1023px) and (orientation:landscape){.loader__bottom,.loader__top{height:calc(50% + 6.5vh)}.loader__separate{height:20vh;background-size:100% auto}}@-webkit-keyframes slideOutTop{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutTop{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes slideOutBottom{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutBottom{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}