.th-site-preloader-overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #f7f8fa; z-index: 9999; } .th-site-preloader {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); text-align: center; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; opacity: 1; } .th-site-preloader__logo {height: 56px; width: 134px; background: url('../img/logo-inpro-header-preloader.png') no-repeat; margin: 0 auto 25px auto; position: relative; } .th-site-preloader__logo>div {background: url('../img/logo-inpro-header-preloader-white.png') no-repeat; position: absolute; top: 0; left: 0; height: 56px; width: 100%; -moz-transition: all 4s ease; -webkit-transition: all 4s ease; -o-transition: all 4s ease; transition: all 4s ease; } .th-site-preloader__logo_active>div {height: 0; -moz-transition: all 4s ease; -webkit-transition: all 4s ease; -o-transition: all 4s ease; transition: all 4s ease; } .th-site-preloader_reduce {-webkit-transform: translate(-50%, -50%) scale(0.1); -ms-transform: translate(-50%, -50%) scale(0.1); transform: translate(-50%, -50%) scale(0.1); opacity: 0; } .th-site-preloader_reduce .th-site-preloader__logo_active>div {display: none; } .th-site-preloader__title {color: #000; font-size: 24px; } .th-site-preloader__num {color: #000; font-size: 32px; }