masks ended

diff --git a/player/index.html b/player/index.html
index 9b3d65c..30a7767 100644
--- a/player/index.html
+++ b/player/index.html

@@ -36,6 +36,6 @@
     <!-- endbuild -->
 </head>
 <body style="background-color:#ccc; margin: 0px;height: 100%; font-family: sans-serif;font-size: 10px">
-<div style="width:800px;height:800px;background-color:#333;display:inline-block" class="bodymovin" data-bm-path="exports/gabriel/navidad" data-bm-type="svg" data-bm-loop="true" data-bm-prerender="false"></div>
+<div style="width:800px;height:800px;background-color:#333;display:inline-block" class="bodymovin" data-bm-path="exports/navidad" data-bm-type="svg" data-bm-loop="true" data-bm-prerender="false"></div>
 </body>
 </html>

diff --git a/player/js/animation/AnimationItem.js b/player/js/animation/AnimationItem.js
index 47bc96b..a1484ca 100644
--- a/player/js/animation/AnimationItem.js
+++ b/player/js/animation/AnimationItem.js

@@ -124,7 +124,7 @@
     this.totalFrames = this.animationData.animation.totalFrames;
     this.frameRate = this.animationData.animation.frameRate;
     this.firstFrame = Math.round(this.animationData.animation.ff*this.frameRate);
-    /*this.firstFrame = 56;
+    /*this.firstFrame = 68;
     this.totalFrames = 1;*/
     this.frameMult = this.animationData.animation.frameRate / 1000;
     dataManager.completeData(this.animationData);

diff --git a/player/js/elements/BaseElement.js b/player/js/elements/BaseElement.js
index af3b0df..e87902d 100644
--- a/player/js/elements/BaseElement.js
+++ b/player/js/elements/BaseElement.js

@@ -68,10 +68,12 @@
             maskGrouper.appendChild(this.layerElement);
             this.globalData.defs.appendChild(maskGroup);
         }else{
-            this.layerElement = document.createElementNS(svgNS,'mask');
-            this.layerElement.setAttribute('id',this.layerId);
-            this.layerElement.setAttribute('mask-type','alpha');
-            this.globalData.defs.appendChild(this.layerElement);
+            this.layerElement = document.createElementNS(svgNS,'g');
+            var masker = document.createElementNS(svgNS,'mask');
+            masker.setAttribute('id',this.layerId);
+            masker.setAttribute('mask-type','alpha');
+            masker.appendChild(this.layerElement);
+            this.globalData.defs.appendChild(masker);
         }
         if(this.data.hasMask){
             this.maskedElement = this.layerElement;
@@ -106,7 +108,7 @@
     if(this.data.type == 'NullLayer'){
         return;
     }
-    if(this.data.inPoint - this.data.startTime <= num && this.data.outPoint - this.data.startTime >= num)
+    if(this.data.inPoint - this.data.startTime <= num && this.data.outPoint - this.data.startTime > num)
     {
         if(this.isVisible !== true){
             this.isVisible = true;

diff --git a/player/js/mask.js b/player/js/mask.js
index c053b64..a2bd9b8 100644
--- a/player/js/mask.js
+++ b/player/js/mask.js

@@ -22,6 +22,7 @@
     var currentMasks = [];
     var j, jLen;
     var layerId = randomString(10);
+    this.maskElement = document.createElementNS(svgNS, 'mask');
     for (i = 0; i < len; i++) {
         if(properties[i].inv && !this.solidPath){
             this.solidPath = this.createLayerSolidPath();
@@ -29,7 +30,7 @@
 
         //console.log('properties[i].mode: ',properties[i].mode);
 
-        if((properties[i].mode == 'f' && i > 0) || properties[i].mode == 'n' || (properties[i].mode == 's' && i == 0) || (properties[i].mode == 'i' && i == 0) ) {
+        if((properties[i].mode == 'f' && count > 0) || properties[i].mode == 'n' || (properties[i].mode == 's' && count == 0) || (properties[i].mode == 'i' && count == 0) ) {
 
             continue;
         }
@@ -91,10 +92,12 @@
 
 MaskElement.prototype.renderFrame = function (num) {
     var i, len = this.data.masksProperties.length;
+    var count = 0;
     for (i = 0; i < len; i++) {
-        if((this.data.masksProperties[i].mode == 'f' && i > 0)  || this.data.masksProperties[i].mode == 'n' || (this.data.masksProperties[i].mode == 's' && i == 0) || (this.data.masksProperties[i].mode == 'i' && i == 0)){
+        if((this.data.masksProperties[i].mode == 'f' && count > 0)  || this.data.masksProperties[i].mode == 'n' || (this.data.masksProperties[i].mode == 's' && count == 0) || (this.data.masksProperties[i].mode == 'i' && count == 0)){
             continue;
         }
+        count += 1;
         this.drawPath(this.data.masksProperties[i],this.data.masksProperties[i].paths[num].pathNodes,this.storedData[i],this.data.masksProperties[i].mode);
     }
 };