diff --git a/apps/common/locale.js b/apps/common/locale.js
index e7ce8cd71..9cf5cbf96 100644
--- a/apps/common/locale.js
+++ b/apps/common/locale.js
@@ -121,7 +121,7 @@ Common.Locale = new(function() {
         /* use fetch polifill if native method isn't supported */
         var polyfills = ['../vendor/fetch/fetch.umd'];
         if ( !window.Promise ) {
-            require(['../vendor/es6-promise/es6-promise.auto.min.js'],
+            require(['../vendor/es6-promise/es6-promise.auto.min'],
                 function () {
                     require(polyfills, _requireLang);
                 });
diff --git a/apps/documenteditor/embed/index.html.deploy b/apps/documenteditor/embed/index.html.deploy
index 8e30b2c8e..878fc7fa8 100644
--- a/apps/documenteditor/embed/index.html.deploy
+++ b/apps/documenteditor/embed/index.html.deploy
@@ -214,7 +214,7 @@
 
       <!--vendor-->
       <script type="text/javascript" src="../../../vendor/jquery/jquery.min.js"></script>
-      <script type="text/javascript" src="../../../vendor/jquery.browser/dist/jquery.browser.min.js"></script>
+      <script type="text/javascript" src="../../../vendor/jquery/jquery.browser.min.js"></script>
       <script type="text/javascript" src="../../../vendor/bootstrap/dist/js/bootstrap.min.js"></script>
       <script type="text/javascript" src="../../../vendor/sockjs/sockjs.min.js"></script>
       <script type="text/javascript" src="../../../vendor/xregexp/xregexp-all-min.js"></script>
diff --git a/apps/documenteditor/main/index.html.deploy b/apps/documenteditor/main/index.html.deploy
index 675be6f5b..bde3c9680 100644
--- a/apps/documenteditor/main/index.html.deploy
+++ b/apps/documenteditor/main/index.html.deploy
@@ -171,7 +171,7 @@
     <link rel="stylesheet" type="text/css" href="../../../apps/documenteditor/main/resources/css/app.css">
 </head>
 <body>
-    <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo.png"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div><span class="circle"></span><span class="circle"></span><span class="circle"></span></div></div><div class="placeholder"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div></div>
+    <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="loading-logo"><img src="../../../apps/documenteditor/main/resources/img/header/header-logo.png"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div><span class="circle"></span><span class="circle"></span><span class="circle"></span></div></div><div class="placeholder"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div></div>
     <div id="viewport"></div>
 
     <script>
diff --git a/apps/documenteditor/mobile/index.html.deploy b/apps/documenteditor/mobile/index.html.deploy
index 6eb804dc5..99874965a 100644
--- a/apps/documenteditor/mobile/index.html.deploy
+++ b/apps/documenteditor/mobile/index.html.deploy
@@ -114,7 +114,7 @@
         </style>
     </head>
     <body>
-        <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="circle"></div><div class="loading-logo"><img src="../../common/mobile/resources/img/header/header-logo.png"></div><div class="circle"></div></div></div><div class="placeholder"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div></div>
+        <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="circle"></div><div class="loading-logo"><img src="../../../apps/documenteditor/mobile/resources/img/header/header-logo.png"></div><div class="circle"></div></div></div><div class="placeholder"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div></div>
 
         <script type="text/javascript">
             var ua = navigator.userAgent;
diff --git a/apps/presentationeditor/embed/index.html b/apps/presentationeditor/embed/index.html
index 32d5afef3..3392dd7fb 100644
--- a/apps/presentationeditor/embed/index.html
+++ b/apps/presentationeditor/embed/index.html
@@ -82,7 +82,7 @@
             display: flex;
             position: relative;
             flex-direction: column;
-            padding-bottom: 100%;
+            padding-bottom: 90%;
         }
 
         .loadmask > .placeholder .slide-container {
@@ -91,7 +91,6 @@
             width: 100%;
             background: #fbfbfb;
             border: 1px solid #dfdfdf;
-            display: grid;
 
             -webkit-animation: flickerAnimation 2s infinite ease-in-out;
             -moz-animation: flickerAnimation 2s infinite ease-in-out;
@@ -100,15 +99,19 @@
         }
 
         .loadmask > .placeholder .slide-container > .line {
-            height: 40%;
-            margin: auto 60px;
+            height: 20%;
+            margin: 0 120px;
             border-radius: 6px;
             background: #f5f5f5;
         }
 
+        .loadmask > .placeholder .slide-container > .line.empty {
+            height: 10%;
+            background: transparent;
+        }
+
         .loadmask > .placeholder .slide-container > .line:nth-child(1) {
-            height: 50%;
-            margin: auto 35px;
+            margin: 120px 80px 0;
         }
 
         @keyframes flickerAnimation {
@@ -154,6 +157,7 @@
                   <div class="slide-v">
                       <div class="slide-container">
                           <div class="line"></div>
+                          <div class="line empty"></div>
                           <div class="line"></div>
                       </div>
                   </div>
diff --git a/apps/presentationeditor/embed/index.html.deploy b/apps/presentationeditor/embed/index.html.deploy
index 2b9abfa1e..ce530f419 100644
--- a/apps/presentationeditor/embed/index.html.deploy
+++ b/apps/presentationeditor/embed/index.html.deploy
@@ -62,18 +62,33 @@
         }
 
         .loadmask > .placeholder {
-            background: #fbfbfb;
+            background: #f5f5f5;
             width: 100%;
             height: 100%;
-            padding-top: 56px;
+            padding-top: 32px;
         }
 
-        .loadmask > .placeholder > .line {
-            height: 15px;
-            margin: 30px;
-            background: #e2e2e2;
-            overflow: hidden;
+        .loadmask > .placeholder .slide-h {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            flex-grow: 1;
+            width: 90%;
+            margin: 0 auto;
+        }
+        .loadmask > .placeholder .slide-v {
+            display: flex;
             position: relative;
+            flex-direction: column;
+            padding-bottom: 90%;
+        }
+
+        .loadmask > .placeholder .slide-container {
+            position: absolute;
+            height: 100%;
+            width: 100%;
+            background: #fbfbfb;
+            border: 1px solid #dfdfdf;
 
             -webkit-animation: flickerAnimation 2s infinite ease-in-out;
             -moz-animation: flickerAnimation 2s infinite ease-in-out;
@@ -81,25 +96,41 @@
             animation: flickerAnimation 2s infinite ease-in-out;
         }
 
+        .loadmask > .placeholder .slide-container > .line {
+            height: 20%;
+            margin: 0 120px;
+            border-radius: 6px;
+            background: #f5f5f5;
+        }
+
+        .loadmask > .placeholder .slide-container > .line.empty {
+            height: 10%;
+            background: transparent;
+        }
+
+        .loadmask > .placeholder .slide-container > .line:nth-child(1) {
+            margin: 120px 80px 0;
+        }
+
         @keyframes flickerAnimation {
-            0%   { opacity:0.1; }
-            50%  { opacity:1; }
-            100% { opacity:0.1; }
+            0%   { opacity:1; }
+            50%  { opacity:0.3; }
+            100% { opacity:1; }
         }
         @-o-keyframes flickerAnimation{
-            0%   { opacity:0.1; }
-            50%  { opacity:1; }
-            100% { opacity:0.1; }
+            0%   { opacity:1; }
+            50%  { opacity:0.3; }
+            100% { opacity:1; }
         }
         @-moz-keyframes flickerAnimation{
-            0%   { opacity:0.1; }
-            50%  { opacity:1; }
-            100% { opacity:0.1; }
+            0%   { opacity:1; }
+            50%  { opacity:0.3; }
+            100% { opacity:1; }
         }
         @-webkit-keyframes flickerAnimation{
-            0%   { opacity:0.1; }
-            50%  { opacity:1; }
-            100% { opacity:0.1; }
+            0%   { opacity:1; }
+            50%  { opacity:0.3; }
+            100% { opacity:1; }
         }
     </style>
 
@@ -109,7 +140,28 @@
   </head>
 
   <body class="embed-body">
-      <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="circle"></div><div class="brand-logo loading-logo"><img src=""></div><div class="circle"></div></div></div><div class="placeholder"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div></div>
+      <div id="loading-mask" class="loadmask">
+          <div class="brendpanel">
+              <div>
+                  <div class="circle"></div>
+                  <div class="brand-logo loading-logo">
+                      <img src="">
+                  </div>
+                  <div class="circle"></div>
+              </div>
+          </div>
+          <div class="placeholder">
+              <div class="slide-h">
+                  <div class="slide-v">
+                      <div class="slide-container">
+                          <div class="line"></div>
+                          <div class="line empty"></div>
+                          <div class="line"></div>
+                      </div>
+                  </div>
+              </div>
+          </div>
+      </div>
 
       <script>
          var  userAgent = navigator.userAgent.toLowerCase(),
@@ -219,7 +271,7 @@
 
       <!--vendor-->
       <script type="text/javascript" src="../../../vendor/jquery/jquery.min.js"></script>
-      <script type="text/javascript" src="../../../vendor/jquery.browser/dist/jquery.browser.min.js"></script>
+      <script type="text/javascript" src="../../../vendor/jquery/jquery.browser.min.js"></script>
       <script type="text/javascript" src="../../../vendor/bootstrap/dist/js/bootstrap.min.js"></script>
       <script type="text/javascript" src="../../../vendor/sockjs/sockjs.min.js"></script>
       <script type="text/javascript" src="../../../vendor/xregexp/xregexp-all-min.js"></script>
diff --git a/apps/presentationeditor/main/app/controller/Main.js b/apps/presentationeditor/main/app/controller/Main.js
index 62f21f6b3..e6ee7b7e6 100644
--- a/apps/presentationeditor/main/app/controller/Main.js
+++ b/apps/presentationeditor/main/app/controller/Main.js
@@ -330,7 +330,7 @@ define([
                     Common.Utils.Metric.setDefaultMetric(Common.Utils.Metric.c_MetricUnits.inch);
 
                 if (!this.editorConfig.customization || !(this.editorConfig.customization.loaderName || this.editorConfig.customization.loaderLogo))
-                    $('#editor_sdk').append('<div class="doc-placeholder"><div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line"></div></div></div></div></div>');
+                    $('#editor_sdk').append('<div class="doc-placeholder"><div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line empty"></div><div class="line"></div></div></div></div></div>');
 
                 Common.Controllers.Desktop.init(this.appOptions);
             },
diff --git a/apps/presentationeditor/main/index.html b/apps/presentationeditor/main/index.html
index 21189a452..7c9f49799 100644
--- a/apps/presentationeditor/main/index.html
+++ b/apps/presentationeditor/main/index.html
@@ -96,7 +96,6 @@
             width: 100%;
             background: #fbfbfb;
             border: 1px solid #dfdfdf;
-            display: grid;
 
             -webkit-animation: flickerAnimation 2s infinite ease-in-out;
             -moz-animation: flickerAnimation 2s infinite ease-in-out;
@@ -105,15 +104,19 @@
         }
 
         .loadmask > .placeholder .slide-container > .line {
-            height: 30%;
-            margin: auto 120px;
+            height: 20%;
+            margin: 0 120px;
             border-radius: 6px;
             background: #f5f5f5;
         }
 
+        .loadmask > .placeholder .slide-container > .line.empty {
+            background: transparent;
+        }
+
         .loadmask > .placeholder .slide-container > .line:nth-child(1) {
-            height: 40%;
-            margin: auto 80px;
+            height: 30%;
+            margin: 120px 80px 0;
         }
 
         @keyframes flickerAnimation {
@@ -192,7 +195,7 @@
     <!-- debug end -->
 </head>
 <body>
-    <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo.png"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div><span class="circle"></span><span class="circle"></span><span class="circle"></span></div></div><div class="placeholder"><div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line"></div></div></div></div></div></div>
+    <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo.png"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div><span class="circle"></span><span class="circle"></span><span class="circle"></span></div></div><div class="placeholder"><div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line empty"></div><div class="line"></div></div></div></div></div></div>
     <div id="viewport"></div>
 
     <script>
diff --git a/apps/presentationeditor/main/index.html.deploy b/apps/presentationeditor/main/index.html.deploy
index 6311fc856..14af31a5e 100644
--- a/apps/presentationeditor/main/index.html.deploy
+++ b/apps/presentationeditor/main/index.html.deploy
@@ -98,7 +98,6 @@
             width: 100%;
             background: #fbfbfb;
             border: 1px solid #dfdfdf;
-            display: grid;
 
             -webkit-animation: flickerAnimation 2s infinite ease-in-out;
             -moz-animation: flickerAnimation 2s infinite ease-in-out;
@@ -107,15 +106,19 @@
         }
 
         .loadmask > .placeholder .slide-container > .line {
-            height: 30%;
-            margin: auto 120px;
+            height: 20%;
+            margin: 0 120px;
             border-radius: 6px;
             background: #f5f5f5;
         }
 
+        .loadmask > .placeholder .slide-container > .line.empty {
+            background: transparent;
+        }
+
         .loadmask > .placeholder .slide-container > .line:nth-child(1) {
-            height: 40%;
-            margin: auto 80px;
+            height: 30%;
+            margin: 120px 80px 0;
         }
 
         @keyframes flickerAnimation {
@@ -198,7 +201,7 @@
     <link rel="stylesheet" type="text/css" href="../../../apps/presentationeditor/main/resources/css/app.css">
 </head>
 <body>
-    <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo.png"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div><span class="circle"></span><span class="circle"></span><span class="circle"></span></div></div><div class="placeholder"><div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line"></div></div></div></div></div></div>
+    <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="loading-logo"><img src="../../../apps/presentationeditor/main/resources/img/header/header-logo.png"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div><span class="circle"></span><span class="circle"></span><span class="circle"></span></div></div><div class="placeholder"><div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line empty"></div><div class="line"></div></div></div></div></div></div>
     <div id="viewport"></div>
 
     <script>
diff --git a/apps/presentationeditor/main/index.reporter.html b/apps/presentationeditor/main/index.reporter.html
index e0b938417..fcf3e3b9d 100644
--- a/apps/presentationeditor/main/index.reporter.html
+++ b/apps/presentationeditor/main/index.reporter.html
@@ -85,7 +85,6 @@
             width: 100%;
             background: #fbfbfb;
             border: 1px solid #dfdfdf;
-            display: grid;
 
             -webkit-animation: flickerAnimation 2s infinite ease-in-out;
             -moz-animation: flickerAnimation 2s infinite ease-in-out;
@@ -94,15 +93,19 @@
         }
 
         .loadmask > .placeholder .slide-container > .line {
-            height: 30%;
-            margin: auto 120px;
+            height: 20%;
+            margin: 0 120px;
             border-radius: 6px;
             background: #f5f5f5;
         }
 
+        .loadmask > .placeholder .slide-container > .line.empty {
+            background: transparent;
+        }
+
         .loadmask > .placeholder .slide-container > .line:nth-child(1) {
-            height: 40%;
-            margin: auto 80px;
+            height: 30%;
+            margin: 120px 80px 0;
         }
 
         @keyframes flickerAnimation {
@@ -198,7 +201,7 @@
     </style>
 </head>
 <body>
-    <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div><span class="circle"></span><span class="circle"></span><span class="circle"></span></div></div><div class="placeholder"><div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line"></div></div></div></div></div></div>
+    <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div><span class="circle"></span><span class="circle"></span><span class="circle"></span></div></div><div class="placeholder"><div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line empty"></div><div class="line"></div></div></div></div></div></div>
 
     <script>
         if (stopLoading) {
diff --git a/apps/presentationeditor/main/index.reporter.html.deploy b/apps/presentationeditor/main/index.reporter.html.deploy
index 20ae41e03..db5e71710 100644
--- a/apps/presentationeditor/main/index.reporter.html.deploy
+++ b/apps/presentationeditor/main/index.reporter.html.deploy
@@ -85,7 +85,6 @@
             width: 100%;
             background: #fbfbfb;
             border: 1px solid #dfdfdf;
-            display: grid;
 
             -webkit-animation: flickerAnimation 2s infinite ease-in-out;
             -moz-animation: flickerAnimation 2s infinite ease-in-out;
@@ -94,15 +93,19 @@
         }
 
         .loadmask > .placeholder .slide-container > .line {
-            height: 30%;
-            margin: auto 120px;
+            height: 20%;
+            margin: 0 120px;
             border-radius: 6px;
             background: #f5f5f5;
         }
 
+        .loadmask > .placeholder .slide-container > .line.empty {
+            background: transparent;
+        }
+
         .loadmask > .placeholder .slide-container > .line:nth-child(1) {
-            height: 40%;
-            margin: auto 80px;
+            height: 30%;
+            margin: 120px 80px 0;
         }
 
         @keyframes flickerAnimation {
@@ -194,7 +197,7 @@
     </style>
 </head>
 <body>
-    <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div><span class="circle"></span><span class="circle"></span><span class="circle"></span></div></div><div class="placeholder"><div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line"></div></div></div></div></div></div>
+    <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div><span class="circle"></span><span class="circle"></span><span class="circle"></span></div></div><div class="placeholder"><div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line empty"></div><div class="line"></div></div></div></div></div></div>
     <div id="viewport"></div>
 
     <script>
diff --git a/apps/presentationeditor/main/resources/less/app.less b/apps/presentationeditor/main/resources/less/app.less
index 3757a6423..1d61cbaea 100644
--- a/apps/presentationeditor/main/resources/less/app.less
+++ b/apps/presentationeditor/main/resources/less/app.less
@@ -207,11 +207,10 @@
         width: 100%;
         background: #fbfbfb;
         border: 1px solid #dfdfdf;
-        display: grid;
 
         > .line {
-            height: 30%;
-            margin: auto 120px;
+            height: 20%;
+            margin: 0 120px;
             border-radius: 6px;
             background: #f5f5f5;
 
@@ -221,8 +220,12 @@
             animation: flickerAnimation 2s infinite ease-in-out;
 
             &:nth-child(1) {
-                height: 40%;
-                margin: auto 80px;
+                height: 30%;
+                margin: 120px 80px 0;
+            }
+
+            &.empty {
+                background: transparent;
             }
         }
     }
diff --git a/apps/presentationeditor/mobile/app/controller/Main.js b/apps/presentationeditor/mobile/app/controller/Main.js
index 9c64ee293..6dae8a7fc 100644
--- a/apps/presentationeditor/mobile/app/controller/Main.js
+++ b/apps/presentationeditor/mobile/app/controller/Main.js
@@ -220,7 +220,7 @@ define([
                     me.api.asc_setLocale(me.editorConfig.lang);
 
                 if (!me.editorConfig.customization || !(me.editorConfig.customization.loaderName || me.editorConfig.customization.loaderLogo))
-                    $('#editor_sdk').append('<div class="doc-placeholder"><div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line"></div></div></div></div></div>');
+                    $('#editor_sdk').append('<div class="doc-placeholder"><div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line empty"></div><div class="line"></div></div></div></div></div>');
 
 //                if (this.appOptions.location == 'us' || this.appOptions.location == 'ca')
 //                    Common.Utils.Metric.setDefaultMetric(Common.Utils.Metric.c_MetricUnits.inch);
diff --git a/apps/presentationeditor/mobile/index.html b/apps/presentationeditor/mobile/index.html
index c6d585f5b..a3519e12e 100644
--- a/apps/presentationeditor/mobile/index.html
+++ b/apps/presentationeditor/mobile/index.html
@@ -104,7 +104,6 @@
                 width: 100%;
                 background: #fbfbfb;
                 border: 1px solid #dfdfdf;
-                display: grid;
 
                 -webkit-animation: flickerAnimation 2s infinite ease-in-out;
                 -moz-animation: flickerAnimation 2s infinite ease-in-out;
@@ -113,15 +112,19 @@
             }
 
             .loadmask > .placeholder .slide-container > .line {
-                height: 40%;
-                margin: auto 60px;
+                height: 20%;
+                margin: 0 120px;
                 border-radius: 6px;
                 background: #f5f5f5;
             }
 
+            .loadmask > .placeholder .slide-container > .line.empty {
+                background: transparent;
+            }
+
             .loadmask > .placeholder .slide-container > .line:nth-child(1) {
-                height: 50%;
-                margin: auto 35px;
+                height: 30%;
+                margin: 120px 80px 0;
             }
 
             @keyframes flickerAnimation {
@@ -162,6 +165,7 @@
                 <div class="slide-v">
                     <div class="slide-container">
                         <div class="line"></div>
+                        <div class="line empty"></div>
                         <div class="line"></div>
                     </div>
                 </div>
diff --git a/apps/presentationeditor/mobile/index.html.deploy b/apps/presentationeditor/mobile/index.html.deploy
index d4b6a8060..4dd1335ce 100644
--- a/apps/presentationeditor/mobile/index.html.deploy
+++ b/apps/presentationeditor/mobile/index.html.deploy
@@ -103,7 +103,6 @@
                 width: 100%;
                 background: #fbfbfb;
                 border: 1px solid #dfdfdf;
-                display: grid;
 
                 -webkit-animation: flickerAnimation 2s infinite ease-in-out;
                 -moz-animation: flickerAnimation 2s infinite ease-in-out;
@@ -112,15 +111,19 @@
             }
 
             .loadmask > .placeholder .slide-container > .line {
-                height: 40%;
-                margin: auto 60px;
+                height: 20%;
+                margin: 0 120px;
                 border-radius: 6px;
                 background: #f5f5f5;
             }
 
+            .loadmask > .placeholder .slide-container > .line.empty {
+                background: transparent;
+            }
+
             .loadmask > .placeholder .slide-container > .line:nth-child(1) {
-                height: 50%;
-                margin: auto 35px;
+                height: 30%;
+                margin: 120px 80px 0;
             }
 
             @keyframes flickerAnimation {
@@ -151,7 +154,7 @@
                 <div>
                     <div class="circle"></div>
                     <div class="loading-logo">
-                        <img src="../../common/mobile/resources/img/header/header-logo.png">
+                        <img src="../../../apps/presentationeditor/mobile/resources/img/header/header-logo.png">
                     </div>
                     <div class="circle"></div>
                 </div>
@@ -161,6 +164,7 @@
                     <div class="slide-v">
                         <div class="slide-container">
                             <div class="line"></div>
+                            <div class="line empty"></div>
                             <div class="line"></div>
                         </div>
                     </div>
diff --git a/apps/presentationeditor/mobile/resources/css/app-ios.css b/apps/presentationeditor/mobile/resources/css/app-ios.css
index 79ef64e8c..7196cae65 100644
--- a/apps/presentationeditor/mobile/resources/css/app-ios.css
+++ b/apps/presentationeditor/mobile/resources/css/app-ios.css
@@ -7055,19 +7055,21 @@ html.pixel-ratio-3 .numbers li {
   width: 100%;
   background: #fbfbfb;
   border: 1px solid #dfdfdf;
-  display: grid;
   -webkit-animation: flickerAnimation 2s infinite ease-in-out;
   -moz-animation: flickerAnimation 2s infinite ease-in-out;
   -o-animation: flickerAnimation 2s infinite ease-in-out;
   animation: flickerAnimation 2s infinite ease-in-out;
 }
 .doc-placeholder .slide-container > .line {
-  height: 40%;
-  margin: auto 60px;
+  height: 20%;
+  margin: 0 120px;
   border-radius: 6px;
   background: #f5f5f5;
 }
 .doc-placeholder .slide-container > .line:nth-child(1) {
-  height: 50%;
-  margin: auto 35px;
+  height: 30%;
+  margin: 120px 80px 0;
+}
+.doc-placeholder .slide-container > .line.empty {
+  background: transparent;
 }
diff --git a/apps/presentationeditor/mobile/resources/css/app-material.css b/apps/presentationeditor/mobile/resources/css/app-material.css
index b714f1d28..732875ea3 100644
--- a/apps/presentationeditor/mobile/resources/css/app-material.css
+++ b/apps/presentationeditor/mobile/resources/css/app-material.css
@@ -6875,19 +6875,21 @@ html.pixel-ratio-3 .numbers li {
   width: 100%;
   background: #fbfbfb;
   border: 1px solid #dfdfdf;
-  display: grid;
   -webkit-animation: flickerAnimation 2s infinite ease-in-out;
   -moz-animation: flickerAnimation 2s infinite ease-in-out;
   -o-animation: flickerAnimation 2s infinite ease-in-out;
   animation: flickerAnimation 2s infinite ease-in-out;
 }
 .doc-placeholder .slide-container > .line {
-  height: 40%;
-  margin: auto 60px;
+  height: 20%;
+  margin: 0 120px;
   border-radius: 6px;
   background: #f5f5f5;
 }
 .doc-placeholder .slide-container > .line:nth-child(1) {
-  height: 50%;
-  margin: auto 35px;
+  height: 30%;
+  margin: 120px 80px 0;
+}
+.doc-placeholder .slide-container > .line.empty {
+  background: transparent;
 }
diff --git a/apps/presentationeditor/mobile/resources/less/app-ios.less b/apps/presentationeditor/mobile/resources/less/app-ios.less
index 7ded076a0..49d8cde9e 100644
--- a/apps/presentationeditor/mobile/resources/less/app-ios.less
+++ b/apps/presentationeditor/mobile/resources/less/app-ios.less
@@ -281,7 +281,6 @@ input, textarea {
     width: 100%;
     background: #fbfbfb;
     border: 1px solid #dfdfdf;
-    display: grid;
 
     -webkit-animation: flickerAnimation 2s infinite ease-in-out;
     -moz-animation: flickerAnimation 2s infinite ease-in-out;
@@ -289,14 +288,18 @@ input, textarea {
     animation: flickerAnimation 2s infinite ease-in-out;
 
     > .line {
-      height: 40%;
-      margin: auto 60px;
+      height: 20%;
+      margin: 0 120px;
       border-radius: 6px;
       background: #f5f5f5;
 
       &:nth-child(1) {
-        height: 50%;
-        margin: auto 35px;
+        height: 30%;
+        margin: 120px 80px 0;
+      }
+
+      &.empty {
+        background: transparent;
       }
     }
   }
diff --git a/apps/presentationeditor/mobile/resources/less/app-material.less b/apps/presentationeditor/mobile/resources/less/app-material.less
index 78bee7fa7..aea4dc843 100644
--- a/apps/presentationeditor/mobile/resources/less/app-material.less
+++ b/apps/presentationeditor/mobile/resources/less/app-material.less
@@ -269,7 +269,6 @@ input, textarea {
     width: 100%;
     background: #fbfbfb;
     border: 1px solid #dfdfdf;
-    display: grid;
 
     -webkit-animation: flickerAnimation 2s infinite ease-in-out;
     -moz-animation: flickerAnimation 2s infinite ease-in-out;
@@ -277,14 +276,18 @@ input, textarea {
     animation: flickerAnimation 2s infinite ease-in-out;
 
     > .line {
-      height: 40%;
-      margin: auto 60px;
+      height: 20%;
+      margin: 0 120px;
       border-radius: 6px;
       background: #f5f5f5;
 
       &:nth-child(1) {
-        height: 50%;
-        margin: auto 35px;
+        height: 30%;
+        margin: 120px 80px 0;
+      }
+
+      &.empty {
+        background: transparent;
       }
     }
   }
diff --git a/apps/spreadsheeteditor/embed/index.html.deploy b/apps/spreadsheeteditor/embed/index.html.deploy
index fd00e3355..a14dbb1b2 100644
--- a/apps/spreadsheeteditor/embed/index.html.deploy
+++ b/apps/spreadsheeteditor/embed/index.html.deploy
@@ -240,7 +240,7 @@
 
       <!--vendor-->
       <script type="text/javascript" src="../../../vendor/jquery/jquery.min.js"></script>
-      <script type="text/javascript" src="../../../vendor/jquery.browser/dist/jquery.browser.min.js"></script>
+      <script type="text/javascript" src="../../../vendor/jquery/jquery.browser.min.js"></script>
       <script type="text/javascript" src="../../../vendor/bootstrap/dist/js/bootstrap.min.js"></script>
       <script type="text/javascript" src="../../../vendor/sockjs/sockjs.min.js"></script>
       <script type="text/javascript" src="../../../vendor/underscore/underscore-min.js"></script>
diff --git a/apps/spreadsheeteditor/main/index.html.deploy b/apps/spreadsheeteditor/main/index.html.deploy
index 12a41bcb5..21bbdf094 100644
--- a/apps/spreadsheeteditor/main/index.html.deploy
+++ b/apps/spreadsheeteditor/main/index.html.deploy
@@ -188,7 +188,7 @@
     <link rel="stylesheet" type="text/css" href="../../../apps/spreadsheeteditor/main/resources/css/app.css">
 </head>
 <body>
-    <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo.png"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div><span class="circle"></span><span class="circle"></span><span class="circle"></span></div></div><div class="placeholder"><div class="columns"></div><div class="columns"></div></div></div>
+    <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="loading-logo"><img src="../../../apps/spreadsheeteditor/main/resources/img/header/header-logo.png"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div><span class="circle"></span><span class="circle"></span><span class="circle"></span></div></div><div class="placeholder"><div class="columns"></div><div class="columns"></div></div></div>
     <div id="viewport"></div>
 
     <script>
diff --git a/apps/spreadsheeteditor/mobile/index.html.deploy b/apps/spreadsheeteditor/mobile/index.html.deploy
index ac3aa97aa..16aa96b49 100644
--- a/apps/spreadsheeteditor/mobile/index.html.deploy
+++ b/apps/spreadsheeteditor/mobile/index.html.deploy
@@ -132,7 +132,7 @@
                 <div>
                     <div class="circle"></div>
                     <div class="loading-logo">
-                        <img src="../../common/mobile/resources/img/header/header-logo.png">
+                        <img src="../../../apps/spreadsheeteditor/mobile/resources/img/header/header-logo.png">
                     </div>
                     <div class="circle"></div>
                 </div>
