html, body { max-width: 100%; overflow-x: hidden; }
.page-loader { position: fixed; width: 100%; height: 100%; right: 0; top: 0; z-index: 3999; }
.page-loader .loader-content {  text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 3; transition: all 0.8s; }
.page-loader .loader-content .title { margin-top: 5px; font-family: Verdana; font-size: 32px; letter-spacing: 4px; color: #fff; line-height: 38px; }
.page-loader .loader-content .title .second { color: #e00000; font-weight: bold; }
.page-loader .loader-content .spinner { margin-top: 15px; }
.page-loader .loader-background, .page-loader .loader-mask { position: absolute; width: 100%; height: 100%; right: 0; top: 0; z-index: 2; transition: all 0.8s; }
.page-loader .loader-background { background-color: rgba(44,44,44,.6); z-index: 1; transition: all 1s; }
.page-loader .loader-mask { background-color: #fff; }
.page-loader.hide { display: none; }
.page-loader.documentready .loader-content { left: 52%; opacity: 0; }
.page-loader.documentready .loader-background { display: none; }
.page-loader.documentready .loader-mask { width: 0px; }