fade issue

1 files changed, 10 insertions, 2 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 4544fa3..4dfb707 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -93,23 +93,31 @@ a{
 }
 
 .videoModal {
-	position: fixed;
+	position: relative;
 	width: 0;
 	height: 0;
 	background: rgba(255,255,255,0);
 	display: table;
 	opacity:0;
 	z-index: -1;
-	-webkit-transition:0.4s background
+	top:-100%;
+	left:-100%;
+	overflow:hidden;
+	-webkit-transition:0.4s background;
 	-moz-transition:0.4s background;
 	transition:0.4s background;
+	display:none;
 }
 
 .videoModal.active {
+	position: fixed;
+	display:table;
 	opacity:1;
 	z-index: 6;
 	width: 100%;
 	height: 100%;
+	top:0;
+	left:0;
 	background: rgba(255,255,255,0.9);
 }