izimodal 1.2.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 02ea3bc1c9e43547fcdcd2c7a4fca8aa4cd396b9
+  data.tar.gz: 61b8b2e4c02d0a79f34204ffc8121d74750c0329
+SHA512:
+  metadata.gz: 76ed500d4c24fd93af64c2d6b58ab0dc9455446f5f912e497a4c631ba8ab250c9a5cc88453471ee1747469163357c690644c70da8d74420d38daea2cd7a7e73f
+  data.tar.gz: e86241b8221e7efb1aca4c27e2f470758793e3e399600194c73abb1d023e8fd176e72cbf7e5c57d271069a1a108574195d79b7a7227e37ee394b4838845b610e

data/.gitignore

@@ -0,0 +1,10 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+.idea/

data/.travis.yml

@@ -0,0 +1,5 @@
+sudo: false
+language: ruby
+rvm:
+  - 2.2.3
+before_install: gem install bundler -v 1.12.1

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in izimodal.gemspec
+gemspec

data/README.md

@@ -0,0 +1,36 @@
+# Izimodal
+
+Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/izimodal`. To experiment with that code, run `bin/console` for an interactive prompt.
+
+TODO: Delete this and the text above, and describe your gem
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'izimodal'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install izimodal
+
+## Usage Rails 
+
+    gem 'izimodal'
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake test` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/izimodal.
+

data/Rakefile

@@ -0,0 +1,10 @@
+require "bundler/gem_tasks"
+require "rake/testtask"
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << "test"
+  t.libs << "lib"
+  t.test_files = FileList['test/**/*_test.rb']
+end
+
+task :default => :test

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "izimodal"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/izimodal.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'izimodal/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "izimodal"
+  spec.version       = Izimodal::VERSION
+  spec.authors       = ["elitenomad"]
+  spec.email         = ["stalin.pranava@gmail.com"]
+
+  spec.summary       = %q{Rails gem for Elegant, responsive, flexible and lightweight modal plugin with jQuery Library.}
+  spec.description   = %q{Please refer https://github.com/dolce/iziModal for documentation}
+  spec.homepage      = "http://rubygems.org/gems/iziModal"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.12"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "minitest", "~> 5.0"
+end

data/lib/izimodal.rb

@@ -0,0 +1,7 @@
+require "izimodal/version"
+
+module Izimodal
+  class Engine < ::Rails::Engine
+
+  end
+end

data/lib/izimodal/version.rb

@@ -0,0 +1,3 @@
+module Izimodal
+  VERSION = "1.2.0"
+end

data/vendor/assets/javascripts/iziModal.js

@@ -0,0 +1,582 @@
+/*
+* iziModal | v1.2.0
+* http://izimodal.marcelodolce.com
+* by Marcelo Dolce.
+*/
+(function($){
+
+	"use strict";
+
+	var PLUGIN_NAME = 'iziModal';
+
+	var STATES = {
+		CLOSING: 'closing',
+		CLOSED: 'closed',
+		OPENING: 'opening',
+		OPENED: 'opened',
+		DESTROYED: 'destroyed'
+	};
+
+	function whichAnimationEvent(){
+		var t,
+			el = document.createElement("fakeelement");
+
+		var animations = {
+			"animation"      : "animationend",
+			"OAnimation"     : "oAnimationEnd",
+			"MozAnimation"   : "animationend",
+			"WebkitAnimation": "webkitAnimationEnd"
+		};
+		for (t in animations){
+			if (el.style[t] !== undefined){
+				return animations[t];
+			}
+		}
+	}
+	var animationEvent = whichAnimationEvent();
+
+	var isMobile = false;
+	if (/Mobi/.test(navigator.userAgent)) {
+	    isMobile = true;
+	}
+
+	var iziModal = function (element, options) {
+		this.init(element, options);
+	};
+
+	iziModal.prototype = {
+
+		constructor: iziModal,
+
+		init: function (element, options) {
+			
+			var that = this;
+
+			this.$element = $(element);
+			this.id = this.$element.attr('id');
+			this.state = STATES.CLOSED;
+			this.options = options;
+			this.timer = null;
+			this.timerTimeout = null;
+			this.isFullscreen = false;
+            this.headerHeight = 0;
+			this.$header = $('<div class="'+PLUGIN_NAME+'-header"><h2 class="'+PLUGIN_NAME+'-header-title">' + options.title + '</h2><p class="'+PLUGIN_NAME+'-header-subtitle">' + options.subtitle + '</p><a href="javascript:void(0)" class="'+PLUGIN_NAME+'-button '+PLUGIN_NAME+'-button-close" data-'+PLUGIN_NAME+'-close></a></div>');
+            this.$overlay = $('<div class="'+PLUGIN_NAME+'-overlay" style="background-color:'+options.overlayColor+'"></div>');
+
+            if (options.fullscreen === true) {
+            	this.$header.append('<a href="javascript:void(0)" class="'+PLUGIN_NAME+'-button '+PLUGIN_NAME+'-button-fullscreen" data-'+PLUGIN_NAME+'-fullscreen></a>');
+            	this.$header.css('padding-right', '76px');
+            }
+
+			if (options.timeoutProgressbar === true && !isNaN(options.timeout) && options.timeout !== false && options.timeout !== 0) {
+				this.$header.prepend('<div class="'+PLUGIN_NAME+'-progressbar"><div style="background-color:'+options.timeoutProgressbarColor+'"></div></div>');
+            }
+
+            if (options.subtitle === '') {
+        		this.$header.addClass(PLUGIN_NAME+'-noSubtitle');
+            }
+
+            if (options.iframe === true) {
+                this.$element.html('<div class="'+PLUGIN_NAME+'-wrap"><div class="'+PLUGIN_NAME+'-content '+PLUGIN_NAME+'-content-loader"><iframe class="'+PLUGIN_NAME+'-iframe"></iframe>' + this.$element.html() + "</div></div>");
+                
+	            if (options.iframeHeight !== null) {
+	                this.$element.find('.'+PLUGIN_NAME+'-iframe').css('height', options.iframeHeight);
+	            }
+
+            } else {
+            	this.$element.html('<div class="'+PLUGIN_NAME+'-wrap"><div class="'+PLUGIN_NAME+'-content">' + this.$element.html() + '</div></div>');
+            }
+            
+            $(document.body).find('style[rel='+this.id+']').remove();
+
+            if(typeof options.padding !== 'undefined' || options.padding !== 0)
+                this.$element.find('.'+PLUGIN_NAME+'-content').css('padding', options.padding);
+
+
+            if (options.title !== "" || options.subtitle !== "") {
+
+                if (options.headerColor !== null) {
+                    this.$element.css('border-bottom', '3px solid ' + options.headerColor + '');
+                    this.$header.css('background', this.options.headerColor);
+                }
+                if (options.iconClass !== null) {
+                    this.$header.prepend('<i class="'+PLUGIN_NAME+'-header-icon ' + options.iconClass + '"></i>');
+                    this.$header.find("."+PLUGIN_NAME+'-header-icon').css('color', options.iconColor);
+                }
+                this.$element.prepend(this.$header);
+            }
+
+			var separators = /%|px|em|cm/,
+				wClear = String(options.width).split(separators),
+				w = String(options.width),
+				medida = "px";
+				wClear = String(wClear).split(",")[0];
+
+			if(isNaN(options.width)){
+				if( String(options.width).indexOf("%") != -1){
+					medida = "%";
+				} else {
+					medida = w.slice("-2");
+				}
+			}
+
+            this.$element.css({
+                'margin-left': -(wClear / 2) + medida,
+                'max-width': parseInt(wClear) + medida
+            });
+
+			this.mediaQueries = '<style rel="' + this.id + '">@media handheld, only screen and (max-width: ' + wClear + 'px) { #' + this.$element[0].id + '{ width: 100% !important; max-width: 100% !important; margin-left: 0 !important; left: 0 !important; } }</style>';
+        	$(document.body).append(this.mediaQueries);
+
+            this.$element.addClass(PLUGIN_NAME + " " + options.theme);
+
+			if(options.openFullscreen === true){
+			    that.isFullscreen = true;
+			    that.$element.addClass('isFullscreen');
+			}
+
+            // Adjusting vertical positioning
+            this.$element.css('margin-top', parseInt(-(this.$element.innerHeight() / 2)) + 'px');
+
+            if(this.$element.find('.'+PLUGIN_NAME+'-header').length){
+            	this.$element.css('overflow', 'hidden');
+            }
+
+            // Close when button pressed
+            this.$element.on('click', '[data-'+PLUGIN_NAME+'-close]', function (e) {
+                e.preventDefault();
+                that.close();
+            });
+
+            // Expand when button pressed
+            this.$element.on('click', '[data-'+PLUGIN_NAME+'-fullscreen]', function (e) {
+                e.preventDefault();
+                if(that.isFullscreen === true){
+					that.isFullscreen = false;
+	                that.$element.removeClass('isFullscreen');
+                } else {
+	                that.isFullscreen = true;
+	                that.$element.addClass('isFullscreen');
+                }
+            });
+		},
+
+		toggle: function () {
+
+			if(this.state == STATES.OPENED){
+				this.close();
+			}
+			if(this.state == STATES.CLOSED){
+				this.open();
+			}
+
+		},
+
+		open: function (param) {
+
+			var that = this;
+
+			if (param && typeof(param) === "function") {
+		        param(that);
+		    }
+
+			if(this.options.iframe === true){
+
+				var href = null;
+				if(this.options.iframeURL !== null){
+					href = this.options.iframeURL;
+				} else {
+					try {
+						href = param.target.href;
+						if(href !== undefined){
+							href = param.target.href;
+						}
+					} catch(e) {
+						console.warn(e);
+					}
+				}
+			    this.$element.find('.'+PLUGIN_NAME+'-iframe').attr('src', href);
+			}
+
+            this.$element.trigger(STATES.OPENING);
+			this.state = STATES.OPENING;
+
+			// console.info('[ '+PLUGIN_NAME+' | '+this.id+' ] Opening...');
+
+			if (this.options.bodyOverflow || isMobile){
+				$(document.body).css('overflow', 'hidden');
+			}
+
+			if (that.options.onOpening && typeof(that.options.onOpening) === "function") {
+		        that.options.onOpening(this);
+		    }
+
+			function opened(){
+		    	that.$element.trigger(STATES.OPENED);
+				that.state = STATES.OPENED;
+
+			    // console.info('[ '+PLUGIN_NAME+' | '+that.id+' ] Opened.');
+
+				if (that.options.onOpened && typeof(that.options.onOpened) === "function") {
+			        that.options.onOpened(that);
+			    }
+			}
+
+			this.$overlay.appendTo('body');
+
+			if (this.options.transitionInOverlay) {
+				this.$overlay.addClass(this.options.transitionInOverlay);
+			}
+
+			if (this.options.transitionInModal !== '') {
+
+				this.$element.addClass(this.options.transitionInModal).show();
+
+				this.$element.find('.'+PLUGIN_NAME+'-wrap').one(animationEvent, function () {
+
+				    that.$element.removeClass(that.options.transitionInModal);
+				    that.$overlay.removeClass(that.options.transitionInOverlay);
+
+					opened();
+				});
+
+			} else {
+				this.$element.show();
+				opened();
+			}
+
+			if (this.options.timeout !== false && !isNaN(this.options.timeout) && this.options.timeout !== false && this.options.timeout !== 0) {
+
+				if (this.options.timeoutProgressbar === true) {
+
+					var progressBar = {
+	                    hideEta: null,
+	                    maxHideTime: null,
+	                    el: this.$element.find('.'+PLUGIN_NAME+'-progressbar > div'),
+	                    updateProgress: function()
+	                    {
+		                    var percentage = ((progressBar.hideEta - (new Date().getTime())) / progressBar.maxHideTime) * 100;
+		                    progressBar.el.width(percentage + '%');
+		                    if(percentage < 0){
+		                    	that.close();	                    	
+		                    }	                    	
+	                    }
+	                };
+					if (this.options.timeout > 0) {
+                        progressBar.maxHideTime = parseFloat(this.options.timeout);
+                        progressBar.hideEta = new Date().getTime() + progressBar.maxHideTime;
+                        this.timerTimeout = setInterval(progressBar.updateProgress, 10);
+                    }
+
+				} else {
+
+					this.timerTimeout = setTimeout(function(){
+						that.close();
+					}, that.options.timeout);
+				}
+			}
+
+            // Close on overlay click
+            if (this.options.overlayClose && !this.$element.hasClass(this.options.transitionOutModal)) {
+            	that.$overlay.click(function () {
+                    that.close();
+            	});
+            }
+
+			if (this.options.focusInput){
+		    	that.$element.find(':input:not(button):enabled:visible:first').focus(); // Focus on the first field
+			}
+			
+			(function updateTimer(){
+		    	that.recalculateLayout();					
+			    that.timer = setTimeout(updateTimer, 200);
+			})();
+
+            // Close when the Escape key is pressed
+            $(document).keydown(function (e) {
+                if (that.options.closeOnEscape && e.keyCode === 27) {
+                    that.close();
+                }
+            });
+
+		},
+
+		close: function (param) {
+
+			var that = this;
+
+			if (param && typeof(param) === "function") {
+		        param(that);
+		    }
+
+            $(document).off("keydown");
+
+			this.state = STATES.CLOSING;
+			this.$element.trigger(STATES.CLOSING);
+			// console.info('[ '+PLUGIN_NAME+' | '+this.id+' ] Closing...');
+
+            clearTimeout(this.timer);
+            clearTimeout(this.timerTimeout);
+
+			if (that.options.onClosing && typeof(that.options.onClosing) === "function") {
+		        that.options.onClosing(this);
+		    }
+
+			function closed(){
+
+                if (that.options.iframe === true) {
+                    that.$element.find('.'+PLUGIN_NAME+'-iframe').attr('src', "");
+                }
+
+				if (that.options.bodyOverflow || isMobile){
+					$(document.body).css('overflow', 'initial');
+				}
+
+				$(document.body).removeClass(PLUGIN_NAME+'-attached');
+
+                that.$element.trigger(STATES.CLOSED);
+                that.state = STATES.CLOSED;
+                
+                // console.info('[ '+PLUGIN_NAME+' | '+that.id+' ] Closed.');
+
+				if (that.options.onClosed && typeof(that.options.onClosed) === "function") {
+			        that.options.onClosed(that);
+			    }
+			}
+
+            if (this.options.transitionOutModal !== '') {
+
+                this.$element.attr('class', PLUGIN_NAME + " " + this.options.transitionOutModal + " " + this.options.theme + " " + String((this.isFullscreen === true) ? 'isFullscreen' : ''));
+				this.$overlay.attr('class', PLUGIN_NAME + "-overlay " + this.options.transitionOutOverlay);
+
+                this.$element.one(animationEvent, function () {
+                    
+                    if( that.$element.hasClass(that.options.transitionOutModal) ){
+
+                        that.$element.removeClass(that.options.transitionOutModal).hide();
+                        that.$overlay.removeClass(that.options.transitionOutOverlay).remove();
+                        
+						closed();
+                    }
+                });
+            }
+            else {
+                this.$element.hide();
+                this.$overlay.remove();
+                
+                closed();
+            }
+		},
+
+		destroy: function () {
+			var e = $.Event('destroy');
+
+			this.$element.trigger(e);
+
+            $(document).off("keydown");
+
+			clearTimeout(this.timer);
+			clearTimeout(this.timerTimeout);
+
+			if (this.options.iframe === true) {
+				this.$element.find('.'+PLUGIN_NAME+'-iframe').remove();
+			}
+			this.$element.html(this.$element.find('.'+PLUGIN_NAME+'-content').html());
+
+			$(document.body).find('style[rel='+this.id+']').remove();
+
+			this.$element.off('click', '[data-'+PLUGIN_NAME+'-close]');
+
+			this.$element
+				.off('.'+PLUGIN_NAME)
+				.removeData(PLUGIN_NAME)
+				.attr('style', '');
+			
+			this.$overlay.remove();
+			this.$element.trigger(STATES.DESTROYED);
+			this.$element = null;
+		},
+
+		getState: function(){
+
+			console.info(this.state);
+			
+			return this.state;
+		},
+
+		setTitle: function(title){
+
+			if (this.options.title !== null) {
+				
+				this.$header.find('.'+PLUGIN_NAME+'-header-title').html(title);
+
+				this.options.title = title;
+			}
+		},
+
+		setSubtitle: function(subtitle){
+
+			if (this.options.subtitle !== null) {
+				
+				this.$header.find('.'+PLUGIN_NAME+'-header-subtitle').html(subtitle);
+
+				this.options.subtitle = subtitle;
+			}
+		},
+
+		setIconClass: function(iconClass){
+
+			if (this.options.iconClass !== null) {
+				
+				this.$header.find('.'+PLUGIN_NAME+'-header-icon').attr('class', PLUGIN_NAME+'-header-icon ' + iconClass);
+
+				this.options.iconClass = iconClass;
+			}
+		},
+
+		setHeaderColor: function(headerColor){
+
+	        if (this.options.headerColor !== null) {
+	            this.$element.css('border-bottom', '3px solid ' + headerColor + '');
+	            this.$header.css('background', headerColor);
+
+	            this.options.headerColor = headerColor;
+	        }
+		},
+
+		startLoading: function(){
+			if( !this.$element.find('.'+PLUGIN_NAME+'-loader').length ){
+				this.$element.append('<div class="'+PLUGIN_NAME+'-loader '+this.options.transitionInOverlay+'"></div>');
+			}
+		},
+
+		stopLoading: function(){
+			var that = this;
+			this.$element.find('.'+PLUGIN_NAME+'-loader').removeClass(this.options.transitionInOverlay).addClass(this.options.transitionOutOverlay);
+			this.$element.find('.'+PLUGIN_NAME+'-loader').one(animationEvent, function () {
+                that.$element.find('.'+PLUGIN_NAME+'-loader').removeClass(that.options.transitionOutOverlay).remove();
+            });
+		},
+
+		recalculateLayout: function(){
+
+            if(this.$element.find('.'+PLUGIN_NAME+'-header').length){
+            	this.headerHeight = parseInt(this.$element.find('.'+PLUGIN_NAME+'-header').innerHeight()) + 2/*border bottom of modal*/;
+            	this.$element.css('overflow', 'hidden');
+            }
+
+            var windowHeight = $(window).height(),
+                contentHeight = this.$element.find('.'+PLUGIN_NAME+'-content')[0].scrollHeight,
+                modalMargin = parseInt(-((this.$element.innerHeight() + 1) / 2)) + 'px';
+
+            if(this.state == STATES.OPENED || this.state == STATES.OPENING){
+
+				if (this.options.iframe === true) {
+
+					// Se a altura da janela é menor que o modal com iframe
+					if(windowHeight < (this.options.iframeHeight + this.headerHeight) || this.isFullscreen === true){
+
+						$(document.body).addClass(PLUGIN_NAME+'-attached');
+
+						this.$element.find('.'+PLUGIN_NAME+'-iframe').css({
+							'height': parseInt(windowHeight - this.headerHeight) + 'px',
+						});
+
+					} else {
+						$(document.body).removeClass(PLUGIN_NAME+'-attached');
+
+					    this.$element.find('.'+PLUGIN_NAME+'-iframe').css({
+					        'height': parseInt(this.options.iframeHeight) + 'px',
+					    });
+					}
+
+				} else {
+
+	                if (windowHeight > (contentHeight + this.headerHeight)) {
+						$(document.body).removeClass(PLUGIN_NAME+'-attached');
+	                    this.$element.find('.'+PLUGIN_NAME+'-wrap').css({'height': 'auto'});
+	                }
+
+                	if (this.$element.innerHeight() > windowHeight || this.$element.innerHeight() < contentHeight) {
+						$(document.body).addClass(PLUGIN_NAME+'-attached');
+
+	                    this.$element.find('.'+PLUGIN_NAME+'-wrap').css({
+	                        'height': parseInt(windowHeight - this.headerHeight) + 'px',
+	                    });
+	                }
+
+                    var scrollTop = this.$element.find('.'+PLUGIN_NAME+'-wrap').scrollTop(),
+                    	internoHeight = this.$element.find('.'+PLUGIN_NAME+'-content').innerHeight(),
+                    	externoHeight = this.$element.find('.'+PLUGIN_NAME+'-wrap').innerHeight();	
+
+	                if ((externoHeight + scrollTop) < (internoHeight - 50)) {
+	                    this.$element.addClass('hasScroll');
+	                } else {
+	                    this.$element.removeClass('hasScroll');
+	                }
+
+				}
+            }
+
+            // Corrige margin-top caso o modal sofra alterações na altura de seu conteúdo
+            if (this.$element.css('margin-top') != modalMargin && this.$element.css('margin-top') != "0px") {
+                this.$element.css('margin-top', modalMargin);
+            }
+		}
+
+	};
+
+	$.fn[PLUGIN_NAME] = function (option, args) {
+		return this.each(function () {
+			var $this = $(this),
+				data = $this.data(PLUGIN_NAME),
+				options = $.extend({}, $.fn.iziModal.defaults, $this.data(), typeof option == 'object' && option);
+
+			if (!data && (!option || typeof option == 'object')){
+				$this.data(PLUGIN_NAME, (data = new iziModal(this, options)));
+			}
+			if (typeof option == 'string' && typeof data != 'undefined'){
+				data[option].apply(data, [].concat(args));
+			}
+			else if (options.autoOpen){ // Automatically open the modal if autoOpen setted true
+				data.open();
+			}
+		});
+	};
+
+	$.fn[PLUGIN_NAME].defaults = {
+	    title: '',
+	    subtitle: '',
+	    theme: '',
+	    headerColor: '#88A0B9',
+	    overlayColor: 'rgba(0, 0, 0, 0.4)',
+	    iconColor: '',
+	    iconClass: null,
+	    width: 600,
+	    padding: 0,
+	    iframe: false,
+	    iframeHeight: 400,
+	    iframeURL: null,
+	    overlayClose: true,
+	    closeOnEscape: true,
+	    bodyOverflow: false,
+	    focusInput: true,
+	    autoOpen: false,
+	    fullscreen: false,
+	    openFullscreen: false,
+	    timeout: false,
+	    timeoutProgressbar: false,
+	    timeoutProgressbarColor: 'rgba(255,255,255,0.5)',
+	    transitionInModal: 'transitionIn',
+	    transitionOutModal: 'transitionOut',
+	    transitionInOverlay: 'fadeIn',
+	    transitionOutOverlay: 'fadeOut',
+        onOpening: function() {},
+        onOpened: function() {},
+        onClosing: function() {},
+        onClosed: function() {}
+	};
+
+	$.fn[PLUGIN_NAME].Constructor = iziModal;
+
+}).call(this, window.jQuery);

data/vendor/assets/stylesheets/iziModal.css

@@ -0,0 +1,468 @@
+/*
+* iziModal | v1.2.0
+* http://izimodal.marcelodolce.com
+* by Marcelo Dolce.
+*/
+.iziModal {
+    display: none;
+    position: fixed;
+    width: 100%;
+    left: 50%;
+    top: 50%;
+    z-index:999;
+    background: #FFF;
+    border-radius: 3px;
+    box-shadow: 0 0 8px rgba(0,0,0,.3);
+    transition: margin-top 0.3s ease;
+}
+.iziModal.isFullscreen{
+    margin-top: 0 !important;
+    margin-left: 0 !important;
+    max-width: 100% !important;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+}
+.iziModal *{
+    -webkit-font-smoothing: antialiased;
+}
+.iziModal::after{
+    content: '';
+    width: 100%;
+    height: 0px;
+    opacity: 0;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    z-index: 1;
+    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.35)));
+    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
+    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
+    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
+    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=0 );
+    transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
+    pointer-events: none;
+}
+.iziModal.hasScroll::after{
+    height: 50px;
+    opacity: 1;
+}
+.iziModal .iziModal-progressbar{
+    position: absolute;
+    left: 0;
+    top: 0px;
+    width: 100%;
+    z-index: 1;
+}
+.iziModal .iziModal-progressbar > div{
+    height: 2px;
+    width: 100%;
+}
+.iziModal .iziModal-button{
+    display: block;
+    position: absolute;
+    top: 16px;
+    z-index: 2;
+    outline: none;
+    height: 34px;
+    width: 34px;
+    padding: 0;
+    margin: 0;
+    opacity: 0.5;
+    border-radius: 50%;
+    transition: transform 0.5s cubic-bezier(.16,.81,.32,1), opacity 0.5s ease;
+    background-size: 67% !important;
+}
+.iziModal .iziModal-button-close{
+    right: 10px;
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODZCQkIzQ0I0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODZCQkIzQ0M0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NkJCQjNDOTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NkJCQjNDQTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsgTJLcAAALJSURBVHja3JnLS1VBHMfvQ7g9dBXRRrwEFRciAhMi1JRW1aIHVEIYEkW0iVpUhOD/ICK6cFMgSbUpC6VFkQa9NtpjkauriRY9Noa3pHT8/mIODMM5Or85o87pC5/NPf5mvmc8M7+Z36SFEKkY2gj2gUawF2wHW8A6+fwv+A6KYAQMg+dg2rbDtKXhGnAaHJIms4zYz9J4HxgAf1g9k2EGteAhWBBuNApaQNrUg6nRTaAbzIuV0RCocWW4DoyJlVcJXI5ruFk2tJqi/2TWxvA5sXbqA2Ucw01i7dVjargazAo/dE33p6/DlAheg50pP0SJpwG8CH7IaH/Q5pFZUhnoArkwwwVwJeWfdoMLYYZvqG+yTGo9CerAoIWBT+A4qAdPDWOugwo1NVcxJtpFZRLkwH3GJCqCghJfxVjnz1JMMMKnwAbGRAg0B5rAA4O4CblZ+qj8tkBjZthvSzDCtFIMM0ZpQhslk5Eej4jpZ/T7G+ygwG1ghrk+jjNMFy1eMPJzpOAzlou6iWmXZkm91EBHjEwUZXoQTDk2SxqhRh7HTJ9hpstB3rFZ0ldq6J2DnB9m2rXZfxOPlrX1DrJRXiaBXSHPaMHvB0cd9JPLpBImMvzLQTuUFA6A9yHPfoIjhsllOc1l5N4grtmDWgYrl5+JTUZcSjNkeMyxWdpA3ZN72IJj01OJTByJS82J2/wQVxmB5y1HK8x0JWMf/kzdD98FJcY5S51gdwyTQl6eUAraspo27PeWXgy8afim0+CELAwOWHyH9EkdkyWwJ4Yxk6BCP+bTm48anutWW5dAp34IpbW03UOzb0FPVEHbx0LKfvAyqpAyKw97JU8Mt6pml6rAJ6oY6Eu5NfvfF7QTeWWQyEsZr6694lwsNoPD8mKRo29gCNwGj7gXi7aGA1EBcY+8vq0GW8FmJb3Pgx9gEnwAr8Ab8MW2w0UBBgAVyyyaohV7ewAAAABJRU5ErkJggg==') no-repeat 50% 50%;
+}
+.iziModal .iziModal-button-fullscreen{
+    right: 44px;
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTBBOUI4RUM0RTg0MTFFNjk0NTY4NUNFRkZFNEFEQzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTBBOUI4RUQ0RTg0MTFFNjk0NTY4NUNFRkZFNEFEQzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMEE5QjhFQTRFODQxMUU2OTQ1Njg1Q0VGRkU0QURDMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMEE5QjhFQjRFODQxMUU2OTQ1Njg1Q0VGRkU0QURDMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrQO6gAAAANmSURBVHjazJlbSBRRGMd3x92i0ForRRMiKiUoX4ouiFlJkRVBDxW9GJERwUasvdRT9FD00osRQtAFqegGBUHRBY0uaCVKEkSRpVR0tSwrQtp1+p/4Bk7D7M45M/Ot/uGHu+Psmf+c+eY753wnbJpmyIfGgvmgiv6WgkKQBwzwE3wBr0AnuAta6ZgnhT0aFuY2ghoyGdH4bS+4Dc6CZjCkdWVhWIPF4JoZnB6CDToeVE8sBidNPt0E5UEZrgG9Jr8GwHa/huMgaWZXDSDsxfBuc/jUBAwdw3Fz+NWoang5SJkjQwm7P3seLqQEX2LLfgfBdZcMORMcBqNDwekPqASP0uXhpjR3Ok0x/fUw9HIHGGVdw5DuRtzJpgxDsJui2qOWmuaAOuuLbHivz4YLwLgQj/aAXNmwuItlHhtbA7pAG5jEZHgKWCcbrhUTIY+NPQVjqFFObbYMi/hc6aOhl2AJ9TKnFoIyYXgemKEzJQXVVkyR3oFVzKZFuqw2qHdyFPKhrHPgMoWC3fRjRtNVVg+7SR5IiqmXxUt60cG0CK/vTIZniZVCmcKJF0C3ZNjKBqvJ9Hrwm46tsN1EkCoRQ/M3fBjvs6GrYAvdwHEfGcd1qBaGkwoxrKI+xjz83yJ0iLFHApd46X4xX+M+WECh4lepCNUIcpnMijrEWtAvTRHrbOd8FZNG8uA2Nf0hpmwtjBPwpQ5T0GPS/+tBAZhIq+b3Lu09EyHRwRgO+0C+7dhWcII+PwCf6Sk/Aa9d2vtn+A7nyASugJiD6YSDQcOlvVbxiCaAN8xrs3sgprBiac/QhlhnzjUo6JuZM0UlDS5FPtoQIdNlPYJTWUihFaDex+9Pg6T1KHJAJ2NI7ASllA28hEQ/KJIXoSlwgKlnh+jFe+GjLtwIPtjfyktUt+UaUZWqvw7H3oJD1peI7eQdoF1xWa+zQikHH13OmwqmOxxP0EiZtgK/DRwNuIcHwSeXc2K01WAPhbhKBb5hBNTVbskVH7fqpZGhbJUNtYF83fqwQSXPbOsGjb6etwx2gcEsmT3iFAZeNmUqaMeHSz2qu0k6W15Rqsx3B2i0D+xXGAHTFrRVlEeFuVoqH+ku6VNUbDkPzlAtg30nVK66i8rRIjAbTKaSQVQyN0DD6nOqcLZQld9TLfmvAAMAeMcvp3eCFqQAAAAASUVORK5CYII=') no-repeat 50% 50%;
+}
+.iziModal.isFullscreen .iziModal-button-fullscreen{
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkFFRTU5NDA0RTg1MTFFNjk0NEZFQzBGMkVBMDYyRDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkFFRTU5NDE0RTg1MTFFNjk0NEZFQzBGMkVBMDYyRDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQUVFNTkzRTRFODUxMUU2OTQ0RkVDMEYyRUEwNjJEOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQUVFNTkzRjRFODUxMUU2OTQ0RkVDMEYyRUEwNjJEOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuDFfX8AAANASURBVHjazJlZSBVRGMfHcWlB0xZM68GKukQLYaGkmEUR2EsvRfQS+BSJPUQE+lTR8hqIZY8hFS0ERVCRoW3gpUApghYpszLTVnCB3O70/+K7MAwzc78Z58z4hx8XzpzvzJ+Zc+d85ztphmFoU9BsUAoq+XcFyAc5QAfD4BfoBp3gCWjnNl9K82mYzO0FVWwyw0NsD3gIroBWkPB0ZzLsgc3grhGcnoE9XjxIOxaCC4Y6tYC1QRmuAj2Geg2CA1M1XAsmjHDVANL8GK4zolMz0L0YrjWiV5PU8HYw6TBIf8imD6UynA96HYKPg3mgMUTDY6DUzXCzQ+AxSz+r6QEQZz4HbLoDZNkZrnAIoOlRZjN1Gk3XS0zty/gTFaRq7Ay3uAR8BcU2ps/z9QJTWw74HrDhTyDbbHg9SKQI+sb9rKa3mV8ZmAt+KJjP1TS+zinFPkqEUqQdBeAOKLa0UwIzpqlXtcYpIKWIO4RBZPoRKNfC10YQI8MlYLkwaAB8ABsiMDwDbKU8dgtIFwRMgJ3guRadKpNPWBMa7tOi1WoyHJPuTsC4oN+IQsOLM3gPJlEWqOE/neMGBqwDeYoMz6G8c0I4h6eFyHBC8A2eVoaH8JutaPwuUA/+uvSht1sHKgTjTWZwjUCVYdrK3xT0iwkND+lc5FClUQ9fINHCRYY7FBrWPSz5Er2lAR9H9P+hpfYGl64OCmPadQ7ojcDwOJetysBMQX/6mrWS4d+cIoYtMnAEnBT2fwVeJufYxZBMFoKFlrajQtOX/uczvEtIB50Kdgn1lt3JGdANltjsXE64jPMnuQ1LPuFJcFrBE11gzQXAUnAPFNk86esO4zSBfmu5lVa9toCf8DC4Ba6C22DEdO01KDLdP5fLr1Z94X2ibV1ilWVQ1XrDpvPAU4c+u1KVqvaHXI7q43ltp3PSYmDDNCgGPrCUD1wN6y5lqzAUN89baX1Y55Jn2LrPRUffRwaHwWhIZs/aTQM/hzLlDp+coPRReprk5cgrkyvz7wM0+hOcAvOlPvwcLNIp526ux1H5aJbHeFpVX4Br4LLXWoffk9CkVnLlaBNYAxaBXJBpMjfIy+o7EAdtfIyb8HPDfwIMAM1WPs8F9tcxAAAAAElFTkSuQmCC') no-repeat 50% 50%;
+}
+.iziModal .iziModal-button-close:hover{
+    transform: rotate(180deg);
+}
+.iziModal .iziModal-button:hover{
+    opacity: 1;    
+}
+.iziModal .iziModal-header {
+    background: #88A0B9;
+    padding: 14px 40px 15px 18px;
+    border-radius: 3px 3px 0 0;
+    box-shadow: inset 0 -10px 15px -12px rgba(0, 0, 0, 0.3);
+    overflow: hidden;
+    position: relative;
+    z-index: 10;
+}
+.iziModal .iziModal-header-icon{
+    font-size: 40px;
+    color: rgba(255, 255, 255, 0.5);
+    padding: 0 15px 0 0;
+    margin: 0;
+    float: left;
+}
+.iziModal .iziModal-header-title {
+    color: #FFF;
+    font-size: 18px;
+    font-weight: 600;
+    line-height: 1.3;
+}
+.iziModal .iziModal-header-subtitle {
+    color: rgba(255, 255, 255, 0.6);
+    font-size: 12px;
+    line-height: 1.4;
+}
+.iziModal .iziModal-header-title, .iziModal .iziModal-header-subtitle{
+    display: block;
+    margin: 0;
+    padding: 0;
+    font-family: Arial;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+    .iziModal .iziModal-header.iziModal-noSubtitle{
+        height: auto;
+        padding: 10px 40px 12px 15px;
+    }
+    .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-icon{
+        font-size: 23px;
+        padding-right: 13px;
+    }
+    .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title{
+        font-size: 15px;
+        margin: 3px 0 0 0;
+        font-weight: 400;
+    }
+
+    .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button{
+        top: 6px;
+    }
+
+    /* LIGHT THEME */
+    .iziModal.light .iziModal-header{
+        box-shadow: none;
+    }
+    .iziModal.light .iziModal-header-icon{
+        color: rgba(0, 0, 0, 0.5);
+    }
+    .iziModal.light .iziModal-header-title{
+        color: #000;
+    }
+    .iziModal.light .iziModal-header-subtitle{
+        color: rgba(0, 0, 0, 0.6);
+    }
+    .iziModal.light .iziModal-button-close{
+        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkE1NUVGQzY0RTg0MTFFNjgwMThFMEM4NEIwQ0IyNzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkE1NUVGQzc0RTg0MTFFNjgwMThFMEM4NEIwQ0IyNzkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQTU1RUZDNDRFODQxMUU2ODAxOEUwQzg0QjBDQjI3OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQTU1RUZDNTRFODQxMUU2ODAxOEUwQzg0QjBDQjI3OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkJcqVgAAAPwSURBVHjazJlbSFRBGMdnzwrWliGs0a5FFpEJEmUZlVqED93oClkRhd2I7KV6KCKwh4IoeqmXSrpfqMzA1CjrQbpoSRkVJZgQ2U2FFKTLirbr9v/ab+Eke3Znzp7V/eAHsuvZ+Z1zZuab+cZWUlIioohhYDaYB2aCiWAUGMLfe0EH+AhegcfgCWhVaaS3t1dkZWWJ3NxckWBSNBusA4tY0m7wf/T7LoZubAdoY/Hr4C74o9KwpiiaC6rAc7AbZISRNQo3WANugxegENisFnaCU/xklqg0ECGmgIvgIb81S4TzwFOw3cQbkY25/DB2Riu8HjwA6SL2MRQc5zdpNyO8BVzhHxrIoDd5lQestDANirNi8GItP2kp4WngvBj82Ar2RBKmRHAZOER8xGGQE064GGSK+AnqxydBYihhSgK7RPwFzdXbQgnv099JmKDUWsDz8z0TAp/BSjAH1Ehesxck6YXHsoRMHAS3QB03XKEg2wIWcFquBZtAt8R1Y8AqvfBqhYHm1f3dw1OgjPQnXiw16T7rA/5IF9rtdtHe3l7o8/n+CdO6YJnCUyrm/q4iTbIL+8km8oByyAh3dHTM6uzsTCfhCWCqgjB1n2oF6RYD2VKwVLZRr9eb2Nramq/xOjVJceCkSUq3hOgGQdnlKg3abDbR1taWR8IzTE434aSreVdhiWywW3R1dWWS8KQo5kgj6QLOUJbIBp+wx+MZrfEOQFgs/YsHmiWywcAsMUKzaPmYxklgcojvaHxURisbvPFY7SBiFppkppFJCvngbYjvfvI8X2FBOz0arw2ile0/zw7nbmImI4abKX6Q8HuLZWmAlfHGNcMqab/fLxwOxzeNawNWypby56m8mrNEmtYRycnJjST8jPuZVbL62WCcVdL0hN1udy0JfwCvFdezMrJ6aaOMWCW99UhI6ElNTa3ReHlXqSB8yEQGM8qIVGvzyHSHlJSUeqfT2Rych2/KXKjbZ5nJYGkhuocmU/YiYZfLdYnWE5ruNZdJCh/g1T8VBssVMxh1j/tgBW+xLkhm2q+8y/nvaR3hAkakfZ1b4eaM1tPlitccDU4M+tTcxLWteIs34IxRXYIGVGMcydL+sYgHaEjh3yJQYPbEifB+zhNha2svweY4kKVi5LFItbVglHIxbrDihgiUXYWsMMU5sMGi5adKnBaBQrpPVZiCCsvzQfMAiHZzba/ISFZGWHBJKYfvvC9GsnS+QeccJ2R2HDLRyXdOP3pHprykMMduFIGDyQbVdYFM1HG1Jpv72WIROFhUie/gEbjGN690sGj2JLSBoXlyOleP6KhhPBipS+8+fjtfwDtQLwKHku1mX8lfAQYAM3EFUIL3dLAAAAAASUVORK5CYII=') no-repeat 50% 50%;
+    }
+    .iziModal.light .iziModal-button-fullscreen{
+        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REE4NTUwNjQ0RTg0MTFFNjk0NDdFREY2NkNDOTg2MEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REE4NTUwNjU0RTg0MTFFNjk0NDdFREY2NkNDOTg2MEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQTg1NTA2MjRFODQxMUU2OTQ0N0VERjY2Q0M5ODYwRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQTg1NTA2MzRFODQxMUU2OTQ0N0VERjY2Q0M5ODYwRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po+ysbQAAAQZSURBVHjaxJlrSBRRFMfvjhvS4mpRLZbbAywrrKDoTVlJkRVJH8r6Umj1oRdlD3pARF+iqAiKHhiVUUIvKuiNZFmUveghUiQ9iLBwy1XLUjBd+5/2TAzD7GNm5+offrgOM7P/uXPuOfeedRQUFIgY5AKjQQb/HQA8wA0U8Av4wUfwAtwHZXwsarW0tIjs7Gzh9XqF06JRMrcAZLHJUPdxM/1AJtgAPoG74AwoAQEzX6yYNDoJ3ABPwFowOIzZUCLzeaAYPAI5Mgz3BIWgFMwQ9one1Dk2P9Quw1k8ErlCnqaBh2BZrIZXgmugr5AvivUjYD9wWDG8CRwEcaJ9tRqcDOVNCTOyu0THaREPVlSGKZ4OiI7XcpCvP6hPSR7OBvoH2QluRfiCQfyg8Taa3s2F5mkow3tAisGFx7hahRNVsS2cZ+1SJ56I40CzPiQmcOyEKsHR3DwgITRGgCVGMbwtxhv3AImS4nmzoigJWsP0FFMt3mw2KOfi0l2G27a2tj5+v3+u1vDCcMk6gt6AzqCPrHSB0RWVlZW5gUDgn2FXjOuDD2Ayj7IUxcXFCYzw2JqamjQyPAr0N3G9g5eKCZpjX8FMmaaxJo6vqqrKVHh0IpXfP7r/z4LLHAp6069kGHY4HMLn82WoIxxJKbqlpoMn6QUD0xReP2SERX19fToVjrQozj8P3msMq9lgFpueB5r42HTdQ9g2wo2NjSlOLseR1I0xkmp6MX8+HkPGCavW1tZEp27yWBUZfS0rD2urqWJhXxdKss3+L82/JX/HAzCGQyXmqHByjyBBkllawc0BdZol4hLdObVUfdlDfISJ16BEsWyMRdvZrKqlupFex+vogZxeq8OsJ4TL5fKR4eeSDXfVHSPTJ/jzY/Cd33IF+BzqRrSOcLvdb8nwPYmGqYV1BXQxMJ1vYFAJZ9jj8ZQpvAWpkmiaNgZXdabbeDv/xUSlC3i93hKFg75EcqYg09dBssWCIZKSkiqSk5PL1Vdwuh1S6HgR7MeZFoVDampqkdPpbFE3oaXgJRguyewacJPfppV1RD3CoUgb5K1ghySzAZ5474TJvrBGhzHK1fpZeUkE+7ayKmpU2zeDY5QQ9hr1JejkVeBZlNt6MzsUaqX6IpxH/YxUg+P52uLjNNhQ0sQosNkw9YC/RTiP0p5bHwrgYrhWFekoSBfBLqJdojVCb5PX3DbKKqFii048JTpOVLJz1PZUNIZpZudxX6u9Vcwbgjqzs5dMrwDrjZ5Ukg5xJ6k2lnSzD0zRrGdl6BOYz1mq2Y78WMbrgVXc6bFLfi5YI3lnbltCV5sph7h8L+Yi02RlLcNr8I1gGNhqpgJa+SW0QQS79IW8W6DO0UQwBPQCSSLYK1bN/eSdRKUIdjjviODPuJZ6yX8FGACUZPJdQCCcXAAAAABJRU5ErkJggg==') no-repeat 50% 50%;
+    }
+    .iziModal.light.isFullscreen .iziModal-button-fullscreen{
+        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkVFMTJGMTc0RTg1MTFFNkI3N0Q5NDFFMzMyQ0YwRDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkVFMTJGMTg0RTg1MTFFNkI3N0Q5NDFFMzMyQ0YwRDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRUUxMkYxNTRFODUxMUU2Qjc3RDk0MUUzMzJDRjBEOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRUUxMkYxNjRFODUxMUU2Qjc3RDk0MUUzMzJDRjBEOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pic44WUAAAQNSURBVHjaxJlbjAthFMe/Tmet1HbrQaooVpbNuse6BHFdJCuoF8ELcXlxD3F9EJeIRBAJcVsvBIkQlwfXiGVJrFusiERUQohGlC3rttbqdv2PnspkzLQzNdM5yS9NZzrT/5ye75zznboqKyvFf5gHDAGj+LUH8AMvkMA3EAMvQS24BWr4mGGLx+MiFAqJYDAo5CyFkriZoIJF6t3HyxSBcrAKvAI3wAlQBRJmvlgyKXQ0uATugRWgZxqxekbi54Kr4A6YbofgDuAwqAYThXVGv9RJFt/XKsEV7Ik5wj6bAG6DBf8reDG4ALoK+41i/QDYDVzZCF4L9gK3yK0tA0f0tElpPLtNOGez2VmGBFM87dG5UTSHoheC5ZkE+zkbaD3IZtBL78ltsu2cSf6aOofuAJ00LtzEgsmW8usSxfn3XM0EX9/ZIsF5vBCHgSa1h0dw7KgtwXlSaUsVnqbzk/mmxBjw1UIvl4H5WiGxIU0mOQ0GaIg+yOffKI5/AI0Wh8Y6SZIKlILpKcanuaAjl+QyjYVB131UhZnLSrUtLS1dYrHYNKXgWQa+JAAuani6KhVfdhm8K8Lh8JxEIvFHsMdEfxDgfmJ4LpOy2+0W8PDQurq6EhI8GHQ3eC3l4RdgYK4rCXri/EgkUi7zqjZSfuMgBO47UfpcLpeIRqOjUh4WBgW/dapWU1jU19f3JsElRh8S/DLwue92ebihoaGTzOXYiLXiNFadLgOB/qCtHaKbm5sLSXCBCQ9vZJyyPCmLfZ2jJnPMFdh0/+dUVjOUajdvFkYYiQqZZwR2Caat/DkDnysxIhgL76ukaAvtsJ8m1kemfkJ4PJ4oCX5oZxtgouSnNeojvF7vM7rhTYfWTz63rTWqzYCuYL/fXyPxBREHBP/isRU1/a0NVLpEMBiskriXrXJAMO1UaNa2xUDBED6f70kgEHicirFjORJJI6/2qmMbMommcCguLj4uy3I8JZjK7SM7qqnq/WqRHHsVmRGNdFaPcDiuXMV04602CG6nel8IuoHL4t/xF4k+pXOf/fDyO/U2/6xIzm3HWih4AW8OGnlnM46Pl7Jo2um85mM+Dc8LTgg7teYSLZxeHvDNrbA2YKrOOZotXxHJ6ehncF49NGGj6c8nvcT+VCQH1bmyUo7pWp3SvB+cyVSJDgn92ZpdmaObxvFrWs7TK530waMOdpF3RfKvhCajgimpz+W5Vq6NxmKTlHFrtDkh0YvASrsHJQrbB6aoJkmmu6ldnOrs3N5TTzGDs1STFe1fDa/iJTxIscpiXLAGpSkaWQlOdVf0k9FsbR4XmR9ZlmvqwdeAfmC9MPHPaDb/hNLs9zBTypOjkaCPSE45qWLlKcR9AVRWw5xzr3PeTWTzk/wWYAB1l+9AcaBNPAAAAABJRU5ErkJggg==') no-repeat 50% 50%;
+    }
+
+
+.iziModal .iziModal-loader{
+    background: #FFF url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM5OTkiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iLTAuOXMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 9;
+}
+
+.iziModal .iziModal-content-loader{
+    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM5OTkiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iLTAuOXMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%;
+}
+
+.iziModal .iziModal-content:before,
+.iziModal .iziModal-content:after { content:''; display:table }
+.iziModal .iziModal-content:after { clear:both }
+.iziModal .iziModal-content{ zoom:1 }
+.iziModal .iziModal-wrap{
+    position: relative;
+    transition: height 0.3s ease;
+}
+.iziModal .iziModal-iframe{
+    width: 100%;
+    margin-bottom: -4px;
+    transition: height 0.3s ease;
+}
+.iziModal-overlay{
+    display: block;
+    position: fixed;
+    /*background: rgba(0, 0, 0, 0.4);*/
+    z-index: 998;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+}
+
+body.iziModal-attached{
+    overflow: hidden;
+}
+body.iziModal-attached .iziModal{
+    border-radius: 0;
+}
+body.iziModal-attached .iziModal-header{
+    border-radius: 0;       
+}
+body.iziModal-attached .iziModal-wrap{
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
+/**
+ * ANIMATIONS
+ */
+
+.iziModal.transitionIn .iziModal-header{
+    -webkit-animation: slideDown 0.7s cubic-bezier(0.7,0,0.3,1); /* both */
+    -moz-animation: slideDown 0.7s cubic-bezier(0.7,0,0.3,1); /* both */
+    animation: slideDown 0.7s cubic-bezier(0.7,0,0.3,1); /* both */
+}
+    .iziModal.transitionIn .iziModal-header .iziModal-header-icon {
+        -webkit-animation: revealIn 1s cubic-bezier(.16,.81,.32,1) both;
+        -moz-animation: revealIn 1s cubic-bezier(.16,.81,.32,1) both;
+        animation: revealIn 1s cubic-bezier(.16,.81,.32,1) both;
+    }
+    .iziModal.transitionIn .iziModal-header .iziModal-header-title, .iziModal.transitionIn .iziModal-header .iziModal-header-subtitle {
+        -webkit-animation: slideIn 1s cubic-bezier(.16,.81,.32,1) both;
+        -moz-animation: slideIn 1s cubic-bezier(.16,.81,.32,1) both;
+        animation: slideIn 1s cubic-bezier(.16,.81,.32,1) both;
+    }
+
+    .iziModal.transitionIn .iziModal-header .iziModal-button{
+        -webkit-animation: revealIn 1.2s cubic-bezier(0.7,0,0.3,1);
+        -moz-animation: revealIn 1.2s cubic-bezier(0.7,0,0.3,1);
+        animation: revealIn 1.2s cubic-bezier(0.7,0,0.3,1);
+    }
+
+.iziModal.transitionIn .iziModal-iframe, .iziModal.transitionIn .iziModal-wrap{
+    -webkit-animation: fadeIn 2s;
+    -moz-animation: fadeIn 2s;
+    animation: fadeIn 2s;
+}
+.iziModal.transitionIn .iziModal-header {
+    -webkit-animation-delay: 0.0s;
+    -moz-animation: 0.0s;
+    animation-delay: 0.0s;
+}
+.iziModal.transitionIn .iziModal-header .iziModal-header-icon,
+.iziModal.transitionIn .iziModal-header .iziModal-header-title {
+    -webkit-animation-delay: 0.4s;
+    -moz-animation: 0.4s;
+    animation-delay: 0.4s;
+}
+.iziModal.transitionIn .iziModal-header .iziModal-header-subtitle {
+    -webkit-animation-delay: 0.5s;
+    -moz-animation: 0.5s;
+    animation-delay: 0.5s;
+}
+.fadeOut {
+    -webkit-animation: fadeOut 0.5s;
+    -moz-animation: fadeOut 0.5s;
+    animation: fadeOut 0.5s;
+}
+.fadeIn {
+    -webkit-animation: fadeIn 0.5s;
+    -moz-animation: fadeIn 0.5s;
+    animation: fadeIn 0.5s;
+}
+.transitionIn{
+    -webkit-animation: transitionIn 0.5s ease;
+    -moz-animation: transitionIn 0.5s ease;
+    animation: transitionIn 0.5s ease;
+}
+.transitionOut{
+    -webkit-animation: transitionOut 0.5s cubic-bezier(.16,.81,.32,1);
+    -moz-animation: transitionOut 0.5s cubic-bezier(.16,.81,.32,1);
+    animation: transitionOut 0.5s cubic-bezier(.16,.81,.32,1);
+}
+
+@-webkit-keyframes fadeOut {
+    0% {opacity: 1;}
+    100% {opacity: 0;}
+}
+@-moz-keyframes fadeOut {
+    0% {opacity: 1;}
+    100% {opacity: 0;}
+}
+@keyframes fadeOut {
+    0% {opacity: 1;}
+    100% {opacity: 0;}
+}
+
+@-webkit-keyframes fadeIn {
+    0% {opacity: 0;}
+    100% {opacity: 1;}
+}
+@-moz-keyframes fadeIn {
+    0% {opacity: 0;}
+    100% {opacity: 1;}
+}
+@keyframes fadeIn {
+    0% {opacity: 0;}
+    100% {opacity: 1;}
+}
+
+@-webkit-keyframes slideIn {
+    0% {
+        opacity: 0;
+        -webkit-transform: translateX(50px);
+    }
+    100% {
+        opacity: 1;
+        -webkit-transform: translateX(0);
+    }
+}
+@-moz-keyframes slideIn {
+    0% {
+        opacity: 0;
+        -moz-transform: translateX(50px);
+    }
+    100% {
+        opacity: 1;
+        -moz-transform: translateX(0);
+    }
+}
+@keyframes slideIn {
+    0% {
+        opacity: 0;
+        transform: translateX(50px);
+    }
+    100% {
+        opacity: 1;
+        transform: translateX(0);
+    }
+}
+
+@-webkit-keyframes transitionIn {
+    0% {
+        opacity: 0;
+        transform: scale(0.9) translateY(-20px) perspective( 600px ) rotateX( 10deg );
+    }
+    100% {
+        opacity: 1;
+        transform: scale(1) translateY(0) perspective( 600px ) rotateX( 0 ); 
+    }
+}
+@-moz-keyframes transitionIn {
+    0% {
+        opacity: 0;
+        transform: scale(0.9) translateY(-20px) perspective( 600px ) rotateX( 10deg );
+    }
+    100% {
+        opacity: 1;
+        transform: scale(1) translateY(0) perspective( 600px ) rotateX( 0 ); 
+    }
+}
+@keyframes transitionIn {
+    0% {
+        opacity: 0;
+        /*transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );*/
+        transform: scale(0.9) translateY(-20px) perspective( 600px ) rotateX( 10deg );
+    }
+    100% {
+        opacity: 1;
+        /*transform: scale(1) translateY(0) perspective( 600px ) rotateX( 0 ); */
+        transform: scale(1) translateY(0) perspective( 600px ) rotateX( 0 ); 
+    }
+}
+
+@-webkit-keyframes transitionOut {
+    0% {
+        opacity: 1;
+        transform: scale(1); 
+    }
+    100% {
+        opacity: 0;
+        transform: scale(0.9); 
+    }
+}
+@-moz-keyframes transitionOut {
+    0% {
+        opacity: 1;
+        transform: scale(1); 
+    }
+    100% {
+        opacity: 0;
+        transform: scale(0.9); 
+    }
+}
+@keyframes transitionOut {
+    0% {
+        opacity: 1;
+        /*transform: translateY(0) perspective( 600px ) rotateX( 0 ); */
+        transform: scale(1); 
+    }
+    100% {
+        opacity: 0;
+        /*transform: translateY(10px) perspective( 600px ) rotateX( 10deg ); */
+        transform: scale(0.9); 
+    }
+}
+
+@-webkit-keyframes slideDown {
+    0% { opacity: 0; -webkit-transform: scale(1,0) translateY(-40px); -webkit-transform-origin: center top; }
+}
+@-moz-keyframes slideDown {
+    0% { opacity: 0; -moz-transform: scale(1,0) translateY(-40px); -moz-transform-origin: center top; }
+}
+@keyframes slideDown {
+    0% { opacity: 0; transform: scale(1,0) translateY(-40px); transform-origin: center top; }
+}
+
+
+@-webkit-keyframes revealIn {
+    0% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,1); }
+}
+@-moz-keyframes revealIn {
+    0% { opacity: 0; -moz-transform: scale3d(0.3,0.3,1); }
+}
+@keyframes revealIn {
+    0% { opacity: 0; transform: scale3d(0.3,0.3,1); }
+}
+
+/**
+ * SCROLL
+ */
+
+.iziModal ::-webkit-scrollbar {
+    overflow: visible;
+    height: 7px;
+    width: 7px;
+}
+.iziModal ::-webkit-scrollbar-thumb {
+    background-color: rgba(0,0,0,.2);
+    background-clip: padding-box;
+    border: solid transparent;
+    border-width: 0px;
+    min-height: 28px;
+    padding: 100px 0 0;
+    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
+}
+.iziModal ::-webkit-scrollbar-thumb:active {
+    background-color: rgba(0,0,0,.4);
+}
+.iziModal ::-webkit-scrollbar-button {
+    height: 0;
+    width: 0;
+}
+.iziModal ::-webkit-scrollbar-track {
+    background-clip: padding-box;
+    border: solid transparent;
+    border-width: 0 0 0 2px;
+}

metadata

@@ -0,0 +1,98 @@
+--- !ruby/object:Gem::Specification
+name: izimodal
+version: !ruby/object:Gem::Version
+  version: 1.2.0
+platform: ruby
+authors:
+- elitenomad
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2016-07-25 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: minitest
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+description: Please refer https://github.com/dolce/iziModal for documentation
+email:
+- stalin.pranava@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".travis.yml"
+- Gemfile
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- izimodal.gemspec
+- lib/izimodal.rb
+- lib/izimodal/version.rb
+- vendor/assets/javascripts/iziModal.js
+- vendor/assets/stylesheets/iziModal.css
+homepage: http://rubygems.org/gems/iziModal
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.5.1
+signing_key: 
+specification_version: 4
+summary: Rails gem for Elegant, responsive, flexible and lightweight modal plugin
+  with jQuery Library.
+test_files: []