first commit

Dockerfile

@@ -0,0 +1,14 @@
+# read the doc: https://huggingface.co/docs/hub/spaces-sdks-docker
+# you will also find guides on how best to write your Dockerfile
+
+FROM python:3.9
+
+WORKDIR /code
+
+COPY ./requirements.txt /code/requirements.txt
+
+RUN pip install --no-cache-dir --upgrade -r /code/requirements.txt
+
+COPY . .
+
+CMD ["gunicorn", "-b", "0.0.0.0:7860", "app:app"]

app.py

@@ -0,0 +1,170 @@
+from flask import Flask, render_template,request, redirect,url_for, jsonify
+from PyPDF2 import PdfReader
+from helper_functions import predict_class
+import fitz  # PyMuPDF
+import os, shutil
+import torch
+from transformers import BertTokenizer, BertForSequenceClassification
+import fitz  # PyMuPDF
+import pickle
+
+app = Flask(__name__)
+app.config['UPLOAD_FOLDER'] = 'static/uploads'
+
+@app.route("/")
+def home():
+    predict_class = ""
+    class_probabilities = dict()
+    chart_data = dict()
+    return render_template('pdf.html', class_probabilities= class_probabilities, predicted_class=predict_class,chart_data = chart_data)
+
+@app.route("/upload", methods=['POST'])
+def process_pdf():
+    # Récupérer le fichier PDF de la requête
+    file = request.files['file']
+    filename = file.filename
+
+    # Enregistrer le fichier dans le répertoire de téléchargement
+    filepath = app.config['UPLOAD_FOLDER'] + "/" + filename
+    file.save(filepath)
+
+    # Ouvrir le fichier PDF
+    pdf_document = fitz.open(filepath)
+
+    # Initialiser une variable pour stocker le texte extrait
+    extracted_text = ""
+
+    # Boucler à travers chaque page pour extraire le texte
+    for page_num in range(len(pdf_document)):
+        # Récupérer l'objet de la page
+        page = pdf_document.load_page(page_num)
+
+        # Extraire le texte de la page
+        page_text = page.get_text()
+
+        # Ajouter le texte de la page à la variable d'extraction
+        extracted_text += f"\nPage {page_num + 1}:\n{page_text}"
+
+    # Fermer le fichier PDF
+    pdf_document.close()
+
+    # Charger le tokenizer
+    tokenizer = BertTokenizer.from_pretrained(r"C:\Users\user\Desktop\3A\PFE\France\Stage PFE\models1-20240411T071206Z-001\models1\bert_tokenizer")
+    # Charger le modèle
+    model = BertForSequenceClassification.from_pretrained(r"C:\Users\user\Desktop\3A\PFE\France\Stage PFE\models1-20240411T071206Z-001\models1\bert_model")
+    
+    # Charger les labels
+    with open(r"C:\Users\user\Desktop\3A\PFE\France\Stage PFE\models1-20240411T071206Z-001\models1\labels.pkl", 'rb') as f:
+        labels = pickle.load(f)
+
+    # Prétraiter le texte extrait
+    inputs = tokenizer(extracted_text, return_tensors="pt", padding=True, truncation=True)
+
+    # Passer l'entrée à travers le modèle pour obtenir les prédictions
+    with torch.no_grad():
+        outputs = model(**inputs)
+
+    # Obtenir les prédictions de classe
+    predicted_class_id = torch.argmax(outputs.logits, dim=1).item()
+    predicted_class = labels[predicted_class_id]
+
+    # Retourner la prédiction de classe ainsi que le texte extrait
+    return render_template("home.html", extracted_text=extracted_text, predicted_class=predicted_class)
+
+
+@app.route('/pdf')
+def pdf():
+    predict_class = ""
+    class_probabilities = dict()
+    chart_data = dict()
+    return render_template('pdf.html', class_probabilities= class_probabilities, predicted_class=predict_class,chart_data = chart_data)
+
+@app.route('/pdf/upload' , methods = ['POST'])
+def treatment():
+    if request.method == 'POST' :
+        # Récupérer le fichier PDF de la requête
+        file = request.files['file']
+        filename = file.filename
+
+        # Enregistrer le fichier dans le répertoire de téléchargement
+        filepath = app.config['UPLOAD_FOLDER'] + "/" + filename
+        file.save(filepath)
+
+        # Ouvrir le fichier PDF
+        pdf_document = fitz.open(filepath)
+
+        # Initialiser une variable pour stocker le texte extrait
+        extracted_text = ""
+
+        # Boucler à travers chaque page pour extraire le texte
+        for page_num in range(len(pdf_document)):
+            # Récupérer l'objet de la page
+            page = pdf_document.load_page(page_num)
+
+            # Extraire le texte de la page
+            page_text = page.get_text()
+
+            # Ajouter le texte de la page à la variable d'extraction
+            extracted_text += f"\nPage {page_num + 1}:\n{page_text}"
+
+        # Fermer le fichier PDF
+        pdf_document.close()
+        # Prepare data for the chart
+        predicted_class , class_probabilities = predict_class([extracted_text])
+        chart_data = {
+            'datasets': [{
+                'data': list(class_probabilities.values()),
+                'backgroundColor': [color[2] for color in class_probabilities.keys()],
+                'borderColor': [color[2] for color in class_probabilities.keys()]
+            }],
+            'labels': [label[0] for label in class_probabilities.keys()]
+        }
+        print(predict_class)
+        print(chart_data)
+         # clear the uploads folder
+        for filename in os.listdir(app.config['UPLOAD_FOLDER']):
+            file_path = os.path.join(app.config['UPLOAD_FOLDER'], filename)
+            try:
+                if os.path.isfile(file_path) or os.path.islink(file_path):
+                    os.unlink(file_path)
+                elif os.path.isdir(file_path):
+                    shutil.rmtree(file_path)
+            except Exception as e:
+                print('Failed to delete %s. Reason: %s' % (file_path, e))
+        return render_template('pdf.html',extracted_text = extracted_text, class_probabilities=class_probabilities, predicted_class=predicted_class, chart_data = chart_data)
+    return render_template('pdf.html')
+
+@app.route('/sentence' , methods = ['GET' , 'POST'])
+def sentence():
+    if request.method == 'POST':
+        # Get the form data
+        text = [request.form['text']]
+        predicted_class , class_probabilities = predict_class(text)
+        # Prepare data for the chart
+        chart_data = {
+            'datasets': [{
+                'data': list(class_probabilities.values()),
+                'backgroundColor': [color[2] for color in class_probabilities.keys()],
+                'borderColor': [color[2] for color in class_probabilities.keys()]
+            }],
+            'labels': [label[0] for label in class_probabilities.keys()]
+        }
+        print(chart_data)
+         # clear the uploads folder
+        for filename in os.listdir(app.config['UPLOAD_FOLDER']):
+            file_path = os.path.join(app.config['UPLOAD_FOLDER'], filename)
+            try:
+                if os.path.isfile(file_path) or os.path.islink(file_path):
+                    os.unlink(file_path)
+                elif os.path.isdir(file_path):
+                    shutil.rmtree(file_path)
+            except Exception as e:
+                print('Failed to delete %s. Reason: %s' % (file_path, e))
+        return render_template('response_sentence.html', text=text, class_probabilities=class_probabilities, predicted_class=predicted_class,chart_data = chart_data)
+
+    # Render the initial form page
+    return render_template('sentence.html')
+
+
+if __name__ == '__main__':
+    app.run(debug=True)

bertModel-20240428T144909Z-001/bertModel/label_encoder.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6f2140f9641061e34cfa413940d8b885b3016267e372ed6b7878908a47ab4759
+size 227

bertModel-20240428T144909Z-001/bertModel/saved_model/config.json

@@ -0,0 +1,51 @@
+{
+  "_name_or_path": "bert-base-uncased",
+  "architectures": [
+    "BertForSequenceClassification"
+  ],
+  "attention_probs_dropout_prob": 0.1,
+  "classifier_dropout": null,
+  "gradient_checkpointing": false,
+  "hidden_act": "gelu",
+  "hidden_dropout_prob": 0.1,
+  "hidden_size": 768,
+  "id2label": {
+    "0": "LABEL_0",
+    "1": "LABEL_1",
+    "2": "LABEL_2",
+    "3": "LABEL_3",
+    "4": "LABEL_4",
+    "5": "LABEL_5",
+    "6": "LABEL_6",
+    "7": "LABEL_7",
+    "8": "LABEL_8",
+    "9": "LABEL_9"
+  },
+  "initializer_range": 0.02,
+  "intermediate_size": 3072,
+  "label2id": {
+    "LABEL_0": 0,
+    "LABEL_1": 1,
+    "LABEL_2": 2,
+    "LABEL_3": 3,
+    "LABEL_4": 4,
+    "LABEL_5": 5,
+    "LABEL_6": 6,
+    "LABEL_7": 7,
+    "LABEL_8": 8,
+    "LABEL_9": 9
+  },
+  "layer_norm_eps": 1e-12,
+  "max_position_embeddings": 512,
+  "model_type": "bert",
+  "num_attention_heads": 12,
+  "num_hidden_layers": 12,
+  "pad_token_id": 0,
+  "position_embedding_type": "absolute",
+  "problem_type": "single_label_classification",
+  "torch_dtype": "float32",
+  "transformers_version": "4.40.0",
+  "type_vocab_size": 2,
+  "use_cache": true,
+  "vocab_size": 30522
+}

bertModel-20240428T144909Z-001/bertModel/saved_model/model.safetensors

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:77e959fadc3a09d85fa46103e4ada68e827b0a2cc64bdd660c600e2999433e27
+size 437983256

bertModel-20240428T144909Z-001/bertModel/saved_tokenizer/special_tokens_map.json

@@ -0,0 +1,7 @@
+{
+  "cls_token": "[CLS]",
+  "mask_token": "[MASK]",
+  "pad_token": "[PAD]",
+  "sep_token": "[SEP]",
+  "unk_token": "[UNK]"
+}

bertModel-20240428T144909Z-001/bertModel/saved_tokenizer/tokenizer_config.json

@@ -0,0 +1,57 @@
+{
+  "added_tokens_decoder": {
+    "0": {
+      "content": "[PAD]",
+      "lstrip": false,
+      "normalized": false,
+      "rstrip": false,
+      "single_word": false,
+      "special": true
+    },
+    "100": {
+      "content": "[UNK]",
+      "lstrip": false,
+      "normalized": false,
+      "rstrip": false,
+      "single_word": false,
+      "special": true
+    },
+    "101": {
+      "content": "[CLS]",
+      "lstrip": false,
+      "normalized": false,
+      "rstrip": false,
+      "single_word": false,
+      "special": true
+    },
+    "102": {
+      "content": "[SEP]",
+      "lstrip": false,
+      "normalized": false,
+      "rstrip": false,
+      "single_word": false,
+      "special": true
+    },
+    "103": {
+      "content": "[MASK]",
+      "lstrip": false,
+      "normalized": false,
+      "rstrip": false,
+      "single_word": false,
+      "special": true
+    }
+  },
+  "clean_up_tokenization_spaces": true,
+  "cls_token": "[CLS]",
+  "do_basic_tokenize": true,
+  "do_lower_case": true,
+  "mask_token": "[MASK]",
+  "model_max_length": 512,
+  "never_split": null,
+  "pad_token": "[PAD]",
+  "sep_token": "[SEP]",
+  "strip_accents": null,
+  "tokenize_chinese_chars": true,
+  "tokenizer_class": "BertTokenizer",
+  "unk_token": "[UNK]"
+}

frontend/css/animate.css

@@ -0,0 +1,3501 @@
+@charset "UTF-8";
+
+/*!* animate.css -http://daneden.me/animate
+* Version - 3.6.0
+* Licensed under the MIT license - http://opensource.org/licenses/MIT
+*
+* Copyright (c) 2018 Daniel Eden*/
+.animated {
+    -webkit-animation-duration: 1s;
+    animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both
+}
+
+.animated.infinite {
+    -webkit-animation-iteration-count: infinite;
+    animation-iteration-count: infinite
+}
+
+@-webkit-keyframes bounce {
+
+    from,
+    20%,
+    53%,
+    80%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    40%,
+    43% {
+        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        -webkit-transform: translate3d(0, -30px, 0);
+        transform: translate3d(0, -30px, 0)
+    }
+
+    70% {
+        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        -webkit-transform: translate3d(0, -15px, 0);
+        transform: translate3d(0, -15px, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, -4px, 0);
+        transform: translate3d(0, -4px, 0)
+    }
+}
+
+@keyframes bounce {
+
+    from,
+    20%,
+    53%,
+    80%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    40%,
+    43% {
+        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        -webkit-transform: translate3d(0, -30px, 0);
+        transform: translate3d(0, -30px, 0)
+    }
+
+    70% {
+        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        -webkit-transform: translate3d(0, -15px, 0);
+        transform: translate3d(0, -15px, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, -4px, 0);
+        transform: translate3d(0, -4px, 0)
+    }
+}
+
+.bounce {
+    -webkit-animation-name: bounce;
+    animation-name: bounce;
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom
+}
+
+@-webkit-keyframes flash {
+
+    from,
+    50%,
+    to {
+        opacity: 1
+    }
+
+    25%,
+    75% {
+        opacity: 0
+    }
+}
+
+@keyframes flash {
+
+    from,
+    50%,
+    to {
+        opacity: 1
+    }
+
+    25%,
+    75% {
+        opacity: 0
+    }
+}
+
+.flash {
+    -webkit-animation-name: flash;
+    animation-name: flash
+}
+
+@-webkit-keyframes pulse {
+    from {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+
+    50% {
+        -webkit-transform: scale3d(1.05, 1.05, 1.05);
+        transform: scale3d(1.05, 1.05, 1.05)
+    }
+
+    to {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+}
+
+@keyframes pulse {
+    from {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+
+    50% {
+        -webkit-transform: scale3d(1.05, 1.05, 1.05);
+        transform: scale3d(1.05, 1.05, 1.05)
+    }
+
+    to {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+}
+
+.pulse {
+    -webkit-animation-name: pulse;
+    animation-name: pulse
+}
+
+@-webkit-keyframes rubberBand {
+    from {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+
+    30% {
+        -webkit-transform: scale3d(1.25, .75, 1);
+        transform: scale3d(1.25, .75, 1)
+    }
+
+    40% {
+        -webkit-transform: scale3d(.75, 1.25, 1);
+        transform: scale3d(.75, 1.25, 1)
+    }
+
+    50% {
+        -webkit-transform: scale3d(1.15, .85, 1);
+        transform: scale3d(1.15, .85, 1)
+    }
+
+    65% {
+        -webkit-transform: scale3d(.95, 1.05, 1);
+        transform: scale3d(.95, 1.05, 1)
+    }
+
+    75% {
+        -webkit-transform: scale3d(1.05, .95, 1);
+        transform: scale3d(1.05, .95, 1)
+    }
+
+    to {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+}
+
+@keyframes rubberBand {
+    from {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+
+    30% {
+        -webkit-transform: scale3d(1.25, .75, 1);
+        transform: scale3d(1.25, .75, 1)
+    }
+
+    40% {
+        -webkit-transform: scale3d(.75, 1.25, 1);
+        transform: scale3d(.75, 1.25, 1)
+    }
+
+    50% {
+        -webkit-transform: scale3d(1.15, .85, 1);
+        transform: scale3d(1.15, .85, 1)
+    }
+
+    65% {
+        -webkit-transform: scale3d(.95, 1.05, 1);
+        transform: scale3d(.95, 1.05, 1)
+    }
+
+    75% {
+        -webkit-transform: scale3d(1.05, .95, 1);
+        transform: scale3d(1.05, .95, 1)
+    }
+
+    to {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+}
+
+.rubberBand {
+    -webkit-animation-name: rubberBand;
+    animation-name: rubberBand
+}
+
+@-webkit-keyframes shake {
+
+    from,
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    10%,
+    30%,
+    50%,
+    70%,
+    90% {
+        -webkit-transform: translate3d(-10px, 0, 0);
+        transform: translate3d(-10px, 0, 0)
+    }
+
+    20%,
+    40%,
+    60%,
+    80% {
+        -webkit-transform: translate3d(10px, 0, 0);
+        transform: translate3d(10px, 0, 0)
+    }
+}
+
+@keyframes shake {
+
+    from,
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    10%,
+    30%,
+    50%,
+    70%,
+    90% {
+        -webkit-transform: translate3d(-10px, 0, 0);
+        transform: translate3d(-10px, 0, 0)
+    }
+
+    20%,
+    40%,
+    60%,
+    80% {
+        -webkit-transform: translate3d(10px, 0, 0);
+        transform: translate3d(10px, 0, 0)
+    }
+}
+
+.shake {
+    -webkit-animation-name: shake;
+    animation-name: shake
+}
+
+@-webkit-keyframes headShake {
+    0% {
+        -webkit-transform: translateX(0);
+        transform: translateX(0)
+    }
+
+    6.5% {
+        -webkit-transform: translateX(-6px) rotateY(-9deg);
+        transform: translateX(-6px) rotateY(-9deg)
+    }
+
+    18.5% {
+        -webkit-transform: translateX(5px) rotateY(7deg);
+        transform: translateX(5px) rotateY(7deg)
+    }
+
+    31.5% {
+        -webkit-transform: translateX(-3px) rotateY(-5deg);
+        transform: translateX(-3px) rotateY(-5deg)
+    }
+
+    43.5% {
+        -webkit-transform: translateX(2px) rotateY(3deg);
+        transform: translateX(2px) rotateY(3deg)
+    }
+
+    50% {
+        -webkit-transform: translateX(0);
+        transform: translateX(0)
+    }
+}
+
+@keyframes headShake {
+    0% {
+        -webkit-transform: translateX(0);
+        transform: translateX(0)
+    }
+
+    6.5% {
+        -webkit-transform: translateX(-6px) rotateY(-9deg);
+        transform: translateX(-6px) rotateY(-9deg)
+    }
+
+    18.5% {
+        -webkit-transform: translateX(5px) rotateY(7deg);
+        transform: translateX(5px) rotateY(7deg)
+    }
+
+    31.5% {
+        -webkit-transform: translateX(-3px) rotateY(-5deg);
+        transform: translateX(-3px) rotateY(-5deg)
+    }
+
+    43.5% {
+        -webkit-transform: translateX(2px) rotateY(3deg);
+        transform: translateX(2px) rotateY(3deg)
+    }
+
+    50% {
+        -webkit-transform: translateX(0);
+        transform: translateX(0)
+    }
+}
+
+.headShake {
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+    -webkit-animation-name: headShake;
+    animation-name: headShake
+}
+
+@-webkit-keyframes swing {
+    20% {
+        -webkit-transform: rotate3d(0, 0, 1, 15deg);
+        transform: rotate3d(0, 0, 1, 15deg)
+    }
+
+    40% {
+        -webkit-transform: rotate3d(0, 0, 1, -10deg);
+        transform: rotate3d(0, 0, 1, -10deg)
+    }
+
+    60% {
+        -webkit-transform: rotate3d(0, 0, 1, 5deg);
+        transform: rotate3d(0, 0, 1, 5deg)
+    }
+
+    80% {
+        -webkit-transform: rotate3d(0, 0, 1, -5deg);
+        transform: rotate3d(0, 0, 1, -5deg)
+    }
+
+    to {
+        -webkit-transform: rotate3d(0, 0, 1, 0deg);
+        transform: rotate3d(0, 0, 1, 0deg)
+    }
+}
+
+@keyframes swing {
+    20% {
+        -webkit-transform: rotate3d(0, 0, 1, 15deg);
+        transform: rotate3d(0, 0, 1, 15deg)
+    }
+
+    40% {
+        -webkit-transform: rotate3d(0, 0, 1, -10deg);
+        transform: rotate3d(0, 0, 1, -10deg)
+    }
+
+    60% {
+        -webkit-transform: rotate3d(0, 0, 1, 5deg);
+        transform: rotate3d(0, 0, 1, 5deg)
+    }
+
+    80% {
+        -webkit-transform: rotate3d(0, 0, 1, -5deg);
+        transform: rotate3d(0, 0, 1, -5deg)
+    }
+
+    to {
+        -webkit-transform: rotate3d(0, 0, 1, 0deg);
+        transform: rotate3d(0, 0, 1, 0deg)
+    }
+}
+
+.swing {
+    -webkit-transform-origin: top center;
+    transform-origin: top center;
+    -webkit-animation-name: swing;
+    animation-name: swing
+}
+
+@-webkit-keyframes tada {
+    from {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+
+    10%,
+    20% {
+        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
+    }
+
+    30%,
+    50%,
+    70%,
+    90% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
+    }
+
+    40%,
+    60%,
+    80% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
+    }
+
+    to {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+}
+
+@keyframes tada {
+    from {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+
+    10%,
+    20% {
+        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
+    }
+
+    30%,
+    50%,
+    70%,
+    90% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
+    }
+
+    40%,
+    60%,
+    80% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
+    }
+
+    to {
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+}
+
+.tada {
+    -webkit-animation-name: tada;
+    animation-name: tada
+}
+
+@-webkit-keyframes wobble {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    15% {
+        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
+    }
+
+    30% {
+        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
+    }
+
+    45% {
+        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
+    }
+
+    60% {
+        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
+    }
+
+    75% {
+        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes wobble {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    15% {
+        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
+    }
+
+    30% {
+        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
+    }
+
+    45% {
+        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
+    }
+
+    60% {
+        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
+    }
+
+    75% {
+        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.wobble {
+    -webkit-animation-name: wobble;
+    animation-name: wobble
+}
+
+@-webkit-keyframes jello {
+
+    from,
+    11.1%,
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    22.2% {
+        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+        transform: skewX(-12.5deg) skewY(-12.5deg)
+    }
+
+    33.3% {
+        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+        transform: skewX(6.25deg) skewY(6.25deg)
+    }
+
+    44.4% {
+        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+        transform: skewX(-3.125deg) skewY(-3.125deg)
+    }
+
+    55.5% {
+        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+        transform: skewX(1.5625deg) skewY(1.5625deg)
+    }
+
+    66.6% {
+        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+        transform: skewX(-0.78125deg) skewY(-0.78125deg)
+    }
+
+    77.7% {
+        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+        transform: skewX(0.390625deg) skewY(0.390625deg)
+    }
+
+    88.8% {
+        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
+    }
+}
+
+@keyframes jello {
+
+    from,
+    11.1%,
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    22.2% {
+        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+        transform: skewX(-12.5deg) skewY(-12.5deg)
+    }
+
+    33.3% {
+        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+        transform: skewX(6.25deg) skewY(6.25deg)
+    }
+
+    44.4% {
+        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+        transform: skewX(-3.125deg) skewY(-3.125deg)
+    }
+
+    55.5% {
+        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+        transform: skewX(1.5625deg) skewY(1.5625deg)
+    }
+
+    66.6% {
+        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+        transform: skewX(-0.78125deg) skewY(-0.78125deg)
+    }
+
+    77.7% {
+        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+        transform: skewX(0.390625deg) skewY(0.390625deg)
+    }
+
+    88.8% {
+        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
+    }
+}
+
+.jello {
+    -webkit-animation-name: jello;
+    animation-name: jello;
+    -webkit-transform-origin: center;
+    transform-origin: center
+}
+
+@-webkit-keyframes bounceIn {
+
+    from,
+    20%,
+    40%,
+    60%,
+    80%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    20% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1);
+        transform: scale3d(1.1, 1.1, 1.1)
+    }
+
+    40% {
+        -webkit-transform: scale3d(.9, .9, .9);
+        transform: scale3d(.9, .9, .9)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(1.03, 1.03, 1.03);
+        transform: scale3d(1.03, 1.03, 1.03)
+    }
+
+    80% {
+        -webkit-transform: scale3d(.97, .97, .97);
+        transform: scale3d(.97, .97, .97)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+}
+
+@keyframes bounceIn {
+
+    from,
+    20%,
+    40%,
+    60%,
+    80%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    20% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1);
+        transform: scale3d(1.1, 1.1, 1.1)
+    }
+
+    40% {
+        -webkit-transform: scale3d(.9, .9, .9);
+        transform: scale3d(.9, .9, .9)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(1.03, 1.03, 1.03);
+        transform: scale3d(1.03, 1.03, 1.03)
+    }
+
+    80% {
+        -webkit-transform: scale3d(.97, .97, .97);
+        transform: scale3d(.97, .97, .97)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: scale3d(1, 1, 1);
+        transform: scale3d(1, 1, 1)
+    }
+}
+
+.bounceIn {
+    -webkit-animation-duration: .75s;
+    animation-duration: .75s;
+    -webkit-animation-name: bounceIn;
+    animation-name: bounceIn
+}
+
+@-webkit-keyframes bounceInDown {
+
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -3000px, 0);
+        transform: translate3d(0, -3000px, 0)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 25px, 0);
+        transform: translate3d(0, 25px, 0)
+    }
+
+    75% {
+        -webkit-transform: translate3d(0, -10px, 0);
+        transform: translate3d(0, -10px, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, 5px, 0);
+        transform: translate3d(0, 5px, 0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes bounceInDown {
+
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -3000px, 0);
+        transform: translate3d(0, -3000px, 0)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 25px, 0);
+        transform: translate3d(0, 25px, 0)
+    }
+
+    75% {
+        -webkit-transform: translate3d(0, -10px, 0);
+        transform: translate3d(0, -10px, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, 5px, 0);
+        transform: translate3d(0, 5px, 0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.bounceInDown {
+    -webkit-animation-name: bounceInDown;
+    animation-name: bounceInDown
+}
+
+@-webkit-keyframes bounceInLeft {
+
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(-3000px, 0, 0);
+        transform: translate3d(-3000px, 0, 0)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(25px, 0, 0);
+        transform: translate3d(25px, 0, 0)
+    }
+
+    75% {
+        -webkit-transform: translate3d(-10px, 0, 0);
+        transform: translate3d(-10px, 0, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(5px, 0, 0);
+        transform: translate3d(5px, 0, 0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes bounceInLeft {
+
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(-3000px, 0, 0);
+        transform: translate3d(-3000px, 0, 0)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(25px, 0, 0);
+        transform: translate3d(25px, 0, 0)
+    }
+
+    75% {
+        -webkit-transform: translate3d(-10px, 0, 0);
+        transform: translate3d(-10px, 0, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(5px, 0, 0);
+        transform: translate3d(5px, 0, 0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.bounceInLeft {
+    -webkit-animation-name: bounceInLeft;
+    animation-name: bounceInLeft
+}
+
+@-webkit-keyframes bounceInRight {
+
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(3000px, 0, 0);
+        transform: translate3d(3000px, 0, 0)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(-25px, 0, 0);
+        transform: translate3d(-25px, 0, 0)
+    }
+
+    75% {
+        -webkit-transform: translate3d(10px, 0, 0);
+        transform: translate3d(10px, 0, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(-5px, 0, 0);
+        transform: translate3d(-5px, 0, 0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes bounceInRight {
+
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(3000px, 0, 0);
+        transform: translate3d(3000px, 0, 0)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(-25px, 0, 0);
+        transform: translate3d(-25px, 0, 0)
+    }
+
+    75% {
+        -webkit-transform: translate3d(10px, 0, 0);
+        transform: translate3d(10px, 0, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(-5px, 0, 0);
+        transform: translate3d(-5px, 0, 0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.bounceInRight {
+    -webkit-animation-name: bounceInRight;
+    animation-name: bounceInRight
+}
+
+@-webkit-keyframes bounceInUp {
+
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 3000px, 0);
+        transform: translate3d(0, 3000px, 0)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, -20px, 0);
+        transform: translate3d(0, -20px, 0)
+    }
+
+    75% {
+        -webkit-transform: translate3d(0, 10px, 0);
+        transform: translate3d(0, 10px, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, -5px, 0);
+        transform: translate3d(0, -5px, 0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes bounceInUp {
+
+    from,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 3000px, 0);
+        transform: translate3d(0, 3000px, 0)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, -20px, 0);
+        transform: translate3d(0, -20px, 0)
+    }
+
+    75% {
+        -webkit-transform: translate3d(0, 10px, 0);
+        transform: translate3d(0, 10px, 0)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, -5px, 0);
+        transform: translate3d(0, -5px, 0)
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.bounceInUp {
+    -webkit-animation-name: bounceInUp;
+    animation-name: bounceInUp
+}
+
+@-webkit-keyframes bounceOut {
+    20% {
+        -webkit-transform: scale3d(.9, .9, .9);
+        transform: scale3d(.9, .9, .9)
+    }
+
+    50%,
+    55% {
+        opacity: 1;
+        -webkit-transform: scale3d(1.1, 1.1, 1.1);
+        transform: scale3d(1.1, 1.1, 1.1)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+}
+
+@keyframes bounceOut {
+    20% {
+        -webkit-transform: scale3d(.9, .9, .9);
+        transform: scale3d(.9, .9, .9)
+    }
+
+    50%,
+    55% {
+        opacity: 1;
+        -webkit-transform: scale3d(1.1, 1.1, 1.1);
+        transform: scale3d(1.1, 1.1, 1.1)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+}
+
+.bounceOut {
+    -webkit-animation-duration: .75s;
+    animation-duration: .75s;
+    -webkit-animation-name: bounceOut;
+    animation-name: bounceOut
+}
+
+@-webkit-keyframes bounceOutDown {
+    20% {
+        -webkit-transform: translate3d(0, 10px, 0);
+        transform: translate3d(0, 10px, 0)
+    }
+
+    40%,
+    45% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, -20px, 0);
+        transform: translate3d(0, -20px, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0);
+        transform: translate3d(0, 2000px, 0)
+    }
+}
+
+@keyframes bounceOutDown {
+    20% {
+        -webkit-transform: translate3d(0, 10px, 0);
+        transform: translate3d(0, 10px, 0)
+    }
+
+    40%,
+    45% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, -20px, 0);
+        transform: translate3d(0, -20px, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0);
+        transform: translate3d(0, 2000px, 0)
+    }
+}
+
+.bounceOutDown {
+    -webkit-animation-name: bounceOutDown;
+    animation-name: bounceOutDown
+}
+
+@-webkit-keyframes bounceOutLeft {
+    20% {
+        opacity: 1;
+        -webkit-transform: translate3d(20px, 0, 0);
+        transform: translate3d(20px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0);
+        transform: translate3d(-2000px, 0, 0)
+    }
+}
+
+@keyframes bounceOutLeft {
+    20% {
+        opacity: 1;
+        -webkit-transform: translate3d(20px, 0, 0);
+        transform: translate3d(20px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0);
+        transform: translate3d(-2000px, 0, 0)
+    }
+}
+
+.bounceOutLeft {
+    -webkit-animation-name: bounceOutLeft;
+    animation-name: bounceOutLeft
+}
+
+@-webkit-keyframes bounceOutRight {
+    20% {
+        opacity: 1;
+        -webkit-transform: translate3d(-20px, 0, 0);
+        transform: translate3d(-20px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0);
+        transform: translate3d(2000px, 0, 0)
+    }
+}
+
+@keyframes bounceOutRight {
+    20% {
+        opacity: 1;
+        -webkit-transform: translate3d(-20px, 0, 0);
+        transform: translate3d(-20px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0);
+        transform: translate3d(2000px, 0, 0)
+    }
+}
+
+.bounceOutRight {
+    -webkit-animation-name: bounceOutRight;
+    animation-name: bounceOutRight
+}
+
+@-webkit-keyframes bounceOutUp {
+    20% {
+        -webkit-transform: translate3d(0, -10px, 0);
+        transform: translate3d(0, -10px, 0)
+    }
+
+    40%,
+    45% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 20px, 0);
+        transform: translate3d(0, 20px, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0);
+        transform: translate3d(0, -2000px, 0)
+    }
+}
+
+@keyframes bounceOutUp {
+    20% {
+        -webkit-transform: translate3d(0, -10px, 0);
+        transform: translate3d(0, -10px, 0)
+    }
+
+    40%,
+    45% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 20px, 0);
+        transform: translate3d(0, 20px, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0);
+        transform: translate3d(0, -2000px, 0)
+    }
+}
+
+.bounceOutUp {
+    -webkit-animation-name: bounceOutUp;
+    animation-name: bounceOutUp
+}
+
+@-webkit-keyframes fadeIn {
+    from {
+        opacity: 0
+    }
+
+    to {
+        opacity: 1
+    }
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0
+    }
+
+    to {
+        opacity: 1
+    }
+}
+
+.fadeIn {
+    -webkit-animation-name: fadeIn;
+    animation-name: fadeIn
+}
+
+@-webkit-keyframes fadeInDown {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes fadeInDown {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.fadeInDown {
+    -webkit-animation-name: fadeInDown;
+    animation-name: fadeInDown
+}
+
+@-webkit-keyframes fadeInDownBig {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0);
+        transform: translate3d(0, -2000px, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes fadeInDownBig {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0);
+        transform: translate3d(0, -2000px, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.fadeInDownBig {
+    -webkit-animation-name: fadeInDownBig;
+    animation-name: fadeInDownBig
+}
+
+@-webkit-keyframes fadeInLeft {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes fadeInLeft {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.fadeInLeft {
+    -webkit-animation-name: fadeInLeft;
+    animation-name: fadeInLeft
+}
+
+@-webkit-keyframes fadeInLeftBig {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0);
+        transform: translate3d(-2000px, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes fadeInLeftBig {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0);
+        transform: translate3d(-2000px, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.fadeInLeftBig {
+    -webkit-animation-name: fadeInLeftBig;
+    animation-name: fadeInLeftBig
+}
+
+@-webkit-keyframes fadeInRight {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes fadeInRight {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.fadeInRight {
+    -webkit-animation-name: fadeInRight;
+    animation-name: fadeInRight
+}
+
+@-webkit-keyframes fadeInRightBig {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0);
+        transform: translate3d(2000px, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes fadeInRightBig {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0);
+        transform: translate3d(2000px, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.fadeInRightBig {
+    -webkit-animation-name: fadeInRightBig;
+    animation-name: fadeInRightBig
+}
+
+@-webkit-keyframes fadeInUp {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes fadeInUp {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.fadeInUp {
+    -webkit-animation-name: fadeInUp;
+    animation-name: fadeInUp
+}
+
+@-webkit-keyframes fadeInUpBig {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0);
+        transform: translate3d(0, 2000px, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes fadeInUpBig {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0);
+        transform: translate3d(0, 2000px, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.fadeInUpBig {
+    -webkit-animation-name: fadeInUpBig;
+    animation-name: fadeInUpBig
+}
+
+@-webkit-keyframes fadeOut {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0
+    }
+}
+
+@keyframes fadeOut {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0
+    }
+}
+
+.fadeOut {
+    -webkit-animation-name: fadeOut;
+    animation-name: fadeOut
+}
+
+@-webkit-keyframes fadeOutDown {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0)
+    }
+}
+
+@keyframes fadeOutDown {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0)
+    }
+}
+
+.fadeOutDown {
+    -webkit-animation-name: fadeOutDown;
+    animation-name: fadeOutDown
+}
+
+@-webkit-keyframes fadeOutDownBig {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0);
+        transform: translate3d(0, 2000px, 0)
+    }
+}
+
+@keyframes fadeOutDownBig {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0);
+        transform: translate3d(0, 2000px, 0)
+    }
+}
+
+.fadeOutDownBig {
+    -webkit-animation-name: fadeOutDownBig;
+    animation-name: fadeOutDownBig
+}
+
+@-webkit-keyframes fadeOutLeft {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
+    }
+}
+
+@keyframes fadeOutLeft {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
+    }
+}
+
+.fadeOutLeft {
+    -webkit-animation-name: fadeOutLeft;
+    animation-name: fadeOutLeft
+}
+
+@-webkit-keyframes fadeOutLeftBig {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0);
+        transform: translate3d(-2000px, 0, 0)
+    }
+}
+
+@keyframes fadeOutLeftBig {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0);
+        transform: translate3d(-2000px, 0, 0)
+    }
+}
+
+.fadeOutLeftBig {
+    -webkit-animation-name: fadeOutLeftBig;
+    animation-name: fadeOutLeftBig
+}
+
+@-webkit-keyframes fadeOutRight {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
+    }
+}
+
+@keyframes fadeOutRight {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
+    }
+}
+
+.fadeOutRight {
+    -webkit-animation-name: fadeOutRight;
+    animation-name: fadeOutRight
+}
+
+@-webkit-keyframes fadeOutRightBig {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0);
+        transform: translate3d(2000px, 0, 0)
+    }
+}
+
+@keyframes fadeOutRightBig {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0);
+        transform: translate3d(2000px, 0, 0)
+    }
+}
+
+.fadeOutRightBig {
+    -webkit-animation-name: fadeOutRightBig;
+    animation-name: fadeOutRightBig
+}
+
+@-webkit-keyframes fadeOutUp {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+}
+
+@keyframes fadeOutUp {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+}
+
+.fadeOutUp {
+    -webkit-animation-name: fadeOutUp;
+    animation-name: fadeOutUp
+}
+
+@-webkit-keyframes fadeOutUpBig {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0);
+        transform: translate3d(0, -2000px, 0)
+    }
+}
+
+@keyframes fadeOutUpBig {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0);
+        transform: translate3d(0, -2000px, 0)
+    }
+}
+
+.fadeOutUpBig {
+    -webkit-animation-name: fadeOutUpBig;
+    animation-name: fadeOutUpBig
+}
+
+@-webkit-keyframes flip {
+    from {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+        -webkit-animation-timing-function: ease-out;
+        animation-timing-function: ease-out
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+        -webkit-animation-timing-function: ease-out;
+        animation-timing-function: ease-out
+    }
+
+    50% {
+        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
+        transform: perspective(400px) scale3d(.95, .95, .95);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    to {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+}
+
+@keyframes flip {
+    from {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+        -webkit-animation-timing-function: ease-out;
+        animation-timing-function: ease-out
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+        -webkit-animation-timing-function: ease-out;
+        animation-timing-function: ease-out
+    }
+
+    50% {
+        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
+        transform: perspective(400px) scale3d(.95, .95, .95);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    to {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+}
+
+.animated.flip {
+    -webkit-backface-visibility: visible;
+    backface-visibility: visible;
+    -webkit-animation-name: flip;
+    animation-name: flip
+}
+
+@-webkit-keyframes flipInX {
+    from {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+        opacity: 0
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    60% {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
+    }
+
+    to {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+}
+
+@keyframes flipInX {
+    from {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+        opacity: 0
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    60% {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
+    }
+
+    to {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+}
+
+.flipInX {
+    -webkit-backface-visibility: visible !important;
+    backface-visibility: visible !important;
+    -webkit-animation-name: flipInX;
+    animation-name: flipInX
+}
+
+@-webkit-keyframes flipInY {
+    from {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+        opacity: 0
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    60% {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
+    }
+
+    to {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+}
+
+@keyframes flipInY {
+    from {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+        opacity: 0
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    60% {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
+    }
+
+    to {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+}
+
+.flipInY {
+    -webkit-backface-visibility: visible !important;
+    backface-visibility: visible !important;
+    -webkit-animation-name: flipInY;
+    animation-name: flipInY
+}
+
+@-webkit-keyframes flipOutX {
+    from {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+
+    30% {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+        opacity: 0
+    }
+}
+
+@keyframes flipOutX {
+    from {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+
+    30% {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+        opacity: 0
+    }
+}
+
+.flipOutX {
+    -webkit-animation-duration: .75s;
+    animation-duration: .75s;
+    -webkit-animation-name: flipOutX;
+    animation-name: flipOutX;
+    -webkit-backface-visibility: visible !important;
+    backface-visibility: visible !important
+}
+
+@-webkit-keyframes flipOutY {
+    from {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+
+    30% {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+        opacity: 0
+    }
+}
+
+@keyframes flipOutY {
+    from {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+
+    30% {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+        opacity: 0
+    }
+}
+
+.flipOutY {
+    -webkit-animation-duration: .75s;
+    animation-duration: .75s;
+    -webkit-backface-visibility: visible !important;
+    backface-visibility: visible !important;
+    -webkit-animation-name: flipOutY;
+    animation-name: flipOutY
+}
+
+@-webkit-keyframes lightSpeedIn {
+    from {
+        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+        transform: translate3d(100%, 0, 0) skewX(-30deg);
+        opacity: 0
+    }
+
+    60% {
+        -webkit-transform: skewX(20deg);
+        transform: skewX(20deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: skewX(-5deg);
+        transform: skewX(-5deg);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+@keyframes lightSpeedIn {
+    from {
+        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+        transform: translate3d(100%, 0, 0) skewX(-30deg);
+        opacity: 0
+    }
+
+    60% {
+        -webkit-transform: skewX(20deg);
+        transform: skewX(20deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: skewX(-5deg);
+        transform: skewX(-5deg);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+.lightSpeedIn {
+    -webkit-animation-name: lightSpeedIn;
+    animation-name: lightSpeedIn;
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out
+}
+
+@-webkit-keyframes lightSpeedOut {
+    from {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+        transform: translate3d(100%, 0, 0) skewX(30deg);
+        opacity: 0
+    }
+}
+
+@keyframes lightSpeedOut {
+    from {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+        transform: translate3d(100%, 0, 0) skewX(30deg);
+        opacity: 0
+    }
+}
+
+.lightSpeedOut {
+    -webkit-animation-name: lightSpeedOut;
+    animation-name: lightSpeedOut;
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in
+}
+
+@-webkit-keyframes rotateIn {
+    from {
+        -webkit-transform-origin: center;
+        transform-origin: center;
+        -webkit-transform: rotate3d(0, 0, 1, -200deg);
+        transform: rotate3d(0, 0, 1, -200deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: center;
+        transform-origin: center;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+@keyframes rotateIn {
+    from {
+        -webkit-transform-origin: center;
+        transform-origin: center;
+        -webkit-transform: rotate3d(0, 0, 1, -200deg);
+        transform: rotate3d(0, 0, 1, -200deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: center;
+        transform-origin: center;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+.rotateIn {
+    -webkit-animation-name: rotateIn;
+    animation-name: rotateIn
+}
+
+@-webkit-keyframes rotateInDownLeft {
+    from {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: rotate3d(0, 0, 1, -45deg);
+        transform: rotate3d(0, 0, 1, -45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+@keyframes rotateInDownLeft {
+    from {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: rotate3d(0, 0, 1, -45deg);
+        transform: rotate3d(0, 0, 1, -45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+.rotateInDownLeft {
+    -webkit-animation-name: rotateInDownLeft;
+    animation-name: rotateInDownLeft
+}
+
+@-webkit-keyframes rotateInDownRight {
+    from {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: rotate3d(0, 0, 1, 45deg);
+        transform: rotate3d(0, 0, 1, 45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+@keyframes rotateInDownRight {
+    from {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: rotate3d(0, 0, 1, 45deg);
+        transform: rotate3d(0, 0, 1, 45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+.rotateInDownRight {
+    -webkit-animation-name: rotateInDownRight;
+    animation-name: rotateInDownRight
+}
+
+@-webkit-keyframes rotateInUpLeft {
+    from {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: rotate3d(0, 0, 1, 45deg);
+        transform: rotate3d(0, 0, 1, 45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+@keyframes rotateInUpLeft {
+    from {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: rotate3d(0, 0, 1, 45deg);
+        transform: rotate3d(0, 0, 1, 45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+.rotateInUpLeft {
+    -webkit-animation-name: rotateInUpLeft;
+    animation-name: rotateInUpLeft
+}
+
+@-webkit-keyframes rotateInUpRight {
+    from {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: rotate3d(0, 0, 1, -90deg);
+        transform: rotate3d(0, 0, 1, -90deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+@keyframes rotateInUpRight {
+    from {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: rotate3d(0, 0, 1, -90deg);
+        transform: rotate3d(0, 0, 1, -90deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        opacity: 1
+    }
+}
+
+.rotateInUpRight {
+    -webkit-animation-name: rotateInUpRight;
+    animation-name: rotateInUpRight
+}
+
+@-webkit-keyframes rotateOut {
+    from {
+        -webkit-transform-origin: center;
+        transform-origin: center;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: center;
+        transform-origin: center;
+        -webkit-transform: rotate3d(0, 0, 1, 200deg);
+        transform: rotate3d(0, 0, 1, 200deg);
+        opacity: 0
+    }
+}
+
+@keyframes rotateOut {
+    from {
+        -webkit-transform-origin: center;
+        transform-origin: center;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: center;
+        transform-origin: center;
+        -webkit-transform: rotate3d(0, 0, 1, 200deg);
+        transform: rotate3d(0, 0, 1, 200deg);
+        opacity: 0
+    }
+}
+
+.rotateOut {
+    -webkit-animation-name: rotateOut;
+    animation-name: rotateOut
+}
+
+@-webkit-keyframes rotateOutDownLeft {
+    from {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: rotate3d(0, 0, 1, 45deg);
+        transform: rotate3d(0, 0, 1, 45deg);
+        opacity: 0
+    }
+}
+
+@keyframes rotateOutDownLeft {
+    from {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: rotate3d(0, 0, 1, 45deg);
+        transform: rotate3d(0, 0, 1, 45deg);
+        opacity: 0
+    }
+}
+
+.rotateOutDownLeft {
+    -webkit-animation-name: rotateOutDownLeft;
+    animation-name: rotateOutDownLeft
+}
+
+@-webkit-keyframes rotateOutDownRight {
+    from {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: rotate3d(0, 0, 1, -45deg);
+        transform: rotate3d(0, 0, 1, -45deg);
+        opacity: 0
+    }
+}
+
+@keyframes rotateOutDownRight {
+    from {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: rotate3d(0, 0, 1, -45deg);
+        transform: rotate3d(0, 0, 1, -45deg);
+        opacity: 0
+    }
+}
+
+.rotateOutDownRight {
+    -webkit-animation-name: rotateOutDownRight;
+    animation-name: rotateOutDownRight
+}
+
+@-webkit-keyframes rotateOutUpLeft {
+    from {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: rotate3d(0, 0, 1, -45deg);
+        transform: rotate3d(0, 0, 1, -45deg);
+        opacity: 0
+    }
+}
+
+@keyframes rotateOutUpLeft {
+    from {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: left bottom;
+        transform-origin: left bottom;
+        -webkit-transform: rotate3d(0, 0, 1, -45deg);
+        transform: rotate3d(0, 0, 1, -45deg);
+        opacity: 0
+    }
+}
+
+.rotateOutUpLeft {
+    -webkit-animation-name: rotateOutUpLeft;
+    animation-name: rotateOutUpLeft
+}
+
+@-webkit-keyframes rotateOutUpRight {
+    from {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: rotate3d(0, 0, 1, 90deg);
+        transform: rotate3d(0, 0, 1, 90deg);
+        opacity: 0
+    }
+}
+
+@keyframes rotateOutUpRight {
+    from {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform-origin: right bottom;
+        transform-origin: right bottom;
+        -webkit-transform: rotate3d(0, 0, 1, 90deg);
+        transform: rotate3d(0, 0, 1, 90deg);
+        opacity: 0
+    }
+}
+
+.rotateOutUpRight {
+    -webkit-animation-name: rotateOutUpRight;
+    animation-name: rotateOutUpRight
+}
+
+@-webkit-keyframes hinge {
+    0% {
+        -webkit-transform-origin: top left;
+        transform-origin: top left;
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out
+    }
+
+    20%,
+    60% {
+        -webkit-transform: rotate3d(0, 0, 1, 80deg);
+        transform: rotate3d(0, 0, 1, 80deg);
+        -webkit-transform-origin: top left;
+        transform-origin: top left;
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out
+    }
+
+    40%,
+    80% {
+        -webkit-transform: rotate3d(0, 0, 1, 60deg);
+        transform: rotate3d(0, 0, 1, 60deg);
+        -webkit-transform-origin: top left;
+        transform-origin: top left;
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 700px, 0);
+        transform: translate3d(0, 700px, 0);
+        opacity: 0
+    }
+}
+
+@keyframes hinge {
+    0% {
+        -webkit-transform-origin: top left;
+        transform-origin: top left;
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out
+    }
+
+    20%,
+    60% {
+        -webkit-transform: rotate3d(0, 0, 1, 80deg);
+        transform: rotate3d(0, 0, 1, 80deg);
+        -webkit-transform-origin: top left;
+        transform-origin: top left;
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out
+    }
+
+    40%,
+    80% {
+        -webkit-transform: rotate3d(0, 0, 1, 60deg);
+        transform: rotate3d(0, 0, 1, 60deg);
+        -webkit-transform-origin: top left;
+        transform-origin: top left;
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 700px, 0);
+        transform: translate3d(0, 700px, 0);
+        opacity: 0
+    }
+}
+
+.hinge {
+    -webkit-animation-duration: 2s;
+    animation-duration: 2s;
+    -webkit-animation-name: hinge;
+    animation-name: hinge
+}
+
+@-webkit-keyframes jackInTheBox {
+    from {
+        opacity: 0;
+        -webkit-transform: scale(.1) rotate(30deg);
+        transform: scale(.1) rotate(30deg);
+        -webkit-transform-origin: center bottom;
+        transform-origin: center bottom
+    }
+
+    50% {
+        -webkit-transform: rotate(-10deg);
+        transform: rotate(-10deg)
+    }
+
+    70% {
+        -webkit-transform: rotate(3deg);
+        transform: rotate(3deg)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: scale(1);
+        transform: scale(1)
+    }
+}
+
+@keyframes jackInTheBox {
+    from {
+        opacity: 0;
+        -webkit-transform: scale(.1) rotate(30deg);
+        transform: scale(.1) rotate(30deg);
+        -webkit-transform-origin: center bottom;
+        transform-origin: center bottom
+    }
+
+    50% {
+        -webkit-transform: rotate(-10deg);
+        transform: rotate(-10deg)
+    }
+
+    70% {
+        -webkit-transform: rotate(3deg);
+        transform: rotate(3deg)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: scale(1);
+        transform: scale(1)
+    }
+}
+
+.jackInTheBox {
+    -webkit-animation-name: jackInTheBox;
+    animation-name: jackInTheBox
+}
+
+@-webkit-keyframes rollIn {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes rollIn {
+    from {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.rollIn {
+    -webkit-animation-name: rollIn;
+    animation-name: rollIn
+}
+
+@-webkit-keyframes rollOut {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
+    }
+}
+
+@keyframes rollOut {
+    from {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
+    }
+}
+
+.rollOut {
+    -webkit-animation-name: rollOut;
+    animation-name: rollOut
+}
+
+@-webkit-keyframes zoomIn {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    50% {
+        opacity: 1
+    }
+}
+
+@keyframes zoomIn {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    50% {
+        opacity: 1
+    }
+}
+
+.zoomIn {
+    -webkit-animation-name: zoomIn;
+    animation-name: zoomIn
+}
+
+@-webkit-keyframes zoomInDown {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomInDown {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.zoomInDown {
+    -webkit-animation-name: zoomInDown;
+    animation-name: zoomInDown
+}
+
+@-webkit-keyframes zoomInLeft {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomInLeft {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.zoomInLeft {
+    -webkit-animation-name: zoomInLeft;
+    animation-name: zoomInLeft
+}
+
+@-webkit-keyframes zoomInRight {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomInRight {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.zoomInRight {
+    -webkit-animation-name: zoomInRight;
+    animation-name: zoomInRight
+}
+
+@-webkit-keyframes zoomInUp {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomInUp {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.zoomInUp {
+    -webkit-animation-name: zoomInUp;
+    animation-name: zoomInUp
+}
+
+@-webkit-keyframes zoomOut {
+    from {
+        opacity: 1
+    }
+
+    50% {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    to {
+        opacity: 0
+    }
+}
+
+@keyframes zoomOut {
+    from {
+        opacity: 1
+    }
+
+    50% {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    to {
+        opacity: 0
+    }
+}
+
+.zoomOut {
+    -webkit-animation-name: zoomOut;
+    animation-name: zoomOut
+}
+
+@-webkit-keyframes zoomOutDown {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+        -webkit-transform-origin: center bottom;
+        transform-origin: center bottom;
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomOutDown {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+        -webkit-transform-origin: center bottom;
+        transform-origin: center bottom;
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.zoomOutDown {
+    -webkit-animation-name: zoomOutDown;
+    animation-name: zoomOutDown
+}
+
+@-webkit-keyframes zoomOutLeft {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
+        transform: scale(.1) translate3d(-2000px, 0, 0);
+        -webkit-transform-origin: left center;
+        transform-origin: left center
+    }
+}
+
+@keyframes zoomOutLeft {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
+        transform: scale(.1) translate3d(-2000px, 0, 0);
+        -webkit-transform-origin: left center;
+        transform-origin: left center
+    }
+}
+
+.zoomOutLeft {
+    -webkit-animation-name: zoomOutLeft;
+    animation-name: zoomOutLeft
+}
+
+@-webkit-keyframes zoomOutRight {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
+        transform: scale(.1) translate3d(2000px, 0, 0);
+        -webkit-transform-origin: right center;
+        transform-origin: right center
+    }
+}
+
+@keyframes zoomOutRight {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
+        transform: scale(.1) translate3d(2000px, 0, 0);
+        -webkit-transform-origin: right center;
+        transform-origin: right center
+    }
+}
+
+.zoomOutRight {
+    -webkit-animation-name: zoomOutRight;
+    animation-name: zoomOutRight
+}
+
+@-webkit-keyframes zoomOutUp {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+        -webkit-transform-origin: center bottom;
+        transform-origin: center bottom;
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomOutUp {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+        -webkit-transform-origin: center bottom;
+        transform-origin: center bottom;
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.zoomOutUp {
+    -webkit-animation-name: zoomOutUp;
+    animation-name: zoomOutUp
+}
+
+@-webkit-keyframes slideInDown {
+    from {
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes slideInDown {
+    from {
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.slideInDown {
+    -webkit-animation-name: slideInDown;
+    animation-name: slideInDown
+}
+
+@-webkit-keyframes slideInLeft {
+    from {
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes slideInLeft {
+    from {
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.slideInLeft {
+    -webkit-animation-name: slideInLeft;
+    animation-name: slideInLeft
+}
+
+@-webkit-keyframes slideInRight {
+    from {
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes slideInRight {
+    from {
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.slideInRight {
+    -webkit-animation-name: slideInRight;
+    animation-name: slideInRight
+}
+
+@-webkit-keyframes slideInUp {
+    from {
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+@keyframes slideInUp {
+    from {
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+}
+
+.slideInUp {
+    -webkit-animation-name: slideInUp;
+    animation-name: slideInUp
+}
+
+@-webkit-keyframes slideOutDown {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0)
+    }
+}
+
+@keyframes slideOutDown {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0)
+    }
+}
+
+.slideOutDown {
+    -webkit-animation-name: slideOutDown;
+    animation-name: slideOutDown
+}
+
+@-webkit-keyframes slideOutLeft {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
+    }
+}
+
+@keyframes slideOutLeft {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
+    }
+}
+
+.slideOutLeft {
+    -webkit-animation-name: slideOutLeft;
+    animation-name: slideOutLeft
+}
+
+@-webkit-keyframes slideOutRight {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
+    }
+}
+
+@keyframes slideOutRight {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
+    }
+}
+
+.slideOutRight {
+    -webkit-animation-name: slideOutRight;
+    animation-name: slideOutRight
+}
+
+@-webkit-keyframes slideOutUp {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+}
+
+@keyframes slideOutUp {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+}
+
+.slideOutUp {
+    -webkit-animation-name: slideOutUp;
+    animation-name: slideOutUp
+}

frontend/css/app.css

@@ -0,0 +1,5243 @@
+html {
+    background-color: #f0f3f4
+}
+
+body {
+    font-family: source sans pro, helvetica neue, Helvetica, Arial, sans-serif;
+    font-size: 14px;
+    -webkit-font-smoothing: antialiased;
+    line-height: 1.42857143;
+    color: #58666e;
+    background-color: transparent
+}
+
+*:focus {
+    outline: 0 !important
+}
+
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+    margin: 0
+}
+
+a {
+    color: #363f44;
+    text-decoration: none;
+    cursor: pointer
+}
+
+a:hover,
+a:focus {
+    color: #141719;
+    text-decoration: none
+}
+
+label {
+    font-weight: 400
+}
+
+small,
+.small {
+    font-size: 13px
+}
+
+.badge,
+.label {
+    font-weight: 700;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, .2)
+}
+
+.badge.bg-light,
+.label.bg-light {
+    text-shadow: none
+}
+
+.badge {
+    background-color: #cfdadd
+}
+
+.badge.up {
+    position: relative;
+    top: -10px;
+    padding: 3px 6px;
+    margin-left: -10px
+}
+
+.badge-sm {
+    padding: 2px 5px !important;
+    font-size: 85%
+}
+
+.label-sm {
+    padding-top: 0;
+    padding-bottom: 1px
+}
+
+.badge-white {
+    padding: 2px 6px;
+    background-color: transparent;
+    border: 1px solid rgba(255, 255, 255, .35)
+}
+
+.badge-empty {
+    color: inherit;
+    background-color: transparent;
+    border: 1px solid rgba(0, 0, 0, .15)
+}
+
+blockquote {
+    border-color: #dee5e7
+}
+
+.caret-white {
+    border-top-color: #fff;
+    border-top-color: rgba(255, 255, 255, .65)
+}
+
+a:hover .caret-white {
+    border-top-color: #fff
+}
+
+.thumbnail {
+    border-color: #dee5e7
+}
+
+.progress {
+    background-color: #edf1f2
+}
+
+.progress-xxs {
+    height: 2px
+}
+
+.progress-xs {
+    height: 6px
+}
+
+.progress-sm {
+    height: 12px
+}
+
+.progress-sm .progress-bar {
+    font-size: 10px;
+    line-height: 1em
+}
+
+.progress,
+.progress-bar {
+    -webkit-box-shadow: none;
+    box-shadow: none
+}
+
+.progress-bar-primary {
+    background-color: #7266ba
+}
+
+.progress-bar-info {
+    background-color: #23b7e5
+}
+
+.progress-bar-success {
+    background-color: #27c24c
+}
+
+.progress-bar-warning {
+    background-color: #fad733
+}
+
+.progress-bar-danger {
+    background-color: #f05050
+}
+
+.progress-bar-black {
+    background-color: #1c2b36
+}
+
+.progress-bar-white {
+    background-color: #fff
+}
+
+.accordion-group,
+.accordion-inner {
+    border-color: #dee5e7;
+    border-radius: 2px
+}
+
+.alert {
+    font-size: 13px;
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2)
+}
+
+.alert .close i {
+    display: block;
+    font-size: 12px;
+    font-weight: 400
+}
+
+.form-control {
+    border-color: #cfdadd;
+    border-radius: 2px
+}
+
+.form-control,
+.form-control:focus {
+    -webkit-box-shadow: none;
+    box-shadow: none
+}
+
+.form-control:focus {
+    border-color: #23b7e5
+}
+
+.form-horizontal .control-label.text-left {
+    text-align: left
+}
+
+.form-control-spin {
+    position: absolute;
+    top: 50%;
+    right: 10px;
+    z-index: 2;
+    margin-top: -7px
+}
+
+.input-lg {
+    height: 45px
+}
+
+.input-group-addon {
+    background-color: #edf1f2;
+    border-color: #cfdadd
+}
+
+.list-group {
+    border-radius: 2px
+}
+
+.list-group.no-radius .list-group-item {
+    border-radius: 0 !important
+}
+
+.list-group.no-borders .list-group-item {
+    border: none
+}
+
+.list-group.no-border .list-group-item {
+    border-width: 1px 0
+}
+
+.list-group.no-bg .list-group-item {
+    background-color: transparent
+}
+
+.list-group-item {
+    padding-right: 15px;
+    border-color: #e7ecee
+}
+
+a.list-group-item:hover,
+a.list-group-item:focus,
+a.list-group-item.hover {
+    background-color: #f6f8f8
+}
+
+.list-group-item.media {
+    margin-top: 0
+}
+
+.list-group-item.active {
+    color: #fff;
+    background-color: #23b7e5 !important;
+    border-color: #23b7e5 !important
+}
+
+.list-group-item.active .text-muted {
+    color: #ace4f5 !important
+}
+
+.list-group-item.active a {
+    color: #fff
+}
+
+.list-group-item.focus {
+    background-color: #e4eaec !important
+}
+
+.list-group-item.select {
+    position: relative;
+    z-index: 1;
+    background-color: #dbeef9 !important;
+    border-color: #c5e4f5
+}
+
+.list-group-alt .list-group-item:nth-child(2n+2) {
+    background-color: rgba(0, 0, 0, .02) !important
+}
+
+.list-group-lg .list-group-item {
+    padding-top: 15px;
+    padding-bottom: 15px
+}
+
+.list-group-sm .list-group-item {
+    padding: 6px 10px
+}
+
+.list-group-sp .list-group-item {
+    margin-bottom: 5px;
+    border-radius: 3px
+}
+
+.list-group-item>.badge {
+    margin-right: 0
+}
+
+.list-group-item>.fa-chevron-right {
+    float: right;
+    margin-top: 4px;
+    margin-right: -5px
+}
+
+.list-group-item>.fa-chevron-right+.badge {
+    margin-right: 5px
+}
+
+.nav-pills.no-radius>li>a {
+    border-radius: 0
+}
+
+.nav-pills>li.active>a {
+    color: #fff !important;
+    background-color: #23b7e5
+}
+
+.nav-pills>li.active>a:hover,
+.nav-pills>li.active>a:active {
+    background-color: #19a9d5
+}
+
+.nav>li>a:hover,
+.nav>li>a:focus {
+    background-color: #f6f8f8
+}
+
+.nav.nav-lg>li>a {
+    padding: 20px
+}
+
+.nav.nav-md>li>a {
+    padding: 15px
+}
+
+.nav.nav-sm>li>a {
+    padding: 6px 12px
+}
+
+.nav.nav-xs>li>a {
+    padding: 4px 10px
+}
+
+.nav.nav-xxs>li>a {
+    padding: 1px 10px
+}
+
+.nav.nav-rounded>li>a {
+    border-radius: 20px
+}
+
+.nav .open>a,
+.nav .open>a:hover,
+.nav .open>a:focus {
+    background-color: #f6f8f8
+}
+
+.nav-tabs {
+    border-color: #dee5e7
+}
+
+.nav-tabs>li>a {
+    border-bottom-color: #dee5e7;
+    border-radius: 2px 2px 0 0
+}
+
+.nav-tabs>li:hover>a,
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:hover {
+    border-color: #dee5e7
+}
+
+.nav-tabs>li.active>a {
+    border-bottom-color: #fff !important
+}
+
+.nav-tabs-alt .nav-tabs.nav-justified>li {
+    display: table-cell;
+    width: 1%
+}
+
+.nav-tabs-alt .nav-tabs>li>a {
+    background: 0 0 !important;
+    border-color: transparent !important;
+    border-bottom-color: #dee5e7 !important;
+    border-radius: 0
+}
+
+.nav-tabs-alt .nav-tabs>li.active>a {
+    border-bottom-color: #23b7e5 !important
+}
+
+.tab-container {
+    margin-bottom: 15px
+}
+
+.tab-container .tab-content {
+    padding: 15px;
+    background-color: #fff;
+    border: 1px solid #dee5e7;
+    border-top-width: 0;
+    border-radius: 0 0 2px 2px
+}
+
+.pagination>li>a {
+    border-color: #dee5e7
+}
+
+.pagination>li>a:hover,
+.pagination>li>a:focus {
+    background-color: #edf1f2;
+    border-color: #dee5e7
+}
+
+.panel {
+    border-radius: 2px
+}
+
+.panel .accordion-toggle {
+    display: block;
+    font-size: 14px;
+    cursor: pointer
+}
+
+.panel .list-group-item {
+    border-color: #edf1f2
+}
+
+.panel.no-borders {
+    border-width: 0
+}
+
+.panel.no-borders .panel-heading,
+.panel.no-borders .panel-footer {
+    border-width: 0
+}
+
+.panel-heading {
+    border-radius: 2px 2px 0 0
+}
+
+.panel-default .panel-heading {
+    background-color: #f6f8f8
+}
+
+.panel-heading.no-border {
+    margin: -1px -1px 0;
+    border: none
+}
+
+.panel-heading .nav {
+    margin: -10px -15px
+}
+
+.panel-heading .list-group {
+    background: 0 0
+}
+
+.panel-footer {
+    background-color: #fff;
+    border-color: #edf1f2;
+    border-radius: 0 0 2px 2px
+}
+
+.panel-default {
+    border-color: #dee5e7
+}
+
+.panel-default>.panel-heading,
+.panel-default>.panel-footer {
+    border-color: #edf1f2
+}
+
+.panel-group .panel-heading+.panel-collapse .panel-body {
+    border-top: 1px solid #eaedef
+}
+
+.table>tbody>tr>td,
+.table>tfoot>tr>td {
+    padding: 8px 15px;
+    border-top: 1px solid #eaeff0
+}
+
+.table>thead>tr>th {
+    padding: 8px 15px;
+    border-bottom: 1px solid #eaeff0
+}
+
+.table-bordered {
+    border-color: #eaeff0
+}
+
+.table-bordered>tbody>tr>td {
+    border-color: #eaeff0
+}
+
+.table-bordered>thead>tr>th {
+    border-color: #eaeff0
+}
+
+.table-striped>tbody>tr:nth-child(odd)>td,
+.table-striped>tbody>tr:nth-child(odd)>th {
+    background-color: #fafbfc
+}
+
+.table-striped>thead>th {
+    background-color: #fafbfc;
+    border-right: 1px solid #eaeff0
+}
+
+.table-striped>thead>th:last-child {
+    border-right: none
+}
+
+.well,
+pre {
+    background-color: #edf1f2;
+    border-color: #dee5e7
+}
+
+.dropdown-menu {
+    border: 1px solid #dee5e7;
+    border: 1px solid rgba(0, 0, 0, .1);
+    border-radius: 2px;
+    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
+    box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
+}
+
+.dropdown-menu.pull-left {
+    left: 100%
+}
+
+.dropdown-menu>.panel {
+    margin: -5px 0;
+    border: none
+}
+
+.dropdown-menu>li>a {
+    padding: 5px 15px
+}
+
+.dropdown-menu>li>a:hover,
+.dropdown-menu>li>a:focus,
+.dropdown-menu>.active>a,
+.dropdown-menu>.active>a:hover,
+.dropdown-menu>.active>a:focus {
+    color: #141719;
+    background-color: #edf1f2 !important;
+    background-image: none;
+    filter: none
+}
+
+.dropdown-header {
+    padding: 5px 15px
+}
+
+.dropdown-submenu {
+    position: relative
+}
+
+.dropdown-submenu:hover>a,
+.dropdown-submenu:focus>a {
+    color: #58666e;
+    background-color: #edf1f2 !important
+}
+
+.dropdown-submenu:hover>.dropdown-menu,
+.dropdown-submenu:focus>.dropdown-menu {
+    display: block
+}
+
+.dropdown-submenu.pull-left {
+    float: none !important
+}
+
+.dropdown-submenu.pull-left>.dropdown-menu {
+    left: -100%;
+    margin-left: 10px
+}
+
+.dropdown-submenu .dropdown-menu {
+    top: 0;
+    left: 100%;
+    margin-top: -6px;
+    margin-left: -1px
+}
+
+.dropup .dropdown-submenu>.dropdown-menu {
+    top: auto;
+    bottom: 0
+}
+
+.btn-group>.btn {
+    margin-left: -1px
+}
+
+.col-lg-2-4 {
+    position: relative;
+    min-height: 1px;
+    padding-right: 15px;
+    padding-left: 15px
+}
+
+.col-0 {
+    clear: left
+}
+
+.row.no-gutter {
+    margin-right: 0;
+    margin-left: 0
+}
+
+.no-gutter [class*=col] {
+    padding: 0
+}
+
+.row-sm {
+    margin-right: -10px;
+    margin-left: -10px
+}
+
+.row-sm>div {
+    padding-right: 10px;
+    padding-left: 10px
+}
+
+.modal-backdrop {
+    background-color: #000
+}
+
+.modal-backdrop.in {
+    opacity: .7;
+    filter: alpha(opacity=70)
+}
+
+.modal-over {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0
+}
+
+.modal-center {
+    position: absolute;
+    top: 50%;
+    left: 50%
+}
+
+html,
+body {
+    width: 100%;
+    height: 100%
+}
+
+body {
+    overflow-x: hidden
+}
+
+.app {
+    position: relative;
+    width: 100%;
+    height: auto;
+    min-height: 100%
+}
+
+.app:before {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    z-index: -1;
+    display: block;
+    width: inherit;
+    background-color: #f0f3f4;
+    border: inherit;
+    content: ""
+}
+
+.app-header-fixed {
+    padding-top: 50px
+}
+
+.app-header-fixed .app-header {
+    position: fixed;
+    top: 0;
+    width: 100%
+}
+
+.app-header {
+    z-index: 1025;
+    border-radius: 0
+}
+
+.app-aside {
+    float: left
+}
+
+.app-aside:before {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    z-index: -1;
+    width: inherit;
+    background-color: inherit;
+    border: inherit;
+    content: ""
+}
+
+.app-aside-footer {
+    position: absolute;
+    bottom: 0;
+    z-index: 1000;
+    width: 100%;
+    max-width: 200px
+}
+
+.app-aside-folded .app-aside-footer {
+    max-width: 60px
+}
+
+.app-aside-footer~div {
+    padding-bottom: 50px
+}
+
+.app-aside-right {
+    padding-bottom: 50px
+}
+
+.app-content {
+    height: 100%
+}
+
+.app-content:before,
+.app-content:after {
+    display: table;
+    content: " "
+}
+
+.app-content:after {
+    clear: both
+}
+
+.app-content-full {
+    position: absolute;
+    top: 50px;
+    bottom: 50px;
+    width: auto !important;
+    height: auto;
+    padding: 0 !important;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch
+}
+
+.app-content-full.h-full {
+    bottom: 0;
+    height: auto
+}
+
+.app-content-body {
+    float: left;
+    width: 100%;
+    padding-bottom: 50px
+}
+
+.app-footer {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1005
+}
+
+.app-footer.app-footer-fixed {
+    position: fixed
+}
+
+.hbox {
+    display: table;
+    width: 100%;
+    height: 100%;
+    border-spacing: 0;
+    table-layout: fixed
+}
+
+.hbox .col {
+    display: table-cell;
+    float: none;
+    height: 100%;
+    vertical-align: top
+}
+
+.v-middle {
+    vertical-align: middle !important
+}
+
+.v-top {
+    vertical-align: top !important
+}
+
+.v-bottom {
+    vertical-align: bottom !important
+}
+
+.vbox {
+    position: relative;
+    display: table;
+    width: 100%;
+    height: 100%;
+    min-height: 240px;
+    border-spacing: 0
+}
+
+.vbox .row-row {
+    display: table-row;
+    height: 100%
+}
+
+.vbox .row-row .cell {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch
+}
+
+.ie .vbox .row-row .cell {
+    display: table-cell
+}
+
+.vbox .row-row .cell .cell-inner {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0
+}
+
+.navbar {
+    margin: 0;
+    border-width: 0;
+    border-radius: 0
+}
+
+.navbar .navbar-form-sm {
+    margin-top: 10px;
+    margin-bottom: 10px
+}
+
+.navbar-md {
+    min-height: 60px
+}
+
+.navbar-md .navbar-btn {
+    margin-top: 13px
+}
+
+.navbar-md .navbar-form {
+    margin-top: 15px
+}
+
+.navbar-md .navbar-nav>li>a {
+    padding-top: 20px;
+    padding-bottom: 20px
+}
+
+.navbar-md .navbar-brand {
+    line-height: 60px
+}
+
+.navbar-header>button {
+    padding: 10px 17px;
+    font-size: 16px;
+    line-height: 30px;
+    text-decoration: none;
+    background-color: transparent;
+    border: none
+}
+
+.navbar-brand {
+    display: inline-block;
+    float: none;
+    height: auto;
+    padding: 0 20px;
+    font-size: 20px;
+    font-weight: 700;
+    line-height: 50px;
+    text-align: center
+}
+
+.navbar-brand:hover {
+    text-decoration: none
+}
+
+.navbar-brand img {
+    display: inline;
+    max-height: 22px;
+    margin-top: -6px;
+    vertical-align: middle
+}
+
+@media(min-width:768px) {
+
+    .app-aside,
+    .navbar-header {
+        width: 200px
+    }
+
+    .navbar-collapse,
+    .app-content,
+    .app-footer {
+        margin-left: 200px
+    }
+
+    .app-aside-right {
+        position: absolute;
+        top: 50px;
+        right: 0;
+        bottom: 0;
+        z-index: 1000
+    }
+
+    .app-aside-right.pos-fix {
+        z-index: 1010
+    }
+
+    .visible-folded {
+        display: none
+    }
+
+    .app-aside-folded .hidden-folded {
+        display: none !important
+    }
+
+    .app-aside-folded .visible-folded {
+        display: inherit
+    }
+
+    .app-aside-folded .text-center-folded {
+        text-align: center
+    }
+
+    .app-aside-folded .pull-none-folded {
+        float: none !important
+    }
+
+    .app-aside-folded .w-auto-folded {
+        width: auto
+    }
+
+    .app-aside-folded .app-aside,
+    .app-aside-folded .navbar-header {
+        width: 60px
+    }
+
+    .app-aside-folded .navbar-collapse,
+    .app-aside-folded .app-content,
+    .app-aside-folded .app-footer {
+        margin-left: 60px
+    }
+
+    .app-aside-folded .app-header .navbar-brand {
+        display: block;
+        padding: 0
+    }
+
+    .app-aside-fixed .app-header .navbar-header {
+        position: fixed
+    }
+
+    .app-aside-fixed .aside-wrap {
+        position: fixed;
+        top: 50px;
+        bottom: 0;
+        left: 0;
+        z-index: 1000;
+        width: 199px;
+        overflow: hidden
+    }
+
+    .app-aside-fixed .aside-wrap .navi-wrap {
+        position: relative;
+        width: 217px;
+        height: 100%;
+        overflow-x: hidden;
+        overflow-y: scroll;
+        -webkit-overflow-scrolling: touch
+    }
+
+    .app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar {
+        -webkit-appearance: none
+    }
+
+    .app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar:vertical {
+        width: 17px
+    }
+
+    .smart .app-aside-fixed .aside-wrap .navi-wrap {
+        width: 200px
+    }
+
+    .app-aside-fixed.app-aside-folded .app-aside {
+        position: fixed;
+        top: 0;
+        bottom: 0;
+        z-index: 1010
+    }
+
+    .app-aside-fixed.app-aside-folded .aside-wrap {
+        width: 59px
+    }
+
+    .app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap {
+        width: 77px
+    }
+
+    .smart .app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap {
+        width: 60px
+    }
+
+    .bg-auto:before {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        z-index: -1;
+        width: inherit;
+        background-color: inherit;
+        border: inherit;
+        content: ""
+    }
+
+    .bg-auto.b-l:before {
+        margin-left: -1px
+    }
+
+    .bg-auto.b-r:before {
+        margin-right: -1px
+    }
+
+    .col.show {
+        display: table-cell !important
+    }
+}
+
+@media(min-width:768px) and (max-width:991px) {
+    .hbox-auto-sm {
+        display: block
+    }
+
+    .hbox-auto-sm>.col {
+        display: block;
+        width: auto;
+        height: auto
+    }
+
+    .hbox-auto-sm>.col.show {
+        display: block !important
+    }
+}
+
+@media(max-width:767px) {
+    .app-aside {
+        float: none
+    }
+
+    .app-content-full {
+        width: 100% !important
+    }
+
+    .hbox-auto-xs {
+        display: block
+    }
+
+    .hbox-auto-xs>.col {
+        display: block;
+        width: auto;
+        height: auto
+    }
+
+    .navbar-nav {
+        margin-top: 0;
+        margin-bottom: 0
+    }
+
+    .navbar-nav>li>a {
+        box-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
+    }
+
+    .navbar-nav>li>a .up {
+        top: 0
+    }
+
+    .navbar-nav>li>a .avatar {
+        width: 30px;
+        margin-top: -5px
+    }
+
+    .navbar-nav .open .dropdown-menu {
+        background-color: #fff
+    }
+
+    .navbar-form {
+        margin-top: 0 !important;
+        margin-bottom: 0 !important;
+        box-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
+    }
+
+    .navbar-form .form-group {
+        margin-bottom: 0
+    }
+}
+
+.app.container {
+    padding-right: 0;
+    padding-left: 0
+}
+
+@media(min-width:768px) {
+    .app.container {
+        width: 750px;
+        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3);
+        box-shadow: 0 0 30px rgba(0, 0, 0, .3)
+    }
+
+    .app.container .app-aside {
+        overflow-x: hidden
+    }
+
+    .app.container.app-aside-folded .app-aside {
+        overflow-x: visible
+    }
+
+    .app.container.app-aside-fixed .aside-wrap {
+        left: inherit
+    }
+
+    .app.container.app-aside-fixed.app-aside-folded .app-aside>ul.nav {
+        position: absolute
+    }
+
+    .app.container .app-header,
+    .app.container .app-aside {
+        max-width: 750px
+    }
+
+    .app.container .app-footer-fixed {
+        right: auto;
+        left: auto;
+        width: 100%;
+        max-width: 550px
+    }
+
+    .app.container.app-aside-folded .app-footer-fixed {
+        max-width: 690px
+    }
+
+    .app.container.app-aside-dock .app-footer-fixed {
+        max-width: 750px
+    }
+}
+
+@media(min-width:992px) {
+    .app.container {
+        width: 970px
+    }
+
+    .app.container .app-header,
+    .app.container .app-aside {
+        max-width: 970px
+    }
+
+    .app.container .app-footer-fixed {
+        max-width: 770px
+    }
+
+    .app.container.app-aside-folded .app-footer-fixed {
+        max-width: 910px
+    }
+
+    .app.container.app-aside-dock .app-footer-fixed {
+        max-width: 970px
+    }
+}
+
+@media(min-width:1200px) {
+    .app.container {
+        width: 1170px
+    }
+
+    .app.container .app-header,
+    .app.container .app-aside {
+        max-width: 1170px
+    }
+
+    .app.container .app-footer-fixed {
+        max-width: 970px
+    }
+
+    .app.container.app-aside-folded .app-footer-fixed {
+        max-width: 1110px
+    }
+
+    .app.container.app-aside-dock .app-footer-fixed {
+        max-width: 1170px
+    }
+}
+
+.nav-sub {
+    height: 0;
+    margin-left: -20px;
+    overflow: hidden;
+    opacity: 0;
+    -webkit-transition: all .2s ease-in-out 0s;
+    transition: all .2s ease-in-out 0s
+}
+
+.active>.nav-sub,
+.app-aside-folded li:hover>.nav-sub,
+.app-aside-folded li:focus>.nav-sub,
+.app-aside-folded li:active>.nav-sub {
+    height: auto !important;
+    margin-left: 0;
+    overflow: auto;
+    opacity: 1
+}
+
+.nav-sub-header {
+    display: none !important
+}
+
+.nav-sub-header a {
+    padding: 15px 20px
+}
+
+.navi ul.nav li {
+    position: relative;
+    display: block
+}
+
+.navi ul.nav li li a {
+    padding-left: 55px
+}
+
+.navi ul.nav li li ul {
+    display: none
+}
+
+.navi ul.nav li li.active>ul {
+    display: block
+}
+
+.navi ul.nav li a {
+    position: relative;
+    display: block;
+    padding: 10px 20px;
+    font-weight: 400;
+    text-transform: none;
+    -webkit-transition: background-color .2s ease-in-out 0s;
+    transition: background-color .2s ease-in-out 0s
+}
+
+.navi ul.nav li a .badge,
+.navi ul.nav li a .label {
+    padding: 2px 5px;
+    margin-top: 2px;
+    font-size: 11px
+}
+
+.navi ul.nav li a>i {
+    position: relative;
+    float: left;
+    width: 40px;
+    margin: -10px;
+    margin-right: 5px;
+    overflow: hidden;
+    line-height: 40px;
+    text-align: center
+}
+
+.navi ul.nav li a>i:before {
+    position: relative;
+    z-index: 2
+}
+
+@media(min-width:768px) {
+    .app-aside-folded .nav-sub-header {
+        display: block !important
+    }
+
+    .app-aside-folded .nav-sub-header a {
+        padding: 15px 20px !important
+    }
+
+    .app-aside-folded .navi>ul>li>a {
+        position: relative;
+        height: 50px;
+        padding: 0;
+        text-align: center;
+        border: none
+    }
+
+    .app-aside-folded .navi>ul>li>a span {
+        display: none
+    }
+
+    .app-aside-folded .navi>ul>li>a span.pull-right {
+        display: none !important
+    }
+
+    .app-aside-folded .navi>ul>li>a i {
+        display: block;
+        float: none;
+        width: auto;
+        margin: 0;
+        font-size: 16px;
+        line-height: 50px;
+        border: none !important
+    }
+
+    .app-aside-folded .navi>ul>li>a i b {
+        left: 0 !important
+    }
+
+    .app-aside-folded .navi>ul>li>a .badge,
+    .app-aside-folded .navi>ul>li>a .label {
+        position: absolute;
+        top: 8px;
+        right: 12px;
+        z-index: 3
+    }
+
+    .app-aside-folded .navi>ul>li>ul {
+        position: absolute;
+        top: 0 !important;
+        left: 100%;
+        z-index: 1050;
+        width: 200px;
+        height: 0 !important;
+        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
+        box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
+    }
+
+    .app-aside-folded .navi li li a {
+        padding-left: 20px !important
+    }
+
+    .app-aside-folded.app-aside-fixed .app-aside>ul.nav {
+        position: fixed;
+        left: 80px;
+        z-index: 1010;
+        display: block;
+        width: 260px;
+        height: auto;
+        overflow: visible;
+        overflow-y: auto;
+        opacity: 1;
+        -webkit-overflow-scrolling: touch
+    }
+
+    .app-aside-folded.app-aside-fixed .app-aside>ul.nav:before {
+        position: absolute;
+        top: 0;
+        left: -60px;
+        width: 60px;
+        height: 50px;
+        content: ""
+    }
+
+    .app-aside-folded.app-aside-fixed .app-aside>ul.nav a {
+        padding-right: 20px !important;
+        padding-left: 20px !important
+    }
+}
+
+@media(max-width:767px) {
+    .app {
+        overflow-x: hidden
+    }
+
+    .app-content {
+        -webkit-transition: -webkit-transform .2s ease;
+        -moz-transition: -moz-transform .2s ease;
+        -o-transition: -o-transform .2s ease;
+        transition: transform .2s ease
+    }
+
+    .off-screen {
+        position: absolute;
+        top: 50px;
+        bottom: 0;
+        z-index: 1010;
+        display: block !important;
+        width: 75%;
+        overflow-x: hidden;
+        overflow-y: auto;
+        visibility: visible;
+        -webkit-overflow-scrolling: touch
+    }
+
+    .off-screen+* {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        z-index: 1015;
+        width: 100%;
+        padding-top: 50px;
+        overflow: hidden;
+        background-color: #f0f3f4;
+        -webkit-transform: translate3d(75%, 0, 0px);
+        transform: translate3d(75%, 0, 0px);
+        -webkit-transition: -webkit-transform .2s ease;
+        -moz-transition: -moz-transform .2s ease;
+        -o-transition: -o-transform .2s ease;
+        transition: transform .2s ease;
+        -webkit-backface-visibility: hidden;
+        -moz-backface-visibility: hidden;
+        backface-visibility: hidden
+    }
+
+    .off-screen+* .off-screen-toggle {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        z-index: 1020;
+        display: block !important
+    }
+
+    .off-screen.pull-right {
+        right: 0
+    }
+
+    .off-screen.pull-right+* {
+        -webkit-transform: translate3d(-75%, 0, 0px);
+        transform: translate3d(-75%, 0, 0px)
+    }
+}
+
+@media(min-width:992px) {
+
+    .app-aside-dock .app-content,
+    .app-aside-dock .app-footer {
+        margin-left: 0
+    }
+
+    .app-aside-dock .app-aside-footer~div {
+        padding-bottom: 0
+    }
+
+    .app-aside-dock.app-aside-fixed.app-header-fixed {
+        padding-top: 115px
+    }
+
+    .app-aside-dock.app-aside-fixed .app-aside {
+        position: fixed;
+        top: 50px;
+        z-index: 1000;
+        width: 100%
+    }
+
+    .app-aside-dock .app-aside,
+    .app-aside-dock .aside-wrap,
+    .app-aside-dock .navi-wrap {
+        position: relative;
+        top: 0;
+        float: none;
+        width: 100% !important;
+        overflow: visible !important
+    }
+
+    .app-aside-dock .app-aside {
+        bottom: auto !important
+    }
+
+    .app-aside-dock .app-aside.b-r {
+        border-bottom: 1px solid #dee5e7;
+        border-right-width: 0
+    }
+
+    .app-aside-dock .app-aside:before {
+        display: none
+    }
+
+    .app-aside-dock .app-aside nav>.nav {
+        float: left
+    }
+
+    .app-aside-dock .app-aside .hidden-folded,
+    .app-aside-dock .app-aside .line,
+    .app-aside-dock .app-aside .navi-wrap>div {
+        display: none !important
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li {
+        position: relative;
+        display: inline-block;
+        float: left
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li>a {
+        height: auto;
+        padding: 10px 15px 12px;
+        text-align: center
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li>a>.badge,
+    .app-aside-dock .app-aside .navi>ul>li>a>.label {
+        position: absolute;
+        top: 5px;
+        right: 8px;
+        padding: 1px 4px
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li>a>i {
+        display: block;
+        float: none;
+        width: 40px;
+        margin-top: -10px;
+        margin-right: auto;
+        margin-bottom: -7px;
+        margin-left: auto;
+        font-size: 14px;
+        line-height: 40px
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li>a>span.pull-right {
+        position: absolute;
+        bottom: 2px;
+        left: 50%;
+        display: block !important;
+        margin-left: -6px;
+        line-height: 1
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li>a>span.pull-right i {
+        width: 12px;
+        font-size: 12px;
+        line-height: 12px
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li>a>span.pull-right i.text {
+        line-height: 14px;
+        -webkit-transform: rotate(90deg);
+        -ms-transform: rotate(90deg);
+        transform: rotate(90deg)
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li>a>span {
+        display: block;
+        font-weight: 400
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li .nav-sub {
+        position: absolute;
+        top: auto !important;
+        left: 0;
+        z-index: 1050;
+        display: none;
+        width: 200px;
+        height: auto !important;
+        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
+        box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
+    }
+
+    .app-aside-dock .app-aside .navi>ul>li .nav-sub-header {
+        display: none !important
+    }
+
+    .app-aside-dock .app-aside .navi li li a {
+        padding-left: 15px
+    }
+
+    .app-aside-dock .app-aside .navi li:hover>.nav-sub,
+    .app-aside-dock .app-aside .navi li:focus>.nav-sub,
+    .app-aside-dock .app-aside .navi li:active>.nav-sub {
+        display: block;
+        height: auto !important;
+        margin-left: 0;
+        overflow: auto;
+        opacity: 1
+    }
+}
+
+.arrow {
+    z-index: 10;
+    border-width: 9px
+}
+
+.arrow,
+.arrow:after {
+    position: absolute;
+    display: block;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid
+}
+
+.arrow:after {
+    border-width: 8px;
+    content: ""
+}
+
+.arrow.top {
+    top: -9px;
+    left: 50%;
+    margin-left: -9px;
+    border-bottom-color: rgba(0, 0, 0, .1);
+    border-top-width: 0
+}
+
+.arrow.top:after {
+    top: 1px;
+    margin-left: -8px;
+    border-bottom-color: #fff;
+    border-top-width: 0
+}
+
+.arrow.top.arrow-primary:after {
+    border-bottom-color: #7266ba
+}
+
+.arrow.top.arrow-info:after {
+    border-bottom-color: #23b7e5
+}
+
+.arrow.top.arrow-success:after {
+    border-bottom-color: #27c24c
+}
+
+.arrow.top.arrow-danger:after {
+    border-bottom-color: #f05050
+}
+
+.arrow.top.arrow-warning:after {
+    border-bottom-color: #fad733
+}
+
+.arrow.top.arrow-light:after {
+    border-bottom-color: #edf1f2
+}
+
+.arrow.top.arrow-dark:after {
+    border-bottom-color: #3a3f51
+}
+
+.arrow.top.arrow-black:after {
+    border-bottom-color: #1c2b36
+}
+
+.arrow.right {
+    top: 50%;
+    right: -9px;
+    margin-top: -9px;
+    border-left-color: rgba(0, 0, 0, .1);
+    border-right-width: 0
+}
+
+.arrow.right:after {
+    right: 1px;
+    bottom: -8px;
+    border-left-color: #fff;
+    border-right-width: 0
+}
+
+.arrow.right.arrow-primary:after {
+    border-left-color: #7266ba
+}
+
+.arrow.right.arrow-info:after {
+    border-left-color: #23b7e5
+}
+
+.arrow.right.arrow-success:after {
+    border-left-color: #27c24c
+}
+
+.arrow.right.arrow-danger:after {
+    border-left-color: #f05050
+}
+
+.arrow.right.arrow-warning:after {
+    border-left-color: #fad733
+}
+
+.arrow.right.arrow-light:after {
+    border-left-color: #edf1f2
+}
+
+.arrow.right.arrow-dark:after {
+    border-left-color: #3a3f51
+}
+
+.arrow.right.arrow-black:after {
+    border-left-color: #1c2b36
+}
+
+.arrow.bottom {
+    bottom: -9px;
+    left: 50%;
+    margin-left: -9px;
+    border-top-color: rgba(0, 0, 0, .1);
+    border-bottom-width: 0
+}
+
+.arrow.bottom:after {
+    bottom: 1px;
+    margin-left: -8px;
+    border-top-color: #fff;
+    border-bottom-width: 0
+}
+
+.arrow.bottom.arrow-primary:after {
+    border-top-color: #7266ba
+}
+
+.arrow.bottom.arrow-info:after {
+    border-top-color: #23b7e5
+}
+
+.arrow.bottom.arrow-success:after {
+    border-top-color: #27c24c
+}
+
+.arrow.bottom.arrow-danger:after {
+    border-top-color: #f05050
+}
+
+.arrow.bottom.arrow-warning:after {
+    border-top-color: #fad733
+}
+
+.arrow.bottom.arrow-light:after {
+    border-top-color: #edf1f2
+}
+
+.arrow.bottom.arrow-dark:after {
+    border-top-color: #3a3f51
+}
+
+.arrow.bottom.arrow-black:after {
+    border-top-color: #1c2b36
+}
+
+.arrow.left {
+    top: 50%;
+    left: -9px;
+    margin-top: -9px;
+    border-right-color: rgba(0, 0, 0, .1);
+    border-left-width: 0
+}
+
+.arrow.left:after {
+    bottom: -8px;
+    left: 1px;
+    border-right-color: #fff;
+    border-left-width: 0
+}
+
+.arrow.left.arrow-primary:after {
+    border-right-color: #7266ba
+}
+
+.arrow.left.arrow-info:after {
+    border-right-color: #23b7e5
+}
+
+.arrow.left.arrow-success:after {
+    border-right-color: #27c24c
+}
+
+.arrow.left.arrow-danger:after {
+    border-right-color: #f05050
+}
+
+.arrow.left.arrow-warning:after {
+    border-right-color: #fad733
+}
+
+.arrow.left.arrow-light:after {
+    border-right-color: #edf1f2
+}
+
+.arrow.left.arrow-dark:after {
+    border-right-color: #3a3f51
+}
+
+.arrow.left.arrow-black:after {
+    border-right-color: #1c2b36
+}
+
+.arrow.pull-left {
+    left: 19px
+}
+
+.arrow.pull-right {
+    right: 19px;
+    left: auto
+}
+
+.arrow.pull-up {
+    top: 19px
+}
+
+.arrow.pull-down {
+    top: auto;
+    bottom: 19px
+}
+
+.btn {
+    font-weight: 500;
+    border-radius: 2px;
+    outline: 0 !important
+}
+
+.btn-link {
+    color: #58666e
+}
+
+.btn-link.active {
+    box-shadow: none;
+    webkit-box-shadow: none
+}
+
+.btn-default {
+    color: #58666e !important;
+    background-color: #fcfdfd;
+    background-color: #fff;
+    border-color: #dee5e7;
+    border-bottom-color: #d8e1e3;
+    -webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, .1);
+    box-shadow: 0 1px 1px rgba(90, 90, 90, .1)
+}
+
+.btn-default:hover,
+.btn-default:focus,
+.btn-default:active,
+.btn-default.active,
+.open .dropdown-toggle.btn-default {
+    color: #58666e !important;
+    background-color: #edf1f2;
+    border-color: #c7d3d6
+}
+
+.btn-default:active,
+.btn-default.active,
+.open .dropdown-toggle.btn-default {
+    background-image: none
+}
+
+.btn-default.disabled,
+.btn-default[disabled],
+fieldset[disabled] .btn-default,
+.btn-default.disabled:hover,
+.btn-default[disabled]:hover,
+fieldset[disabled] .btn-default:hover,
+.btn-default.disabled:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn-default:focus,
+.btn-default.disabled:active,
+.btn-default[disabled]:active,
+fieldset[disabled] .btn-default:active,
+.btn-default.disabled.active,
+.btn-default[disabled].active,
+fieldset[disabled] .btn-default.active {
+    background-color: #fcfdfd;
+    border-color: #dee5e7
+}
+
+.btn-default.btn-bg {
+    border-color: rgba(0, 0, 0, .1);
+    background-clip: padding-box
+}
+
+.btn-primary {
+    color: #fff !important;
+    background-color: #7266ba;
+    border-color: #7266ba
+}
+
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+    color: #fff !important;
+    background-color: #6254b2;
+    border-color: #5a4daa
+}
+
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+    background-image: none
+}
+
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+    background-color: #7266ba;
+    border-color: #7266ba
+}
+
+.btn-success {
+    color: #fff !important;
+    background-color: #27c24c;
+    border-color: #27c24c
+}
+
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+    color: #fff !important;
+    background-color: #23ad44;
+    border-color: #20a03f
+}
+
+.btn-success:active,
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+    background-image: none
+}
+
+.btn-success.disabled,
+.btn-success[disabled],
+fieldset[disabled] .btn-success,
+.btn-success.disabled:hover,
+.btn-success[disabled]:hover,
+fieldset[disabled] .btn-success:hover,
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled:active,
+.btn-success[disabled]:active,
+fieldset[disabled] .btn-success:active,
+.btn-success.disabled.active,
+.btn-success[disabled].active,
+fieldset[disabled] .btn-success.active {
+    background-color: #27c24c;
+    border-color: #27c24c
+}
+
+.btn-info {
+    color: #fff !important;
+    background-color: #23b7e5;
+    border-color: #23b7e5
+}
+
+.btn-info:hover,
+.btn-info:focus,
+.btn-info:active,
+.btn-info.active,
+.open .dropdown-toggle.btn-info {
+    color: #fff !important;
+    background-color: #19a9d5;
+    border-color: #189ec8
+}
+
+.btn-info:active,
+.btn-info.active,
+.open .dropdown-toggle.btn-info {
+    background-image: none
+}
+
+.btn-info.disabled,
+.btn-info[disabled],
+fieldset[disabled] .btn-info,
+.btn-info.disabled:hover,
+.btn-info[disabled]:hover,
+fieldset[disabled] .btn-info:hover,
+.btn-info.disabled:focus,
+.btn-info[disabled]:focus,
+fieldset[disabled] .btn-info:focus,
+.btn-info.disabled:active,
+.btn-info[disabled]:active,
+fieldset[disabled] .btn-info:active,
+.btn-info.disabled.active,
+.btn-info[disabled].active,
+fieldset[disabled] .btn-info.active {
+    background-color: #23b7e5;
+    border-color: #23b7e5
+}
+
+.btn-warning {
+    color: #fff !important;
+    background-color: #fad733;
+    border-color: #fad733
+}
+
+.btn-warning:hover,
+.btn-warning:focus,
+.btn-warning:active,
+.btn-warning.active,
+.open .dropdown-toggle.btn-warning {
+    color: #fff !important;
+    background-color: #f9d21a;
+    border-color: #f9cf0b
+}
+
+.btn-warning:active,
+.btn-warning.active,
+.open .dropdown-toggle.btn-warning {
+    background-image: none
+}
+
+.btn-warning.disabled,
+.btn-warning[disabled],
+fieldset[disabled] .btn-warning,
+.btn-warning.disabled:hover,
+.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-warning:hover,
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled:active,
+.btn-warning[disabled]:active,
+fieldset[disabled] .btn-warning:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled].active,
+fieldset[disabled] .btn-warning.active {
+    background-color: #fad733;
+    border-color: #fad733
+}
+
+.btn-danger {
+    color: #fff !important;
+    background-color: #f05050;
+    border-color: #f05050
+}
+
+.btn-danger:hover,
+.btn-danger:focus,
+.btn-danger:active,
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+    color: #fff !important;
+    background-color: #ee3939;
+    border-color: #ed2a2a
+}
+
+.btn-danger:active,
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+    background-image: none
+}
+
+.btn-danger.disabled,
+.btn-danger[disabled],
+fieldset[disabled] .btn-danger,
+.btn-danger.disabled:hover,
+.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-danger:hover,
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled:active,
+.btn-danger[disabled]:active,
+fieldset[disabled] .btn-danger:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled].active,
+fieldset[disabled] .btn-danger.active {
+    background-color: #f05050;
+    border-color: #f05050
+}
+
+.btn-dark {
+    color: #fff !important;
+    background-color: #3a3f51;
+    border-color: #3a3f51
+}
+
+.btn-dark:hover,
+.btn-dark:focus,
+.btn-dark:active,
+.btn-dark.active,
+.open .dropdown-toggle.btn-dark {
+    color: #fff !important;
+    background-color: #2f3342;
+    border-color: #292d39
+}
+
+.btn-dark:active,
+.btn-dark.active,
+.open .dropdown-toggle.btn-dark {
+    background-image: none
+}
+
+.btn-dark.disabled,
+.btn-dark[disabled],
+fieldset[disabled] .btn-dark,
+.btn-dark.disabled:hover,
+.btn-dark[disabled]:hover,
+fieldset[disabled] .btn-dark:hover,
+.btn-dark.disabled:focus,
+.btn-dark[disabled]:focus,
+fieldset[disabled] .btn-dark:focus,
+.btn-dark.disabled:active,
+.btn-dark[disabled]:active,
+fieldset[disabled] .btn-dark:active,
+.btn-dark.disabled.active,
+.btn-dark[disabled].active,
+fieldset[disabled] .btn-dark.active {
+    background-color: #3a3f51;
+    border-color: #3a3f51
+}
+
+.btn-black {
+    color: #fff !important;
+    background-color: #1c2b36;
+    border-color: #1c2b36
+}
+
+.btn-black:hover,
+.btn-black:focus,
+.btn-black:active,
+.btn-black.active,
+.open .dropdown-toggle.btn-black {
+    color: #fff !important;
+    background-color: #131e25;
+    border-color: #0e161b
+}
+
+.btn-black:active,
+.btn-black.active,
+.open .dropdown-toggle.btn-black {
+    background-image: none
+}
+
+.btn-black.disabled,
+.btn-black[disabled],
+fieldset[disabled] .btn-black,
+.btn-black.disabled:hover,
+.btn-black[disabled]:hover,
+fieldset[disabled] .btn-black:hover,
+.btn-black.disabled:focus,
+.btn-black[disabled]:focus,
+fieldset[disabled] .btn-black:focus,
+.btn-black.disabled:active,
+.btn-black[disabled]:active,
+fieldset[disabled] .btn-black:active,
+.btn-black.disabled.active,
+.btn-black[disabled].active,
+fieldset[disabled] .btn-black.active {
+    background-color: #1c2b36;
+    border-color: #1c2b36
+}
+
+.btn-icon {
+    width: 34px;
+    height: 34px;
+    padding: 0 !important;
+    text-align: center
+}
+
+.btn-icon i {
+    position: relative;
+    top: -1px;
+    line-height: 34px
+}
+
+.btn-icon.btn-sm {
+    width: 30px;
+    height: 30px
+}
+
+.btn-icon.btn-sm i {
+    line-height: 30px
+}
+
+.btn-icon.btn-lg {
+    width: 45px;
+    height: 45px
+}
+
+.btn-icon.btn-lg i {
+    line-height: 45px
+}
+
+.btn-rounded {
+    padding-right: 15px;
+    padding-left: 15px;
+    border-radius: 50px
+}
+
+.btn-rounded.btn-lg {
+    padding-right: 25px;
+    padding-left: 25px
+}
+
+.btn>i.pull-left,
+.btn>i.pull-right {
+    line-height: 1.42857143
+}
+
+.btn-block {
+    padding-right: 12px;
+    padding-left: 12px
+}
+
+.btn-group-vertical>.btn:first-child:not(:last-child) {
+    border-top-right-radius: 2px
+}
+
+.btn-group-vertical>.btn:last-child:not(:first-child) {
+    border-bottom-left-radius: 2px
+}
+
+.btn-addon i {
+    position: relative;
+    float: left;
+    width: 34px;
+    height: 34px;
+    margin: -7px -12px;
+    margin-right: 12px;
+    line-height: 34px;
+    text-align: center;
+    background-color: rgba(0, 0, 0, .1);
+    border-radius: 2px 0 0 2px
+}
+
+.btn-addon i.pull-right {
+    margin-right: -12px;
+    margin-left: 12px;
+    border-radius: 0 2px 2px 0
+}
+
+.btn-addon.btn-sm i {
+    width: 30px;
+    height: 30px;
+    margin: -6px -10px;
+    margin-right: 10px;
+    line-height: 30px
+}
+
+.btn-addon.btn-sm i.pull-right {
+    margin-right: -10px;
+    margin-left: 10px
+}
+
+.btn-addon.btn-lg i {
+    width: 45px;
+    height: 45px;
+    margin: -11px -16px;
+    margin-right: 16px;
+    line-height: 45px
+}
+
+.btn-addon.btn-lg i.pull-right {
+    margin-right: -16px;
+    margin-left: 16px
+}
+
+.btn-addon.btn-default i {
+    background-color: transparent;
+    border-right: 1px solid #dee5e7
+}
+
+.btn-groups .btn {
+    margin-bottom: 5px
+}
+
+.list-icon i {
+    display: inline-block;
+    width: 40px;
+    margin: 0;
+    font-size: 14px;
+    text-align: center;
+    vertical-align: middle;
+    -webkit-transition: font-size .2s;
+    transition: font-size .2s
+}
+
+.list-icon div {
+    line-height: 40px;
+    white-space: nowrap
+}
+
+.list-icon div:hover i {
+    font-size: 26px
+}
+
+.settings {
+    position: fixed;
+    top: 120px;
+    right: -240px;
+    z-index: 1050;
+    width: 240px;
+    -webkit-transition: right .2s;
+    transition: right .2s
+}
+
+.settings.active {
+    right: -1px
+}
+
+.settings>.btn {
+    position: absolute;
+    top: -1px;
+    left: -42px;
+    padding: 10px 15px;
+    background: #f6f8f8 !important;
+    border-color: #dee5e7;
+    border-right-width: 0
+}
+
+.settings .i-checks span b {
+    display: inline-block;
+    float: left;
+    width: 50%;
+    height: 20px
+}
+
+.settings .i-checks span b.header {
+    height: 10px
+}
+
+.streamline {
+    position: relative;
+    border-color: #dee5e7
+}
+
+.streamline .sl-item:after,
+.streamline:after {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 9px;
+    height: 9px;
+    margin-left: -5px;
+    background-color: #fff;
+    border-color: inherit;
+    border-style: solid;
+    border-width: 1px;
+    border-radius: 10px;
+    content: ''
+}
+
+.sl-item {
+    position: relative;
+    padding-bottom: 1px;
+    border-color: #dee5e7
+}
+
+.sl-item:before,
+.sl-item:after {
+    display: table;
+    content: " "
+}
+
+.sl-item:after {
+    clear: both
+}
+
+.sl-item:after {
+    top: 6px;
+    bottom: auto
+}
+
+.sl-item.b-l {
+    margin-left: -1px
+}
+
+.timeline {
+    padding: 0;
+    margin: 0
+}
+
+.tl-item {
+    display: block
+}
+
+.tl-item:before,
+.tl-item:after {
+    display: table;
+    content: " "
+}
+
+.tl-item:after {
+    clear: both
+}
+
+.visible-left {
+    display: none
+}
+
+.tl-wrap {
+    display: block;
+    padding: 15px 0 15px 20px;
+    margin-left: 6em;
+    border-color: #dee5e7;
+    border-style: solid;
+    border-width: 0 0 0 4px
+}
+
+.tl-wrap:before,
+.tl-wrap:after {
+    display: table;
+    content: " "
+}
+
+.tl-wrap:after {
+    clear: both
+}
+
+.tl-wrap:before {
+    position: relative;
+    top: 15px;
+    float: left;
+    width: 10px;
+    height: 10px;
+    margin-left: -27px;
+    background: #edf1f2;
+    border-color: inherit;
+    border-style: solid;
+    border-width: 3px;
+    border-radius: 50%;
+    content: "";
+    box-shadow: 0 0 0 4px #f0f3f4
+}
+
+.tl-wrap:hover:before {
+    background: 0 0;
+    border-color: #fff
+}
+
+.tl-date {
+    position: relative;
+    top: 10px;
+    display: block;
+    float: left;
+    width: 4.5em;
+    margin-left: -7.5em;
+    text-align: right
+}
+
+.tl-content {
+    position: relative;
+    display: inline-block;
+    padding-top: 10px;
+    padding-bottom: 10px
+}
+
+.tl-content.block {
+    display: block;
+    width: 100%
+}
+
+.tl-content.panel {
+    margin-bottom: 0
+}
+
+.tl-header {
+    display: block;
+    width: 12em;
+    margin-left: 2px;
+    text-align: center
+}
+
+.timeline-center .tl-item {
+    margin-left: 50%
+}
+
+.timeline-center .tl-item .tl-wrap {
+    margin-left: -2px
+}
+
+.timeline-center .tl-header {
+    width: auto;
+    margin: 0
+}
+
+.timeline-center .tl-left {
+    margin-right: 50%;
+    margin-left: 0
+}
+
+.timeline-center .tl-left .hidden-left {
+    display: none !important
+}
+
+.timeline-center .tl-left .visible-left {
+    display: inherit
+}
+
+.timeline-center .tl-left .tl-wrap {
+    float: right;
+    padding-right: 20px;
+    padding-left: 0;
+    margin-right: -2px;
+    border-right-width: 4px;
+    border-left-width: 0
+}
+
+.timeline-center .tl-left .tl-wrap:before {
+    float: right;
+    margin-right: -27px;
+    margin-left: 0
+}
+
+.timeline-center .tl-left .tl-date {
+    float: right;
+    margin-right: -8.5em;
+    margin-left: 0;
+    text-align: left
+}
+
+.i-switch {
+    position: relative;
+    display: inline-block;
+    width: 35px;
+    height: 20px;
+    margin: 0;
+    cursor: pointer;
+    background-color: #27c24c;
+    border-radius: 30px
+}
+
+.i-switch input {
+    position: absolute;
+    opacity: 0;
+    filter: alpha(opacity=0)
+}
+
+.i-switch input:checked+i:before {
+    top: 50%;
+    right: 5px;
+    bottom: 50%;
+    left: 50%;
+    border-width: 0;
+    border-radius: 5px
+}
+
+.i-switch input:checked+i:after {
+    margin-left: 16px
+}
+
+.i-switch i:before {
+    position: absolute;
+    top: -1px;
+    right: -1px;
+    bottom: -1px;
+    left: -1px;
+    background-color: #fff;
+    border: 1px solid #f0f0f0;
+    border-radius: 30px;
+    content: "";
+    -webkit-transition: all .2s;
+    transition: all .2s
+}
+
+.i-switch i:after {
+    position: absolute;
+    top: 1px;
+    bottom: 1px;
+    width: 18px;
+    background-color: #fff;
+    border-radius: 50%;
+    content: "";
+    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25);
+    box-shadow: 1px 1px 3px rgba(0, 0, 0, .25);
+    -webkit-transition: margin-left .3s;
+    transition: margin-left .3s
+}
+
+.i-switch-md {
+    width: 40px;
+    height: 24px
+}
+
+.i-switch-md input:checked+i:after {
+    margin-left: 17px
+}
+
+.i-switch-md i:after {
+    width: 22px
+}
+
+.i-switch-lg {
+    width: 50px;
+    height: 30px
+}
+
+.i-switch-lg input:checked+i:after {
+    margin-left: 21px
+}
+
+.i-switch-lg i:after {
+    width: 28px
+}
+
+.i-checks {
+    padding-left: 20px;
+    cursor: pointer
+}
+
+.i-checks input {
+    position: absolute;
+    margin-left: -20px;
+    opacity: 0
+}
+
+.i-checks input:checked+i {
+    border-color: #23b7e5
+}
+
+.i-checks input:checked+i:before {
+    top: 4px;
+    left: 4px;
+    width: 10px;
+    height: 10px;
+    background-color: #23b7e5
+}
+
+.i-checks input:checked+span .active {
+    display: inherit
+}
+
+.i-checks input[type=radio]+i,
+.i-checks input[type=radio]+i:before {
+    border-radius: 50%
+}
+
+.i-checks input[disabled]+i,
+fieldset[disabled] .i-checks input+i {
+    border-color: #dee5e7
+}
+
+.i-checks input[disabled]+i:before,
+fieldset[disabled] .i-checks input+i:before {
+    background-color: #dee5e7
+}
+
+.i-checks>i {
+    position: relative;
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    margin-top: -2px;
+    margin-right: 4px;
+    margin-left: -20px;
+    line-height: 1;
+    vertical-align: middle;
+    background-color: #fff;
+    border: 1px solid #cfdadd
+}
+
+.i-checks>i:before {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 0;
+    height: 0;
+    background-color: transparent;
+    content: "";
+    -webkit-transition: all .2s;
+    transition: all .2s
+}
+
+.i-checks>span {
+    margin-left: -20px
+}
+
+.i-checks>span .active {
+    display: none
+}
+
+.i-checks-sm input:checked+i:before {
+    top: 3px;
+    left: 3px;
+    width: 8px;
+    height: 8px
+}
+
+.i-checks-sm>i {
+    width: 16px;
+    height: 16px;
+    margin-right: 6px;
+    margin-left: -18px
+}
+
+.i-checks-lg input:checked+i:before {
+    top: 8px;
+    left: 8px;
+    width: 12px;
+    height: 12px
+}
+
+.i-checks-lg>i {
+    width: 30px;
+    height: 30px
+}
+
+.datepicker {
+    margin: 0 5px
+}
+
+.datepicker .btn-default {
+    border-width: 0;
+    box-shadow: none
+}
+
+.datepicker .btn[disabled] {
+    opacity: .4
+}
+
+.datepicker .btn-info .text-info {
+    color: #fff !important
+}
+
+.jqstooltip {
+    padding: 5px 10px !important;
+    background-color: rgba(0, 0, 0, .8) !important;
+    border: solid 1px #000 !important;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box
+}
+
+.easyPieChart {
+    position: relative;
+    text-align: center
+}
+
+.easyPieChart>div {
+    position: relative;
+    z-index: 1
+}
+
+.easyPieChart>div .text {
+    position: absolute;
+    top: 60%;
+    width: 100%;
+    line-height: 1
+}
+
+.easyPieChart>div img {
+    margin-top: -4px
+}
+
+.easyPieChart canvas {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 0
+}
+
+#flotTip {
+    z-index: 100;
+    padding: 4px 10px;
+    font-size: 12px;
+    color: #fff;
+    background-color: rgba(0, 0, 0, .8);
+    border: solid 1px #000 !important;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px
+}
+
+.legendColorBox>div {
+    margin: 5px;
+    border: none !important
+}
+
+.legendColorBox>div>div {
+    border-radius: 10px
+}
+
+.sortable-placeholder {
+    min-height: 50px;
+    margin-bottom: 5px;
+    list-style: none;
+    border: 1px dashed #ccc
+}
+
+.item {
+    position: relative
+}
+
+.item .top {
+    position: absolute;
+    top: 0;
+    left: 0
+}
+
+.item .bottom {
+    position: absolute;
+    bottom: 0;
+    left: 0
+}
+
+.item .center {
+    position: absolute;
+    top: 50%
+}
+
+.item-overlay {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: none
+}
+
+.item-overlay.active,
+.item:hover .item-overlay {
+    display: block
+}
+
+.form-validation .form-control.ng-dirty.ng-invalid {
+    border-color: #f05050
+}
+
+.form-validation .form-control.ng-dirty.ng-valid,
+.form-validation .form-control.ng-dirty.ng-valid:focus {
+    border-color: #27c24c
+}
+
+.form-validation .i-checks .ng-invalid.ng-dirty+i {
+    border-color: #f05050
+}
+
+.ng-animate .bg-auto:before {
+    display: none
+}
+
+[ui-view].ng-leave {
+    display: none
+}
+
+[ui-view].ng-leave.smooth {
+    display: block
+}
+
+.smooth.ng-animate {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    overflow: hidden
+}
+
+.fade-in-right-big.ng-enter {
+    -webkit-animation: fadeInRightBig .5s;
+    animation: fadeInRightBig .5s
+}
+
+.fade-in-right-big.ng-leave {
+    -webkit-animation: fadeOutLeftBig .5s;
+    animation: fadeOutLeftBig .5s
+}
+
+.fade-in-left-big.ng-enter {
+    -webkit-animation: fadeInLeftBig .5s;
+    animation: fadeInLeftBig .5s
+}
+
+.fade-in-left-big.ng-leave {
+    -webkit-animation: fadeOutRightBig .5s;
+    animation: fadeOutRightBig .5s
+}
+
+.fade-in-up-big.ng-enter {
+    -webkit-animation: fadeInUpBig .5s;
+    animation: fadeInUpBig .5s
+}
+
+.fade-in-up-big.ng-leave {
+    -webkit-animation: fadeOutUpBig .5s;
+    animation: fadeOutUpBig .5s
+}
+
+.fade-in-down-big.ng-enter {
+    -webkit-animation: fadeInDownBig .5s;
+    animation: fadeInDownBig .5s
+}
+
+.fade-in-down-big.ng-leave {
+    -webkit-animation: fadeOutDownBig .5s;
+    animation: fadeOutDownBig .5s
+}
+
+.fade-in.ng-enter {
+    -webkit-animation: fadeIn .5s;
+    animation: fadeIn .5s
+}
+
+.fade-in.ng-leave {
+    -webkit-animation: fadeOut .5s;
+    animation: fadeOut .5s
+}
+
+.fade-in-right.ng-enter {
+    -webkit-animation: fadeInRight .5s;
+    animation: fadeInRight .5s
+}
+
+.fade-in-right.ng-leave {
+    -webkit-animation: fadeOutLeft .5s;
+    animation: fadeOutLeft .5s
+}
+
+.fade-in-left.ng-enter {
+    -webkit-animation: fadeInLeft .5s;
+    animation: fadeInLeft .5s
+}
+
+.fade-in-left.ng-leave {
+    -webkit-animation: fadeOutRight .5s;
+    animation: fadeOutRight .5s
+}
+
+.fade-in-up.ng-enter {
+    -webkit-animation: fadeInUp .5s;
+    animation: fadeInUp .5s
+}
+
+.fade-in-up.ng-leave {
+    -webkit-animation: fadeOutUp .5s;
+    animation: fadeOutUp .5s
+}
+
+.fade-in-down.ng-enter {
+    -webkit-animation: fadeInDown .5s;
+    animation: fadeInDown .5s
+}
+
+.fade-in-down.ng-leave {
+    -webkit-animation: fadeOutDown .5s;
+    animation: fadeOutDown .5s
+}
+
+.bg-gd {
+    background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.075)));
+    background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 0, rgba(40, 50, 60, 0.075), 100%);
+    background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%);
+    background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#1328323c', GradientType=0);
+    filter: none
+}
+
+.bg-gd-dk {
+    background-image: -webkit-gradient(linear, left 10%, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.7)));
+    background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 10%, rgba(40, 50, 60, 0.7), 100%);
+    background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.7) 100%);
+    background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.7) 100%);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#8028323c', GradientType=0);
+    filter: none
+}
+
+.bg-light {
+    color: #58666e;
+    background-color: #edf1f2
+}
+
+.bg-light.lt,
+.bg-light .lt {
+    background-color: #f3f5f6
+}
+
+.bg-light.lter,
+.bg-light .lter {
+    background-color: #f6f8f8
+}
+
+.bg-light.dk,
+.bg-light .dk {
+    background-color: #e4eaec
+}
+
+.bg-light.dker,
+.bg-light .dker {
+    background-color: #dde6e9
+}
+
+.bg-light.bg,
+.bg-light .bg {
+    background-color: #edf1f2
+}
+
+.bg-dark {
+    color: #a6a8b1;
+    background-color: #3a3f51
+}
+
+.bg-dark.lt,
+.bg-dark .lt {
+    background-color: #474c5e
+}
+
+.bg-dark.lter,
+.bg-dark .lter {
+    background-color: #54596a
+}
+
+.bg-dark.dk,
+.bg-dark .dk {
+    background-color: #2e3344
+}
+
+.bg-dark.dker,
+.bg-dark .dker {
+    background-color: #232735
+}
+
+.bg-dark.bg,
+.bg-dark .bg {
+    background-color: #3a3f51
+}
+
+.bg-dark a {
+    color: #c1c3c9
+}
+
+.bg-dark a:hover {
+    color: #fff
+}
+
+.bg-dark a.list-group-item:hover,
+.bg-dark a.list-group-item:focus {
+    background-color: inherit
+}
+
+.bg-dark .nav>li:hover>a,
+.bg-dark .nav>li:focus>a,
+.bg-dark .nav>li.active>a {
+    color: #fff;
+    background-color: #2e3344
+}
+
+.bg-dark .nav>li>a {
+    color: #b4b6bd
+}
+
+.bg-dark .nav>li>a:hover,
+.bg-dark .nav>li>a:focus {
+    background-color: #32374a
+}
+
+.bg-dark .nav .open>a {
+    background-color: #2e3344
+}
+
+.bg-dark .caret {
+    border-top-color: #a6a8b1;
+    border-bottom-color: #a6a8b1
+}
+
+.bg-dark.navbar .nav>li.active>a {
+    color: #fff;
+    background-color: #2e3344
+}
+
+.bg-dark .open>a,
+.bg-dark .open>a:hover,
+.bg-dark .open>a:focus {
+    color: #fff
+}
+
+.bg-dark .text-muted {
+    color: #8b8e99 !important
+}
+
+.bg-dark .text-lt {
+    color: #eaebed !important
+}
+
+.bg-dark.auto .list-group-item,
+.bg-dark .auto .list-group-item {
+    background-color: transparent;
+    border-color: #2f3342 !important
+}
+
+.bg-dark.auto .list-group-item:hover,
+.bg-dark .auto .list-group-item:hover,
+.bg-dark.auto .list-group-item:focus,
+.bg-dark .auto .list-group-item:focus,
+.bg-dark.auto .list-group-item:active,
+.bg-dark .auto .list-group-item:active,
+.bg-dark.auto .list-group-item.active,
+.bg-dark .auto .list-group-item.active {
+    background-color: #2e3344 !important
+}
+
+.bg-black {
+    color: #7793a7;
+    background-color: #1c2b36
+}
+
+.bg-black.lt,
+.bg-black .lt {
+    background-color: #263845
+}
+
+.bg-black.lter,
+.bg-black .lter {
+    background-color: #314554
+}
+
+.bg-black.dk,
+.bg-black .dk {
+    background-color: #131e26
+}
+
+.bg-black.dker,
+.bg-black .dker {
+    background-color: #0a1015
+}
+
+.bg-black.bg,
+.bg-black .bg {
+    background-color: #1c2b36
+}
+
+.bg-black a {
+    color: #96abbb
+}
+
+.bg-black a:hover {
+    color: #fff
+}
+
+.bg-black a.list-group-item:hover,
+.bg-black a.list-group-item:focus {
+    background-color: inherit
+}
+
+.bg-black .nav>li:hover>a,
+.bg-black .nav>li:focus>a,
+.bg-black .nav>li.active>a {
+    color: #fff;
+    background-color: #131e26
+}
+
+.bg-black .nav>li>a {
+    color: #869fb1
+}
+
+.bg-black .nav>li>a:hover,
+.bg-black .nav>li>a:focus {
+    background-color: #16232d
+}
+
+.bg-black .nav .open>a {
+    background-color: #131e26
+}
+
+.bg-black .caret {
+    border-top-color: #7793a7;
+    border-bottom-color: #7793a7
+}
+
+.bg-black.navbar .nav>li.active>a {
+    color: #fff;
+    background-color: #131e26
+}
+
+.bg-black .open>a,
+.bg-black .open>a:hover,
+.bg-black .open>a:focus {
+    color: #fff
+}
+
+.bg-black .text-muted {
+    color: #5c798f !important
+}
+
+.bg-black .text-lt {
+    color: #c4d0d9 !important
+}
+
+.bg-black.auto .list-group-item,
+.bg-black .auto .list-group-item {
+    background-color: transparent;
+    border-color: #131e25 !important
+}
+
+.bg-black.auto .list-group-item:hover,
+.bg-black .auto .list-group-item:hover,
+.bg-black.auto .list-group-item:focus,
+.bg-black .auto .list-group-item:focus,
+.bg-black.auto .list-group-item:active,
+.bg-black .auto .list-group-item:active,
+.bg-black.auto .list-group-item.active,
+.bg-black .auto .list-group-item.active {
+    background-color: #131e26 !important
+}
+
+.bg-primary {
+    color: #f4f3f9;
+    background-color: #7266ba
+}
+
+.bg-primary.lt,
+.bg-primary .lt {
+    background-color: #847abf
+}
+
+.bg-primary.lter,
+.bg-primary .lter {
+    background-color: #958dc6
+}
+
+.bg-primary.dk,
+.bg-primary .dk {
+    background-color: #6051b5
+}
+
+.bg-primary.dker,
+.bg-primary .dker {
+    background-color: #5244a9
+}
+
+.bg-primary.bg,
+.bg-primary .bg {
+    background-color: #7266ba
+}
+
+.bg-primary a {
+    color: #fff
+}
+
+.bg-primary a:hover {
+    color: #fff
+}
+
+.bg-primary a.list-group-item:hover,
+.bg-primary a.list-group-item:focus {
+    background-color: inherit
+}
+
+.bg-primary .nav>li:hover>a,
+.bg-primary .nav>li:focus>a,
+.bg-primary .nav>li.active>a {
+    color: #fff;
+    background-color: #6051b5
+}
+
+.bg-primary .nav>li>a {
+    color: #f2f2f2
+}
+
+.bg-primary .nav>li>a:hover,
+.bg-primary .nav>li>a:focus {
+    background-color: #6658b8
+}
+
+.bg-primary .nav .open>a {
+    background-color: #6051b5
+}
+
+.bg-primary .caret {
+    border-top-color: #f4f3f9;
+    border-bottom-color: #f4f3f9
+}
+
+.bg-primary.navbar .nav>li.active>a {
+    color: #fff;
+    background-color: #6051b5
+}
+
+.bg-primary .open>a,
+.bg-primary .open>a:hover,
+.bg-primary .open>a:focus {
+    color: #fff
+}
+
+.bg-primary .text-muted {
+    color: #d6d3e6 !important
+}
+
+.bg-primary .text-lt {
+    color: #fff !important
+}
+
+.bg-primary.auto .list-group-item,
+.bg-primary .auto .list-group-item {
+    background-color: transparent;
+    border-color: #6254b2 !important
+}
+
+.bg-primary.auto .list-group-item:hover,
+.bg-primary .auto .list-group-item:hover,
+.bg-primary.auto .list-group-item:focus,
+.bg-primary .auto .list-group-item:focus,
+.bg-primary.auto .list-group-item:active,
+.bg-primary .auto .list-group-item:active,
+.bg-primary.auto .list-group-item.active,
+.bg-primary .auto .list-group-item.active {
+    background-color: #6051b5 !important
+}
+
+.bg-success {
+    color: #c6efd0;
+    background-color: #27c24c
+}
+
+.bg-success.lt,
+.bg-success .lt {
+    background-color: #31d257
+}
+
+.bg-success.lter,
+.bg-success .lter {
+    background-color: #48d46a
+}
+
+.bg-success.dk,
+.bg-success .dk {
+    background-color: #20af42
+}
+
+.bg-success.dker,
+.bg-success .dker {
+    background-color: #1a9c39
+}
+
+.bg-success.bg,
+.bg-success .bg {
+    background-color: #27c24c
+}
+
+.bg-success a {
+    color: #eefaf1
+}
+
+.bg-success a:hover {
+    color: #fff
+}
+
+.bg-success a.list-group-item:hover,
+.bg-success a.list-group-item:focus {
+    background-color: inherit
+}
+
+.bg-success .nav>li:hover>a,
+.bg-success .nav>li:focus>a,
+.bg-success .nav>li.active>a {
+    color: #fff;
+    background-color: #20af42
+}
+
+.bg-success .nav>li>a {
+    color: #daf5e0
+}
+
+.bg-success .nav>li>a:hover,
+.bg-success .nav>li>a:focus {
+    background-color: #22b846
+}
+
+.bg-success .nav .open>a {
+    background-color: #20af42
+}
+
+.bg-success .caret {
+    border-top-color: #c6efd0;
+    border-bottom-color: #c6efd0
+}
+
+.bg-success.navbar .nav>li.active>a {
+    color: #fff;
+    background-color: #20af42
+}
+
+.bg-success .open>a,
+.bg-success .open>a:hover,
+.bg-success .open>a:focus {
+    color: #fff
+}
+
+.bg-success .text-muted {
+    color: #9ee4af !important
+}
+
+.bg-success .text-lt {
+    color: #fff !important
+}
+
+.bg-success.auto .list-group-item,
+.bg-success .auto .list-group-item {
+    background-color: transparent;
+    border-color: #23ad44 !important
+}
+
+.bg-success.auto .list-group-item:hover,
+.bg-success .auto .list-group-item:hover,
+.bg-success.auto .list-group-item:focus,
+.bg-success .auto .list-group-item:focus,
+.bg-success.auto .list-group-item:active,
+.bg-success .auto .list-group-item:active,
+.bg-success.auto .list-group-item.active,
+.bg-success .auto .list-group-item.active {
+    background-color: #20af42 !important
+}
+
+.bg-info {
+    color: #dcf2f8;
+    background-color: #23b7e5
+}
+
+.bg-info.lt,
+.bg-info .lt {
+    background-color: #3dbde5
+}
+
+.bg-info.lter,
+.bg-info .lter {
+    background-color: #55c3e6
+}
+
+.bg-info.dk,
+.bg-info .dk {
+    background-color: #16aad8
+}
+
+.bg-info.dker,
+.bg-info .dker {
+    background-color: #1199c4
+}
+
+.bg-info.bg,
+.bg-info .bg {
+    background-color: #23b7e5
+}
+
+.bg-info a {
+    color: #fff
+}
+
+.bg-info a:hover {
+    color: #fff
+}
+
+.bg-info a.list-group-item:hover,
+.bg-info a.list-group-item:focus {
+    background-color: inherit
+}
+
+.bg-info .nav>li:hover>a,
+.bg-info .nav>li:focus>a,
+.bg-info .nav>li.active>a {
+    color: #fff;
+    background-color: #16aad8
+}
+
+.bg-info .nav>li>a {
+    color: #f2f2f2
+}
+
+.bg-info .nav>li>a:hover,
+.bg-info .nav>li>a:focus {
+    background-color: #17b2e2
+}
+
+.bg-info .nav .open>a {
+    background-color: #16aad8
+}
+
+.bg-info .caret {
+    border-top-color: #dcf2f8;
+    border-bottom-color: #dcf2f8
+}
+
+.bg-info.navbar .nav>li.active>a {
+    color: #fff;
+    background-color: #16aad8
+}
+
+.bg-info .open>a,
+.bg-info .open>a:hover,
+.bg-info .open>a:focus {
+    color: #fff
+}
+
+.bg-info .text-muted {
+    color: #b0e1f1 !important
+}
+
+.bg-info .text-lt {
+    color: #fff !important
+}
+
+.bg-info.auto .list-group-item,
+.bg-info .auto .list-group-item {
+    background-color: transparent;
+    border-color: #19a9d5 !important
+}
+
+.bg-info.auto .list-group-item:hover,
+.bg-info .auto .list-group-item:hover,
+.bg-info.auto .list-group-item:focus,
+.bg-info .auto .list-group-item:focus,
+.bg-info.auto .list-group-item:active,
+.bg-info .auto .list-group-item:active,
+.bg-info.auto .list-group-item.active,
+.bg-info .auto .list-group-item.active {
+    background-color: #16aad8 !important
+}
+
+.bg-warning {
+    color: #fffefa;
+    background-color: #fad733
+}
+
+.bg-warning.lt,
+.bg-warning .lt {
+    background-color: #f8da4e
+}
+
+.bg-warning.lter,
+.bg-warning .lter {
+    background-color: #f7de69
+}
+
+.bg-warning.dk,
+.bg-warning .dk {
+    background-color: #fcd417
+}
+
+.bg-warning.dker,
+.bg-warning .dker {
+    background-color: #face00
+}
+
+.bg-warning.bg,
+.bg-warning .bg {
+    background-color: #fad733
+}
+
+.bg-warning a {
+    color: #fff
+}
+
+.bg-warning a:hover {
+    color: #fff
+}
+
+.bg-warning a.list-group-item:hover,
+.bg-warning a.list-group-item:focus {
+    background-color: inherit
+}
+
+.bg-warning .nav>li:hover>a,
+.bg-warning .nav>li:focus>a,
+.bg-warning .nav>li.active>a {
+    color: #fff;
+    background-color: #fcd417
+}
+
+.bg-warning .nav>li>a {
+    color: #f2f2f2
+}
+
+.bg-warning .nav>li>a:hover,
+.bg-warning .nav>li>a:focus {
+    background-color: #fcd621
+}
+
+.bg-warning .nav .open>a {
+    background-color: #fcd417
+}
+
+.bg-warning .caret {
+    border-top-color: #fffefa;
+    border-bottom-color: #fffefa
+}
+
+.bg-warning.navbar .nav>li.active>a {
+    color: #fff;
+    background-color: #fcd417
+}
+
+.bg-warning .open>a,
+.bg-warning .open>a:hover,
+.bg-warning .open>a:focus {
+    color: #fff
+}
+
+.bg-warning .text-muted {
+    color: #fbf2cb !important
+}
+
+.bg-warning .text-lt {
+    color: #fff !important
+}
+
+.bg-warning.auto .list-group-item,
+.bg-warning .auto .list-group-item {
+    background-color: transparent;
+    border-color: #f9d21a !important
+}
+
+.bg-warning.auto .list-group-item:hover,
+.bg-warning .auto .list-group-item:hover,
+.bg-warning.auto .list-group-item:focus,
+.bg-warning .auto .list-group-item:focus,
+.bg-warning.auto .list-group-item:active,
+.bg-warning .auto .list-group-item:active,
+.bg-warning.auto .list-group-item.active,
+.bg-warning .auto .list-group-item.active {
+    background-color: #fcd417 !important
+}
+
+.bg-danger {
+    color: #fff;
+    background-color: #f05050
+}
+
+.bg-danger.lt,
+.bg-danger .lt {
+    background-color: #f06a6a
+}
+
+.bg-danger.lter,
+.bg-danger .lter {
+    background-color: #f18282
+}
+
+.bg-danger.dk,
+.bg-danger .dk {
+    background-color: #f13636
+}
+
+.bg-danger.dker,
+.bg-danger .dker {
+    background-color: #f21b1b
+}
+
+.bg-danger.bg,
+.bg-danger .bg {
+    background-color: #f05050
+}
+
+.bg-danger a {
+    color: #fff
+}
+
+.bg-danger a:hover {
+    color: #fff
+}
+
+.bg-danger a.list-group-item:hover,
+.bg-danger a.list-group-item:focus {
+    background-color: inherit
+}
+
+.bg-danger .nav>li:hover>a,
+.bg-danger .nav>li:focus>a,
+.bg-danger .nav>li.active>a {
+    color: #fff;
+    background-color: #f13636
+}
+
+.bg-danger .nav>li>a {
+    color: #f2f2f2
+}
+
+.bg-danger .nav>li>a:hover,
+.bg-danger .nav>li>a:focus {
+    background-color: #f13f3f
+}
+
+.bg-danger .nav .open>a {
+    background-color: #f13636
+}
+
+.bg-danger .caret {
+    border-top-color: #fff;
+    border-bottom-color: #fff
+}
+
+.bg-danger.navbar .nav>li.active>a {
+    color: #fff;
+    background-color: #f13636
+}
+
+.bg-danger .open>a,
+.bg-danger .open>a:hover,
+.bg-danger .open>a:focus {
+    color: #fff
+}
+
+.bg-danger .text-muted {
+    color: #e6e6e6 !important
+}
+
+.bg-danger .text-lt {
+    color: #fff !important
+}
+
+.bg-danger.auto .list-group-item,
+.bg-danger .auto .list-group-item {
+    background-color: transparent;
+    border-color: #ee3939 !important
+}
+
+.bg-danger.auto .list-group-item:hover,
+.bg-danger .auto .list-group-item:hover,
+.bg-danger.auto .list-group-item:focus,
+.bg-danger .auto .list-group-item:focus,
+.bg-danger.auto .list-group-item:active,
+.bg-danger .auto .list-group-item:active,
+.bg-danger.auto .list-group-item.active,
+.bg-danger .auto .list-group-item.active {
+    background-color: #f13636 !important
+}
+
+.bg-white {
+    color: #58666e;
+    background-color: #fff
+}
+
+.bg-white a {
+    color: #363f44
+}
+
+.bg-white a:hover {
+    color: #1f2427
+}
+
+.bg-white .text-muted {
+    color: #98a6ad !important
+}
+
+.bg-white .lt,
+.bg-white .lter,
+.bg-white .dk,
+.bg-white .dker {
+    background-color: #fff
+}
+
+.bg-white-only {
+    background-color: #fff
+}
+
+.bg-white-opacity {
+    background-color: rgba(255, 255, 255, .5)
+}
+
+.bg-black-opacity {
+    background-color: rgba(32, 43, 54, .5)
+}
+
+a.bg-light:hover {
+    color: #363f44
+}
+
+a.bg-primary:hover {
+    background-color: #6254b2
+}
+
+a.text-primary:hover {
+    color: #6254b2
+}
+
+.text-primary {
+    color: #7266ba
+}
+
+.text-primary-lt {
+    color: #8278c2
+}
+
+.text-primary-lter {
+    color: #9289ca
+}
+
+.text-primary-dk {
+    color: #6254b2
+}
+
+.text-primary-dker {
+    color: #564aa3
+}
+
+a.bg-info:hover {
+    background-color: #19a9d5
+}
+
+a.text-info:hover {
+    color: #19a9d5
+}
+
+.text-info {
+    color: #23b7e5
+}
+
+.text-info-lt {
+    color: #3abee8
+}
+
+.text-info-lter {
+    color: #51c6ea
+}
+
+.text-info-dk {
+    color: #19a9d5
+}
+
+.text-info-dker {
+    color: #1797be
+}
+
+a.bg-success:hover {
+    background-color: #23ad44
+}
+
+a.text-success:hover {
+    color: #23ad44
+}
+
+.text-success {
+    color: #27c24c
+}
+
+.text-success-lt {
+    color: #2ed556
+}
+
+.text-success-lter {
+    color: #43d967
+}
+
+.text-success-dk {
+    color: #23ad44
+}
+
+.text-success-dker {
+    color: #1e983b
+}
+
+a.bg-warning:hover {
+    background-color: #f9d21a
+}
+
+a.text-warning:hover {
+    color: #f9d21a
+}
+
+.text-warning {
+    color: #fad733
+}
+
+.text-warning-lt {
+    color: #fbdc4c
+}
+
+.text-warning-lter {
+    color: #fbe165
+}
+
+.text-warning-dk {
+    color: #f9d21a
+}
+
+.text-warning-dker {
+    color: #f4ca06
+}
+
+a.bg-danger:hover {
+    background-color: #ee3939
+}
+
+a.text-danger:hover {
+    color: #ee3939
+}
+
+.text-danger {
+    color: #f05050
+}
+
+.text-danger-lt {
+    color: #f26767
+}
+
+.text-danger-lter {
+    color: #f47f7f
+}
+
+.text-danger-dk {
+    color: #ee3939
+}
+
+.text-danger-dker {
+    color: #ec2121
+}
+
+a.bg-dark:hover {
+    background-color: #2f3342
+}
+
+a.text-dark:hover {
+    color: #2f3342
+}
+
+.text-dark {
+    color: #3a3f51
+}
+
+.text-dark-lt {
+    color: #454b60
+}
+
+.text-dark-lter {
+    color: #4f566f
+}
+
+.text-dark-dk {
+    color: #2f3342
+}
+
+.text-dark-dker {
+    color: #252833
+}
+
+a.bg-#000000:hover {
+    background-color: #131e25
+}
+
+a.text-#000000:hover {
+    color: #131e25
+}
+
+.text-#000000 {
+    color: #1c2b36
+}
+
+.text-#000000-lt {
+    color: #253847
+}
+
+.text-#000000-lter {
+    color: #2d4658
+}
+
+.text-#000000-dk {
+    color: #131e25
+}
+
+.text-#000000-dker {
+    color: #0b1014
+}
+
+.text-white {
+    color: #fff
+}
+
+.text-black {
+    color: #000
+}
+
+.text-muted {
+    color: #98a6ad
+}
+
+.pos-rlt {
+    position: relative
+}
+
+.pos-stc {
+    position: static !important
+}
+
+.pos-abt {
+    position: absolute
+}
+
+.pos-fix {
+    position: fixed
+}
+
+.show {
+    visibility: visible
+}
+
+.line {
+    width: 100%;
+    height: 2px;
+    margin: 10px 0;
+    overflow: hidden;
+    font-size: 0
+}
+
+.line-xs {
+    margin: 0
+}
+
+.line-lg {
+    margin-top: 15px;
+    margin-bottom: 15px
+}
+
+.line-dashed {
+    background-color: transparent;
+    border-style: dashed !important;
+    border-width: 0
+}
+
+.no-line {
+    border-width: 0
+}
+
+.no-border,
+.no-borders {
+    border-color: transparent;
+    border-width: 0
+}
+
+.no-radius {
+    border-radius: 0
+}
+
+.block {
+    display: block
+}
+
+.block.hide {
+    display: none
+}
+
+.inline {
+    display: inline-block !important
+}
+
+.none {
+    display: none
+}
+
+.pull-none {
+    float: none
+}
+
+.rounded {
+    border-radius: 500px
+}
+
+.clear {
+    display: block;
+    overflow: hidden
+}
+
+.no-bg {
+    color: inherit;
+    background-color: transparent
+}
+
+.no-select {
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    -webkit-touch-callout: none
+}
+
+.l-h {
+    line-height: 1.42857143
+}
+
+.l-h-0x {
+    line-height: 0
+}
+
+.l-h-1x {
+    line-height: 1.2
+}
+
+.l-h-2x {
+    line-height: 2em
+}
+
+.l-s-1x {
+    letter-spacing: 1
+}
+
+.l-s-2x {
+    letter-spacing: 2
+}
+
+.l-s-3x {
+    letter-spacing: 3
+}
+
+.font-normal {
+    font-weight: 400
+}
+
+.font-thin {
+    font-weight: 300
+}
+
+.font-bold {
+    font-weight: 700
+}
+
+.text-3x {
+    font-size: 3em
+}
+
+.text-2x {
+    font-size: 2em
+}
+
+.text-lg {
+    font-size: 18px
+}
+
+.text-md {
+    font-size: 16px
+}
+
+.text-base {
+    font-size: 14px
+}
+
+.text-sm {
+    font-size: 13px
+}
+
+.text-xs {
+    font-size: 12px
+}
+
+.text-xxs {
+    text-indent: -9999px
+}
+
+.text-ellipsis {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+
+.text-u-c {
+    text-transform: uppercase
+}
+
+.text-l-t {
+    text-decoration: line-through
+}
+
+.text-u-l {
+    text-decoration: underline
+}
+
+.text-active,
+.active>.text,
+.active>.auto .text {
+    display: none !important
+}
+
+.active>.text-active,
+.active>.auto .text-active {
+    display: inline-block !important
+}
+
+.box-shadow {
+    box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 1px 0 rgba(0, 0, 0, .05)
+}
+
+.box-shadow-lg {
+    box-shadow: 5px 5px 10px rgba(0, 0, 0, .05)
+}
+
+.text-shadow {
+    font-size: 170px;
+    text-shadow: 0 1px 0 #dee5e7, 0 2px 0 #fcfdfd, 0 5px 10px rgba(0, 0, 0, .125), 0 10px 20px rgba(0, 0, 0, .2)
+}
+
+.no-shadow {
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important
+}
+
+.wrapper-xs {
+    padding: 5px
+}
+
+.wrapper-sm {
+    padding: 10px
+}
+
+.wrapper {
+    padding: 15px
+}
+
+.wrapper-md {
+    padding: 20px
+}
+
+.wrapper-lg {
+    padding: 30px
+}
+
+.wrapper-xl {
+    padding: 50px
+}
+
+.padder-lg {
+    padding-right: 30px;
+    padding-left: 30px
+}
+
+.padder-md {
+    padding-right: 20px;
+    padding-left: 20px
+}
+
+.padder {
+    padding-right: 15px;
+    padding-left: 15px
+}
+
+.padder-v {
+    padding-top: 15px;
+    padding-bottom: 15px
+}
+
+.no-padder {
+    padding: 0 !important
+}
+
+.pull-in {
+    margin-right: -15px;
+    margin-left: -15px
+}
+
+.pull-out {
+    margin: -10px -15px
+}
+
+.b {
+    border: 1px solid rgba(0, 0, 0, .05)
+}
+
+.b-a {
+    border: 1px solid #dee5e7
+}
+
+.b-t {
+    border-top: 1px solid #dee5e7
+}
+
+.b-r {
+    border-right: 1px solid #dee5e7
+}
+
+.b-b {
+    border-bottom: 1px solid #dee5e7
+}
+
+.b-l {
+    border-left: 1px solid #dee5e7
+}
+
+.b-light {
+    border-color: #edf1f2
+}
+
+.b-dark {
+    border-color: #3a3f51
+}
+
+.b-black {
+    border-color: #3a3f51
+}
+
+.b-primary {
+    border-color: #7266ba
+}
+
+.b-success {
+    border-color: #27c24c
+}
+
+.b-info {
+    border-color: #23b7e5
+}
+
+.b-warning {
+    border-color: #fad733
+}
+
+.b-danger {
+    border-color: #f05050
+}
+
+.b-white {
+    border-color: #fff
+}
+
+.b-dashed {
+    border-style: dashed !important
+}
+
+.b-l-light {
+    border-left-color: #edf1f2
+}
+
+.b-l-dark {
+    border-left-color: #3a3f51
+}
+
+.b-l-black {
+    border-left-color: #3a3f51
+}
+
+.b-l-primary {
+    border-left-color: #7266ba
+}
+
+.b-l-success {
+    border-left-color: #27c24c
+}
+
+.b-l-info {
+    border-left-color: #23b7e5
+}
+
+.b-l-warning {
+    border-left-color: #fad733
+}
+
+.b-l-danger {
+    border-left-color: #f05050
+}
+
+.b-l-white {
+    border-left-color: #fff
+}
+
+.b-l-2x {
+    border-left-width: 2px
+}
+
+.b-l-3x {
+    border-left-width: 3px
+}
+
+.b-l-4x {
+    border-left-width: 4px
+}
+
+.b-l-5x {
+    border-left-width: 5px
+}
+
+.b-2x {
+    border-width: 2px
+}
+
+.b-3x {
+    border-width: 3px
+}
+
+.b-4x {
+    border-width: 4px
+}
+
+.b-5x {
+    border-width: 5px
+}
+
+.r {
+    border-radius: 2px 2px 2px 2px
+}
+
+.r-2x {
+    border-radius: 4px
+}
+
+.r-3x {
+    border-radius: 6px
+}
+
+.r-l {
+    border-radius: 2px 0 0 2px
+}
+
+.r-r {
+    border-radius: 0 2px 2px 0
+}
+
+.r-t {
+    border-radius: 2px 2px 0 0
+}
+
+.r-b {
+    border-radius: 0 0 2px 2px
+}
+
+.m-xxs {
+    margin: 2px 4px
+}
+
+.m-xs {
+    margin: 5px
+}
+
+.m-sm {
+    margin: 10px
+}
+
+.m {
+    margin: 15px
+}
+
+.m-md {
+    margin: 20px
+}
+
+.m-lg {
+    margin: 30px
+}
+
+.m-xl {
+    margin: 50px
+}
+
+.m-n {
+    margin: 0 !important
+}
+
+.m-l-none {
+    margin-left: 0 !important
+}
+
+.m-l-xs {
+    margin-left: 5px
+}
+
+.m-l-sm {
+    margin-left: 10px
+}
+
+.m-l {
+    margin-left: 15px
+}
+
+.m-l-md {
+    margin-left: 20px
+}
+
+.m-l-lg {
+    margin-left: 30px
+}
+
+.m-l-xl {
+    margin-left: 40px
+}
+
+.m-l-xxl {
+    margin-left: 50px
+}
+
+.m-l-n-xxs {
+    margin-left: -1px
+}
+
+.m-l-n-xs {
+    margin-left: -5px
+}
+
+.m-l-n-sm {
+    margin-left: -10px
+}
+
+.m-l-n {
+    margin-left: -15px
+}
+
+.m-l-n-md {
+    margin-left: -20px
+}
+
+.m-l-n-lg {
+    margin-left: -30px
+}
+
+.m-l-n-xl {
+    margin-left: -40px
+}
+
+.m-l-n-xxl {
+    margin-left: -50px
+}
+
+.m-t-none {
+    margin-top: 0 !important
+}
+
+.m-t-xxs {
+    margin-top: 1px
+}
+
+.m-t-xs {
+    margin-top: 5px
+}
+
+.m-t-sm {
+    margin-top: 10px
+}
+
+.m-t {
+    margin-top: 15px
+}
+
+.m-t-md {
+    margin-top: 20px
+}
+
+.m-t-lg {
+    margin-top: 30px
+}
+
+.m-t-xl {
+    margin-top: 40px
+}
+
+.m-t-xxl {
+    margin-top: 50px
+}
+
+.m-t-n-xxs {
+    margin-top: -1px
+}
+
+.m-t-n-xs {
+    margin-top: -5px
+}
+
+.m-t-n-sm {
+    margin-top: -10px
+}
+
+.m-t-n {
+    margin-top: -15px
+}
+
+.m-t-n-md {
+    margin-top: -20px
+}
+
+.m-t-n-lg {
+    margin-top: -30px
+}
+
+.m-t-n-xl {
+    margin-top: -40px
+}
+
+.m-t-n-xxl {
+    margin-top: -50px
+}
+
+.m-r-none {
+    margin-right: 0 !important
+}
+
+.m-r-xxs {
+    margin-right: 1px
+}
+
+.m-r-xs {
+    margin-right: 5px
+}
+
+.m-r-sm {
+    margin-right: 10px
+}
+
+.m-r {
+    margin-right: 15px
+}
+
+.m-r-md {
+    margin-right: 20px
+}
+
+.m-r-lg {
+    margin-right: 30px
+}
+
+.m-r-xl {
+    margin-right: 40px
+}
+
+.m-r-xxl {
+    margin-right: 50px
+}
+
+.m-r-n-xxs {
+    margin-right: -1px
+}
+
+.m-r-n-xs {
+    margin-right: -5px
+}
+
+.m-r-n-sm {
+    margin-right: -10px
+}
+
+.m-r-n {
+    margin-right: -15px
+}
+
+.m-r-n-md {
+    margin-right: -20px
+}
+
+.m-r-n-lg {
+    margin-right: -30px
+}
+
+.m-r-n-xl {
+    margin-right: -40px
+}
+
+.m-r-n-xxl {
+    margin-right: -50px
+}
+
+.m-b-none {
+    margin-bottom: 0 !important
+}
+
+.m-b-xxs {
+    margin-bottom: 1px
+}
+
+.m-b-xs {
+    margin-bottom: 5px
+}
+
+.m-b-sm {
+    margin-bottom: 10px
+}
+
+.m-b {
+    margin-bottom: 15px
+}
+
+.m-b-md {
+    margin-bottom: 20px
+}
+
+.m-b-lg {
+    margin-bottom: 30px
+}
+
+.m-b-xl {
+    margin-bottom: 40px
+}
+
+.m-b-xxl {
+    margin-bottom: 50px
+}
+
+.m-b-n-xxs {
+    margin-bottom: -1px
+}
+
+.m-b-n-xs {
+    margin-bottom: -5px
+}
+
+.m-b-n-sm {
+    margin-bottom: -10px
+}
+
+.m-b-n {
+    margin-bottom: -15px
+}
+
+.m-b-n-md {
+    margin-bottom: -20px
+}
+
+.m-b-n-lg {
+    margin-bottom: -30px
+}
+
+.m-b-n-xl {
+    margin-bottom: -40px
+}
+
+.m-b-n-xxl {
+    margin-bottom: -50px
+}
+
+.avatar {
+    position: relative;
+    display: block;
+    white-space: nowrap;
+    border-radius: 500px
+}
+
+.avatar img {
+    width: 100%;
+    border-radius: 500px
+}
+
+.avatar i {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 10px;
+    height: 10px;
+    margin: 2px;
+    border-style: solid;
+    border-width: 2px;
+    border-radius: 100%
+}
+
+.avatar i.right {
+    right: 0;
+    left: auto
+}
+
+.avatar i.bottom {
+    top: auto;
+    right: 0;
+    bottom: 0;
+    left: auto
+}
+
+.avatar i.left {
+    top: auto;
+    bottom: 0
+}
+
+.avatar i.on {
+    background-color: #27c24c
+}
+
+.avatar i.off {
+    background-color: #98a6ad
+}
+
+.avatar i.busy {
+    background-color: #f05050
+}
+
+.avatar i.away {
+    background-color: #fad733
+}
+
+.avatar.thumb-md i {
+    width: 12px;
+    height: 12px;
+    margin: 3px
+}
+
+.avatar.thumb-sm i {
+    margin: 1px
+}
+
+.avatar.thumb-xs i {
+    margin: 0
+}
+
+.w-1x {
+    width: 1em
+}
+
+.w-2x {
+    width: 2em
+}
+
+.w-3x {
+    width: 3em
+}
+
+.w-xxs {
+    width: 60px
+}
+
+.w-xs {
+    width: 90px
+}
+
+.w-sm {
+    width: 150px
+}
+
+.w {
+    width: 200px
+}
+
+.w-md {
+    width: 240px
+}
+
+.w-lg {
+    width: 280px
+}
+
+.w-xl {
+    width: 320px
+}
+
+.w-xxl {
+    width: 360px
+}
+
+.w-full {
+    width: 100% !important;
+}
+
+.w-auto {
+    width: auto
+}
+
+.h-auto {
+    height: auto
+}
+
+.h-full {
+    height: 100% !important;
+}
+
+.thumb-xl {
+    display: inline-block;
+    width: 128px
+}
+
+.thumb-lg {
+    display: inline-block;
+    width: 96px
+}
+
+.thumb-md {
+    display: inline-block;
+    width: 64px
+}
+
+.thumb {
+    display: inline-block;
+    width: 50px
+}
+
+.thumb-sm {
+    display: inline-block;
+    width: 40px
+}
+
+.thumb-xs {
+    display: inline-block;
+    width: 34px
+}
+
+.thumb-xxs {
+    display: inline-block;
+    width: 30px
+}
+
+.thumb-wrapper {
+    padding: 2px;
+    border: 1px solid #dee5e7
+}
+
+.thumb img,
+.thumb-xs img,
+.thumb-sm img,
+.thumb-md img,
+.thumb-lg img,
+.thumb-btn img {
+    height: auto;
+    max-width: 100%;
+    vertical-align: middle
+}
+
+.img-full {
+    width: 100%
+}
+
+.img-full img {
+    width: 100%
+}
+
+.scrollable {
+    overflow-x: hidden;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch
+}
+
+.scrollable.hover {
+    overflow-y: hidden !important
+}
+
+.scrollable.hover:hover {
+    overflow: visible !important;
+    overflow-y: auto !important
+}
+
+.smart .scrollable {
+    overflow-y: auto !important
+}
+
+.scroll-x,
+.scroll-y {
+    overflow: hidden;
+    -webkit-overflow-scrolling: touch
+}
+
+.scroll-y {
+    overflow-y: auto
+}
+
+.scroll-x {
+    overflow-x: auto
+}
+
+.hover-action {
+    display: none
+}
+
+.hover-rotate {
+    -webkit-transition: all .2s ease-in-out .1s;
+    transition: all .2s ease-in-out .1s
+}
+
+.hover-anchor:hover>.hover-action,
+.hover-anchor:focus>.hover-action,
+.hover-anchor:active>.hover-action {
+    display: inherit
+}
+
+.hover-anchor:hover>.hover-rotate,
+.hover-anchor:focus>.hover-rotate,
+.hover-anchor:active>.hover-rotate {
+    -webkit-transform: rotate(90deg);
+    -ms-transform: rotate(90deg);
+    transform: rotate(90deg)
+}
+
+.backdrop {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1050
+}
+
+.backdrop.fade {
+    opacity: 0;
+    filter: alpha(opacity=0)
+}
+
+.backdrop.in {
+    opacity: .8;
+    filter: alpha(opacity=80)
+}
+
+@media screen and (min-width:992px) {
+    .col-lg-2-4 {
+        float: left;
+        width: 20%
+    }
+}
+
+@media(min-width:768px) and (max-width:991px) {
+    .hidden-sm.show {
+        display: inherit !important
+    }
+
+    .no-m-sm {
+        margin: 0 !important
+    }
+}
+
+@media(max-width:767px) {
+    .w-auto-xs {
+        width: auto
+    }
+
+    .shift {
+        display: none !important
+    }
+
+    .shift.in {
+        display: block !important
+    }
+
+    .row-2 [class*=col] {
+        float: left;
+        width: 50%
+    }
+
+    .row-2 .col-0 {
+        clear: none
+    }
+
+    .row-2 li:nth-child(odd) {
+        margin-left: 0;
+        clear: left
+    }
+
+    .text-center-xs {
+        text-align: center
+    }
+
+    .text-left-xs {
+        text-align: left
+    }
+
+    .text-right-xs {
+        text-align: right
+    }
+
+    .no-border-xs {
+        border-width: 0
+    }
+
+    .pull-none-xs {
+        float: none !important
+    }
+
+    .pull-right-xs {
+        float: right !important
+    }
+
+    .pull-left-xs {
+        float: left !important
+    }
+
+    .dropdown-menu.pull-none-xs {
+        left: 0
+    }
+
+    .hidden-xs.show {
+        display: inherit !important
+    }
+
+    .wrapper-lg,
+    .wrapper-md {
+        padding: 15px
+    }
+
+    .padder-lg,
+    .padder-md {
+        padding-right: 15px;
+        padding-left: 15px
+    }
+
+    .no-m-xs {
+        margin: 0 !important
+    }
+}
+
+.butterbar {
+    position: relative;
+    height: 3px;
+    margin-bottom: -3px
+}
+
+.butterbar .bar {
+    position: absolute;
+    width: 100%;
+    height: 0;
+    text-indent: -9999px;
+    background-color: #23b7e5
+}
+
+.butterbar .bar:before {
+    position: absolute;
+    right: 50%;
+    left: 50%;
+    height: 3px;
+    background-color: inherit;
+    content: ""
+}
+
+.butterbar.active {
+    -webkit-animation: changebar 2.25s infinite .75s;
+    -moz-animation: changebar 2.25s infinite .75s;
+    animation: changebar 2.25s infinite .75s
+}
+
+.butterbar.active .bar {
+    -webkit-animation: changebar 2.25s infinite;
+    -moz-animation: changebar 2.25s infinite;
+    animation: changebar 2.25s infinite
+}
+
+.butterbar.active .bar:before {
+    -webkit-animation: movingbar .75s infinite;
+    -moz-animation: movingbar .75s infinite;
+    animation: movingbar .75s infinite
+}
+
+@-webkit-keyframes movingbar {
+    0% {
+        right: 50%;
+        left: 50%
+    }
+
+    99.9% {
+        right: 0;
+        left: 0
+    }
+
+    100% {
+        right: 50%;
+        left: 50%
+    }
+}
+
+@-moz-keyframes movingbar {
+    0% {
+        right: 50%;
+        left: 50%
+    }
+
+    99.9% {
+        right: 0;
+        left: 0
+    }
+
+    100% {
+        right: 50%;
+        left: 50%
+    }
+}
+
+@keyframes movingbar {
+    0% {
+        right: 50%;
+        left: 50%
+    }
+
+    99.9% {
+        right: 0;
+        left: 0
+    }
+
+    100% {
+        right: 50%;
+        left: 50%
+    }
+}
+
+@-webkit-keyframes changebar {
+    0% {
+        background-color: #23b7e5
+    }
+
+    33.3% {
+        background-color: #23b7e5
+    }
+
+    33.33% {
+        background-color: #fad733
+    }
+
+    66.6% {
+        background-color: #fad733
+    }
+
+    66.66% {
+        background-color: #7266ba
+    }
+
+    99.9% {
+        background-color: #7266ba
+    }
+}
+
+@-moz-keyframes changebar {
+    0% {
+        background-color: #23b7e5
+    }
+
+    33.3% {
+        background-color: #23b7e5
+    }
+
+    33.33% {
+        background-color: #fad733
+    }
+
+    66.6% {
+        background-color: #fad733
+    }
+
+    66.66% {
+        background-color: #7266ba
+    }
+
+    99.9% {
+        background-color: #7266ba
+    }
+}
+
+@keyframes changebar {
+    0% {
+        background-color: #23b7e5
+    }
+
+    33.3% {
+        background-color: #23b7e5
+    }
+
+    33.33% {
+        background-color: #fad733
+    }
+
+    66.6% {
+        background-color: #fad733
+    }
+
+    66.66% {
+        background-color: #7266ba
+    }
+
+    99.9% {
+        background-color: #7266ba
+    }
+}

frontend/css/font-awesome.min.css

@@ -0,0 +1,2178 @@
+/*!
+ *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+@font-face {
+    font-family: 'FontAwesome';
+    src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
+    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
+    font-weight: normal;
+    font-style: normal
+}
+
+.fa {
+    display: inline-block;
+    font: normal normal normal 14px/1 FontAwesome;
+    font-size: inherit;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale
+}
+
+.fa-lg {
+    font-size: 1.33333333em;
+    line-height: .75em;
+    vertical-align: -15%
+}
+
+.fa-2x {
+    font-size: 2em
+}
+
+.fa-3x {
+    font-size: 3em
+}
+
+.fa-4x {
+    font-size: 4em
+}
+
+.fa-5x {
+    font-size: 5em
+}
+
+.fa-fw {
+    width: 1.28571429em;
+    text-align: center
+}
+
+.fa-ul {
+    padding-left: 0;
+    margin-left: 2.14285714em;
+    list-style-type: none
+}
+
+.fa-ul>li {
+    position: relative
+}
+
+.fa-li {
+    position: absolute;
+    left: -2.14285714em;
+    width: 2.14285714em;
+    top: .14285714em;
+    text-align: center
+}
+
+.fa-li.fa-lg {
+    left: -1.85714286em
+}
+
+.fa-border {
+    padding: .2em .25em .15em;
+    border: solid .08em #eee;
+    border-radius: .1em
+}
+
+.pull-right {
+    float: right
+}
+
+.pull-left {
+    float: left
+}
+
+.fa.pull-left {
+    margin-right: .3em
+}
+
+.fa.pull-right {
+    margin-left: .3em
+}
+
+.fa-spin {
+    -webkit-animation: fa-spin 2s infinite linear;
+    animation: fa-spin 2s infinite linear
+}
+
+@-webkit-keyframes fa-spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg)
+    }
+
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg)
+    }
+}
+
+@keyframes fa-spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg)
+    }
+
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg)
+    }
+}
+
+.fa-rotate-90 {
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+    -webkit-transform: rotate(90deg);
+    -ms-transform: rotate(90deg);
+    transform: rotate(90deg)
+}
+
+.fa-rotate-180 {
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+    -webkit-transform: rotate(180deg);
+    -ms-transform: rotate(180deg);
+    transform: rotate(180deg)
+}
+
+.fa-rotate-270 {
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+    -webkit-transform: rotate(270deg);
+    -ms-transform: rotate(270deg);
+    transform: rotate(270deg)
+}
+
+.fa-flip-horizontal {
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
+    -webkit-transform: scale(-1, 1);
+    -ms-transform: scale(-1, 1);
+    transform: scale(-1, 1)
+}
+
+.fa-flip-vertical {
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
+    -webkit-transform: scale(1, -1);
+    -ms-transform: scale(1, -1);
+    transform: scale(1, -1)
+}
+
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+    filter: none
+}
+
+.fa-stack {
+    position: relative;
+    display: inline-block;
+    width: 2em;
+    height: 2em;
+    line-height: 2em;
+    vertical-align: middle
+}
+
+.fa-stack-1x,
+.fa-stack-2x {
+    position: absolute;
+    left: 0;
+    width: 100%;
+    text-align: center
+}
+
+.fa-stack-1x {
+    line-height: inherit
+}
+
+.fa-stack-2x {
+    font-size: 2em
+}
+
+.fa-inverse {
+    color: #fff
+}
+
+.fa-glass:before {
+    content: "\f000"
+}
+
+.fa-music:before {
+    content: "\f001"
+}
+
+.fa-search:before {
+    content: "\f002"
+}
+
+.fa-envelope-o:before {
+    content: "\f003"
+}
+
+.fa-heart:before {
+    content: "\f004"
+}
+
+.fa-star:before {
+    content: "\f005"
+}
+
+.fa-star-o:before {
+    content: "\f006"
+}
+
+.fa-user:before {
+    content: "\f007"
+}
+
+.fa-film:before {
+    content: "\f008"
+}
+
+.fa-th-large:before {
+    content: "\f009"
+}
+
+.fa-th:before {
+    content: "\f00a"
+}
+
+.fa-th-list:before {
+    content: "\f00b"
+}
+
+.fa-check:before {
+    content: "\f00c"
+}
+
+.fa-remove:before,
+.fa-close:before,
+.fa-times:before {
+    content: "\f00d"
+}
+
+.fa-search-plus:before {
+    content: "\f00e"
+}
+
+.fa-search-minus:before {
+    content: "\f010"
+}
+
+.fa-power-off:before {
+    content: "\f011"
+}
+
+.fa-signal:before {
+    content: "\f012"
+}
+
+.fa-gear:before,
+.fa-cog:before {
+    content: "\f013"
+}
+
+.fa-trash-o:before {
+    content: "\f014"
+}
+
+.fa-home:before {
+    content: "\f015"
+}
+
+.fa-file-o:before {
+    content: "\f016"
+}
+
+.fa-clock-o:before {
+    content: "\f017"
+}
+
+.fa-road:before {
+    content: "\f018"
+}
+
+.fa-download:before {
+    content: "\f019"
+}
+
+.fa-arrow-circle-o-down:before {
+    content: "\f01a"
+}
+
+.fa-arrow-circle-o-up:before {
+    content: "\f01b"
+}
+
+.fa-inbox:before {
+    content: "\f01c"
+}
+
+.fa-play-circle-o:before {
+    content: "\f01d"
+}
+
+.fa-rotate-right:before,
+.fa-repeat:before {
+    content: "\f01e"
+}
+
+.fa-refresh:before {
+    content: "\f021"
+}
+
+.fa-list-alt:before {
+    content: "\f022"
+}
+
+.fa-lock:before {
+    content: "\f023"
+}
+
+.fa-flag:before {
+    content: "\f024"
+}
+
+.fa-headphones:before {
+    content: "\f025"
+}
+
+.fa-volume-off:before {
+    content: "\f026"
+}
+
+.fa-volume-down:before {
+    content: "\f027"
+}
+
+.fa-volume-up:before {
+    content: "\f028"
+}
+
+.fa-qrcode:before {
+    content: "\f029"
+}
+
+.fa-barcode:before {
+    content: "\f02a"
+}
+
+.fa-tag:before {
+    content: "\f02b"
+}
+
+.fa-tags:before {
+    content: "\f02c"
+}
+
+.fa-book:before {
+    content: "\f02d"
+}
+
+.fa-bookmark:before {
+    content: "\f02e"
+}
+
+.fa-print:before {
+    content: "\f02f"
+}
+
+.fa-camera:before {
+    content: "\f030"
+}
+
+.fa-font:before {
+    content: "\f031"
+}
+
+.fa-bold:before {
+    content: "\f032"
+}
+
+.fa-italic:before {
+    content: "\f033"
+}
+
+.fa-text-height:before {
+    content: "\f034"
+}
+
+.fa-text-width:before {
+    content: "\f035"
+}
+
+.fa-align-left:before {
+    content: "\f036"
+}
+
+.fa-align-center:before {
+    content: "\f037"
+}
+
+.fa-align-right:before {
+    content: "\f038"
+}
+
+.fa-align-justify:before {
+    content: "\f039"
+}
+
+.fa-list:before {
+    content: "\f03a"
+}
+
+.fa-dedent:before,
+.fa-outdent:before {
+    content: "\f03b"
+}
+
+.fa-indent:before {
+    content: "\f03c"
+}
+
+.fa-video-camera:before {
+    content: "\f03d"
+}
+
+.fa-photo:before,
+.fa-image:before,
+.fa-picture-o:before {
+    content: "\f03e"
+}
+
+.fa-pencil:before {
+    content: "\f040"
+}
+
+.fa-map-marker:before {
+    content: "\f041"
+}
+
+.fa-adjust:before {
+    content: "\f042"
+}
+
+.fa-tint:before {
+    content: "\f043"
+}
+
+.fa-edit:before,
+.fa-pencil-square-o:before {
+    content: "\f044"
+}
+
+.fa-share-square-o:before {
+    content: "\f045"
+}
+
+.fa-check-square-o:before {
+    content: "\f046"
+}
+
+.fa-arrows:before {
+    content: "\f047"
+}
+
+.fa-step-backward:before {
+    content: "\f048"
+}
+
+.fa-fast-backward:before {
+    content: "\f049"
+}
+
+.fa-backward:before {
+    content: "\f04a"
+}
+
+.fa-play:before {
+    content: "\f04b"
+}
+
+.fa-pause:before {
+    content: "\f04c"
+}
+
+.fa-stop:before {
+    content: "\f04d"
+}
+
+.fa-forward:before {
+    content: "\f04e"
+}
+
+.fa-fast-forward:before {
+    content: "\f050"
+}
+
+.fa-step-forward:before {
+    content: "\f051"
+}
+
+.fa-eject:before {
+    content: "\f052"
+}
+
+.fa-chevron-left:before {
+    content: "\f053"
+}
+
+.fa-chevron-right:before {
+    content: "\f054"
+}
+
+.fa-plus-circle:before {
+    content: "\f055"
+}
+
+.fa-minus-circle:before {
+    content: "\f056"
+}
+
+.fa-times-circle:before {
+    content: "\f057"
+}
+
+.fa-check-circle:before {
+    content: "\f058"
+}
+
+.fa-question-circle:before {
+    content: "\f059"
+}
+
+.fa-info-circle:before {
+    content: "\f05a"
+}
+
+.fa-crosshairs:before {
+    content: "\f05b"
+}
+
+.fa-times-circle-o:before {
+    content: "\f05c"
+}
+
+.fa-check-circle-o:before {
+    content: "\f05d"
+}
+
+.fa-ban:before {
+    content: "\f05e"
+}
+
+.fa-arrow-left:before {
+    content: "\f060"
+}
+
+.fa-arrow-right:before {
+    content: "\f061"
+}
+
+.fa-arrow-up:before {
+    content: "\f062"
+}
+
+.fa-arrow-down:before {
+    content: "\f063"
+}
+
+.fa-mail-forward:before,
+.fa-share:before {
+    content: "\f064"
+}
+
+.fa-expand:before {
+    content: "\f065"
+}
+
+.fa-compress:before {
+    content: "\f066"
+}
+
+.fa-plus:before {
+    content: "\f067"
+}
+
+.fa-minus:before {
+    content: "\f068"
+}
+
+.fa-asterisk:before {
+    content: "\f069"
+}
+
+.fa-exclamation-circle:before {
+    content: "\f06a"
+}
+
+.fa-gift:before {
+    content: "\f06b"
+}
+
+.fa-leaf:before {
+    content: "\f06c"
+}
+
+.fa-fire:before {
+    content: "\f06d"
+}
+
+.fa-eye:before {
+    content: "\f06e"
+}
+
+.fa-eye-slash:before {
+    content: "\f070"
+}
+
+.fa-warning:before,
+.fa-exclamation-triangle:before {
+    content: "\f071"
+}
+
+.fa-plane:before {
+    content: "\f072"
+}
+
+.fa-calendar:before {
+    content: "\f073"
+}
+
+.fa-random:before {
+    content: "\f074"
+}
+
+.fa-comment:before {
+    content: "\f075"
+}
+
+.fa-magnet:before {
+    content: "\f076"
+}
+
+.fa-chevron-up:before {
+    content: "\f077"
+}
+
+.fa-chevron-down:before {
+    content: "\f078"
+}
+
+.fa-retweet:before {
+    content: "\f079"
+}
+
+.fa-shopping-cart:before {
+    content: "\f07a"
+}
+
+.fa-folder:before {
+    content: "\f07b"
+}
+
+.fa-folder-open:before {
+    content: "\f07c"
+}
+
+.fa-arrows-v:before {
+    content: "\f07d"
+}
+
+.fa-arrows-h:before {
+    content: "\f07e"
+}
+
+.fa-bar-chart-o:before,
+.fa-bar-chart:before {
+    content: "\f080"
+}
+
+.fa-twitter-square:before {
+    content: "\f081"
+}
+
+.fa-facebook-square:before {
+    content: "\f082"
+}
+
+.fa-camera-retro:before {
+    content: "\f083"
+}
+
+.fa-key:before {
+    content: "\f084"
+}
+
+.fa-gears:before,
+.fa-cogs:before {
+    content: "\f085"
+}
+
+.fa-comments:before {
+    content: "\f086"
+}
+
+.fa-thumbs-o-up:before {
+    content: "\f087"
+}
+
+.fa-thumbs-o-down:before {
+    content: "\f088"
+}
+
+.fa-star-half:before {
+    content: "\f089"
+}
+
+.fa-heart-o:before {
+    content: "\f08a"
+}
+
+.fa-sign-out:before {
+    content: "\f08b"
+}
+
+.fa-linkedin-square:before {
+    content: "\f08c"
+}
+
+.fa-thumb-tack:before {
+    content: "\f08d"
+}
+
+.fa-external-link:before {
+    content: "\f08e"
+}
+
+.fa-sign-in:before {
+    content: "\f090"
+}
+
+.fa-trophy:before {
+    content: "\f091"
+}
+
+.fa-github-square:before {
+    content: "\f092"
+}
+
+.fa-upload:before {
+    content: "\f093"
+}
+
+.fa-lemon-o:before {
+    content: "\f094"
+}
+
+.fa-phone:before {
+    content: "\f095"
+}
+
+.fa-square-o:before {
+    content: "\f096"
+}
+
+.fa-bookmark-o:before {
+    content: "\f097"
+}
+
+.fa-phone-square:before {
+    content: "\f098"
+}
+
+.fa-twitter:before {
+    content: "\f099"
+}
+
+.fa-facebook:before {
+    content: "\f09a"
+}
+
+.fa-github:before {
+    content: "\f09b"
+}
+
+.fa-unlock:before {
+    content: "\f09c"
+}
+
+.fa-credit-card:before {
+    content: "\f09d"
+}
+
+.fa-rss:before {
+    content: "\f09e"
+}
+
+.fa-hdd-o:before {
+    content: "\f0a0"
+}
+
+.fa-bullhorn:before {
+    content: "\f0a1"
+}
+
+.fa-bell:before {
+    content: "\f0f3"
+}
+
+.fa-certificate:before {
+    content: "\f0a3"
+}
+
+.fa-hand-o-right:before {
+    content: "\f0a4"
+}
+
+.fa-hand-o-left:before {
+    content: "\f0a5"
+}
+
+.fa-hand-o-up:before {
+    content: "\f0a6"
+}
+
+.fa-hand-o-down:before {
+    content: "\f0a7"
+}
+
+.fa-arrow-circle-left:before {
+    content: "\f0a8"
+}
+
+.fa-arrow-circle-right:before {
+    content: "\f0a9"
+}
+
+.fa-arrow-circle-up:before {
+    content: "\f0aa"
+}
+
+.fa-arrow-circle-down:before {
+    content: "\f0ab"
+}
+
+.fa-globe:before {
+    content: "\f0ac"
+}
+
+.fa-wrench:before {
+    content: "\f0ad"
+}
+
+.fa-tasks:before {
+    content: "\f0ae"
+}
+
+.fa-filter:before {
+    content: "\f0b0"
+}
+
+.fa-briefcase:before {
+    content: "\f0b1"
+}
+
+.fa-arrows-alt:before {
+    content: "\f0b2"
+}
+
+.fa-group:before,
+.fa-users:before {
+    content: "\f0c0"
+}
+
+.fa-chain:before,
+.fa-link:before {
+    content: "\f0c1"
+}
+
+.fa-cloud:before {
+    content: "\f0c2"
+}
+
+.fa-flask:before {
+    content: "\f0c3"
+}
+
+.fa-cut:before,
+.fa-scissors:before {
+    content: "\f0c4"
+}
+
+.fa-copy:before,
+.fa-files-o:before {
+    content: "\f0c5"
+}
+
+.fa-paperclip:before {
+    content: "\f0c6"
+}
+
+.fa-save:before,
+.fa-floppy-o:before {
+    content: "\f0c7"
+}
+
+.fa-square:before {
+    content: "\f0c8"
+}
+
+.fa-navicon:before,
+.fa-reorder:before,
+.fa-bars:before {
+    content: "\f0c9"
+}
+
+.fa-list-ul:before {
+    content: "\f0ca"
+}
+
+.fa-list-ol:before {
+    content: "\f0cb"
+}
+
+.fa-strikethrough:before {
+    content: "\f0cc"
+}
+
+.fa-underline:before {
+    content: "\f0cd"
+}
+
+.fa-table:before {
+    content: "\f0ce"
+}
+
+.fa-magic:before {
+    content: "\f0d0"
+}
+
+.fa-truck:before {
+    content: "\f0d1"
+}
+
+.fa-pinterest:before {
+    content: "\f0d2"
+}
+
+.fa-pinterest-square:before {
+    content: "\f0d3"
+}
+
+.fa-google-plus-square:before {
+    content: "\f0d4"
+}
+
+.fa-google-plus:before {
+    content: "\f0d5"
+}
+
+.fa-money:before {
+    content: "\f0d6"
+}
+
+.fa-caret-down:before {
+    content: "\f0d7"
+}
+
+.fa-caret-up:before {
+    content: "\f0d8"
+}
+
+.fa-caret-left:before {
+    content: "\f0d9"
+}
+
+.fa-caret-right:before {
+    content: "\f0da"
+}
+
+.fa-columns:before {
+    content: "\f0db"
+}
+
+.fa-unsorted:before,
+.fa-sort:before {
+    content: "\f0dc"
+}
+
+.fa-sort-down:before,
+.fa-sort-desc:before {
+    content: "\f0dd"
+}
+
+.fa-sort-up:before,
+.fa-sort-asc:before {
+    content: "\f0de"
+}
+
+.fa-envelope:before {
+    content: "\f0e0"
+}
+
+.fa-linkedin:before {
+    content: "\f0e1"
+}
+
+.fa-rotate-left:before,
+.fa-undo:before {
+    content: "\f0e2"
+}
+
+.fa-legal:before,
+.fa-gavel:before {
+    content: "\f0e3"
+}
+
+.fa-dashboard:before,
+.fa-tachometer:before {
+    content: "\f0e4"
+}
+
+.fa-comment-o:before {
+    content: "\f0e5"
+}
+
+.fa-comments-o:before {
+    content: "\f0e6"
+}
+
+.fa-flash:before,
+.fa-bolt:before {
+    content: "\f0e7"
+}
+
+.fa-sitemap:before {
+    content: "\f0e8"
+}
+
+.fa-umbrella:before {
+    content: "\f0e9"
+}
+
+.fa-paste:before,
+.fa-clipboard:before {
+    content: "\f0ea"
+}
+
+.fa-lightbulb-o:before {
+    content: "\f0eb"
+}
+
+.fa-exchange:before {
+    content: "\f0ec"
+}
+
+.fa-cloud-download:before {
+    content: "\f0ed"
+}
+
+.fa-cloud-upload:before {
+    content: "\f0ee"
+}
+
+.fa-user-md:before {
+    content: "\f0f0"
+}
+
+.fa-stethoscope:before {
+    content: "\f0f1"
+}
+
+.fa-suitcase:before {
+    content: "\f0f2"
+}
+
+.fa-bell-o:before {
+    content: "\f0a2"
+}
+
+.fa-coffee:before {
+    content: "\f0f4"
+}
+
+.fa-cutlery:before {
+    content: "\f0f5"
+}
+
+.fa-file-text-o:before {
+    content: "\f0f6"
+}
+
+.fa-building-o:before {
+    content: "\f0f7"
+}
+
+.fa-hospital-o:before {
+    content: "\f0f8"
+}
+
+.fa-ambulance:before {
+    content: "\f0f9"
+}
+
+.fa-medkit:before {
+    content: "\f0fa"
+}
+
+.fa-fighter-jet:before {
+    content: "\f0fb"
+}
+
+.fa-beer:before {
+    content: "\f0fc"
+}
+
+.fa-h-square:before {
+    content: "\f0fd"
+}
+
+.fa-plus-square:before {
+    content: "\f0fe"
+}
+
+.fa-angle-double-left:before {
+    content: "\f100"
+}
+
+.fa-angle-double-right:before {
+    content: "\f101"
+}
+
+.fa-angle-double-up:before {
+    content: "\f102"
+}
+
+.fa-angle-double-down:before {
+    content: "\f103"
+}
+
+.fa-angle-left:before {
+    content: "\f104"
+}
+
+.fa-angle-right:before {
+    content: "\f105"
+}
+
+.fa-angle-up:before {
+    content: "\f106"
+}
+
+.fa-angle-down:before {
+    content: "\f107"
+}
+
+.fa-desktop:before {
+    content: "\f108"
+}
+
+.fa-laptop:before {
+    content: "\f109"
+}
+
+.fa-tablet:before {
+    content: "\f10a"
+}
+
+.fa-mobile-phone:before,
+.fa-mobile:before {
+    content: "\f10b"
+}
+
+.fa-circle-o:before {
+    content: "\f10c"
+}
+
+.fa-quote-left:before {
+    content: "\f10d"
+}
+
+.fa-quote-right:before {
+    content: "\f10e"
+}
+
+.fa-spinner:before {
+    content: "\f110"
+}
+
+.fa-circle:before {
+    content: "\f111"
+}
+
+.fa-mail-reply:before,
+.fa-reply:before {
+    content: "\f112"
+}
+
+.fa-github-alt:before {
+    content: "\f113"
+}
+
+.fa-folder-o:before {
+    content: "\f114"
+}
+
+.fa-folder-open-o:before {
+    content: "\f115"
+}
+
+.fa-smile-o:before {
+    content: "\f118"
+}
+
+.fa-frown-o:before {
+    content: "\f119"
+}
+
+.fa-meh-o:before {
+    content: "\f11a"
+}
+
+.fa-gamepad:before {
+    content: "\f11b"
+}
+
+.fa-keyboard-o:before {
+    content: "\f11c"
+}
+
+.fa-flag-o:before {
+    content: "\f11d"
+}
+
+.fa-flag-checkered:before {
+    content: "\f11e"
+}
+
+.fa-terminal:before {
+    content: "\f120"
+}
+
+.fa-code:before {
+    content: "\f121"
+}
+
+.fa-mail-reply-all:before,
+.fa-reply-all:before {
+    content: "\f122"
+}
+
+.fa-star-half-empty:before,
+.fa-star-half-full:before,
+.fa-star-half-o:before {
+    content: "\f123"
+}
+
+.fa-location-arrow:before {
+    content: "\f124"
+}
+
+.fa-crop:before {
+    content: "\f125"
+}
+
+.fa-code-fork:before {
+    content: "\f126"
+}
+
+.fa-unlink:before,
+.fa-chain-broken:before {
+    content: "\f127"
+}
+
+.fa-question:before {
+    content: "\f128"
+}
+
+.fa-info:before {
+    content: "\f129"
+}
+
+.fa-exclamation:before {
+    content: "\f12a"
+}
+
+.fa-superscript:before {
+    content: "\f12b"
+}
+
+.fa-subscript:before {
+    content: "\f12c"
+}
+
+.fa-eraser:before {
+    content: "\f12d"
+}
+
+.fa-puzzle-piece:before {
+    content: "\f12e"
+}
+
+.fa-microphone:before {
+    content: "\f130"
+}
+
+.fa-microphone-slash:before {
+    content: "\f131"
+}
+
+.fa-shield:before {
+    content: "\f132"
+}
+
+.fa-calendar-o:before {
+    content: "\f133"
+}
+
+.fa-fire-extinguisher:before {
+    content: "\f134"
+}
+
+.fa-rocket:before {
+    content: "\f135"
+}
+
+.fa-maxcdn:before {
+    content: "\f136"
+}
+
+.fa-chevron-circle-left:before {
+    content: "\f137"
+}
+
+.fa-chevron-circle-right:before {
+    content: "\f138"
+}
+
+.fa-chevron-circle-up:before {
+    content: "\f139"
+}
+
+.fa-chevron-circle-down:before {
+    content: "\f13a"
+}
+
+.fa-html5:before {
+    content: "\f13b"
+}
+
+.fa-css3:before {
+    content: "\f13c"
+}
+
+.fa-anchor:before {
+    content: "\f13d"
+}
+
+.fa-unlock-alt:before {
+    content: "\f13e"
+}
+
+.fa-bullseye:before {
+    content: "\f140"
+}
+
+.fa-ellipsis-h:before {
+    content: "\f141"
+}
+
+.fa-ellipsis-v:before {
+    content: "\f142"
+}
+
+.fa-rss-square:before {
+    content: "\f143"
+}
+
+.fa-play-circle:before {
+    content: "\f144"
+}
+
+.fa-ticket:before {
+    content: "\f145"
+}
+
+.fa-minus-square:before {
+    content: "\f146"
+}
+
+.fa-minus-square-o:before {
+    content: "\f147"
+}
+
+.fa-level-up:before {
+    content: "\f148"
+}
+
+.fa-level-down:before {
+    content: "\f149"
+}
+
+.fa-check-square:before {
+    content: "\f14a"
+}
+
+.fa-pencil-square:before {
+    content: "\f14b"
+}
+
+.fa-external-link-square:before {
+    content: "\f14c"
+}
+
+.fa-share-square:before {
+    content: "\f14d"
+}
+
+.fa-compass:before {
+    content: "\f14e"
+}
+
+.fa-toggle-down:before,
+.fa-caret-square-o-down:before {
+    content: "\f150"
+}
+
+.fa-toggle-up:before,
+.fa-caret-square-o-up:before {
+    content: "\f151"
+}
+
+.fa-toggle-right:before,
+.fa-caret-square-o-right:before {
+    content: "\f152"
+}
+
+.fa-euro:before,
+.fa-eur:before {
+    content: "\f153"
+}
+
+.fa-gbp:before {
+    content: "\f154"
+}
+
+.fa-dollar:before,
+.fa-usd:before {
+    content: "\f155"
+}
+
+.fa-rupee:before,
+.fa-inr:before {
+    content: "\f156"
+}
+
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
+    content: "\f157"
+}
+
+.fa-ruble:before,
+.fa-rouble:before,
+.fa-rub:before {
+    content: "\f158"
+}
+
+.fa-won:before,
+.fa-krw:before {
+    content: "\f159"
+}
+
+.fa-bitcoin:before,
+.fa-btc:before {
+    content: "\f15a"
+}
+
+.fa-file:before {
+    content: "\f15b"
+}
+
+.fa-file-text:before {
+    content: "\f15c"
+}
+
+.fa-sort-alpha-asc:before {
+    content: "\f15d"
+}
+
+.fa-sort-alpha-desc:before {
+    content: "\f15e"
+}
+
+.fa-sort-amount-asc:before {
+    content: "\f160"
+}
+
+.fa-sort-amount-desc:before {
+    content: "\f161"
+}
+
+.fa-sort-numeric-asc:before {
+    content: "\f162"
+}
+
+.fa-sort-numeric-desc:before {
+    content: "\f163"
+}
+
+.fa-thumbs-up:before {
+    content: "\f164"
+}
+
+.fa-thumbs-down:before {
+    content: "\f165"
+}
+
+.fa-youtube-square:before {
+    content: "\f166"
+}
+
+.fa-youtube:before {
+    content: "\f167"
+}
+
+.fa-xing:before {
+    content: "\f168"
+}
+
+.fa-xing-square:before {
+    content: "\f169"
+}
+
+.fa-youtube-play:before {
+    content: "\f16a"
+}
+
+.fa-dropbox:before {
+    content: "\f16b"
+}
+
+.fa-stack-overflow:before {
+    content: "\f16c"
+}
+
+.fa-instagram:before {
+    content: "\f16d"
+}
+
+.fa-flickr:before {
+    content: "\f16e"
+}
+
+.fa-adn:before {
+    content: "\f170"
+}
+
+.fa-bitbucket:before {
+    content: "\f171"
+}
+
+.fa-bitbucket-square:before {
+    content: "\f172"
+}
+
+.fa-tumblr:before {
+    content: "\f173"
+}
+
+.fa-tumblr-square:before {
+    content: "\f174"
+}
+
+.fa-long-arrow-down:before {
+    content: "\f175"
+}
+
+.fa-long-arrow-up:before {
+    content: "\f176"
+}
+
+.fa-long-arrow-left:before {
+    content: "\f177"
+}
+
+.fa-long-arrow-right:before {
+    content: "\f178"
+}
+
+.fa-apple:before {
+    content: "\f179"
+}
+
+.fa-windows:before {
+    content: "\f17a"
+}
+
+.fa-android:before {
+    content: "\f17b"
+}
+
+.fa-linux:before {
+    content: "\f17c"
+}
+
+.fa-dribbble:before {
+    content: "\f17d"
+}
+
+.fa-skype:before {
+    content: "\f17e"
+}
+
+.fa-foursquare:before {
+    content: "\f180"
+}
+
+.fa-trello:before {
+    content: "\f181"
+}
+
+.fa-female:before {
+    content: "\f182"
+}
+
+.fa-male:before {
+    content: "\f183"
+}
+
+.fa-gittip:before {
+    content: "\f184"
+}
+
+.fa-sun-o:before {
+    content: "\f185"
+}
+
+.fa-moon-o:before {
+    content: "\f186"
+}
+
+.fa-archive:before {
+    content: "\f187"
+}
+
+.fa-bug:before {
+    content: "\f188"
+}
+
+.fa-vk:before {
+    content: "\f189"
+}
+
+.fa-weibo:before {
+    content: "\f18a"
+}
+
+.fa-renren:before {
+    content: "\f18b"
+}
+
+.fa-pagelines:before {
+    content: "\f18c"
+}
+
+.fa-stack-exchange:before {
+    content: "\f18d"
+}
+
+.fa-arrow-circle-o-right:before {
+    content: "\f18e"
+}
+
+.fa-arrow-circle-o-left:before {
+    content: "\f190"
+}
+
+.fa-toggle-left:before,
+.fa-caret-square-o-left:before {
+    content: "\f191"
+}
+
+.fa-dot-circle-o:before {
+    content: "\f192"
+}
+
+.fa-wheelchair:before {
+    content: "\f193"
+}
+
+.fa-vimeo-square:before {
+    content: "\f194"
+}
+
+.fa-turkish-lira:before,
+.fa-try:before {
+    content: "\f195"
+}
+
+.fa-plus-square-o:before {
+    content: "\f196"
+}
+
+.fa-space-shuttle:before {
+    content: "\f197"
+}
+
+.fa-slack:before {
+    content: "\f198"
+}
+
+.fa-envelope-square:before {
+    content: "\f199"
+}
+
+.fa-wordpress:before {
+    content: "\f19a"
+}
+
+.fa-openid:before {
+    content: "\f19b"
+}
+
+.fa-institution:before,
+.fa-bank:before,
+.fa-university:before {
+    content: "\f19c"
+}
+
+.fa-mortar-board:before,
+.fa-graduation-cap:before {
+    content: "\f19d"
+}
+
+.fa-yahoo:before {
+    content: "\f19e"
+}
+
+.fa-google:before {
+    content: "\f1a0"
+}
+
+.fa-reddit:before {
+    content: "\f1a1"
+}
+
+.fa-reddit-square:before {
+    content: "\f1a2"
+}
+
+.fa-stumbleupon-circle:before {
+    content: "\f1a3"
+}
+
+.fa-stumbleupon:before {
+    content: "\f1a4"
+}
+
+.fa-delicious:before {
+    content: "\f1a5"
+}
+
+.fa-digg:before {
+    content: "\f1a6"
+}
+
+.fa-pied-piper:before {
+    content: "\f1a7"
+}
+
+.fa-pied-piper-alt:before {
+    content: "\f1a8"
+}
+
+.fa-drupal:before {
+    content: "\f1a9"
+}
+
+.fa-joomla:before {
+    content: "\f1aa"
+}
+
+.fa-language:before {
+    content: "\f1ab"
+}
+
+.fa-fax:before {
+    content: "\f1ac"
+}
+
+.fa-building:before {
+    content: "\f1ad"
+}
+
+.fa-child:before {
+    content: "\f1ae"
+}
+
+.fa-paw:before {
+    content: "\f1b0"
+}
+
+.fa-spoon:before {
+    content: "\f1b1"
+}
+
+.fa-cube:before {
+    content: "\f1b2"
+}
+
+.fa-cubes:before {
+    content: "\f1b3"
+}
+
+.fa-behance:before {
+    content: "\f1b4"
+}
+
+.fa-behance-square:before {
+    content: "\f1b5"
+}
+
+.fa-steam:before {
+    content: "\f1b6"
+}
+
+.fa-steam-square:before {
+    content: "\f1b7"
+}
+
+.fa-recycle:before {
+    content: "\f1b8"
+}
+
+.fa-automobile:before,
+.fa-car:before {
+    content: "\f1b9"
+}
+
+.fa-cab:before,
+.fa-taxi:before {
+    content: "\f1ba"
+}
+
+.fa-tree:before {
+    content: "\f1bb"
+}
+
+.fa-spotify:before {
+    content: "\f1bc"
+}
+
+.fa-deviantart:before {
+    content: "\f1bd"
+}
+
+.fa-soundcloud:before {
+    content: "\f1be"
+}
+
+.fa-database:before {
+    content: "\f1c0"
+}
+
+.fa-file-pdf-o:before {
+    content: "\f1c1"
+}
+
+.fa-file-word-o:before {
+    content: "\f1c2"
+}
+
+.fa-file-excel-o:before {
+    content: "\f1c3"
+}
+
+.fa-file-powerpoint-o:before {
+    content: "\f1c4"
+}
+
+.fa-file-photo-o:before,
+.fa-file-picture-o:before,
+.fa-file-image-o:before {
+    content: "\f1c5"
+}
+
+.fa-file-zip-o:before,
+.fa-file-archive-o:before {
+    content: "\f1c6"
+}
+
+.fa-file-sound-o:before,
+.fa-file-audio-o:before {
+    content: "\f1c7"
+}
+
+.fa-file-movie-o:before,
+.fa-file-video-o:before {
+    content: "\f1c8"
+}
+
+.fa-file-code-o:before {
+    content: "\f1c9"
+}
+
+.fa-vine:before {
+    content: "\f1ca"
+}
+
+.fa-codepen:before {
+    content: "\f1cb"
+}
+
+.fa-jsfiddle:before {
+    content: "\f1cc"
+}
+
+.fa-life-bouy:before,
+.fa-life-buoy:before,
+.fa-life-saver:before,
+.fa-support:before,
+.fa-life-ring:before {
+    content: "\f1cd"
+}
+
+.fa-circle-o-notch:before {
+    content: "\f1ce"
+}
+
+.fa-ra:before,
+.fa-rebel:before {
+    content: "\f1d0"
+}
+
+.fa-ge:before,
+.fa-empire:before {
+    content: "\f1d1"
+}
+
+.fa-git-square:before {
+    content: "\f1d2"
+}
+
+.fa-git:before {
+    content: "\f1d3"
+}
+
+.fa-hacker-news:before {
+    content: "\f1d4"
+}
+
+.fa-tencent-weibo:before {
+    content: "\f1d5"
+}
+
+.fa-qq:before {
+    content: "\f1d6"
+}
+
+.fa-wechat:before,
+.fa-weixin:before {
+    content: "\f1d7"
+}
+
+.fa-send:before,
+.fa-paper-plane:before {
+    content: "\f1d8"
+}
+
+.fa-send-o:before,
+.fa-paper-plane-o:before {
+    content: "\f1d9"
+}
+
+.fa-history:before {
+    content: "\f1da"
+}
+
+.fa-circle-thin:before {
+    content: "\f1db"
+}
+
+.fa-header:before {
+    content: "\f1dc"
+}
+
+.fa-paragraph:before {
+    content: "\f1dd"
+}
+
+.fa-sliders:before {
+    content: "\f1de"
+}
+
+.fa-share-alt:before {
+    content: "\f1e0"
+}
+
+.fa-share-alt-square:before {
+    content: "\f1e1"
+}
+
+.fa-bomb:before {
+    content: "\f1e2"
+}
+
+.fa-soccer-ball-o:before,
+.fa-futbol-o:before {
+    content: "\f1e3"
+}
+
+.fa-tty:before {
+    content: "\f1e4"
+}
+
+.fa-binoculars:before {
+    content: "\f1e5"
+}
+
+.fa-plug:before {
+    content: "\f1e6"
+}
+
+.fa-slideshare:before {
+    content: "\f1e7"
+}
+
+.fa-twitch:before {
+    content: "\f1e8"
+}
+
+.fa-yelp:before {
+    content: "\f1e9"
+}
+
+.fa-newspaper-o:before {
+    content: "\f1ea"
+}
+
+.fa-wifi:before {
+    content: "\f1eb"
+}
+
+.fa-calculator:before {
+    content: "\f1ec"
+}
+
+.fa-paypal:before {
+    content: "\f1ed"
+}
+
+.fa-google-wallet:before {
+    content: "\f1ee"
+}
+
+.fa-cc-visa:before {
+    content: "\f1f0"
+}
+
+.fa-cc-mastercard:before {
+    content: "\f1f1"
+}
+
+.fa-cc-discover:before {
+    content: "\f1f2"
+}
+
+.fa-cc-amex:before {
+    content: "\f1f3"
+}
+
+.fa-cc-paypal:before {
+    content: "\f1f4"
+}
+
+.fa-cc-stripe:before {
+    content: "\f1f5"
+}
+
+.fa-bell-slash:before {
+    content: "\f1f6"
+}
+
+.fa-bell-slash-o:before {
+    content: "\f1f7"
+}
+
+.fa-trash:before {
+    content: "\f1f8"
+}
+
+.fa-copyright:before {
+    content: "\f1f9"
+}
+
+.fa-at:before {
+    content: "\f1fa"
+}
+
+.fa-eyedropper:before {
+    content: "\f1fb"
+}
+
+.fa-paint-brush:before {
+    content: "\f1fc"
+}
+
+.fa-birthday-cake:before {
+    content: "\f1fd"
+}
+
+.fa-area-chart:before {
+    content: "\f1fe"
+}
+
+.fa-pie-chart:before {
+    content: "\f200"
+}
+
+.fa-line-chart:before {
+    content: "\f201"
+}
+
+.fa-lastfm:before {
+    content: "\f202"
+}
+
+.fa-lastfm-square:before {
+    content: "\f203"
+}
+
+.fa-toggle-off:before {
+    content: "\f204"
+}
+
+.fa-toggle-on:before {
+    content: "\f205"
+}
+
+.fa-bicycle:before {
+    content: "\f206"
+}
+
+.fa-bus:before {
+    content: "\f207"
+}
+
+.fa-ioxhost:before {
+    content: "\f208"
+}
+
+.fa-angellist:before {
+    content: "\f209"
+}
+
+.fa-cc:before {
+    content: "\f20a"
+}
+
+.fa-shekel:before,
+.fa-sheqel:before,
+.fa-ils:before {
+    content: "\f20b"
+}
+
+.fa-meanpath:before {
+    content: "\f20c"
+}

frontend/css/font.css

@@ -0,0 +1,20 @@
+@font-face {
+    font-family: source sans pro;
+    font-style: normal;
+    font-weight: 300;
+    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(../fonts/sourcesanspro/sourcesanspro-light.woff) format('woff')
+}
+
+@font-face {
+    font-family: source sans pro;
+    font-style: normal;
+    font-weight: 400;
+    src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/sourcesanspro/sourcesanspro.woff) format('woff')
+}
+
+@font-face {
+    font-family: source sans pro;
+    font-style: normal;
+    font-weight: 700;
+    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../fonts/sourcesanspro/sourcesanspro-bold.woff) format('woff')
+}

frontend/css/jquery.lightbox.css

@@ -0,0 +1,283 @@
+.jquery-lightbox-move * {
+    webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box
+}
+
+.jquery-lightbox-overlay {
+    background: #000;
+    -webkit-tap-highlight-color: transparent
+}
+
+.jquery-lightbox {
+    padding: 17px 0;
+    background: #fff;
+    position: relative
+}
+
+.jquery-lightbox-border-top-left,
+.jquery-lightbox-border-top-right,
+.jquery-lightbox-border-top-middle,
+.jquery-lightbox-border-bottom-left,
+.jquery-lightbox-border-bottom-middle,
+.jquery-lightbox-border-bottom-right {
+    position: absolute;
+    height: 7px;
+    width: 12%;
+    z-index: 7000;
+    background: #fff;
+    overflow: hidden
+}
+
+.jquery-lightbox-border-top-left {
+    top: 0;
+    left: 0
+}
+
+.jquery-lightbox-border-top-right {
+    top: 0;
+    right: 0
+}
+
+.jquery-lightbox-border-top-middle {
+    width: 78%;
+    top: 0;
+    left: 12%
+}
+
+.jquery-lightbox-border-bottom-left {
+    bottom: 0;
+    left: 0
+}
+
+.jquery-lightbox-border-bottom-right {
+    bottom: 0;
+    right: 0
+}
+
+.jquery-lightbox-border-bottom-middle {
+    width: 78%;
+    bottom: 0;
+    left: 12%
+}
+
+.jquery-lightbox-title {
+    background: #fff;
+    color: #000;
+    font-family: verdana, arial, serif;
+    font-size: 11px;
+    line-height: 14px;
+    padding: 5px 8px;
+    margin: 12px 0 0;
+    position: absolute;
+    top: 100%;
+    z-index: 7002;
+    opacity: .9
+}
+
+.jquery-lightbox-html {
+    position: relative;
+    z-index: 7000;
+    border: 0;
+    border-left: 7px solid #fff;
+    border-right: 7px solid #fff;
+    padding: 0 15px;
+    vertical-align: top;
+    -webkit-overflow-scrolling: touch
+}
+
+.jquery-lightbox-html embed,
+.jquery-lightbox-html object,
+.jquery-lightbox-html iframe {
+    vertical-align: top;
+    display: block
+}
+
+.jquery-lightbox-background {
+    position: absolute;
+    top: 7px;
+    left: 7px;
+    z-index: 6999;
+    float: left;
+    padding: 0
+}
+
+.jquery-lightbox-background img {
+    display: block;
+    position: relative;
+    border: 0;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%
+}
+
+.jquery-lightbox-mode-image .jquery-lightbox-html {
+    z-index: 6998;
+    padding: 0
+}
+
+.jquery-lightbox-mode-html .jquery-lightbox-background {
+    background: #fff
+}
+
+.jquery-lightbox-mode-html .jquery-lightbox-html {
+    overflow: auto
+}
+
+.jquery-lightbox-loading,
+.jquery-lightbox-mode-html .jquery-lightbox-loading {
+    background: #fff url(images/loading.gif) no-repeat center center
+}
+
+.jquery-lightbox-button-close {
+    background: #fff url(images/jquery-lightbox-theme.gif) no-repeat -113px 8px;
+    position: absolute;
+    top: 12px;
+    right: -26px;
+    width: 75px;
+    height: 30px
+}
+
+.jquery-lightbox-button-close:hover {
+    background: #fff url(images/jquery-lightbox-theme.gif) no-repeat -113px -30px
+}
+
+.jquery-lightbox-button-close span,
+.jquery-lightbox-buttons span {
+    display: none
+}
+
+.jquery-lightbox-mode-image .jquery-lightbox-button-close {
+    top: auto;
+    right: 7px;
+    bottom: 7px;
+    z-index: 7002
+}
+
+.jquery-lightbox-buttons .jquery-lightbox-buttons-init,
+.jquery-lightbox-buttons .jquery-lightbox-buttons-end,
+.jquery-lightbox-buttons .jquery-lightbox-button-left,
+.jquery-lightbox-buttons .jquery-lightbox-button-right {
+    display: none
+}
+
+.jquery-lightbox-buttons .jquery-lightbox-button-max {
+    background: #fff url(images/jquery-lightbox-theme.gif) no-repeat 7px -23px;
+    position: absolute;
+    left: 7px;
+    bottom: 7px;
+    width: 45px;
+    height: 30px;
+    z-index: 7001
+}
+
+.jquery-lightbox-buttons .jquery-lightbox-button-max:hover {
+    background: #fff url(images/jquery-lightbox-theme.gif) no-repeat 7px -55px
+}
+
+.jquery-lightbox-buttons .jquery-lightbox-button-min {
+    background: #fff url(images/jquery-lightbox-theme.gif) no-repeat -35px -23px;
+    position: absolute;
+    left: 7px;
+    bottom: 7px;
+    width: 42px;
+    height: 30px;
+    z-index: 7001
+}
+
+.jquery-lightbox-buttons .jquery-lightbox-button-min:hover {
+    background: #fff url(images/jquery-lightbox-theme.gif) no-repeat -35px -55px
+}
+
+.jquery-lightbox-buttons-custom {
+    background: #fff;
+    height: 33px;
+    line-height: 33px;
+    font-size: 10px;
+    position: absolute;
+    top: 7px;
+    left: 7px
+}
+
+.jquery-lightbox-buttons-custom a {
+    color: #7b7b7b;
+    font-size: 12px;
+    display: inline;
+    font-weight: 700;
+    text-decoration: underline;
+    padding: 0 7px
+}
+
+.jquery-lightbox-navigator {
+    position: absolute;
+    z-index: 7002;
+    overflow: hidden;
+    top: 7px;
+    left: 7px;
+    height: 90px
+}
+
+.jquery-lightbox-navigator .jquery-lightbox-button-left {
+    position: absolute;
+    height: 90px;
+    width: 40%;
+    left: 0
+}
+
+.jquery-lightbox-navigator .jquery-lightbox-button-left span {
+    background: #fff url(images/jquery-lightbox-theme.gif) no-repeat -37px 10px;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    display: block;
+    padding: 30px 0 0 50px;
+    position: absolute;
+    top: 30px;
+    left: 0;
+    z-index: 7003;
+    cursor: hand;
+    opacity: .2;
+    filter: alpha(opacity=20)
+}
+
+.jquery-lightbox-navigator .jquery-lightbox-button-left:hover span {
+    opacity: 1;
+    filter: alpha(opacity=100)
+}
+
+.jquery-lightbox-navigator .jquery-lightbox-button-right {
+    position: absolute;
+    height: 90px;
+    width: 40%;
+    right: 0
+}
+
+.jquery-lightbox-navigator .jquery-lightbox-button-right span {
+    background: #fff url(images/jquery-lightbox-theme.gif) no-repeat 9px 10px;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    display: block;
+    padding: 30px 0 0 50px;
+    position: absolute;
+    top: 30px;
+    right: 0;
+    z-index: 7003;
+    cursor: hand;
+    opacity: .2;
+    filter: alpha(opacity=20)
+}
+
+.jquery-lightbox-navigator .jquery-lightbox-button-right:hover span {
+    opacity: 1;
+    filter: alpha(opacity=100)
+}
+
+.jquery-lightbox-mode-html .jquery-lightbox-navigator {
+    display: none
+}
+
+.jquery-lightbox-hide {
+    display: none
+}

frontend/css/simple-line-icons.css

@@ -0,0 +1,839 @@
+@font-face {
+    font-family: simple-line-icons;
+    src: url(../fonts/Simple-Line-Icons.eot);
+    src: url(../fonts/Simple-Line-Icons.eot?#iefix) format('embedded-opentype'), url(../fonts/Simple-Line-Icons.woff) format('woff'), url(../fonts/Simple-Line-Icons.ttf) format('truetype'), url(../fonts/Simple-Line-Icons.svg#Simple-Line-Icons) format('svg');
+    font-weight: 400;
+    font-style: normal
+}
+
+[data-icon]:before {
+    font-family: simple-line-icons;
+    content: attr(data-icon);
+    speak: none;
+    font-weight: 400;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale
+}
+
+.icon-user-female,
+.icon-user-follow,
+.icon-user-following,
+.icon-user-unfollow,
+.icon-trophy,
+.icon-screen-smartphone,
+.icon-screen-desktop,
+.icon-plane,
+.icon-notebook,
+.icon-moustache,
+.icon-mouse,
+.icon-magnet,
+.icon-energy,
+.icon-emoticon-smile,
+.icon-disc,
+.icon-cursor-move,
+.icon-crop,
+.icon-credit-card,
+.icon-chemistry,
+.icon-user,
+.icon-speedometer,
+.icon-social-youtube,
+.icon-social-twitter,
+.icon-social-tumblr,
+.icon-social-facebook,
+.icon-social-dropbox,
+.icon-social-dribbble,
+.icon-shield,
+.icon-screen-tablet,
+.icon-magic-wand,
+.icon-hourglass,
+.icon-graduation,
+.icon-ghost,
+.icon-game-controller,
+.icon-fire,
+.icon-eyeglasses,
+.icon-envelope-open,
+.icon-envelope-letter,
+.icon-bell,
+.icon-badge,
+.icon-anchor,
+.icon-wallet,
+.icon-vector,
+.icon-speech,
+.icon-puzzle,
+.icon-printer,
+.icon-present,
+.icon-playlist,
+.icon-pin,
+.icon-picture,
+.icon-map,
+.icon-layers,
+.icon-handbag,
+.icon-globe-alt,
+.icon-globe,
+.icon-frame,
+.icon-folder-alt,
+.icon-film,
+.icon-feed,
+.icon-earphones-alt,
+.icon-earphones,
+.icon-drop,
+.icon-drawer,
+.icon-docs,
+.icon-directions,
+.icon-direction,
+.icon-diamond,
+.icon-cup,
+.icon-compass,
+.icon-call-out,
+.icon-call-in,
+.icon-call-end,
+.icon-calculator,
+.icon-bubbles,
+.icon-briefcase,
+.icon-book-open,
+.icon-basket-loaded,
+.icon-basket,
+.icon-bag,
+.icon-action-undo,
+.icon-action-redo,
+.icon-wrench,
+.icon-umbrella,
+.icon-trash,
+.icon-tag,
+.icon-support,
+.icon-size-fullscreen,
+.icon-size-actual,
+.icon-shuffle,
+.icon-share-alt,
+.icon-share,
+.icon-rocket,
+.icon-question,
+.icon-pie-chart,
+.icon-pencil,
+.icon-note,
+.icon-music-tone-alt,
+.icon-music-tone,
+.icon-microphone,
+.icon-loop,
+.icon-logout,
+.icon-login,
+.icon-list,
+.icon-like,
+.icon-home,
+.icon-grid,
+.icon-graph,
+.icon-equalizer,
+.icon-dislike,
+.icon-cursor,
+.icon-control-start,
+.icon-control-rewind,
+.icon-control-play,
+.icon-control-pause,
+.icon-control-forward,
+.icon-control-end,
+.icon-calendar,
+.icon-bulb,
+.icon-bar-chart,
+.icon-arrow-up,
+.icon-arrow-right,
+.icon-arrow-left,
+.icon-arrow-down,
+.icon-ban,
+.icon-bubble,
+.icon-camcorder,
+.icon-camera,
+.icon-check,
+.icon-clock,
+.icon-close,
+.icon-cloud-download,
+.icon-cloud-upload,
+.icon-doc,
+.icon-envelope,
+.icon-eye,
+.icon-flag,
+.icon-folder,
+.icon-heart,
+.icon-info,
+.icon-key,
+.icon-link,
+.icon-lock,
+.icon-lock-open,
+.icon-magnifier,
+.icon-magnifier-add,
+.icon-magnifier-remove,
+.icon-paper-clip,
+.icon-paper-plane,
+.icon-plus,
+.icon-pointer,
+.icon-power,
+.icon-refresh,
+.icon-reload,
+.icon-settings,
+.icon-star,
+.icon-symbol-female,
+.icon-symbol-male,
+.icon-target,
+.icon-volume-1,
+.icon-volume-2,
+.icon-volume-off,
+.icon-users {
+    font-family: simple-line-icons;
+    speak: none;
+    font-style: normal;
+    font-weight: 400;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased
+}
+
+.icon-user-female:before {
+    content: "\e000"
+}
+
+.icon-user-follow:before {
+    content: "\e002"
+}
+
+.icon-user-following:before {
+    content: "\e003"
+}
+
+.icon-user-unfollow:before {
+    content: "\e004"
+}
+
+.icon-trophy:before {
+    content: "\e006"
+}
+
+.icon-screen-smartphone:before {
+    content: "\e010"
+}
+
+.icon-screen-desktop:before {
+    content: "\e011"
+}
+
+.icon-plane:before {
+    content: "\e012"
+}
+
+.icon-notebook:before {
+    content: "\e013"
+}
+
+.icon-moustache:before {
+    content: "\e014"
+}
+
+.icon-mouse:before {
+    content: "\e015"
+}
+
+.icon-magnet:before {
+    content: "\e016"
+}
+
+.icon-energy:before {
+    content: "\e020"
+}
+
+.icon-emoticon-smile:before {
+    content: "\e021"
+}
+
+.icon-disc:before {
+    content: "\e022"
+}
+
+.icon-cursor-move:before {
+    content: "\e023"
+}
+
+.icon-crop:before {
+    content: "\e024"
+}
+
+.icon-credit-card:before {
+    content: "\e025"
+}
+
+.icon-chemistry:before {
+    content: "\e026"
+}
+
+.icon-user:before {
+    content: "\e005"
+}
+
+.icon-speedometer:before {
+    content: "\e007"
+}
+
+.icon-social-youtube:before {
+    content: "\e008"
+}
+
+.icon-social-twitter:before {
+    content: "\e009"
+}
+
+.icon-social-tumblr:before {
+    content: "\e00a"
+}
+
+.icon-social-facebook:before {
+    content: "\e00b"
+}
+
+.icon-social-dropbox:before {
+    content: "\e00c"
+}
+
+.icon-social-dribbble:before {
+    content: "\e00d"
+}
+
+.icon-shield:before {
+    content: "\e00e"
+}
+
+.icon-screen-tablet:before {
+    content: "\e00f"
+}
+
+.icon-magic-wand:before {
+    content: "\e017"
+}
+
+.icon-hourglass:before {
+    content: "\e018"
+}
+
+.icon-graduation:before {
+    content: "\e019"
+}
+
+.icon-ghost:before {
+    content: "\e01a"
+}
+
+.icon-game-controller:before {
+    content: "\e01b"
+}
+
+.icon-fire:before {
+    content: "\e01c"
+}
+
+.icon-eyeglasses:before {
+    content: "\e01d"
+}
+
+.icon-envelope-open:before {
+    content: "\e01e"
+}
+
+.icon-envelope-letter:before {
+    content: "\e01f"
+}
+
+.icon-bell:before {
+    content: "\e027"
+}
+
+.icon-badge:before {
+    content: "\e028"
+}
+
+.icon-anchor:before {
+    content: "\e029"
+}
+
+.icon-wallet:before {
+    content: "\e02a"
+}
+
+.icon-vector:before {
+    content: "\e02b"
+}
+
+.icon-speech:before {
+    content: "\e02c"
+}
+
+.icon-puzzle:before {
+    content: "\e02d"
+}
+
+.icon-printer:before {
+    content: "\e02e"
+}
+
+.icon-present:before {
+    content: "\e02f"
+}
+
+.icon-playlist:before {
+    content: "\e030"
+}
+
+.icon-pin:before {
+    content: "\e031"
+}
+
+.icon-picture:before {
+    content: "\e032"
+}
+
+.icon-map:before {
+    content: "\e033"
+}
+
+.icon-layers:before {
+    content: "\e034"
+}
+
+.icon-handbag:before {
+    content: "\e035"
+}
+
+.icon-globe-alt:before {
+    content: "\e036"
+}
+
+.icon-globe:before {
+    content: "\e037"
+}
+
+.icon-frame:before {
+    content: "\e038"
+}
+
+.icon-folder-alt:before {
+    content: "\e039"
+}
+
+.icon-film:before {
+    content: "\e03a"
+}
+
+.icon-feed:before {
+    content: "\e03b"
+}
+
+.icon-earphones-alt:before {
+    content: "\e03c"
+}
+
+.icon-earphones:before {
+    content: "\e03d"
+}
+
+.icon-drop:before {
+    content: "\e03e"
+}
+
+.icon-drawer:before {
+    content: "\e03f"
+}
+
+.icon-docs:before {
+    content: "\e040"
+}
+
+.icon-directions:before {
+    content: "\e041"
+}
+
+.icon-direction:before {
+    content: "\e042"
+}
+
+.icon-diamond:before {
+    content: "\e043"
+}
+
+.icon-cup:before {
+    content: "\e044"
+}
+
+.icon-compass:before {
+    content: "\e045"
+}
+
+.icon-call-out:before {
+    content: "\e046"
+}
+
+.icon-call-in:before {
+    content: "\e047"
+}
+
+.icon-call-end:before {
+    content: "\e048"
+}
+
+.icon-calculator:before {
+    content: "\e049"
+}
+
+.icon-bubbles:before {
+    content: "\e04a"
+}
+
+.icon-briefcase:before {
+    content: "\e04b"
+}
+
+.icon-book-open:before {
+    content: "\e04c"
+}
+
+.icon-basket-loaded:before {
+    content: "\e04d"
+}
+
+.icon-basket:before {
+    content: "\e04e"
+}
+
+.icon-bag:before {
+    content: "\e04f"
+}
+
+.icon-action-undo:before {
+    content: "\e050"
+}
+
+.icon-action-redo:before {
+    content: "\e051"
+}
+
+.icon-wrench:before {
+    content: "\e052"
+}
+
+.icon-umbrella:before {
+    content: "\e053"
+}
+
+.icon-trash:before {
+    content: "\e054"
+}
+
+.icon-tag:before {
+    content: "\e055"
+}
+
+.icon-support:before {
+    content: "\e056"
+}
+
+.icon-size-fullscreen:before {
+    content: "\e057"
+}
+
+.icon-size-actual:before {
+    content: "\e058"
+}
+
+.icon-shuffle:before {
+    content: "\e059"
+}
+
+.icon-share-alt:before {
+    content: "\e05a"
+}
+
+.icon-share:before {
+    content: "\e05b"
+}
+
+.icon-rocket:before {
+    content: "\e05c"
+}
+
+.icon-question:before {
+    content: "\e05d"
+}
+
+.icon-pie-chart:before {
+    content: "\e05e"
+}
+
+.icon-pencil:before {
+    content: "\e05f"
+}
+
+.icon-note:before {
+    content: "\e060"
+}
+
+.icon-music-tone-alt:before {
+    content: "\e061"
+}
+
+.icon-music-tone:before {
+    content: "\e062"
+}
+
+.icon-microphone:before {
+    content: "\e063"
+}
+
+.icon-loop:before {
+    content: "\e064"
+}
+
+.icon-logout:before {
+    content: "\e065"
+}
+
+.icon-login:before {
+    content: "\e066"
+}
+
+.icon-list:before {
+    content: "\e067"
+}
+
+.icon-like:before {
+    content: "\e068"
+}
+
+.icon-home:before {
+    content: "\e069"
+}
+
+.icon-grid:before {
+    content: "\e06a"
+}
+
+.icon-graph:before {
+    content: "\e06b"
+}
+
+.icon-equalizer:before {
+    content: "\e06c"
+}
+
+.icon-dislike:before {
+    content: "\e06d"
+}
+
+.icon-cursor:before {
+    content: "\e06e"
+}
+
+.icon-control-start:before {
+    content: "\e06f"
+}
+
+.icon-control-rewind:before {
+    content: "\e070"
+}
+
+.icon-control-play:before {
+    content: "\e071"
+}
+
+.icon-control-pause:before {
+    content: "\e072"
+}
+
+.icon-control-forward:before {
+    content: "\e073"
+}
+
+.icon-control-end:before {
+    content: "\e074"
+}
+
+.icon-calendar:before {
+    content: "\e075"
+}
+
+.icon-bulb:before {
+    content: "\e076"
+}
+
+.icon-bar-chart:before {
+    content: "\e077"
+}
+
+.icon-arrow-up:before {
+    content: "\e078"
+}
+
+.icon-arrow-right:before {
+    content: "\e079"
+}
+
+.icon-arrow-left:before {
+    content: "\e07a"
+}
+
+.icon-arrow-down:before {
+    content: "\e07b"
+}
+
+.icon-ban:before {
+    content: "\e07c"
+}
+
+.icon-bubble:before {
+    content: "\e07d"
+}
+
+.icon-camcorder:before {
+    content: "\e07e"
+}
+
+.icon-camera:before {
+    content: "\e07f"
+}
+
+.icon-check:before {
+    content: "\e080"
+}
+
+.icon-clock:before {
+    content: "\e081"
+}
+
+.icon-close:before {
+    content: "\e082"
+}
+
+.icon-cloud-download:before {
+    content: "\e083"
+}
+
+.icon-cloud-upload:before {
+    content: "\e084"
+}
+
+.icon-doc:before {
+    content: "\e085"
+}
+
+.icon-envelope:before {
+    content: "\e086"
+}
+
+.icon-eye:before {
+    content: "\e087"
+}
+
+.icon-flag:before {
+    content: "\e088"
+}
+
+.icon-folder:before {
+    content: "\e089"
+}
+
+.icon-heart:before {
+    content: "\e08a"
+}
+
+.icon-info:before {
+    content: "\e08b"
+}
+
+.icon-key:before {
+    content: "\e08c"
+}
+
+.icon-link:before {
+    content: "\e08d"
+}
+
+.icon-lock:before {
+    content: "\e08e"
+}
+
+.icon-lock-open:before {
+    content: "\e08f"
+}
+
+.icon-magnifier:before {
+    content: "\e090"
+}
+
+.icon-magnifier-add:before {
+    content: "\e091"
+}
+
+.icon-magnifier-remove:before {
+    content: "\e092"
+}
+
+.icon-paper-clip:before {
+    content: "\e093"
+}
+
+.icon-paper-plane:before {
+    content: "\e094"
+}
+
+.icon-plus:before {
+    content: "\e095"
+}
+
+.icon-pointer:before {
+    content: "\e096"
+}
+
+.icon-power:before {
+    content: "\e097"
+}
+
+.icon-refresh:before {
+    content: "\e098"
+}
+
+.icon-reload:before {
+    content: "\e099"
+}
+
+.icon-settings:before {
+    content: "\e09a"
+}
+
+.icon-star:before {
+    content: "\e09b"
+}
+
+.icon-symbol-female:before {
+    content: "\e09c"
+}
+
+.icon-symbol-male:before {
+    content: "\e09d"
+}
+
+.icon-target:before {
+    content: "\e09e"
+}
+
+.icon-volume-1:before {
+    content: "\e09f"
+}
+
+.icon-volume-2:before {
+    content: "\e0a0"
+}
+
+.icon-volume-off:before {
+    content: "\e0a1"
+}
+
+.icon-users:before {
+    content: "\e001"
+}

frontend/css/style.css

@@ -0,0 +1,510 @@
+html,
+body {
+    height: 100%
+}
+
+body {
+    padding-top: 50px
+}
+
+@media screen and (max-width:768px) {
+    body {
+        padding-top: 50px
+    }
+}
+
+#wrap {
+    min-height: 100%;
+    background-color: #edf1f2;
+    height: auto !important;
+    height: 100%;
+    margin: 0 auto -309px;
+    padding: 0 0 309px
+}
+
+#footer {
+    height: 309px
+}
+
+@media(max-width:767px) {
+    #footer {
+        margin-left: -20px;
+        margin-right: -20px;
+        padding-left: 20px;
+        padding-right: 20px
+    }
+}
+
+.item-panel {
+    height: 387px
+}
+
+.item-header a {
+    color: #363f44;
+    text-decoration: none;
+    cursor: pointer
+}
+
+.item-header a:hover,
+.item-header a:focus {
+    color: #141719;
+    text-decoration: none
+}
+
+.text-base {
+    color: #58666e
+}
+
+a.text-info {
+    color: #19a9d5;
+    text-decoration: none;
+    cursor: pointer
+}
+
+a.text-info:hover,
+a.text-info:focus {
+    color: #1797be;
+    text-decoration: none
+}
+
+.link-info a {
+    color: #19a9d5;
+    text-decoration: none;
+    cursor: pointer
+}
+
+.link-info a:hover,
+.link-info a:focus {
+    color: #1797be;
+    text-decoration: none
+}
+
+.link-base a {
+    color: #58666e;
+    text-decoration: none;
+    cursor: pointer
+}
+
+.link-base a:hover,
+.link-base a:focus {
+    color: #58666e;
+    text-decoration: none
+}
+
+.frontpage-header {
+    width: 100%;
+    background-image: url(../img/backgrounds/search-bg.jpg);
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: 50% 50%;
+    position: relative
+}
+
+.frontpage-header h1 {
+    text-shadow: 0 0 5px rgba(0, 0, 5, .7)
+}
+
+.frontpage-header h3 {
+    text-shadow: 0 0 5px rgba(0, 0, 5, .5)
+}
+
+.white-transparant-bg {
+    background-color: rgba(255, 255, 255, .5) !important
+}
+
+.click-area-lg {
+    display: block;
+    position: relative
+}
+
+.click-area-lg:after {
+    content: "";
+    padding: 200px;
+    position: absolute;
+    left: -100px;
+    top: -100px
+}
+
+a.text-white:hover,
+a.text-white:focus {
+    color: #eee;
+    text-decoration: none
+}
+
+a.text-black {
+    color: #363f44
+}
+
+a.text-black:hover,
+a:focus {
+    color: #141719;
+    text-decoration: none
+}
+
+.text-xl {
+    font-size: 24px
+}
+
+.text-xxl {
+    font-size: 32px
+}
+
+.text-xxxl {
+    font-size: 50px
+}
+
+.text-right {
+    text-align: right
+}
+
+.text-ellipsis {
+    text-overflow: ellipsis
+}
+
+.item-listing-title {
+    height: 85px
+}
+
+.item-listing-desc {
+    height: 80px
+}
+
+.item-listing-extra {
+    height: 40px
+}
+
+.btn-transparant-white {
+    color: #fff !important;
+    border: 1px solid #fff
+}
+
+.btn-transparant-white:hover,
+.btn-transparant-white:focus,
+.btn-transparant-white:active,
+.btn-transparant-white.active,
+.open .dropdown-toggle.btn-transparant-white {
+    color: #2baadf !important;
+    border-color: #2baadf !important
+}
+
+.item-menu {
+    padding-top: 8px;
+    margin-bottom: -11px
+}
+
+.item-menu .active {
+    border-bottom: 5px solid #23b7e5;
+    font-weight: 700;
+    color: #363f44 !important
+}
+
+.item-menu a {
+    color: #58666e
+}
+
+.item-menu a:hover,
+.item-menu a:focus {
+    text-decoration: none;
+    color: #141719 !important;
+    border-bottom: 5px solid #e5e9ec
+}
+
+.item-menu .active:hover {
+    text-decoration: none;
+    border-bottom: 5px solid #0faadc !important
+}
+
+.item-menu .active {
+    border-bottom: 5px solid #0faadc
+}
+
+.screenshot-box {
+    line-height: 200px;
+    text-align: center
+}
+
+.screenshot-thumb {
+    vertical-align: middle;
+    max-width: 100%;
+    max-height: 196px
+}
+
+.extra-screenshot {
+    display: none
+}
+
+#display-screenshots {
+    display: block
+}
+
+#hide-screenshots {}
+
+.item-description h3 {
+    font-size: 30px;
+    font-weight: 300
+}
+
+.item-description a {
+    color: #19a9d5;
+    text-decoration: none;
+    cursor: pointer
+}
+
+.item-description a:hover,
+.item-description a:focus {
+    color: #1797be;
+    text-decoration: none
+}
+
+.item-description img {
+    max-width: 100%
+}
+
+img.size-full {
+    width: 100%
+}
+
+.blog-post img {
+    max-width: 100%
+}
+
+.btn-facebook {
+    color: #fff !important;
+    background-color: #3a5898;
+    border-color: #3a5898
+}
+
+.btn-facebook:hover,
+.btn-facebook:focus,
+.btn-facebook:active,
+.btn-facebook.active,
+.open .dropdown-toggle.btn-facebook {
+    color: #fff !important;
+    background-color: #35508b;
+    border-color: #35508b
+}
+
+.btn-twitter {
+    color: #fff !important;
+    background-color: #2baadf;
+    border-color: #2baadf
+}
+
+.btn-twitter:hover,
+.btn-twitter:focus,
+.btn-twitter:active,
+.btn-twitter.active,
+.open .dropdown-toggle.btn-twitter {
+    color: #fff !important;
+    background-color: #28a0d2;
+    border-color: #28a0d2
+}
+
+.btn-googleplus {
+    color: #fff !important;
+    background-color: #cc382e;
+    border-color: #cc382e
+}
+
+.btn-googleplus:hover,
+.btn-googleplus:focus,
+.btn-googleplus:active,
+.btn-googleplus.active,
+.open .dropdown-toggle.btn-googleplus {
+    color: #fff !important;
+    background-color: #be342b;
+    border-color: #be342b
+}
+
+.btn-pinterest {
+    color: #fff !important;
+    background-color: #ca1f28;
+    border-color: #ca1f28
+}
+
+.btn-pinterest:hover,
+.btn-pinterest:focus,
+.btn-pinterest:active,
+.btn-pinterest.active,
+.open .dropdown-toggle.btn-pinterest {
+    color: #fff !important;
+    background-color: #bc1d25;
+    border-color: #bc1d25
+}
+
+.btn-linkedin {
+    color: #fff !important;
+    background-color: #007ab5;
+    border-color: #007ab5
+}
+
+.btn-linkedin:hover,
+.btn-linkedin:focus,
+.btn-linkedin:active,
+.btn-linkedin.active,
+.open .dropdown-toggle.btn-linkedin {
+    color: #fff !important;
+    background-color: #0071a8;
+    border-color: #0071a8
+}
+
+.btn-rss {
+    color: #fff !important;
+    background-color: #f26722;
+    border-color: #f26722
+}
+
+.btn-rss:hover,
+.btn-rss:focus,
+.btn-rss:active,
+.btn-rss.active,
+.open .dropdown-toggle.btn-rss {
+    color: #fff !important;
+    background-color: #e26020;
+    border-color: #e26020
+}
+
+.m-l-xxxl {
+    margin-left: 70px
+}
+
+.m-r-xxxl {
+    margin-right: 70px
+}
+
+.h-xs {
+    height: 90px
+}
+
+.h-sm {
+    height: 150px
+}
+
+.h {
+    height: 200px
+}
+
+.h-md {
+    height: 240px
+}
+
+.h-lg {
+    height: 280px
+}
+
+.h-xl {
+    height: 320px
+}
+
+.h-xxl {
+    height: 360px
+}
+
+.p-l {
+    padding-left: 15px
+}
+
+.p-l-md {
+    padding-left: 20px
+}
+
+.p-l-lg {
+    padding-left: 30px
+}
+
+.pos-rel {
+    position: relative
+}
+
+.align-bottom {
+    position: absolute;
+    bottom: 0
+}
+
+.text-shadow-sm {
+    text-shadow: 0 1px 2px rgba(0, 0, 5, .3)
+}
+
+.carousel .carousel-control {
+    visibility: hidden
+}
+
+.carousel:hover .carousel-control {
+    visibility: visible
+}
+
+.carousel-indicators li {
+    visibility: hidden
+}
+
+.carousel-caption {
+    bottom: 0;
+    left: 0;
+    right: auto;
+    top: auto;
+    margin-bottom: -30px
+}
+
+.modal {
+    text-align: center
+}
+
+.modal:before {
+    display: inline-block;
+    vertical-align: middle;
+    content: " ";
+    height: 100%
+}
+
+.modal-dialog {
+    display: inline-block;
+    text-align: left;
+    vertical-align: middle
+}
+
+body.modal-open {
+    overflow: inherit;
+    padding-right: inherit !important
+}
+
+#editor {
+    overflow: scroll;
+    max-height: 300px
+}
+
+@media print {
+    body {
+        margin: 0;
+        padding: 0;
+        line-height: 1.4em;
+        word-spacing: 1px;
+        letter-spacing: .2px;
+        font: 8px helvetica;
+        color: #000
+    }
+
+    h1 {
+        font: 18px helvetica !important
+    }
+
+    #content {
+        font-size: 8px;
+        font-weight: 100 !important;
+        color: #f90 !important
+    }
+
+    a[href]:after {
+        content: none !important
+    }
+
+    header,
+    footer,
+    aside,
+    nav {
+        display: none
+    }
+
+    .hidden-print {
+        display: none
+    }
+}

frontend/html/static_version_of_sentence.html

@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+<html lang="en-US">
+
+<head>
+    <title>OCR</title>
+    <link rel="icon" href="https://cdn-icons-png.flaticon.com/512/5262/5262072.png">
+    <link rel="stylesheet" href="../static/css/style2.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
+    <link rel="stylesheet" href="../static/css/vendor.bundle.base.css">
+    <link rel="stylesheet" href="../static/css/OverlayScrollbars.min.css">
+
+
+</head>
+
+<body style="background-color: #1F2020">
+    <header>
+        <nav class="navbar navbar-expand-lg bg-ocr mb-5">
+            <div class="container h-100">
+                <!-- Logo START -->
+                <a class="navbar-brand" href="pdf">
+                    <img class="navbar-brand-item" src="../static/icons/avignon_universite_blanc_RVB.png" alt="logo">
+                </a>
+                <!-- Logo END -->
+
+                <!-- Responsive navbar toggler -->
+                <button class="navbar-toggler ms-auto icon-md btn btn-light p-0 collapsed" type="button"
+                    data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse"
+                    aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-animation">
+                        <span></span>
+                        <span></span>
+                        <span></span>
+                    </span>
+                </button>
+
+                <!-- Main navbar START -->
+                <div class="navbar-collapse collapse" id="navbarCollapse">
+                    <ul class="navbar-nav navbar-nav-scroll ms-auto p-xl-0">
+                        <!-- Nav item 1 Demos -->
+                        <li class="nav-item nav-pills nav-pills-ocr">
+                            <a class="nav-item nav-link" href="pdf">PDF Classifier</a>
+                        </li>
+                        <!-- Nav item 2 Pages -->
+                        <li class="nav-item nav-pills nav-pills-ocr">
+                            <a class="nav-item nav-link active" href="sentence">Text Classifier</a>
+                        </li>
+                    </ul>
+                </div>
+                <!-- Main navbar END -->
+            </div>
+        </nav>
+    </header>
+
+    <main class="pt-3 pt-md-5 pb-md-5 pt-lg-0 mt-3    ">
+
+        <!-- Container START -->
+        <div class="container mt-lg-7 ">
+            <div class="justify-content-lg-around justify-content-xl-center justify-content-md-between ">
+
+                <!-- Chat conversation START -->
+                <div class="card card-chat bg-ocr">
+                    <div class="card-body h-100 bg-ocr">
+                        <div class="tab-content py-0 mb-0 h-100" id="chatTabsContent">
+                            <!-- Conversation item START -->
+                            <div class="fade tab-pane show active h-100" id="chat-1" role="tabpanel"
+                                aria-labelledby="chat-1-tab">
+                                <!-- Chat conversation START -->
+                                <div
+                                    class="chat-conversation-content custom-scrollbar os-host os-theme-dark os-host-overflow os-host-overflow-y os-host-resize-disabled os-host-scrollbar-horizontal-hidden os-host-transition h-100">
+                                    <div class="os-padding">
+                                        <div class="os-viewport os-viewport-native-scrollbars-invisible"
+                                            style="overflow-y: scroll;">
+                                            <div class="os-content" style="padding: 0px; height: 100%; width: 100%;">
+                                                <!-- Chat message right -->
+                                                <div class="d-flex justify-content-end text-end mb-1">
+                                                    <div class="w-100">
+                                                        <div class="d-flex flex-column align-items-end">
+                                                            <div class="bg-primary text-white p-2 px-3 rounded-2">
+                                                                Attention is all you need</div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <!-- Chat message left -->
+                                                <div class="d-flex mb-1">
+                                                    <div class="flex-shrink-0 avatar avatar-xs me-2">
+                                                        <img class="avatar-img rounded-circle"
+                                                            src="../static/icons/logo_header_128x128.png" alt="">
+                                                    </div>
+                                                    <div class="flex-grow-1">
+                                                        <div class="w-100">
+                                                            <div class="d-flex flex-column align-items-start">
+                                                                <div class="text-secondary p-2 px-3 rounded-2">
+                                                                    <div class="card"
+                                                                        style="background-color: #303131; border: 2px dashed rgb(82, 82, 82);">
+                                                                        <div class="card-body">
+                                                                            <h4 class="card-title text-white">Text's
+                                                                                Category</h4>
+                                                                            <div class="row d-flex ">
+                                                                                <div class="col-sm-6 col-6">
+                                                                                    <ul
+                                                                                        class="graphl-legend-rectangle ">
+                                                                                        <li class="text-white-50"><span
+                                                                                                class="bg-danger "></span>Computer_Complexity
+                                                                                            (30%)
+                                                                                        </li>
+                                                                                        <li class="text-white-50"><span
+                                                                                                class="bg-warning"></span>Artificielle
+                                                                                            intelligence
+                                                                                        </li>
+                                                                                        <li class="text-white-50"><span
+                                                                                                class="bg-info"></span>Software
+                                                                                        </li>
+                                                                                        <li class="text-white-50"><span
+                                                                                                class="bg-success"></span>Hardware_computation
+                                                                                        </li>
+                                                                                        <li class="text-white-50"><span
+                                                                                                class="bg-light"></span>Hardware_computation
+                                                                                        </li>
+                                                                                    </ul>
+                                                                                </div>
+                                                                                <div class="col-sm-6 grid-margin col-6">
+                                                                                    <canvas class="bestSellers"></canvas>
+                                                                                </div>
+                                                                            </div>
+                                                                            <div class="mb-lg-0 text-white-50">
+                                                                                la classe la plus dominante est
+                                                                                <span
+                                                                                    class="fw-bolder text-white">Artificielle
+                                                                                    intelligence</span>
+                                                                            </div>
+
+                                                                        </div>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>                
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div
+                                        class="os-scrollbar os-scrollbar-horizontal os-scrollbar-unusable os-scrollbar-auto-hidden">
+                                        <div class="os-scrollbar-track os-scrollbar-track-off">
+                                            <div class="os-scrollbar-handle"
+                                                style="width: 100%; transform: translate(0px, 0px);"></div>
+                                        </div>
+                                    </div>
+                                    <div class="os-scrollbar os-scrollbar-vertical os-scrollbar-auto-hidden">
+                                        <div class="os-scrollbar-track os-scrollbar-track-off">
+                                            <div class="os-scrollbar-handle"
+                                                style="height: 32.4192%; transform: translate(0px, 0px);"></div>
+                                        </div>
+                                    </div>
+                                    <div class="os-scrollbar-corner"></div>
+                                </div>
+                                <!-- Chat conversation END -->
+                            </div>
+                            <!-- Conversation item END -->
+                        </div>
+                    </div>
+
+                    <div class="card-footer" style="background-color: #242525;">
+                        <form class="d-sm-flex align-items-center" action="/sentence" method="post" id="sentenceForm">
+                            <textarea class="form-control mb-sm-0 mb-3" id="ocr-result" name="text" data-autoresize=""
+                                placeholder="Type your text" rows="1" style="height: 50px;box-sizing: border-box;
+                                resize: none; max-height: 120px;" onclick="addAutoResize()"></textarea>
+                            <button class="btn btn-sm btn-sentence ms-2"><img class="avatar avatar-xs"
+                                    src="../static/icons/avignon_universite_blanc_RVB-1.png"></button>
+                        </form>
+                    </div>
+                </div>
+                <!-- Chat conversation END -->
+            </div> <!-- Row END -->
+            <!-- =======================
+        Chat END -->
+
+        </div>
+        <!-- Container END -->
+
+    </main>
+
+    <!-- Container END -->
+    <script src="../static/js/sentence.js" type="text/javascript"></script>
+    <script src="../static/js/vendor.bundle.base.js"></script>
+    <script src="../static/js/Chart.min.js"></script>
+    <!-- Custom js for this page-->
+    <script src="../static/js/dashboard.js"></script>
+    
+    <script>
+        var objDiv = document.getElementsByClassName("chat-conversation-content overflow-auto scrollbar scrollbar-primary")
+        for (let index = 0; index < objDiv.length + 1; index++) {
+            objDiv[index].scrollTop = objDiv[index].scrollHeight;
+            console.log(objDiv[index]);
+        }
+    </script>
+    <script src="../static/js/bootstrap.bundle.min.js"></script>
+    <script src="../static/js/OverlayScrollbars.min.js"></script>
+    <script>
+        // START: 12 Auto resize textarea
+        function addAutoResize() {
+            document.querySelectorAll('[data-autoresize]').forEach(function (element) {
+                element.style.boxSizing = 'border-box';
+                var offset = element.offsetHeight - element.clientHeight;
+                element.addEventListener('input', function (event) {
+                    event.target.style.height = 'auto';
+                    event.target.style.height = event.target.scrollHeight + offset + 'px';
+                });
+                element.removeAttribute('data-autoresize');
+            });
+        }
+        // END: Auto resize textarea
+    </script>
+</body>
+
+</html>

frontend/js/bootstrap.js

@@ -0,0 +1,1105 @@
+/*!
+* Bootstrap v3.3.0 (http://getbootstrap.com)
+* Copyright 2011-2014 Twitter, Inc.
+* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+*/if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript requires jQuery') }
++function ($) {
+    var version = $.fn.jquery.split(' ')[0].split('.')
+    if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1)) { throw new Error('Bootstrap\'s JavaScript requires jQuery version 1.9.1 or higher') }
+}(jQuery); +function ($) {
+    'use strict'; function transitionEnd() {
+        var el = document.createElement('bootstrap')
+        var transEndEventNames = { WebkitTransition: 'webkitTransitionEnd', MozTransition: 'transitionend', OTransition: 'oTransitionEnd otransitionend', transition: 'transitionend' }
+        for (var name in transEndEventNames) { if (el.style[name] !== undefined) { return { end: transEndEventNames[name] } } }
+        return false
+    }
+    $.fn.emulateTransitionEnd = function (duration) {
+        var called = false
+        var $el = this
+        $(this).one('bsTransitionEnd', function () { called = true })
+        var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
+        setTimeout(callback, duration)
+        return this
+    }
+    $(function () {
+        $.support.transition = transitionEnd()
+        if (!$.support.transition) return
+        $.event.special.bsTransitionEnd = { bindType: $.support.transition.end, delegateType: $.support.transition.end, handle: function (e) { if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments) } }
+    })
+}(jQuery); +function ($) {
+    'use strict'; var dismiss = '[data-dismiss="alert"]'
+    var Alert = function (el) { $(el).on('click', dismiss, this.close) }
+    Alert.VERSION = '3.3.0'
+    Alert.TRANSITION_DURATION = 150
+    Alert.prototype.close = function (e) {
+        var $this = $(this)
+        var selector = $this.attr('data-target')
+        if (!selector) {
+            selector = $this.attr('href')
+            selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '')
+        }
+        var $parent = $(selector)
+        if (e) e.preventDefault()
+        if (!$parent.length) { $parent = $this.closest('.alert') }
+        $parent.trigger(e = $.Event('close.bs.alert'))
+        if (e.isDefaultPrevented()) return
+        $parent.removeClass('in')
+        function removeElement() { $parent.detach().trigger('closed.bs.alert').remove() }
+        $.support.transition && $parent.hasClass('fade') ? $parent.one('bsTransitionEnd', removeElement).emulateTransitionEnd(Alert.TRANSITION_DURATION) : removeElement()
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.alert')
+            if (!data) $this.data('bs.alert', (data = new Alert(this)))
+            if (typeof option == 'string') data[option].call($this)
+        })
+    }
+    var old = $.fn.alert
+    $.fn.alert = Plugin
+    $.fn.alert.Constructor = Alert
+    $.fn.alert.noConflict = function () {
+        $.fn.alert = old
+        return this
+    }
+    $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close)
+}(jQuery); +function ($) {
+    'use strict'; var Button = function (element, options) {
+        this.$element = $(element)
+        this.options = $.extend({}, Button.DEFAULTS, options)
+        this.isLoading = false
+    }
+    Button.VERSION = '3.3.0'
+    Button.DEFAULTS = { loadingText: 'loading...' }
+    Button.prototype.setState = function (state) {
+        var d = 'disabled'
+        var $el = this.$element
+        var val = $el.is('input') ? 'val' : 'html'
+        var data = $el.data()
+        state = state + 'Text'
+        if (data.resetText == null) $el.data('resetText', $el[val]())
+        setTimeout($.proxy(function () {
+            $el[val](data[state] == null ? this.options[state] : data[state])
+            if (state == 'loadingText') {
+                this.isLoading = true
+                $el.addClass(d).attr(d, d)
+            } else if (this.isLoading) {
+                this.isLoading = false
+                $el.removeClass(d).removeAttr(d)
+            }
+        }, this), 0)
+    }
+    Button.prototype.toggle = function () {
+        var changed = true
+        var $parent = this.$element.closest('[data-toggle="buttons"]')
+        if ($parent.length) {
+            var $input = this.$element.find('input')
+            if ($input.prop('type') == 'radio') {
+                if ($input.prop('checked') && this.$element.hasClass('active')) changed = false
+                else $parent.find('.active').removeClass('active')
+            }
+            if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change')
+        } else { this.$element.attr('aria-pressed', !this.$element.hasClass('active')) }
+        if (changed) this.$element.toggleClass('active')
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.button')
+            var options = typeof option == 'object' && option
+            if (!data) $this.data('bs.button', (data = new Button(this, options)))
+            if (option == 'toggle') data.toggle()
+            else if (option) data.setState(option)
+        })
+    }
+    var old = $.fn.button
+    $.fn.button = Plugin
+    $.fn.button.Constructor = Button
+    $.fn.button.noConflict = function () {
+        $.fn.button = old
+        return this
+    }
+    $(document).on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) {
+        var $btn = $(e.target)
+        if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn')
+        Plugin.call($btn, 'toggle')
+        e.preventDefault()
+    }).on('focus.bs.button.data-api blur.bs.button.data-api', '[data-toggle^="button"]', function (e) { $(e.target).closest('.btn').toggleClass('focus', e.type == 'focus') })
+}(jQuery); +function ($) {
+    'use strict'; var Carousel = function (element, options) {
+        this.$element = $(element)
+        this.$indicators = this.$element.find('.carousel-indicators')
+        this.options = options
+        this.paused = this.sliding = this.interval = this.$active = this.$items = null
+        this.options.keyboard && this.$element.on('keydown.bs.carousel', $.proxy(this.keydown, this))
+        this.options.pause == 'hover' && !('ontouchstart' in document.documentElement) && this.$element.on('mouseenter.bs.carousel', $.proxy(this.pause, this)).on('mouseleave.bs.carousel', $.proxy(this.cycle, this))
+    }
+    Carousel.VERSION = '3.3.0'
+    Carousel.TRANSITION_DURATION = 600
+    Carousel.DEFAULTS = { interval: 5000, pause: 'hover', wrap: true, keyboard: true }
+    Carousel.prototype.keydown = function (e) {
+        switch (e.which) {
+            case 37: this.prev(); break
+            case 39: this.next(); break
+            default: return
+        }
+        e.preventDefault()
+    }
+    Carousel.prototype.cycle = function (e) {
+        e || (this.paused = false)
+        this.interval && clearInterval(this.interval)
+        this.options.interval && !this.paused && (this.interval = setInterval($.proxy(this.next, this), this.options.interval))
+        return this
+    }
+    Carousel.prototype.getItemIndex = function (item) {
+        this.$items = item.parent().children('.item')
+        return this.$items.index(item || this.$active)
+    }
+    Carousel.prototype.getItemForDirection = function (direction, active) {
+        var delta = direction == 'prev' ? -1 : 1
+        var activeIndex = this.getItemIndex(active)
+        var itemIndex = (activeIndex + delta) % this.$items.length
+        return this.$items.eq(itemIndex)
+    }
+    Carousel.prototype.to = function (pos) {
+        var that = this
+        var activeIndex = this.getItemIndex(this.$active = this.$element.find('.item.active'))
+        if (pos > (this.$items.length - 1) || pos < 0) return
+        if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) })
+        if (activeIndex == pos) return this.pause().cycle()
+        return this.slide(pos > activeIndex ? 'next' : 'prev', this.$items.eq(pos))
+    }
+    Carousel.prototype.pause = function (e) {
+        e || (this.paused = true)
+        if (this.$element.find('.next, .prev').length && $.support.transition) {
+            this.$element.trigger($.support.transition.end)
+            this.cycle(true)
+        }
+        this.interval = clearInterval(this.interval)
+        return this
+    }
+    Carousel.prototype.next = function () {
+        if (this.sliding) return
+        return this.slide('next')
+    }
+    Carousel.prototype.prev = function () {
+        if (this.sliding) return
+        return this.slide('prev')
+    }
+    Carousel.prototype.slide = function (type, next) {
+        var $active = this.$element.find('.item.active')
+        var $next = next || this.getItemForDirection(type, $active)
+        var isCycling = this.interval
+        var direction = type == 'next' ? 'left' : 'right'
+        var fallback = type == 'next' ? 'first' : 'last'
+        var that = this
+        if (!$next.length) {
+            if (!this.options.wrap) return
+            $next = this.$element.find('.item')[fallback]()
+        }
+        if ($next.hasClass('active')) return (this.sliding = false)
+        var relatedTarget = $next[0]
+        var slideEvent = $.Event('slide.bs.carousel', { relatedTarget: relatedTarget, direction: direction })
+        this.$element.trigger(slideEvent)
+        if (slideEvent.isDefaultPrevented()) return
+        this.sliding = true
+        isCycling && this.pause()
+        if (this.$indicators.length) {
+            this.$indicators.find('.active').removeClass('active')
+            var $nextIndicator = $(this.$indicators.children()[this.getItemIndex($next)])
+            $nextIndicator && $nextIndicator.addClass('active')
+        }
+        var slidEvent = $.Event('slid.bs.carousel', { relatedTarget: relatedTarget, direction: direction })
+        if ($.support.transition && this.$element.hasClass('slide')) {
+            $next.addClass(type)
+            $next[0].offsetWidth
+            $active.addClass(direction)
+            $next.addClass(direction)
+            $active.one('bsTransitionEnd', function () {
+                $next.removeClass([type, direction].join(' ')).addClass('active')
+                $active.removeClass(['active', direction].join(' '))
+                that.sliding = false
+                setTimeout(function () { that.$element.trigger(slidEvent) }, 0)
+            }).emulateTransitionEnd(Carousel.TRANSITION_DURATION)
+        } else {
+            $active.removeClass('active')
+            $next.addClass('active')
+            this.sliding = false
+            this.$element.trigger(slidEvent)
+        }
+        isCycling && this.cycle()
+        return this
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.carousel')
+            var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option)
+            var action = typeof option == 'string' ? option : options.slide
+            if (!data) $this.data('bs.carousel', (data = new Carousel(this, options)))
+            if (typeof option == 'number') data.to(option)
+            else if (action) data[action]()
+            else if (options.interval) data.pause().cycle()
+        })
+    }
+    var old = $.fn.carousel
+    $.fn.carousel = Plugin
+    $.fn.carousel.Constructor = Carousel
+    $.fn.carousel.noConflict = function () {
+        $.fn.carousel = old
+        return this
+    }
+    var clickHandler = function (e) {
+        var href
+        var $this = $(this)
+        var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, ''))
+        if (!$target.hasClass('carousel')) return
+        var options = $.extend({}, $target.data(), $this.data())
+        var slideIndex = $this.attr('data-slide-to')
+        if (slideIndex) options.interval = false
+        Plugin.call($target, options)
+        if (slideIndex) { $target.data('bs.carousel').to(slideIndex) }
+        e.preventDefault()
+    }
+    $(document).on('click.bs.carousel.data-api', '[data-slide]', clickHandler).on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler)
+    $(window).on('load', function () {
+        $('[data-ride="carousel"]').each(function () {
+            var $carousel = $(this)
+            Plugin.call($carousel, $carousel.data())
+        })
+    })
+}(jQuery); +function ($) {
+    'use strict'; var Collapse = function (element, options) {
+        this.$element = $(element)
+        this.options = $.extend({}, Collapse.DEFAULTS, options)
+        this.$trigger = $(this.options.trigger).filter('[href="#' + element.id + '"], [data-target="#' + element.id + '"]')
+        this.transitioning = null
+        if (this.options.parent) { this.$parent = this.getParent() } else { this.addAriaAndCollapsedClass(this.$element, this.$trigger) }
+        if (this.options.toggle) this.toggle()
+    }
+    Collapse.VERSION = '3.3.0'
+    Collapse.TRANSITION_DURATION = 350
+    Collapse.DEFAULTS = { toggle: true, trigger: '[data-toggle="collapse"]' }
+    Collapse.prototype.dimension = function () {
+        var hasWidth = this.$element.hasClass('width')
+        return hasWidth ? 'width' : 'height'
+    }
+    Collapse.prototype.show = function () {
+        if (this.transitioning || this.$element.hasClass('in')) return
+        var activesData
+        var actives = this.$parent && this.$parent.find('> .panel').children('.in, .collapsing')
+        if (actives && actives.length) {
+            activesData = actives.data('bs.collapse')
+            if (activesData && activesData.transitioning) return
+        }
+        var startEvent = $.Event('show.bs.collapse')
+        this.$element.trigger(startEvent)
+        if (startEvent.isDefaultPrevented()) return
+        if (actives && actives.length) {
+            Plugin.call(actives, 'hide')
+            activesData || actives.data('bs.collapse', null)
+        }
+        var dimension = this.dimension()
+        this.$element.removeClass('collapse').addClass('collapsing')[dimension](0).attr('aria-expanded', true)
+        this.$trigger.removeClass('collapsed').attr('aria-expanded', true)
+        this.transitioning = 1
+        var complete = function () {
+            this.$element.removeClass('collapsing').addClass('collapse in')[dimension]('')
+            this.transitioning = 0
+            this.$element.trigger('shown.bs.collapse')
+        }
+        if (!$.support.transition) return complete.call(this)
+        var scrollSize = $.camelCase(['scroll', dimension].join('-'))
+        this.$element.one('bsTransitionEnd', $.proxy(complete, this)).emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize])
+    }
+    Collapse.prototype.hide = function () {
+        if (this.transitioning || !this.$element.hasClass('in')) return
+        var startEvent = $.Event('hide.bs.collapse')
+        this.$element.trigger(startEvent)
+        if (startEvent.isDefaultPrevented()) return
+        var dimension = this.dimension()
+        this.$element[dimension](this.$element[dimension]())[0].offsetHeight
+        this.$element.addClass('collapsing').removeClass('collapse in').attr('aria-expanded', false)
+        this.$trigger.addClass('collapsed').attr('aria-expanded', false)
+        this.transitioning = 1
+        var complete = function () {
+            this.transitioning = 0
+            this.$element.removeClass('collapsing').addClass('collapse').trigger('hidden.bs.collapse')
+        }
+        if (!$.support.transition) return complete.call(this)
+        this.$element
+        [dimension](0).one('bsTransitionEnd', $.proxy(complete, this)).emulateTransitionEnd(Collapse.TRANSITION_DURATION)
+    }
+    Collapse.prototype.toggle = function () { this[this.$element.hasClass('in') ? 'hide' : 'show']() }
+    Collapse.prototype.getParent = function () {
+        return $(this.options.parent).find('[data-toggle="collapse"][data-parent="' + this.options.parent + '"]').each($.proxy(function (i, element) {
+            var $element = $(element)
+            this.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element)
+        }, this)).end()
+    }
+    Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) {
+        var isOpen = $element.hasClass('in')
+        $element.attr('aria-expanded', isOpen)
+        $trigger.toggleClass('collapsed', !isOpen).attr('aria-expanded', isOpen)
+    }
+    function getTargetFromTrigger($trigger) {
+        var href
+        var target = $trigger.attr('data-target') || (href = $trigger.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')
+        return $(target)
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.collapse')
+            var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option)
+            if (!data && options.toggle && option == 'show') options.toggle = false
+            if (!data) $this.data('bs.collapse', (data = new Collapse(this, options)))
+            if (typeof option == 'string') data[option]()
+        })
+    }
+    var old = $.fn.collapse
+    $.fn.collapse = Plugin
+    $.fn.collapse.Constructor = Collapse
+    $.fn.collapse.noConflict = function () {
+        $.fn.collapse = old
+        return this
+    }
+    $(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) {
+        var $this = $(this)
+        if (!$this.attr('data-target')) e.preventDefault()
+        var $target = getTargetFromTrigger($this)
+        var data = $target.data('bs.collapse')
+        var option = data ? 'toggle' : $.extend({}, $this.data(), { trigger: this })
+        Plugin.call($target, option)
+    })
+}(jQuery); +function ($) {
+    'use strict'; var backdrop = '.dropdown-backdrop'
+    var toggle = '[data-toggle="dropdown"]'
+    var Dropdown = function (element) { $(element).on('click.bs.dropdown', this.toggle) }
+    Dropdown.VERSION = '3.3.0'
+    Dropdown.prototype.toggle = function (e) {
+        var $this = $(this)
+        if ($this.is('.disabled, :disabled')) return
+        var $parent = getParent($this)
+        var isActive = $parent.hasClass('open')
+        clearMenus()
+        if (!isActive) {
+            if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { $('<div class="dropdown-backdrop"/>').insertAfter($(this)).on('click', clearMenus) }
+            var relatedTarget = { relatedTarget: this }
+            $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget))
+            if (e.isDefaultPrevented()) return
+            $this.trigger('focus').attr('aria-expanded', 'true')
+            $parent.toggleClass('open').trigger('shown.bs.dropdown', relatedTarget)
+        }
+        return false
+    }
+    Dropdown.prototype.keydown = function (e) {
+        if (!/(38|40|27|32)/.test(e.which)) return
+        var $this = $(this)
+        e.preventDefault()
+        e.stopPropagation()
+        if ($this.is('.disabled, :disabled')) return
+        var $parent = getParent($this)
+        var isActive = $parent.hasClass('open')
+        if ((!isActive && e.which != 27) || (isActive && e.which == 27)) {
+            if (e.which == 27) $parent.find(toggle).trigger('focus')
+            return $this.trigger('click')
+        }
+        var desc = ' li:not(.divider):visible a'
+        var $items = $parent.find('[role="menu"]' + desc + ', [role="listbox"]' + desc)
+        if (!$items.length) return
+        var index = $items.index(e.target)
+        if (e.which == 38 && index > 0) index--
+        if (e.which == 40 && index < $items.length - 1) index++
+        if (!~index) index = 0
+        $items.eq(index).trigger('focus')
+    }
+    function clearMenus(e) {
+        if (e && e.which === 3) return
+        $(backdrop).remove()
+        $(toggle).each(function () {
+            var $this = $(this)
+            var $parent = getParent($this)
+            var relatedTarget = { relatedTarget: this }
+            if (!$parent.hasClass('open')) return
+            $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget))
+            if (e.isDefaultPrevented()) return
+            $this.attr('aria-expanded', 'false')
+            $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget)
+        })
+    }
+    function getParent($this) {
+        var selector = $this.attr('data-target')
+        if (!selector) {
+            selector = $this.attr('href')
+            selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '')
+        }
+        var $parent = selector && $(selector)
+        return $parent && $parent.length ? $parent : $this.parent()
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.dropdown')
+            if (!data) $this.data('bs.dropdown', (data = new Dropdown(this)))
+            if (typeof option == 'string') data[option].call($this)
+        })
+    }
+    var old = $.fn.dropdown
+    $.fn.dropdown = Plugin
+    $.fn.dropdown.Constructor = Dropdown
+    $.fn.dropdown.noConflict = function () {
+        $.fn.dropdown = old
+        return this
+    }
+    $(document).on('click.bs.dropdown.data-api', clearMenus).on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }).on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle).on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown).on('keydown.bs.dropdown.data-api', '[role="menu"]', Dropdown.prototype.keydown).on('keydown.bs.dropdown.data-api', '[role="listbox"]', Dropdown.prototype.keydown)
+}(jQuery); +function ($) {
+    'use strict'; var Modal = function (element, options) {
+        this.options = options
+        this.$body = $(document.body)
+        this.$element = $(element)
+        this.$backdrop = this.isShown = null
+        this.scrollbarWidth = 0
+        if (this.options.remote) { this.$element.find('.modal-content').load(this.options.remote, $.proxy(function () { this.$element.trigger('loaded.bs.modal') }, this)) }
+    }
+    Modal.VERSION = '3.3.0'
+    Modal.TRANSITION_DURATION = 300
+    Modal.BACKDROP_TRANSITION_DURATION = 150
+    Modal.DEFAULTS = { backdrop: true, keyboard: true, show: true }
+    Modal.prototype.toggle = function (_relatedTarget) { return this.isShown ? this.hide() : this.show(_relatedTarget) }
+    Modal.prototype.show = function (_relatedTarget) {
+        var that = this
+        var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget })
+        this.$element.trigger(e)
+        if (this.isShown || e.isDefaultPrevented()) return
+        this.isShown = true
+        this.checkScrollbar()
+        this.$body.addClass('modal-open')
+        this.setScrollbar()
+        this.escape()
+        this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this))
+        this.backdrop(function () {
+            var transition = $.support.transition && that.$element.hasClass('fade')
+            if (!that.$element.parent().length) { that.$element.appendTo(that.$body) }
+            that.$element.show().scrollTop(0)
+            if (transition) { that.$element[0].offsetWidth }
+            that.$element.addClass('in').attr('aria-hidden', false)
+            that.enforceFocus()
+            var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget })
+            transition ? that.$element.find('.modal-dialog').one('bsTransitionEnd', function () { that.$element.trigger('focus').trigger(e) }).emulateTransitionEnd(Modal.TRANSITION_DURATION) : that.$element.trigger('focus').trigger(e)
+        })
+    }
+    Modal.prototype.hide = function (e) {
+        if (e) e.preventDefault()
+        e = $.Event('hide.bs.modal')
+        this.$element.trigger(e)
+        if (!this.isShown || e.isDefaultPrevented()) return
+        this.isShown = false
+        this.escape()
+        $(document).off('focusin.bs.modal')
+        this.$element.removeClass('in').attr('aria-hidden', true).off('click.dismiss.bs.modal')
+        $.support.transition && this.$element.hasClass('fade') ? this.$element.one('bsTransitionEnd', $.proxy(this.hideModal, this)).emulateTransitionEnd(Modal.TRANSITION_DURATION) : this.hideModal()
+    }
+    Modal.prototype.enforceFocus = function () { $(document).off('focusin.bs.modal').on('focusin.bs.modal', $.proxy(function (e) { if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { this.$element.trigger('focus') } }, this)) }
+    Modal.prototype.escape = function () { if (this.isShown && this.options.keyboard) { this.$element.on('keydown.dismiss.bs.modal', $.proxy(function (e) { e.which == 27 && this.hide() }, this)) } else if (!this.isShown) { this.$element.off('keydown.dismiss.bs.modal') } }
+    Modal.prototype.hideModal = function () {
+        var that = this
+        this.$element.hide()
+        this.backdrop(function () {
+            that.$body.removeClass('modal-open')
+            that.resetScrollbar()
+            that.$element.trigger('hidden.bs.modal')
+        })
+    }
+    Modal.prototype.removeBackdrop = function () {
+        this.$backdrop && this.$backdrop.remove()
+        this.$backdrop = null
+    }
+    Modal.prototype.backdrop = function (callback) {
+        var that = this
+        var animate = this.$element.hasClass('fade') ? 'fade' : ''
+        if (this.isShown && this.options.backdrop) {
+            var doAnimate = $.support.transition && animate
+            this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />').prependTo(this.$element).on('click.dismiss.bs.modal', $.proxy(function (e) {
+                if (e.target !== e.currentTarget) return
+                this.options.backdrop == 'static' ? this.$element[0].focus.call(this.$element[0]) : this.hide.call(this)
+            }, this))
+            if (doAnimate) this.$backdrop[0].offsetWidth
+            this.$backdrop.addClass('in')
+            if (!callback) return
+            doAnimate ? this.$backdrop.one('bsTransitionEnd', callback).emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : callback()
+        } else if (!this.isShown && this.$backdrop) {
+            this.$backdrop.removeClass('in')
+            var callbackRemove = function () {
+                that.removeBackdrop()
+                callback && callback()
+            }
+            $.support.transition && this.$element.hasClass('fade') ? this.$backdrop.one('bsTransitionEnd', callbackRemove).emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : callbackRemove()
+        } else if (callback) { callback() }
+    }
+    Modal.prototype.checkScrollbar = function () { this.scrollbarWidth = this.measureScrollbar() }
+    Modal.prototype.setScrollbar = function () {
+        var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10)
+        if (this.scrollbarWidth) this.$body.css('padding-right', bodyPad + this.scrollbarWidth)
+    }
+    Modal.prototype.resetScrollbar = function () { this.$body.css('padding-right', '') }
+    Modal.prototype.measureScrollbar = function () {
+        if (document.body.clientWidth >= window.innerWidth) return 0
+        var scrollDiv = document.createElement('div')
+        scrollDiv.className = 'modal-scrollbar-measure'
+        this.$body.append(scrollDiv)
+        var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth
+        this.$body[0].removeChild(scrollDiv)
+        return scrollbarWidth
+    }
+    function Plugin(option, _relatedTarget) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.modal')
+            var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option)
+            if (!data) $this.data('bs.modal', (data = new Modal(this, options)))
+            if (typeof option == 'string') data[option](_relatedTarget)
+            else if (options.show) data.show(_relatedTarget)
+        })
+    }
+    var old = $.fn.modal
+    $.fn.modal = Plugin
+    $.fn.modal.Constructor = Modal
+    $.fn.modal.noConflict = function () {
+        $.fn.modal = old
+        return this
+    }
+    $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) {
+        var $this = $(this)
+        var href = $this.attr('href')
+        var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, '')))
+        var option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data())
+        if ($this.is('a')) e.preventDefault()
+        $target.one('show.bs.modal', function (showEvent) {
+            if (showEvent.isDefaultPrevented()) return
+            $target.one('hidden.bs.modal', function () { $this.is(':visible') && $this.trigger('focus') })
+        })
+        Plugin.call($target, option, this)
+    })
+}(jQuery); +function ($) {
+    'use strict'; var Tooltip = function (element, options) {
+        this.type = this.options = this.enabled = this.timeout = this.hoverState = this.$element = null
+        this.init('tooltip', element, options)
+    }
+    Tooltip.VERSION = '3.3.0'
+    Tooltip.TRANSITION_DURATION = 150
+    Tooltip.DEFAULTS = { animation: true, placement: 'top', selector: false, template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>', trigger: 'hover focus', title: '', delay: 0, html: false, container: false, viewport: { selector: 'body', padding: 0 } }
+    Tooltip.prototype.init = function (type, element, options) {
+        this.enabled = true
+        this.type = type
+        this.$element = $(element)
+        this.options = this.getOptions(options)
+        this.$viewport = this.options.viewport && $(this.options.viewport.selector || this.options.viewport)
+        var triggers = this.options.trigger.split(' ')
+        for (var i = triggers.length; i--;) {
+            var trigger = triggers[i]
+            if (trigger == 'click') { this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) } else if (trigger != 'manual') {
+                var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin'
+                var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout'
+                this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this))
+                this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
+            }
+        }
+        this.options.selector ? (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : this.fixTitle()
+    }
+    Tooltip.prototype.getDefaults = function () { return Tooltip.DEFAULTS }
+    Tooltip.prototype.getOptions = function (options) {
+        options = $.extend({}, this.getDefaults(), this.$element.data(), options)
+        if (options.delay && typeof options.delay == 'number') { options.delay = { show: options.delay, hide: options.delay } }
+        return options
+    }
+    Tooltip.prototype.getDelegateOptions = function () {
+        var options = {}
+        var defaults = this.getDefaults()
+        this._options && $.each(this._options, function (key, value) { if (defaults[key] != value) options[key] = value })
+        return options
+    }
+    Tooltip.prototype.enter = function (obj) {
+        var self = obj instanceof this.constructor ? obj : $(obj.currentTarget).data('bs.' + this.type)
+        if (self && self.$tip && self.$tip.is(':visible')) {
+            self.hoverState = 'in'
+            return
+        }
+        if (!self) {
+            self = new this.constructor(obj.currentTarget, this.getDelegateOptions())
+            $(obj.currentTarget).data('bs.' + this.type, self)
+        }
+        clearTimeout(self.timeout)
+        self.hoverState = 'in'
+        if (!self.options.delay || !self.options.delay.show) return self.show()
+        self.timeout = setTimeout(function () { if (self.hoverState == 'in') self.show() }, self.options.delay.show)
+    }
+    Tooltip.prototype.leave = function (obj) {
+        var self = obj instanceof this.constructor ? obj : $(obj.currentTarget).data('bs.' + this.type)
+        if (!self) {
+            self = new this.constructor(obj.currentTarget, this.getDelegateOptions())
+            $(obj.currentTarget).data('bs.' + this.type, self)
+        }
+        clearTimeout(self.timeout)
+        self.hoverState = 'out'
+        if (!self.options.delay || !self.options.delay.hide) return self.hide()
+        self.timeout = setTimeout(function () { if (self.hoverState == 'out') self.hide() }, self.options.delay.hide)
+    }
+    Tooltip.prototype.show = function () {
+        var e = $.Event('show.bs.' + this.type)
+        if (this.hasContent() && this.enabled) {
+            this.$element.trigger(e)
+            var inDom = $.contains(this.$element[0].ownerDocument.documentElement, this.$element[0])
+            if (e.isDefaultPrevented() || !inDom) return
+            var that = this
+            var $tip = this.tip()
+            var tipId = this.getUID(this.type)
+            this.setContent()
+            $tip.attr('id', tipId)
+            this.$element.attr('aria-describedby', tipId)
+            if (this.options.animation) $tip.addClass('fade')
+            var placement = typeof this.options.placement == 'function' ? this.options.placement.call(this, $tip[0], this.$element[0]) : this.options.placement
+            var autoToken = /\s?auto?\s?/i
+            var autoPlace = autoToken.test(placement)
+            if (autoPlace) placement = placement.replace(autoToken, '') || 'top'
+            $tip.detach().css({ top: 0, left: 0, display: 'block' }).addClass(placement).data('bs.' + this.type, this)
+            this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element)
+            var pos = this.getPosition()
+            var actualWidth = $tip[0].offsetWidth
+            var actualHeight = $tip[0].offsetHeight
+            if (autoPlace) {
+                var orgPlacement = placement
+                var $container = this.options.container ? $(this.options.container) : this.$element.parent()
+                var containerDim = this.getPosition($container)
+                placement = placement == 'bottom' && pos.bottom + actualHeight > containerDim.bottom ? 'top' : placement == 'top' && pos.top - actualHeight < containerDim.top ? 'bottom' : placement == 'right' && pos.right + actualWidth > containerDim.width ? 'left' : placement == 'left' && pos.left - actualWidth < containerDim.left ? 'right' : placement
+                $tip.removeClass(orgPlacement).addClass(placement)
+            }
+            var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight)
+            this.applyPlacement(calculatedOffset, placement)
+            var complete = function () {
+                var prevHoverState = that.hoverState
+                that.$element.trigger('shown.bs.' + that.type)
+                that.hoverState = null
+                if (prevHoverState == 'out') that.leave(that)
+            }
+            $.support.transition && this.$tip.hasClass('fade') ? $tip.one('bsTransitionEnd', complete).emulateTransitionEnd(Tooltip.TRANSITION_DURATION) : complete()
+        }
+    }
+    Tooltip.prototype.applyPlacement = function (offset, placement) {
+        var $tip = this.tip()
+        var width = $tip[0].offsetWidth
+        var height = $tip[0].offsetHeight
+        var marginTop = parseInt($tip.css('margin-top'), 10)
+        var marginLeft = parseInt($tip.css('margin-left'), 10)
+        if (isNaN(marginTop)) marginTop = 0
+        if (isNaN(marginLeft)) marginLeft = 0
+        offset.top = offset.top + marginTop
+        offset.left = offset.left + marginLeft
+        $.offset.setOffset($tip[0], $.extend({ using: function (props) { $tip.css({ top: Math.round(props.top), left: Math.round(props.left) }) } }, offset), 0)
+        $tip.addClass('in')
+        var actualWidth = $tip[0].offsetWidth
+        var actualHeight = $tip[0].offsetHeight
+        if (placement == 'top' && actualHeight != height) { offset.top = offset.top + height - actualHeight }
+        var delta = this.getViewportAdjustedDelta(placement, offset, actualWidth, actualHeight)
+        if (delta.left) offset.left += delta.left
+        else offset.top += delta.top
+        var isVertical = /top|bottom/.test(placement)
+        var arrowDelta = isVertical ? delta.left * 2 - width + actualWidth : delta.top * 2 - height + actualHeight
+        var arrowOffsetPosition = isVertical ? 'offsetWidth' : 'offsetHeight'
+        $tip.offset(offset)
+        this.replaceArrow(arrowDelta, $tip[0][arrowOffsetPosition], isVertical)
+    }
+    Tooltip.prototype.replaceArrow = function (delta, dimension, isHorizontal) { this.arrow().css(isHorizontal ? 'left' : 'top', 50 * (1 - delta / dimension) + '%').css(isHorizontal ? 'top' : 'left', '') }
+    Tooltip.prototype.setContent = function () {
+        var $tip = this.tip()
+        var title = this.getTitle()
+        $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)
+        $tip.removeClass('fade in top bottom left right')
+    }
+    Tooltip.prototype.hide = function (callback) {
+        var that = this
+        var $tip = this.tip()
+        var e = $.Event('hide.bs.' + this.type)
+        function complete() {
+            if (that.hoverState != 'in') $tip.detach()
+            that.$element.removeAttr('aria-describedby').trigger('hidden.bs.' + that.type)
+            callback && callback()
+        }
+        this.$element.trigger(e)
+        if (e.isDefaultPrevented()) return
+        $tip.removeClass('in')
+        $.support.transition && this.$tip.hasClass('fade') ? $tip.one('bsTransitionEnd', complete).emulateTransitionEnd(Tooltip.TRANSITION_DURATION) : complete()
+        this.hoverState = null
+        return this
+    }
+    Tooltip.prototype.fixTitle = function () {
+        var $e = this.$element
+        if ($e.attr('title') || typeof ($e.attr('data-original-title')) != 'string') { $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') }
+    }
+    Tooltip.prototype.hasContent = function () { return this.getTitle() }
+    Tooltip.prototype.getPosition = function ($element) {
+        $element = $element || this.$element
+        var el = $element[0]
+        var isBody = el.tagName == 'BODY'
+        var elRect = el.getBoundingClientRect()
+        if (elRect.width == null) { elRect = $.extend({}, elRect, { width: elRect.right - elRect.left, height: elRect.bottom - elRect.top }) }
+        var elOffset = isBody ? { top: 0, left: 0 } : $element.offset()
+        var scroll = { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : $element.scrollTop() }
+        var outerDims = isBody ? { width: $(window).width(), height: $(window).height() } : null
+        return $.extend({}, elRect, scroll, outerDims, elOffset)
+    }
+    Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) { return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } : placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } : placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } : { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width } }
+    Tooltip.prototype.getViewportAdjustedDelta = function (placement, pos, actualWidth, actualHeight) {
+        var delta = { top: 0, left: 0 }
+        if (!this.$viewport) return delta
+        var viewportPadding = this.options.viewport && this.options.viewport.padding || 0
+        var viewportDimensions = this.getPosition(this.$viewport)
+        if (/right|left/.test(placement)) {
+            var topEdgeOffset = pos.top - viewportPadding - viewportDimensions.scroll
+            var bottomEdgeOffset = pos.top + viewportPadding - viewportDimensions.scroll + actualHeight
+            if (topEdgeOffset < viewportDimensions.top) { delta.top = viewportDimensions.top - topEdgeOffset } else if (bottomEdgeOffset > viewportDimensions.top + viewportDimensions.height) { delta.top = viewportDimensions.top + viewportDimensions.height - bottomEdgeOffset }
+        } else {
+            var leftEdgeOffset = pos.left - viewportPadding
+            var rightEdgeOffset = pos.left + viewportPadding + actualWidth
+            if (leftEdgeOffset < viewportDimensions.left) { delta.left = viewportDimensions.left - leftEdgeOffset } else if (rightEdgeOffset > viewportDimensions.width) { delta.left = viewportDimensions.left + viewportDimensions.width - rightEdgeOffset }
+        }
+        return delta
+    }
+    Tooltip.prototype.getTitle = function () {
+        var title
+        var $e = this.$element
+        var o = this.options
+        title = $e.attr('data-original-title') || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
+        return title
+    }
+    Tooltip.prototype.getUID = function (prefix) {
+        do prefix += ~~(Math.random() * 1000000)
+        while (document.getElementById(prefix))
+        return prefix
+    }
+    Tooltip.prototype.tip = function () { return (this.$tip = this.$tip || $(this.options.template)) }
+    Tooltip.prototype.arrow = function () { return (this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow')) }
+    Tooltip.prototype.enable = function () { this.enabled = true }
+    Tooltip.prototype.disable = function () { this.enabled = false }
+    Tooltip.prototype.toggleEnabled = function () { this.enabled = !this.enabled }
+    Tooltip.prototype.toggle = function (e) {
+        var self = this
+        if (e) {
+            self = $(e.currentTarget).data('bs.' + this.type)
+            if (!self) {
+                self = new this.constructor(e.currentTarget, this.getDelegateOptions())
+                $(e.currentTarget).data('bs.' + this.type, self)
+            }
+        }
+        self.tip().hasClass('in') ? self.leave(self) : self.enter(self)
+    }
+    Tooltip.prototype.destroy = function () {
+        var that = this
+        clearTimeout(this.timeout)
+        this.hide(function () { that.$element.off('.' + that.type).removeData('bs.' + that.type) })
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.tooltip')
+            var options = typeof option == 'object' && option
+            var selector = options && options.selector
+            if (!data && option == 'destroy') return
+            if (selector) {
+                if (!data) $this.data('bs.tooltip', (data = {}))
+                if (!data[selector]) data[selector] = new Tooltip(this, options)
+            } else { if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options))) }
+            if (typeof option == 'string') data[option]()
+        })
+    }
+    var old = $.fn.tooltip
+    $.fn.tooltip = Plugin
+    $.fn.tooltip.Constructor = Tooltip
+    $.fn.tooltip.noConflict = function () {
+        $.fn.tooltip = old
+        return this
+    }
+}(jQuery); +function ($) {
+    'use strict'; var Popover = function (element, options) { this.init('popover', element, options) }
+    if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js')
+    Popover.VERSION = '3.3.0'
+    Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, { placement: 'right', trigger: 'click', content: '', template: '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>' })
+    Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype)
+    Popover.prototype.constructor = Popover
+    Popover.prototype.getDefaults = function () { return Popover.DEFAULTS }
+    Popover.prototype.setContent = function () {
+        var $tip = this.tip()
+        var title = this.getTitle()
+        var content = this.getContent()
+        $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title)
+        $tip.find('.popover-content').children().detach().end()[this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text'](content)
+        $tip.removeClass('fade top bottom left right in')
+        if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide()
+    }
+    Popover.prototype.hasContent = function () { return this.getTitle() || this.getContent() }
+    Popover.prototype.getContent = function () {
+        var $e = this.$element
+        var o = this.options
+        return $e.attr('data-content') || (typeof o.content == 'function' ? o.content.call($e[0]) : o.content)
+    }
+    Popover.prototype.arrow = function () { return (this.$arrow = this.$arrow || this.tip().find('.arrow')) }
+    Popover.prototype.tip = function () {
+        if (!this.$tip) this.$tip = $(this.options.template)
+        return this.$tip
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.popover')
+            var options = typeof option == 'object' && option
+            var selector = options && options.selector
+            if (!data && option == 'destroy') return
+            if (selector) {
+                if (!data) $this.data('bs.popover', (data = {}))
+                if (!data[selector]) data[selector] = new Popover(this, options)
+            } else { if (!data) $this.data('bs.popover', (data = new Popover(this, options))) }
+            if (typeof option == 'string') data[option]()
+        })
+    }
+    var old = $.fn.popover
+    $.fn.popover = Plugin
+    $.fn.popover.Constructor = Popover
+    $.fn.popover.noConflict = function () {
+        $.fn.popover = old
+        return this
+    }
+}(jQuery); +function ($) {
+    'use strict'; function ScrollSpy(element, options) {
+        var process = $.proxy(this.process, this)
+        this.$body = $('body')
+        this.$scrollElement = $(element).is('body') ? $(window) : $(element)
+        this.options = $.extend({}, ScrollSpy.DEFAULTS, options)
+        this.selector = (this.options.target || '') + ' .nav li > a'
+        this.offsets = []
+        this.targets = []
+        this.activeTarget = null
+        this.scrollHeight = 0
+        this.$scrollElement.on('scroll.bs.scrollspy', process)
+        this.refresh()
+        this.process()
+    }
+    ScrollSpy.VERSION = '3.3.0'
+    ScrollSpy.DEFAULTS = { offset: 10 }
+    ScrollSpy.prototype.getScrollHeight = function () { return this.$scrollElement[0].scrollHeight || Math.max(this.$body[0].scrollHeight, document.documentElement.scrollHeight) }
+    ScrollSpy.prototype.refresh = function () {
+        var offsetMethod = 'offset'
+        var offsetBase = 0
+        if (!$.isWindow(this.$scrollElement[0])) {
+            offsetMethod = 'position'
+            offsetBase = this.$scrollElement.scrollTop()
+        }
+        this.offsets = []
+        this.targets = []
+        this.scrollHeight = this.getScrollHeight()
+        var self = this
+        this.$body.find(this.selector).map(function () {
+            var $el = $(this)
+            var href = $el.data('target') || $el.attr('href')
+            var $href = /^#./.test(href) && $(href)
+            return ($href && $href.length && $href.is(':visible') && [[$href[offsetMethod]().top + offsetBase, href]]) || null
+        }).sort(function (a, b) { return a[0] - b[0] }).each(function () {
+            self.offsets.push(this[0])
+            self.targets.push(this[1])
+        })
+    }
+    ScrollSpy.prototype.process = function () {
+        var scrollTop = this.$scrollElement.scrollTop() + this.options.offset
+        var scrollHeight = this.getScrollHeight()
+        var maxScroll = this.options.offset + scrollHeight - this.$scrollElement.height()
+        var offsets = this.offsets
+        var targets = this.targets
+        var activeTarget = this.activeTarget
+        var i
+        if (this.scrollHeight != scrollHeight) { this.refresh() }
+        if (scrollTop >= maxScroll) { return activeTarget != (i = targets[targets.length - 1]) && this.activate(i) }
+        if (activeTarget && scrollTop < offsets[0]) {
+            this.activeTarget = null
+            return this.clear()
+        }
+        for (i = offsets.length; i--;) { activeTarget != targets[i] && scrollTop >= offsets[i] && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) && this.activate(targets[i]) }
+    }
+    ScrollSpy.prototype.activate = function (target) {
+        this.activeTarget = target
+        this.clear()
+        var selector = this.selector +
+            '[data-target="' + target + '"],' +
+            this.selector + '[href="' + target + '"]'
+        var active = $(selector).parents('li').addClass('active')
+        if (active.parent('.dropdown-menu').length) { active = active.closest('li.dropdown').addClass('active') }
+        active.trigger('activate.bs.scrollspy')
+    }
+    ScrollSpy.prototype.clear = function () { $(this.selector).parentsUntil(this.options.target, '.active').removeClass('active') }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.scrollspy')
+            var options = typeof option == 'object' && option
+            if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options)))
+            if (typeof option == 'string') data[option]()
+        })
+    }
+    var old = $.fn.scrollspy
+    $.fn.scrollspy = Plugin
+    $.fn.scrollspy.Constructor = ScrollSpy
+    $.fn.scrollspy.noConflict = function () {
+        $.fn.scrollspy = old
+        return this
+    }
+    $(window).on('load.bs.scrollspy.data-api', function () {
+        $('[data-spy="scroll"]').each(function () {
+            var $spy = $(this)
+            Plugin.call($spy, $spy.data())
+        })
+    })
+}(jQuery); +function ($) {
+    'use strict'; var Tab = function (element) { this.element = $(element) }
+    Tab.VERSION = '3.3.0'
+    Tab.TRANSITION_DURATION = 150
+    Tab.prototype.show = function () {
+        var $this = this.element
+        var $ul = $this.closest('ul:not(.dropdown-menu)')
+        var selector = $this.data('target')
+        if (!selector) {
+            selector = $this.attr('href')
+            selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '')
+        }
+        if ($this.parent('li').hasClass('active')) return
+        var $previous = $ul.find('.active:last a')
+        var hideEvent = $.Event('hide.bs.tab', { relatedTarget: $this[0] })
+        var showEvent = $.Event('show.bs.tab', { relatedTarget: $previous[0] })
+        $previous.trigger(hideEvent)
+        $this.trigger(showEvent)
+        if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return
+        var $target = $(selector)
+        this.activate($this.closest('li'), $ul)
+        this.activate($target, $target.parent(), function () {
+            $previous.trigger({ type: 'hidden.bs.tab', relatedTarget: $this[0] })
+            $this.trigger({ type: 'shown.bs.tab', relatedTarget: $previous[0] })
+        })
+    }
+    Tab.prototype.activate = function (element, container, callback) {
+        var $active = container.find('> .active')
+        var transition = callback && $.support.transition && (($active.length && $active.hasClass('fade')) || !!container.find('> .fade').length)
+        function next() {
+            $active.removeClass('active').find('> .dropdown-menu > .active').removeClass('active').end().find('[data-toggle="tab"]').attr('aria-expanded', false)
+            element.addClass('active').find('[data-toggle="tab"]').attr('aria-expanded', true)
+            if (transition) {
+                element[0].offsetWidth
+                element.addClass('in')
+            } else { element.removeClass('fade') }
+            if (element.parent('.dropdown-menu')) { element.closest('li.dropdown').addClass('active').end().find('[data-toggle="tab"]').attr('aria-expanded', true) }
+            callback && callback()
+        }
+        $active.length && transition ? $active.one('bsTransitionEnd', next).emulateTransitionEnd(Tab.TRANSITION_DURATION) : next()
+        $active.removeClass('in')
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.tab')
+            if (!data) $this.data('bs.tab', (data = new Tab(this)))
+            if (typeof option == 'string') data[option]()
+        })
+    }
+    var old = $.fn.tab
+    $.fn.tab = Plugin
+    $.fn.tab.Constructor = Tab
+    $.fn.tab.noConflict = function () {
+        $.fn.tab = old
+        return this
+    }
+    var clickHandler = function (e) {
+        e.preventDefault()
+        Plugin.call($(this), 'show')
+    }
+    $(document).on('click.bs.tab.data-api', '[data-toggle="tab"]', clickHandler).on('click.bs.tab.data-api', '[data-toggle="pill"]', clickHandler)
+}(jQuery); +function ($) {
+    'use strict'; var Affix = function (element, options) {
+        this.options = $.extend({}, Affix.DEFAULTS, options)
+        this.$target = $(this.options.target).on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)).on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this))
+        this.$element = $(element)
+        this.affixed = this.unpin = this.pinnedOffset = null
+        this.checkPosition()
+    }
+    Affix.VERSION = '3.3.0'
+    Affix.RESET = 'affix affix-top affix-bottom'
+    Affix.DEFAULTS = { offset: 0, target: window }
+    Affix.prototype.getState = function (scrollHeight, height, offsetTop, offsetBottom) {
+        var scrollTop = this.$target.scrollTop()
+        var position = this.$element.offset()
+        var targetHeight = this.$target.height()
+        if (offsetTop != null && this.affixed == 'top') return scrollTop < offsetTop ? 'top' : false
+        if (this.affixed == 'bottom') {
+            if (offsetTop != null) return (scrollTop + this.unpin <= position.top) ? false : 'bottom'
+            return (scrollTop + targetHeight <= scrollHeight - offsetBottom) ? false : 'bottom'
+        }
+        var initializing = this.affixed == null
+        var colliderTop = initializing ? scrollTop : position.top
+        var colliderHeight = initializing ? targetHeight : height
+        if (offsetTop != null && colliderTop <= offsetTop) return 'top'
+        if (offsetBottom != null && (colliderTop + colliderHeight >= scrollHeight - offsetBottom)) return 'bottom'
+        return false
+    }
+    Affix.prototype.getPinnedOffset = function () {
+        if (this.pinnedOffset) return this.pinnedOffset
+        this.$element.removeClass(Affix.RESET).addClass('affix')
+        var scrollTop = this.$target.scrollTop()
+        var position = this.$element.offset()
+        return (this.pinnedOffset = position.top - scrollTop)
+    }
+    Affix.prototype.checkPositionWithEventLoop = function () { setTimeout($.proxy(this.checkPosition, this), 1) }
+    Affix.prototype.checkPosition = function () {
+        if (!this.$element.is(':visible')) return
+        var height = this.$element.height()
+        var offset = this.options.offset
+        var offsetTop = offset.top
+        var offsetBottom = offset.bottom
+        var scrollHeight = $('body').height()
+        if (typeof offset != 'object') offsetBottom = offsetTop = offset
+        if (typeof offsetTop == 'function') offsetTop = offset.top(this.$element)
+        if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element)
+        var affix = this.getState(scrollHeight, height, offsetTop, offsetBottom)
+        if (this.affixed != affix) {
+            if (this.unpin != null) this.$element.css('top', '')
+            var affixType = 'affix' + (affix ? '-' + affix : '')
+            var e = $.Event(affixType + '.bs.affix')
+            this.$element.trigger(e)
+            if (e.isDefaultPrevented()) return
+            this.affixed = affix
+            this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null
+            this.$element.removeClass(Affix.RESET).addClass(affixType).trigger(affixType.replace('affix', 'affixed') + '.bs.affix')
+        }
+        if (affix == 'bottom') { this.$element.offset({ top: scrollHeight - height - offsetBottom }) }
+    }
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data = $this.data('bs.affix')
+            var options = typeof option == 'object' && option
+            if (!data) $this.data('bs.affix', (data = new Affix(this, options)))
+            if (typeof option == 'string') data[option]()
+        })
+    }
+    var old = $.fn.affix
+    $.fn.affix = Plugin
+    $.fn.affix.Constructor = Affix
+    $.fn.affix.noConflict = function () {
+        $.fn.affix = old
+        return this
+    }
+    $(window).on('load', function () {
+        $('[data-spy="affix"]').each(function () {
+            var $spy = $(this)
+            var data = $spy.data()
+            data.offset = data.offset || {}
+            if (data.offsetBottom != null) data.offset.bottom = data.offsetBottom
+            if (data.offsetTop != null) data.offset.top = data.offsetTop
+            Plugin.call($spy, data)
+        })
+    })
+}(jQuery);

frontend/js/jquery.appear.js

@@ -0,0 +1,25 @@
+(function ($) {
+    var selectors = []; var check_binded = false; var check_lock = false; var defaults = { interval: 250, force_process: false }
+    var $window = $(window); var $prior_appeared; function process() {
+        check_lock = false; for (var index = 0; index < selectors.length; index++) {
+            var $appeared = $(selectors[index]).filter(function () { return $(this).is(':appeared'); }); $appeared.trigger('appear', [$appeared]); if ($prior_appeared) { var $disappeared = $prior_appeared.not($appeared); $disappeared.trigger('disappear', [$disappeared]); }
+            $prior_appeared = $appeared;
+        }
+    }
+    $.expr[':']['appeared'] = function (element) {
+        var $element = $(element); if (!$element.is(':visible')) { return false; }
+        var window_left = $window.scrollLeft(); var window_top = $window.scrollTop(); var offset = $element.offset(); var left = offset.left; var top = offset.top; if (top + $element.height() >= window_top && top - ($element.data('appear-top-offset') || 0) <= window_top + $window.height() && left + $element.width() >= window_left && left - ($element.data('appear-left-offset') || 0) <= window_left + $window.width()) { return true; } else { return false; }
+    }
+    $.fn.extend({
+        appear: function (options) {
+            var opts = $.extend({}, defaults, options || {}); var selector = this.selector || this; if (!check_binded) {
+                var on_check = function () {
+                    if (check_lock) { return; }
+                    check_lock = true; setTimeout(process, opts.interval);
+                }; $(window).scroll(on_check).resize(on_check); check_binded = true;
+            }
+            if (opts.force_process) { setTimeout(process, opts.interval); }
+            selectors.push(selector); return $(selector);
+        }
+    }); $.extend({ force_appear: function () { if (check_binded) { process(); return true; }; return false; } });
+})(jQuery);

frontend/js/jquery.lightbox.min.js

@@ -0,0 +1,12 @@
+/*!
+ * jQuery Lightbox Evolution - for jQuery 1.4+
+ * http://codecanyon.net/item/jquery-lightbox-evolution/115655?ref=aeroalquimia
+ *
+ * Copyright (c) 2013, Eduardo Daniel Sada
+ * Released under CodeCanyon Regular License.
+ * http://codecanyon.net/licenses/regular
+ *
+ * Version: 1.8.0 (August 17 2013)
+*/
+
+; (function ($, A, B, C) { var D = (function (u) { return function () { return u.search(arguments[0]) } })((navigator && navigator.userAgent) ? navigator.userAgent.toLowerCase() : ""); var E = false; var F = (function () { for (var a = 3, b = B.createElement("b"), c = b.all || []; b.innerHTML = "<!--[if gt IE " + ++a + "]><i><![endif]-->", c[0];); return 4 < a ? a : B.documentMode })(); var G = (function () { var b; var a; var c = B.createElement("div"); c.innerHTML = "  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>"; b = c.getElementsByTagName("*"); a = c.getElementsByTagName("a")[0]; if (!b || !a || !b.length) { return {} } a.style.cssText = "top:1px;float:left;opacity:.5"; return { opacity: /^0.5/.test(a.style.opacity) } })(); if (D("mobile") > -1) { if (D("android") > -1 || D("googletv") > -1 || D("htc_flyer") > -1) { E = true } }; if (D("opera") > -1) { if (D("mini") > -1 && D("mobi") > -1) { E = true } }; if (D("iphone") > -1) { E = true }; if (D("windows phone os 7") > -1) { E = true }; $.extend($.easing, { easeOutBackMin: function (x, t, b, c, d, s) { if (s === C) s = 1; return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b } }); if (typeof $.fn.live === "undefined") { $.fn.live = function (a, b, c) { jQuery(this.context).on(a, this.selector, b, c); return this } } $.extend({ LightBoxObject: { defaults: { name: 'jquery-lightbox', style: { zIndex: 99999, width: 470, height: 280 }, modal: false, overlay: { opacity: 0.6 }, animation: { show: { duration: 400, easing: "easeOutBackMin" }, close: { duration: 200, easing: "easeOutBackMin" }, move: { duration: 700, easing: "easeOutBackMin" }, shake: { duration: 100, easing: "easeOutBackMin", distance: 10, loops: 2 } }, flash: { width: 640, height: 360 }, iframe: { width: 640, height: 360 }, maxsize: { width: -1, height: -1 }, preload: true, emergefrom: "top", ajax: { type: "GET", cache: false, dataType: "html" } }, options: {}, animations: {}, gallery: {}, image: {}, esqueleto: { lightbox: [], buttons: { close: [], prev: [], max: [], next: [] }, background: [], image: [], title: [], html: [] }, visible: false, maximized: false, mode: "image", videoregs: { swf: { reg: /[^\.]\.(swf)\s*$/i }, youtu: { reg: /youtu\.be\//i, split: '/', index: 3, iframe: 1, url: "https://www.youtube.com/embed/%id%?autoplay=1&amp;fs=1&amp;rel=0&amp;enablejsapi=1" }, youtube: { reg: /youtube\.com\/watch/i, split: '=', index: 1, iframe: 1, url: "https://www.youtube.com/embed/%id%?autoplay=1&amp;fs=1&amp;rel=0&amp;enablejsapi=1" }, vimeo: { reg: /vimeo\.com/i, split: '/', index: 3, iframe: 1, url: "http://player.vimeo.com/video/%id%?hd=1&amp;autoplay=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" }, metacafe: { reg: /metacafe\.com\/watch/i, split: '/', index: 4, url: "http://www.metacafe.com/fplayer/%id%/.swf?playerVars=autoPlay=yes" }, dailymotion: { reg: /dailymotion\.com\/video/i, split: '/', index: 4, iframe: true, url: "http://www.dailymotion.com/embed/video/%id%?autoPlay=1&forcedQuality=hd720" }, collegehumornew: { reg: /collegehumor\.com\/video\//i, split: 'video/', index: 1, iframe: true, url: "http://www.collegehumor.com/e/%id%" }, collegehumor: { reg: /collegehumor\.com\/video:/i, split: 'video:', index: 1, url: "http://www.collegehumor.com/moogaloop/moogaloop.swf?autoplay=true&amp;fullscreen=1&amp;clip_id=%id%" }, ustream: { reg: /ustream\.tv/i, split: '/', index: 4, url: "http://www.ustream.tv/flash/video/%id%?loc=%2F&amp;autoplay=true&amp;vid=%id%&amp;disabledComment=true&amp;beginPercent=0.5331&amp;endPercent=0.6292&amp;locale=en_US" }, twitvid: { reg: /twitvid\.com/i, split: '/', index: 3, url: "http://www.twitvid.com/player/%id%" }, wordpress: { reg: /v\.wordpress\.com/i, split: '/', index: 3, url: "http://s0.videopress.com/player.swf?guid=%id%&amp;v=1.01" }, vzaar: { reg: /vzaar\.com\/videos/i, split: '/', index: 4, url: "http://view.vzaar.com/%id%.flashplayer?autoplay=true&amp;border=none" }, youku: { reg: /v.youku.com\/v_show\//i, split: 'id_', index: 1, iframe: 1, url: "http://player.youku.com/embed/%id%&amp;autoplay=1" } }, mapsreg: { bing: { reg: /bing\.com\/maps/i, split: '?', index: 1, url: "http://www.bing.com/maps/embed/?emid=3ede2bc8-227d-8fec-d84a-00b6ff19b1cb&amp;w=%width%&amp;h=%height%&amp;%id%" }, streetview: { reg: /maps\.google\.(com|co.uk|ca|es)(.*)layer=c/i, split: '?', index: 1, url: "http://maps.google.com/?output=svembed&amp;%id%" }, googlev2: { reg: /maps\.google\.(com|co.uk|ca|es)\/maps\/ms/i, split: '?', index: 1, url: "http://maps.google.com/maps/ms?output=embed&amp;%id%" }, google: { reg: /maps\.google\.(com|co.uk|ca|es)/i, split: '?', index: 1, url: "http://maps.google.com/maps?%id%&amp;output=embed" } }, imgsreg: /\.(?:jpg|png|jpeg|gif|bmp|tiff)/i, overlay: { create: function (a) { this.options = a; this.element = $('<div id="' + new Date().getTime() + '" class="' + this.options.name + '-overlay"></div>'); this.element.css($.extend({}, { 'position': 'fixed', 'top': 0, 'left': 0, 'opacity': 0, 'display': 'none', 'z-index': this.options.zIndex }, this.options.style)); this.element.bind("click", $.proxy(function (e) { if (!this.options.modal && !this.hidden) { if ($.isFunction(this.options.callback)) { this.options.callback() } else { this.hide() } } e.preventDefault() }, this)); this.hidden = true; this.inject(); return this }, inject: function () { this.target = $(B.body); this.target.append(this.element) }, resize: function (x, y) { this.element.css({ 'height': 0, 'width': 0 }); if (this.shim) { this.shim.css({ 'height': 0, 'width': 0 }) }; var a = { x: $(B).width(), y: $(B).height() }; this.element.css({ 'width': '100%', 'height': y || a.y }); if (this.shim) { this.shim.css({ 'height': 0, 'width': 0 }); this.shim.css({ 'position': 'absolute', 'left': 0, 'top': 0, 'width': this.element.width(), 'height': y || a.y }) } return this }, show: function (a) { if (!this.hidden) { return this }; if (this.transition) { this.transition.stop() }; if (this.shim) { this.shim.css('display', 'block') }; this.element.css({ 'display': 'block', 'opacity': 0 }); this.resize(); this.hidden = false; this.transition = this.element.fadeTo(this.options.showDuration, this.options.style.opacity, $.proxy(function () { if (this.options.style.opacity) { this.element.css(this.options.style) }; this.element.trigger('show'); if ($.isFunction(a)) { a() } }, this)); return this }, hide: function (a) { if (this.hidden) { return this }; if (this.transition) { this.transition.stop() }; if (this.shim) { this.shim.css('display', 'none') }; this.hidden = true; this.transition = this.element.fadeTo(this.options.closeDuration, 0, $.proxy(function () { this.element.trigger('hide'); if ($.isFunction(a)) { a() }; this.element.css({ 'height': 0, 'width': 0, 'display': 'none' }) }, this)); return this } }, create: function (a) { this.options = $.extend(true, this.defaults, a); var b = this.options.name; var c = $('<div class="' + b + ' ' + b + '-mode-image"><div class="' + b + '-border-top-left"></div><div class="' + b + '-border-top-middle"></div><div class="' + b + '-border-top-right"></div><a class="' + b + '-button-close" href="#close"><span>Close</span></a><div class="' + b + '-navigator"><a class="' + b + '-button-left" href="#"><span>Previous</span></a><a class="' + b + '-button-right" href="#"><span>Next</span></a></div><div class="' + b + '-buttons"><div class="' + b + '-buttons-init"></div><a class="' + b + '-button-left" href="#"><span>Previous</span></a><a class="' + b + '-button-max" href="#"><span>Maximize</span></a><div class="' + b + '-buttons-custom"></div><a class="' + b + '-button-right" href="#"><span>Next</span></a><div class="' + b + '-buttons-end"></div></div><div class="' + b + '-background"></div><div class="' + b + '-html"></div><div class="' + b + '-border-bottom-left"></div><div class="' + b + '-border-bottom-middle"></div><div class="' + b + '-border-bottom-right"></div></div>'); var e = this.esqueleto; this.overlay.create({ name: b, style: this.options.overlay, modal: this.options.modal, zIndex: this.options.style.zIndex - 1, callback: this.proxy(this.close), showDuration: (E ? this.options.animation.show.duration / 2 : this.options.animation.show.duration), closeDuration: (E ? this.options.animation.close.duration / 2 : this.options.animation.close.duration) }); e.lightbox = c; e.navigator = $('.' + b + '-navigator', c); e.buttons.div = $('.' + b + '-buttons', c); e.buttons.close = $('.' + b + '-button-close', c); e.buttons.prev = $('.' + b + '-button-left', c); e.buttons.max = $('.' + b + '-button-max', c); e.buttons.next = $('.' + b + '-button-right', c); e.buttons.custom = $('.' + b + '-buttons-custom', c); e.background = $('.' + b + '-background', c); e.html = $('.' + b + '-html', c); e.move = $('<div class="' + b + '-move"></div>').css({ 'position': 'absolute', 'z-index': this.options.style.zIndex, 'top': -999 }).append(c); $('body').append(e.move); this.win = $(A); this.addevents(); return c }, addevents: function () { var a = this.win; a[0].onorientationchange = function () { if (this.visible) { this.overlay.resize(); if (this.move && !this.maximized) { this.movebox() } } }; a.bind('resize', this.proxy(function () { if (this.visible && !E) { this.overlay.resize(); if (this.move && !this.maximized) { this.movebox() } } })); a.bind('scroll', this.proxy(function () { if (this.visible && this.move && !this.maximized && !E) { this.movebox() } })); $(B).bind('keydown', this.proxy(function (e) { if (this.visible) { if (e.keyCode === 27 && this.options.modal === false) { this.close() } if (this.gallery.total > 1) { if (e.keyCode === 37) { this.esqueleto.buttons.prev.triggerHandler('click', e) } if (e.keyCode === 39) { this.esqueleto.buttons.next.triggerHandler('click', e) } } } })); this.esqueleto.buttons.close.bind('click touchend', { "fn": "close" }, this.proxy(this.fn)); this.esqueleto.buttons.max.bind('click touchend', { "fn": "maximinimize" }, this.proxy(this.fn)); this.overlay.element.bind('show', this.proxy(function () { $(this).triggerHandler('show') })); this.overlay.element.bind('hide', this.proxy(function () { $(this).triggerHandler('close') })) }, fn: function (e) { this[e.data.fn].apply(this); e.preventDefault() }, proxy: function (a) { return $.proxy(a, this) }, ex: function (f, g, h) { var j = { type: "", width: "", height: "", href: "" }; $.each(f, this.proxy(function (c, d) { $.each(d, this.proxy(function (i, e) { if ((c == "flash" && g.split('?')[0].match(e.reg)) || (c == "iframe" && g.match(e.reg))) { j.href = g; if (e.split) { var a = c == "flash" ? g.split(e.split)[e.index].split('?')[0].split('&')[0] : g.split(e.split)[e.index]; j.href = e.url.replace("%id%", a).replace("%width%", h.width).replace("%height%", h.height) } j.type = e.iframe ? "iframe" : c; if (h.width) { j.width = h.width; j.height = h.height } else { var b = this.calculate(this.options[j.type].width, this.options[j.type].height); j.width = b.width; j.height = b.height } return false } })); if (!!j.type) return false })); return j }, create_gallery: function (a, b) { var c = this; var d = c.esqueleto.buttons.prev; var f = c.esqueleto.buttons.next; c.gallery.total = a.length; if (a.length > 1) { d.unbind('.lightbox'); f.unbind('.lightbox'); d.bind('click.lightbox touchend.lightbox', function (e) { e.preventDefault(); a.unshift(a.pop()); c.show(a) }); f.bind('click.lightbox touchend.lightbox', function (e) { e.preventDefault(); a.push(a.shift()); c.show(a) }); if (c.esqueleto.navigator.css("display") === "none") { c.esqueleto.buttons.div.show() } d.show(); f.show(); if (this.options.preload) { if (a[1].href.match(this.imgsreg)) { (new Image()).src = a[1].href } if (a[a.length - 1].href.match(this.imgsreg)) { (new Image()).src = a[a.length - 1].href } } } else { d.hide(); f.hide() } }, custombuttons: function (c, d) { var f = this.esqueleto; f.buttons.custom.empty(); $.each(c, this.proxy(function (i, a) { var b = $('<a href="#" class="' + a['class'] + '">' + a['html'] + '</a>'); b.bind('click', this.proxy(function (e) { if ($.isFunction(a.callback)) { a.callback(this.esqueleto.image.src, this, d) } e.preventDefault() })); f.buttons.custom.append(b) })); f.buttons.div.show() }, show: function (d, f, g) { if (this.utils.isEmpty(d)) { return false } var h = d[0]; var i = ''; var j = false; var k = h.href; var l = this.esqueleto; var m = { x: this.win.width(), y: this.win.height() }; var n, height; if (d.length === 1 && h.type === "element") { i = "element" } this.loading(); j = this.visible; this.open(); if (j === false) { this.movebox() } this.create_gallery(d, f); f = $.extend(true, { 'width': 0, 'height': 0, 'modal': 0, 'force': '', 'autoresize': true, 'move': true, 'maximized': false, 'iframe': false, 'flashvars': '', 'cufon': true, 'ratio': 1, 'onOpen': function () { }, 'onClose': function () { } }, f || {}, h); this.options.onOpen = f.onOpen; this.options.onClose = f.onClose; this.options.cufon = f.cufon; var o = this.unserialize(k); f = $.extend({}, f, o); if (f.width && ("" + f.width).indexOf("p") > 0) { f.width = Math.round((m.x - 20) * f.width.substring(0, f.width.indexOf("p")) / 100) } if (f.height && ("" + f.height).indexOf("p") > 0) { f.height = Math.round((m.y - 20) * f.height.substring(0, f.height.indexOf("p")) / 100) } this.overlay.options.modal = f.modal; var p = l.buttons.max; p.removeClass(this.options.name + '-button-min'); p.removeClass(this.options.name + '-button-max'); p.addClass(this.options.name + '-hide'); this.move = !!f.move; this.maximized = !!f.maximized; if ($.isArray(f.buttons)) { this.custombuttons(f.buttons, h.element) } if (l.buttons.custom.is(":empty") === false) { l.buttons.div.show() } if (this.utils.isEmpty(f.force) === false) { i = f.force } else if (f.iframe) { i = 'iframe' } else if (k.match(this.imgsreg)) { i = 'image' } else { var q = this.ex({ "flash": this.videoregs, "iframe": this.mapsreg }, k, f); if (!!q.type === true) { k = q.href; i = q.type; f.width = q.width; f.height = q.height } if (!!i === false) { if (k.match(/#/)) { var r = k.substr(k.indexOf("#")); if ($(r).length > 0) { i = 'inline'; k = r } else { i = 'ajax' } } else { i = 'ajax' } } } if (i === 'image') { l.image = new Image(); $(l.image).load(this.proxy(function () { var a = this.esqueleto.image; $(a).unbind('load'); if (this.visible === false) { return false } if (f.width) { n = parseInt(f.width, 10); height = parseInt(f.height, 10); f.autoresize = false } else { a.width = parseInt(a.width * f.ratio, 10); a.height = parseInt(a.height * f.ratio, 10); if (f.maximized) { n = a.width; height = a.height } else { var b = this.calculate(a.width, a.height); n = b.width; height = b.height } } if (f.autoresize) { if (f.maximized || (!f.maximized && a.width != n && a.height != height)) { l.buttons.div.show(); l.buttons.max.removeClass(this.options.name + '-hide'); l.buttons.max.addClass(this.options.name + (f.maximized ? '-button-min' : '-button-max')) } } l.title = (this.utils.isEmpty(f.title)) ? false : $('<div class="' + this.options.name + '-title"></div>').html(f.title); this.loadimage(); this.resize(n, height) })); this.esqueleto.image.onerror = this.proxy(function () { this.error("The requested image cannot be loaded. Please try again later.") }); this.esqueleto.image.src = k } else if (i == 'jwplayer' && typeof jwplayer !== "undefined") { if (f.width) { n = f.width; height = f.height } else { this.error("You have to specify the size. Add ?lightbox[width]=600&lightbox[height]=400 at the end of the url."); return false } var s = 'DV_' + (new Date().getTime()); var t = '<div id="' + s + '"></div>'; this.appendhtml($(t).css({ width: n, height: height }), n, height); this.esqueleto.background.bind('complete', this.proxy(function () { this.esqueleto.background.unbind('complete'); jwplayer(s).setup($.extend(true, { file: k, autostart: true }, f)); if (this.visible === false) { return false } })) } else if (i == 'flash' || i == 'inline' || i == 'ajax' || i == 'element') { if (i == 'inline') { var u = $(k); var v = f.source == "original" ? u : u.clone(true).show(); n = f.width > 0 ? f.width : u.outerWidth(true); height = f.height > 0 ? f.height : u.outerHeight(true); this.appendhtml(v, n, height) } else if (i == 'ajax') { if (f.width) { n = f.width; height = f.height } else { this.error("You have to specify the size. Add ?lightbox[width]=600&lightbox[height]=400 at the end of the url."); return false } if (this.animations.ajax) { this.animations.ajax.abort() } this.animations.ajax = $.ajax($.extend(true, {}, this.options.ajax, f.ajax || {}, { url: k, error: this.proxy(function (a, b, c) { this.error("AJAX Error " + a.status + " " + c + ". Url: " + k) }), success: this.proxy(function (a) { this.appendhtml($("<div>" + a + "</div>"), n, height) }) })) } else if (i == 'flash') { var w = this.swf2html(k, f.width, f.height, f.flashvars); this.appendhtml($(w), f.width, f.height, 'flash') } else if (i === 'element') { n = f.width > 0 ? f.width : h.element.outerWidth(true); height = f.height > 0 ? f.height : h.element.outerHeight(true); this.appendhtml(h.element, n, height) } } else if (i == 'iframe') { if (f.width) { n = f.width; height = f.height } else { this.error("You have to specify the size. Add ?lightbox[width]=600&lightbox[height]=400&lighbox[iframe]=true at the end of the url."); return false } var t = '<iframe id="IF_' + (new Date().getTime()) + '" frameborder="0" src="' + k + '" style="margin:0; padding:0;"></iframe>'; this.appendhtml($(t).css({ width: n, height: height }), n, height) } this.callback = $.isFunction(g) ? g : function (e) { } }, loadimage: function () { var a = this.esqueleto; var b = a.background; var c = this.options.name + '-loading'; b.bind('complete', this.proxy(function () { b.unbind('complete'); if (this.visible === false) { return false } this.changemode('image'); b.empty(); a.html.empty(); if (a.title) { b.append(a.title) } b.append(a.image); if (!G.opacity) { b.removeClass(c) } else { $(a.image).css("background-color", "rgba(255, 255, 255, 0)"); $(a.image).stop().css("opacity", 0).animate({ "opacity": 1 }, (E ? this.options.animation.show.duration / 2 : this.options.animation.show.duration), function () { b.removeClass(c) }) } this.options.onOpen.apply(this) })) }, swf2html: function (c, d, e, f) { var g = $.extend(true, { classid: "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000", width: d, height: e, movie: c, src: c, style: "margin:0; padding:0;", allowFullScreen: "true", allowscriptaccess: "always", wmode: "transparent", autostart: "true", autoplay: "true", type: "application/x-shockwave-flash", flashvars: "autostart=1&autoplay=1&fullscreenbutton=1" }, f); var h = "<object "; var i = "<embed "; var j = ""; $.each(g, function (a, b) { if (b !== "") { h += a + "=\"" + b + "\" "; i += a + "=\"" + b + "\" "; j += "<param name=\"" + a + "\" value=\"" + b + "\"></param>" } }); var k = h + ">" + j + i + "></embed></object>"; return k }, appendhtml: function (a, b, c, d) { var e = this; var f = e.options; var g = e.esqueleto; var h = g.background; e.changemode("html"); e.resize(b + 30, c + 20); h.bind('complete', function () { h.removeClass(f.name + '-loading'); g.html.append(a); if (d == "flash" && D("chrome") > -1) { g.html.html(a) } h.unbind('complete'); if (f.cufon && typeof Cufon !== 'undefined') { Cufon.refresh() } f.onOpen.apply(this) }) }, movebox: function (w, h) { var a = $(this.win); var b = { x: a.width(), y: a.height() }; var c = { x: a.scrollLeft(), y: a.scrollTop() }; var d = this.esqueleto; var e = w != null ? w : d.lightbox.outerWidth(true); var f = h != null ? h : d.lightbox.outerHeight(true); var y = 0; var x = 0; x = c.x + ((b.x - e) / 2); if (this.visible) { y = c.y + (b.y - f) / 2 } else if (this.options.emergefrom == "bottom") { y = (c.y + b.y + 14) } else if (this.options.emergefrom == "top") { y = (c.y - f) - 14 } else if (this.options.emergefrom == "right") { x = b.x; y = c.y + (b.y - f) / 2 } else if (this.options.emergefrom == "left") { x = -e; y = c.y + (b.y - f) / 2 } if (this.visible) { if (!this.animations.move) { this.morph(d.move, { 'left': parseInt(x, 10) }, 'move') } this.morph(d.move, { 'top': parseInt(y, 10) }, 'move') } else { d.move.css({ 'left': parseInt(x, 10), 'top': parseInt(y, 10) }) } }, morph: function (d, f, g, h, i) { var j = jQuery.fn.jquery.split("."); if (j[0] == 1 && j[1] < 8) { var k = $.speed({ queue: i || false, duration: (E ? this.options.animation[g].duration / 2 : this.options.animation[g].duration), easing: this.options.animation[g].easing, complete: ($.isFunction(h) ? this.proxy(h, this) : null) }); return d[k.queue === false ? "each" : "queue"](function () { if (j[1] > 5) { if (k.queue === false) { $._mark(this) } } var c = $.extend({}, k), self = this; c.curAnim = $.extend({}, f); c.animatedProperties = {}; for (var p in f) { name = p; c.animatedProperties[name] = c.specialEasing && c.specialEasing[name] || c.easing || 'swing' } $.each(f, function (a, b) { var e = new $.fx(self, c, a); e.custom(e.cur(true) || 0, b, "px") }); return true }) } else { d.animate(f, { queue: i || false, duration: (E ? this.options.animation[g].duration / 2 : this.options.animation[g].duration), easing: this.options.animation[g].easing, complete: ($.isFunction(h) ? this.proxy(h, this) : null) }) } }, resize: function (x, y) { var a = this.esqueleto; if (this.visible) { var b = { x: $(this.win).width(), y: $(this.win).height() }; var c = { x: $(this.win).scrollLeft(), y: $(this.win).scrollTop() }; var d = Math.max((c.x + (b.x - (x + 14)) / 2), 0); var e = Math.max((c.y + (b.y - (y + 14)) / 2), 0); this.animations.move = true; this.morph(a.move.stop(), { 'left': (this.maximized && d < 0) ? 0 : d, 'top': (this.maximized && (y + 14) > b.y) ? c.y : e }, 'move', $.proxy(function () { this.move = false }, this.animations)); this.morph(a.html, { 'height': y - 20 }, 'move'); this.morph(a.lightbox.stop(), { 'width': (x + 14), 'height': y - 20 }, 'move', {}, true); this.morph(a.navigator, { 'width': x }, 'move'); this.morph(a.navigator, { 'top': (y - (a.navigator.height())) / 2 }, 'move'); this.morph(a.background.stop(), { 'width': x, 'height': y }, 'move', function () { $(a.background).trigger('complete') }) } else { a.html.css({ 'height': y - 20 }); a.lightbox.css({ 'width': x + 14, 'height': y - 20 }); a.background.css({ 'width': x, 'height': y }); a.navigator.css({ 'width': x }) } }, close: function (a) { var b = this.esqueleto; this.visible = false; this.gallery = {}; this.options.onClose(); var c = b.html.children(".jwplayer"); if (c.length > 0 && typeof jwplayer !== "undefined") { jwplayer(c[0]).remove() } if (F || !G.opacity || E) { b.background.empty(); b.html.find("iframe").attr("src", ""); if (F) { setTimeout(function () { b.html.hide().empty().show() }, 100) } else { b.html.hide().empty().show() } b.buttons.custom.empty(); b.move.css("display", "none"); this.movebox() } else { b.move.animate({ "opacity": 0, "top": "-=40" }, { queue: false, complete: (this.proxy(function () { b.background.empty(); b.html.empty(); b.buttons.custom.empty(); this.movebox(); b.move.css({ "display": "none", "opacity": 1, "overflow": "visible" }) })) }) } this.overlay.hide(this.proxy(function () { if ($.isFunction(this.callback)) { this.callback.apply(this, $.makeArray(a)) } })); b.background.stop(true, false).unbind("complete") }, open: function () { this.visible = true; if (!G.opacity) { this.esqueleto.move.get(0).style.removeAttribute("filter") } this.esqueleto.move.stop().css({ opacity: 1, display: "block", overflow: "visible" }).show(); this.overlay.show() }, shake: function () { var z = this.options.animation.shake; var x = z.distance; var d = z.duration; var t = z.transition; var o = z.loops; var l = this.esqueleto.move.position().left; var e = this.esqueleto.move; for (var i = 0; i < o; i++) { e.animate({ left: l + x }, d, t); e.animate({ left: l - x }, d, t) }; e.animate({ left: l + x }, d, t); e.animate({ left: l }, d, t) }, changemode: function (a) { if (a != this.mode) { var b = this.options.name + "-mode-"; this.esqueleto.lightbox.removeClass(b + this.mode).addClass(b + a); this.mode = a } this.esqueleto.move.css("overflow", "visible") }, error: function (a) { alert(a); this.close() }, unserialize: function (d) { var e = /lightbox\[([^\]]*)?\]$/i; var f = {}; if (d.match(/#/)) { d = d.slice(0, d.indexOf("#")) } d = d.slice(d.indexOf('?') + 1).split("&"); $.each(d, function () { var a = this.split("="); var b = a[0]; var c = a[1]; if (b.match(e)) { if (isFinite(c)) { c = parseFloat(c) } else if (c.toLowerCase() == "true") { c = true } else if (c.toLowerCase() == "false") { c = false } f[b.match(e)[1]] = c } }); return f }, calculate: function (x, y) { var a = this.options.maxsize.width > 0 ? this.options.maxsize.width : this.win.width() - 50; var b = this.options.maxsize.height > 0 ? this.options.maxsize.height : this.win.height() - 50; if (x > a) { y = y * (a / x); x = a; if (y > b) { x = x * (b / y); y = b } } else if (y > b) { x = x * (b / y); y = b; if (x > a) { y = y * (a / x); x = a } } return { width: parseInt(x, 10), height: parseInt(y, 10) } }, loading: function () { var a = this.options.style; var b = this.esqueleto; var c = b.background; this.changemode('image'); c.children().stop(true); c.empty(); b.html.empty(); b.buttons.div.hide(); b.buttons.div.css("width"); c.addClass(this.options.name + '-loading'); if (this.visible == false) { this.movebox(a["width"], a["height"]); this.resize(a["width"], a["height"]) } }, maximinimize: function () { var a = this; var b = a.esqueleto.buttons; var c = a.esqueleto.image; var d = a.options.name; var e = {}; b.max.removeClass(d + '-button-min ' + d + '-button-max').addClass((a.maximized) ? d + '-button-max' : d + '-button-min'); a.loading(); a.loadimage(); b.div.show(); if (a.maximized) { e = a.calculate(c.width, c.height) } else { e = c } a.resize(e.width, e.height); a.maximized = !a.maximized }, getOptions: function (a) { var a = $(a); return $.extend({}, { href: a.attr("href"), rel: ($.trim(a.attr("data-rel") || a.attr("rel"))), relent: a.attr("data-rel") ? "data-rel" : "rel", title: $.trim(a.attr("data-title") || a.attr("title")), element: a[0] }, ($.parseJSON((a.attr("data-options") || "{}").replace(/\'/g, '"')) || {})) }, link: function (b, c) { var d = $(c.element); var e = this.getOptions(d); var f = e.rel; var g = e.relent; var h = c.options; var j = []; d.blur(); if (c.gallery) { j = c.gallery } else if (this.utils.isEmpty(f) || f === 'nofollow') { j = [e] } else { var k = []; var l = []; var m = false; $("a[" + g + "], area[" + g + "]", this.ownerDocument).filter("[" + g + "=\"" + f + "\"]").each($.proxy(function (i, a) { if (d[0] === a) { k.unshift(this.getOptions(a)); m = true } else if (m == false) { l.push(this.getOptions(a)) } else { k.push(this.getOptions(a)) } }, this)); j = k.concat(l) } $.lightbox(j, h, c.callback, d); return false }, utils: { isEmpty: function (a) { if (a == null) return true; if (Object.prototype.toString.call(a) === '[object String]' || $.type(a) === "array") return a.length === 0 } } }, lightbox: function (a, b, c) { var d = []; if ($.LightBoxObject.utils.isEmpty(a)) { return $.LightBoxObject } if ($.type(a) === "string") { d = [$.extend({}, { href: a }, b)] } else if ($.type(a) === "array") { var e = a[0]; if ($.type(e) === "string") { for (var i = 0; i < a.length; i++) { d[i] = $.extend({}, { href: a[i] }, b) } } else if ($.type(e) === "object") { for (var i = 0; i < a.length; i++) { d[i] = $.extend({}, b, a[i]) } } } else if ($.type(a) === "object" && a[0].nodeType) { d = [$.extend({}, { type: "element", href: "#", element: a }, b)] } return $.LightBoxObject.show(d, b, c) } }); $.fn.lightbox = function (a, b) { var c = { "selector": this.selector, "options": a, "callback": b }; return $(this).live('click', function (e) { e.preventDefault(); e.stopImmediatePropagation(); return $.proxy($.LightBoxObject.link, $.LightBoxObject)(e, $.extend({}, c, { "element": this })) }) }; $(function () { var a = jQuery.fn.jquery.split("."); if (a[0] > 1 || (a[0] == 1 && a[1] > 3)) { $.LightBoxObject.create() } else { throw "The jQuery version that was loaded is too old. Lightbox Evolution requires jQuery 1.4+"; } }) })(jQuery, window, document);

frontend/js/landing.js

@@ -0,0 +1 @@
+jQuery.extend(jQuery.easing, { def: 'easeOutQuad', easeInOutExpo: function (x, t, b, c, d) { if (t == 0) return b; if (t == d) return b + c; if ((t /= d / 2) < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b; return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b; } }); !function ($) { $(function () { $('[data-ride="animated"]').addClass('invisible'); $('[data-ride="animated"]').appear(); $('[data-ride="animated"]').on('appear', function () { var $el = $(this), $ani = ($el.data('animation') || 'fadeIn'), $delay; if (!$el.hasClass('animated')) { $delay = $el.data('delay') || 0; setTimeout(function () { $el.removeClass('invisible').addClass($ani + " animated"); }, $delay); } }); $(document).on('click.app', '[data-ride="scroll"]', function (e) { e.preventDefault(); var $target = this.hash; $('html, body').stop().animate({ 'scrollTop': $($target).offset().top - 80 }, 1000, 'easeInOutExpo', function () { window.location.hash = $target; }); }); }); }(window.jQuery);

helper_functions.py

@@ -0,0 +1,162 @@
+import torch
+import pickle
+from transformers import BertTokenizer, BertForSequenceClassification
+from transformers import BatchEncoding, PreTrainedTokenizerBase
+from typing import Optional
+from torch import Tensor
+
+# Charger le modèle
+model = BertForSequenceClassification.from_pretrained(r"bertModel-20240428T144909Z-001\bertModel\saved_model")
+
+# Charger le tokenizer
+tokenizer = BertTokenizer.from_pretrained(r"bertModel-20240428T144909Z-001\bertModel\saved_tokenizer")
+
+# Charger le label encoder
+with open(r"bertModel-20240428T144909Z-001\bertModel\label_encoder.pkl", "rb") as f:
+    label_encoder = pickle.load(f)
+
+class_labels = {
+    7: ('Databases', 'info' ,'#4f9ef8'),
+    1: ('Computation_and_Language', 'danger', '#d6293e'),
+    9: ('Hardware_Architecture', 'warning' , '#f7c32e'),
+    8: ('General_Literature', 'success' , '#0cbc87'),
+    6: ('Cryptography_and_Security', 'primary', '#0f6fec'),
+    5: ('Computers_and_Society', 'yellow', '#ffc107'),
+    3: ('Computational_Engineering', 'purple' , '#6f42c1'),
+    0: ('Artificial_Intelligence', 'cyan', '#0dcaf0'),
+    2: ('Computational_Complexity', 'pink', '#d63384'),
+    4: ('Computational_Geometry', 'orange', '#fd7e14')
+}
+
+
+
+def predict_class(text):
+    # Tokenisation du texte
+    inputs = transform_list_of_texts(text, tokenizer, 510, 510, 1, 2550)
+    # Extraire le tenseur de la liste
+    input_ids_tensor = inputs["input_ids"][0]
+    attention_mask_tensor = inputs["attention_mask"][0]
+    # Passage du texte à travers le modèle
+    with torch.no_grad():
+        outputs = model(input_ids=input_ids_tensor, attention_mask=attention_mask_tensor)
+
+    # Application de la fonction softmax
+    probabilities = torch.softmax(outputs.logits, dim=1)[0]
+
+    # Identification de la classe majoritaire
+    predicted_class_index = torch.argmax(probabilities).item()
+    predicted_class = class_labels[predicted_class_index]
+
+    # Créer un dictionnaire de pourcentages trié par probabilité
+    sorted_percentages = {class_labels[idx]: probabilities[idx].item() * 100 for idx in range(len(class_labels))}
+    sorted_percentages = dict(sorted(sorted_percentages.items(), key=lambda item: item[1], reverse=True))
+
+    return predicted_class, sorted_percentages
+
+def transform_list_of_texts(
+    texts: list[str],
+    tokenizer: PreTrainedTokenizerBase,
+    chunk_size: int,
+    stride: int,
+    minimal_chunk_length: int,
+    maximal_text_length: Optional[int] = None,
+) -> BatchEncoding:
+    model_inputs = [
+        transform_single_text(text, tokenizer, chunk_size, stride, minimal_chunk_length, maximal_text_length)
+        for text in texts
+    ]
+    input_ids = [model_input[0] for model_input in model_inputs]
+    attention_mask = [model_input[1] for model_input in model_inputs]
+    tokens = {"input_ids": input_ids, "attention_mask": attention_mask}
+    return BatchEncoding(tokens)
+
+
+def transform_single_text(
+    text: str,
+    tokenizer: PreTrainedTokenizerBase,
+    chunk_size: int,
+    stride: int,
+    minimal_chunk_length: int,
+    maximal_text_length: Optional[int],
+) -> tuple[Tensor, Tensor]:
+    """Transforms (the entire) text to model input of BERT model."""
+    if maximal_text_length:
+        tokens = tokenize_text_with_truncation(text, tokenizer, maximal_text_length)
+    else:
+        tokens = tokenize_whole_text(text, tokenizer)
+    input_id_chunks, mask_chunks = split_tokens_into_smaller_chunks(tokens, chunk_size, stride, minimal_chunk_length)
+    add_special_tokens_at_beginning_and_end(input_id_chunks, mask_chunks)
+    add_padding_tokens(input_id_chunks, mask_chunks)
+    input_ids, attention_mask = stack_tokens_from_all_chunks(input_id_chunks, mask_chunks)
+    return input_ids, attention_mask
+
+
+def tokenize_whole_text(text: str, tokenizer: PreTrainedTokenizerBase) -> BatchEncoding:
+    """Tokenizes the entire text without truncation and without special tokens."""
+    tokens = tokenizer(text, add_special_tokens=False, truncation=False, return_tensors="pt")
+    return tokens
+
+
+def tokenize_text_with_truncation(
+    text: str, tokenizer: PreTrainedTokenizerBase, maximal_text_length: int
+) -> BatchEncoding:
+    """Tokenizes the text with truncation to maximal_text_length and without special tokens."""
+    tokens = tokenizer(
+        text, add_special_tokens=False, max_length=maximal_text_length, truncation=True, return_tensors="pt"
+    )
+    return tokens
+
+
+def split_tokens_into_smaller_chunks(
+    tokens: BatchEncoding,
+    chunk_size: int,
+    stride: int,
+    minimal_chunk_length: int,
+) -> tuple[list[Tensor], list[Tensor]]:
+    """Splits tokens into overlapping chunks with given size and stride."""
+    input_id_chunks = split_overlapping(tokens["input_ids"][0], chunk_size, stride, minimal_chunk_length)
+    mask_chunks = split_overlapping(tokens["attention_mask"][0], chunk_size, stride, minimal_chunk_length)
+    return input_id_chunks, mask_chunks
+
+
+def add_special_tokens_at_beginning_and_end(input_id_chunks: list[Tensor], mask_chunks: list[Tensor]) -> None:
+    """
+    Adds special CLS token (token id = 101) at the beginning.
+    Adds SEP token (token id = 102) at the end of each chunk.
+    Adds corresponding attention masks equal to 1 (attention mask is boolean).
+    """
+    for i in range(len(input_id_chunks)):
+        # adding CLS (token id 101) and SEP (token id 102) tokens
+        input_id_chunks[i] = torch.cat([Tensor([101]), input_id_chunks[i], Tensor([102])])
+        # adding attention masks  corresponding to special tokens
+        mask_chunks[i] = torch.cat([Tensor([1]), mask_chunks[i], Tensor([1])])
+
+
+def add_padding_tokens(input_id_chunks: list[Tensor], mask_chunks: list[Tensor]) -> None:
+    """Adds padding tokens (token id = 0) at the end to make sure that all chunks have exactly 512 tokens."""
+    for i in range(len(input_id_chunks)):
+        # get required padding length
+        pad_len = 512 - input_id_chunks[i].shape[0]
+        # check if tensor length satisfies required chunk size
+        if pad_len > 0:
+            # if padding length is more than 0, we must add padding
+            input_id_chunks[i] = torch.cat([input_id_chunks[i], Tensor([0] * pad_len)])
+            mask_chunks[i] = torch.cat([mask_chunks[i], Tensor([0] * pad_len)])
+
+
+def stack_tokens_from_all_chunks(input_id_chunks: list[Tensor], mask_chunks: list[Tensor]) -> tuple[Tensor, Tensor]:
+    """Reshapes data to a form compatible with BERT model input."""
+    input_ids = torch.stack(input_id_chunks)
+    attention_mask = torch.stack(mask_chunks)
+
+    return input_ids.long(), attention_mask.int()
+
+
+def split_overlapping(tensor: Tensor, chunk_size: int, stride: int, minimal_chunk_length: int) -> list[Tensor]:
+    """Helper function for dividing 1-dimensional tensors into overlapping chunks."""
+    result = [tensor[i : i + chunk_size] for i in range(0, len(tensor), stride)]
+    if len(result) > 1:
+        # ignore chunks with less than minimal_length number of tokens
+        result = [x for x in result if len(x) >= minimal_chunk_length]
+    return result
+

requirements.txt

@@ -0,0 +1,2 @@
+flask
+gunicorn

static/css/OverlayScrollbars.min.css

@@ -0,0 +1,705 @@
+/*!
+ * OverlayScrollbars
+ * https://github.com/KingSora/OverlayScrollbars
+ *
+ * Version: 1.13.0
+ *
+ * Copyright KingSora | Rene Haas.
+ * https://github.com/KingSora
+ *
+ * Released under the MIT license.
+ * Date: 02.08.2020
+ */
+html.os-html,
+html.os-html>.os-host {
+    display: block;
+    overflow: hidden;
+    box-sizing: border-box;
+    height: 100% !important;
+    width: 100% !important;
+    min-width: 100% !important;
+    min-height: 100% !important;
+    margin: 0 !important;
+    position: absolute !important
+}
+
+html.os-html>.os-host>.os-padding {
+    position: absolute
+}
+
+body.os-dragging,
+body.os-dragging * {
+    cursor: default
+}
+
+.os-host,
+.os-host-textarea {
+    position: relative;
+    overflow: visible !important;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+    -webkit-box-pack: start;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+    -ms-flex-line-pack: start;
+    align-content: flex-start;
+    -webkit-box-align: start;
+    -ms-flex-align: start;
+    -ms-grid-row-align: flex-start;
+    align-items: flex-start
+}
+
+.os-host-flexbox {
+    overflow: hidden !important;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex
+}
+
+.os-host-flexbox>.os-size-auto-observer {
+    height: inherit !important
+}
+
+.os-host-flexbox>.os-content-glue {
+    -webkit-box-flex: 1;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    -ms-flex-negative: 0;
+    flex-shrink: 0
+}
+
+.os-host-flexbox>.os-size-auto-observer,
+.os-host-flexbox>.os-content-glue {
+    min-height: 0;
+    min-width: 0;
+    -webkit-box-flex: 0;
+    -ms-flex-positive: 0;
+    flex-grow: 0;
+    -ms-flex-negative: 1;
+    flex-shrink: 1;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto
+}
+
+#os-dummy-scrollbar-size {
+    position: fixed;
+    opacity: 0;
+    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
+    visibility: hidden;
+    overflow: scroll;
+    height: 500px;
+    width: 500px
+}
+
+#os-dummy-scrollbar-size>div {
+    width: 200%;
+    height: 200%;
+    margin: 10px 0
+}
+
+#os-dummy-scrollbar-size:before,
+#os-dummy-scrollbar-size:after,
+.os-content:before,
+.os-content:after {
+    content: '';
+    display: table;
+    width: .01px;
+    height: .01px;
+    line-height: 0;
+    font-size: 0;
+    flex-grow: 0;
+    flex-shrink: 0;
+    visibility: hidden
+}
+
+#os-dummy-scrollbar-size,
+.os-viewport {
+    -ms-overflow-style: scrollbar !important
+}
+
+.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
+.os-viewport-native-scrollbars-invisible.os-viewport {
+    scrollbar-width: none !important
+}
+
+.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
+.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
+.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
+.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
+    display: none !important;
+    width: 0 !important;
+    height: 0 !important;
+    visibility: hidden !important;
+    background: 0 0 !important
+}
+
+.os-content-glue {
+    box-sizing: inherit;
+    max-height: 100%;
+    max-width: 100%;
+    width: 100%;
+    pointer-events: none
+}
+
+.os-padding {
+    box-sizing: inherit;
+    direction: inherit;
+    position: absolute;
+    overflow: visible;
+    padding: 0;
+    margin: 0;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    width: auto !important;
+    height: auto !important;
+    z-index: 0
+}
+
+.os-host-overflow>.os-padding {
+    overflow: hidden
+}
+
+.os-viewport {
+    direction: inherit !important;
+    box-sizing: inherit !important;
+    resize: none !important;
+    outline: 0 !important;
+    position: absolute;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    padding: 0;
+    margin: 0;
+    -webkit-overflow-scrolling: touch
+}
+
+.os-content-arrange {
+    position: absolute;
+    z-index: -1;
+    min-height: 1px;
+    min-width: 1px;
+    pointer-events: none
+}
+
+.os-content {
+    direction: inherit;
+    box-sizing: border-box !important;
+    position: relative;
+    display: block;
+    height: 100%;
+    width: 100%;
+    height: 100%;
+    width: 100%;
+    visibility: visible
+}
+
+.os-content>.os-textarea {
+    box-sizing: border-box !important;
+    direction: inherit !important;
+    background: 0 0 !important;
+    outline: 0 transparent !important;
+    overflow: hidden !important;
+    position: absolute !important;
+    display: block !important;
+    top: 0 !important;
+    left: 0 !important;
+    margin: 0 !important;
+    border-radius: 0 !important;
+    float: none !important;
+    -webkit-filter: none !important;
+    filter: none !important;
+    border: 0 !important;
+    resize: none !important;
+    -webkit-transform: none !important;
+    transform: none !important;
+    max-width: none !important;
+    max-height: none !important;
+    box-shadow: none !important;
+    -webkit-perspective: none !important;
+    perspective: none !important;
+    opacity: 1 !important;
+    z-index: 1 !important;
+    clip: auto !important;
+    vertical-align: baseline !important;
+    padding: 0
+}
+
+.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea {
+    right: 0 !important
+}
+
+.os-content>.os-textarea-cover {
+    z-index: -1;
+    pointer-events: none
+}
+
+.os-content>.os-textarea[wrap=off] {
+    white-space: pre !important;
+    margin: 0 !important
+}
+
+.os-text-inherit {
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    font-style: inherit;
+    font-variant: inherit;
+    text-transform: inherit;
+    text-decoration: inherit;
+    text-indent: inherit;
+    text-align: inherit;
+    text-shadow: inherit;
+    text-overflow: inherit;
+    letter-spacing: inherit;
+    word-spacing: inherit;
+    line-height: inherit;
+    unicode-bidi: inherit;
+    direction: inherit;
+    color: inherit;
+    cursor: text
+}
+
+.os-resize-observer,
+.os-resize-observer-host {
+    box-sizing: inherit;
+    display: block;
+    visibility: hidden;
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    pointer-events: none;
+    z-index: -1
+}
+
+.os-resize-observer-host {
+    padding: inherit;
+    border: inherit;
+    border-color: transparent;
+    border-style: solid;
+    box-sizing: border-box
+}
+
+.os-resize-observer-host.observed {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start
+}
+
+.os-resize-observer-host>.os-resize-observer,
+.os-resize-observer-host.observed>.os-resize-observer {
+    height: 200%;
+    width: 200%;
+    padding: inherit;
+    border: inherit;
+    margin: 0;
+    display: block;
+    box-sizing: content-box
+}
+
+.os-resize-observer-host.observed>.os-resize-observer,
+.os-resize-observer-host.observed>.os-resize-observer:before {
+    display: flex;
+    position: relative;
+    flex-grow: 1;
+    flex-shrink: 0;
+    flex-basis: auto;
+    box-sizing: border-box
+}
+
+.os-resize-observer-host.observed>.os-resize-observer:before {
+    content: '';
+    box-sizing: content-box;
+    padding: inherit;
+    border: inherit;
+    margin: 0
+}
+
+.os-size-auto-observer {
+    box-sizing: inherit !important;
+    height: 100%;
+    width: inherit;
+    max-width: 1px;
+    position: relative;
+    float: left;
+    max-height: 1px;
+    overflow: hidden;
+    z-index: -1;
+    padding: 0;
+    margin: 0;
+    pointer-events: none;
+    -webkit-box-flex: inherit;
+    -ms-flex-positive: inherit;
+    flex-grow: inherit;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0
+}
+
+.os-size-auto-observer>.os-resize-observer {
+    width: 1000%;
+    height: 1000%;
+    min-height: 1px;
+    min-width: 1px
+}
+
+.os-resize-observer-item {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    overflow: hidden;
+    z-index: -1;
+    opacity: 0;
+    direction: ltr !important;
+    -webkit-box-flex: 0 !important;
+    -ms-flex: none !important;
+    flex: none !important
+}
+
+.os-resize-observer-item-final {
+    position: absolute;
+    left: 0;
+    top: 0;
+    -webkit-transition: none !important;
+    transition: none !important;
+    -webkit-box-flex: 0 !important;
+    -ms-flex: none !important;
+    flex: none !important
+}
+
+.os-resize-observer {
+    -webkit-animation-duration: .001s;
+    animation-duration: .001s;
+    -webkit-animation-name: os-resize-observer-dummy-animation;
+    animation-name: os-resize-observer-dummy-animation
+}
+
+object.os-resize-observer {
+    box-sizing: border-box !important
+}
+
+@-webkit-keyframes os-resize-observer-dummy-animation {
+    0% {
+        z-index: 0
+    }
+
+    to {
+        z-index: -1
+    }
+}
+
+@keyframes os-resize-observer-dummy-animation {
+    0% {
+        z-index: 0
+    }
+
+    to {
+        z-index: -1
+    }
+}
+
+.os-host-transition>.os-scrollbar,
+.os-host-transition>.os-scrollbar-corner {
+    -webkit-transition: opacity .3s, visibility .3s, top .3s, right .3s, bottom .3s, left .3s;
+    transition: opacity .3s, visibility .3s, top .3s, right .3s, bottom .3s, left .3s
+}
+
+html.os-html>.os-host>.os-scrollbar {
+    position: absolute;
+    z-index: 999999
+}
+
+.os-scrollbar,
+.os-scrollbar-corner {
+    position: absolute;
+    opacity: 1;
+    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
+    z-index: 1
+}
+
+.os-scrollbar-corner {
+    bottom: 0;
+    right: 0
+}
+
+.os-scrollbar {
+    pointer-events: none
+}
+
+.os-scrollbar-track {
+    pointer-events: auto;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    padding: 0 !important;
+    border: 0 !important
+}
+
+.os-scrollbar-handle {
+    pointer-events: auto;
+    position: absolute;
+    width: 100%;
+    height: 100%
+}
+
+.os-scrollbar-handle-off,
+.os-scrollbar-track-off {
+    pointer-events: none
+}
+
+.os-scrollbar.os-scrollbar-unusable,
+.os-scrollbar.os-scrollbar-unusable * {
+    pointer-events: none !important
+}
+
+.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
+    opacity: 0 !important
+}
+
+.os-scrollbar-horizontal {
+    bottom: 0;
+    left: 0
+}
+
+.os-scrollbar-vertical {
+    top: 0;
+    right: 0
+}
+
+.os-host-rtl>.os-scrollbar-horizontal {
+    right: 0
+}
+
+.os-host-rtl>.os-scrollbar-vertical {
+    right: auto;
+    left: 0
+}
+
+.os-host-rtl>.os-scrollbar-corner {
+    right: auto;
+    left: 0
+}
+
+.os-scrollbar-auto-hidden,
+.os-padding+.os-scrollbar-corner,
+.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,
+.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,
+.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,
+.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,
+.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,
+.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,
+.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner {
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none
+}
+
+.os-scrollbar-corner-resize-both {
+    cursor: nwse-resize
+}
+
+.os-host-rtl>.os-scrollbar-corner-resize-both {
+    cursor: nesw-resize
+}
+
+.os-scrollbar-corner-resize-horizontal {
+    cursor: ew-resize
+}
+
+.os-scrollbar-corner-resize-vertical {
+    cursor: ns-resize
+}
+
+.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
+    cursor: default
+}
+
+.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
+    top: 0;
+    bottom: 0
+}
+
+.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,
+.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal {
+    right: 0;
+    left: 0
+}
+
+.os-scrollbar:hover,
+.os-scrollbar-corner.os-scrollbar-corner-resize {
+    opacity: 1 !important;
+    visibility: visible !important
+}
+
+.os-scrollbar-corner.os-scrollbar-corner-resize {
+    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
+    background-repeat: no-repeat;
+    background-position: 100% 100%;
+    pointer-events: auto !important
+}
+
+.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize {
+    -webkit-transform: scale(-1, 1);
+    transform: scale(-1, 1)
+}
+
+.os-host-overflow {
+    overflow: hidden !important
+}
+
+.os-theme-none>.os-scrollbar-horizontal,
+.os-theme-none>.os-scrollbar-vertical,
+.os-theme-none>.os-scrollbar-corner {
+    display: none !important
+}
+
+.os-theme-none>.os-scrollbar-corner-resize {
+    display: block !important;
+    min-width: 10px;
+    min-height: 10px
+}
+
+.os-theme-dark>.os-scrollbar-horizontal,
+.os-theme-light>.os-scrollbar-horizontal {
+    right: 10px;
+    height: 10px
+}
+
+.os-theme-dark>.os-scrollbar-vertical,
+.os-theme-light>.os-scrollbar-vertical {
+    bottom: 10px;
+    width: 10px
+}
+
+.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,
+.os-theme-light.os-host-rtl>.os-scrollbar-horizontal {
+    left: 10px;
+    right: 0
+}
+
+.os-theme-dark>.os-scrollbar-corner,
+.os-theme-light>.os-scrollbar-corner {
+    height: 10px;
+    width: 10px
+}
+
+.os-theme-dark>.os-scrollbar-corner,
+.os-theme-light>.os-scrollbar-corner {
+    background-color: transparent
+}
+
+.os-theme-dark>.os-scrollbar,
+.os-theme-light>.os-scrollbar {
+    padding: 2px;
+    box-sizing: border-box;
+    background: 0 0
+}
+
+.os-theme-dark>.os-scrollbar.os-scrollbar-unusable,
+.os-theme-light>.os-scrollbar.os-scrollbar-unusable {
+    background: 0 0
+}
+
+.os-theme-dark>.os-scrollbar>.os-scrollbar-track,
+.os-theme-light>.os-scrollbar>.os-scrollbar-track {
+    background: 0 0
+}
+
+.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,
+.os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle {
+    min-width: 30px
+}
+
+.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,
+.os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle {
+    min-height: 30px
+}
+
+.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
+.os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
+    -webkit-transition: background-color .3s;
+    transition: background-color .3s
+}
+
+.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
+.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
+.os-theme-dark>.os-scrollbar>.os-scrollbar-track,
+.os-theme-light>.os-scrollbar>.os-scrollbar-track {
+    border-radius: 10px
+}
+
+.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
+    background: rgba(0, 0, 0, .4)
+}
+
+.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
+    background: rgba(255, 255, 255, .4)
+}
+
+.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
+    background: rgba(0, 0, 0, .55)
+}
+
+.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
+    background: rgba(255, 255, 255, .55)
+}
+
+.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
+    background: rgba(0, 0, 0, .7)
+}
+
+.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
+    background: rgba(255, 255, 255, .7)
+}
+
+.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,
+.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
+.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,
+.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
+    content: '';
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    display: block
+}
+
+.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,
+.os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,
+.os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,
+.os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before {
+    display: none
+}
+
+.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,
+.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before {
+    top: -6px;
+    bottom: -2px
+}
+
+.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
+.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
+    left: -6px;
+    right: -2px
+}
+
+.os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
+.os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
+    right: -6px;
+    left: -2px
+}

static/css/choices.min.css

@@ -0,0 +1,366 @@
+.choices {
+    position: relative;
+    margin-bottom: 24px;
+    font-size: 16px
+}
+
+.choices:focus {
+    outline: 0
+}
+
+.choices:last-child {
+    margin-bottom: 0
+}
+
+.choices.is-disabled .choices__inner,
+.choices.is-disabled .choices__input {
+    background-color: #eaeaea;
+    cursor: not-allowed;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none
+}
+
+.choices.is-disabled .choices__item {
+    cursor: not-allowed
+}
+
+.choices [hidden] {
+    display: none !important
+}
+
+.choices[data-type*=select-one] {
+    cursor: pointer
+}
+
+.choices[data-type*=select-one] .choices__inner {
+    padding-bottom: 7.5px
+}
+
+.choices[data-type*=select-one] .choices__input {
+    display: block;
+    width: 100%;
+    padding: 10px;
+    border-bottom: 1px solid #ddd;
+    background-color: #fff;
+    margin: 0
+}
+
+.choices[data-type*=select-one] .choices__button {
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
+    padding: 0;
+    background-size: 8px;
+    position: absolute;
+    top: 50%;
+    right: 0;
+    margin-top: -10px;
+    margin-right: 25px;
+    height: 20px;
+    width: 20px;
+    border-radius: 10em;
+    opacity: .5
+}
+
+.choices[data-type*=select-one] .choices__button:focus,
+.choices[data-type*=select-one] .choices__button:hover {
+    opacity: 1
+}
+
+.choices[data-type*=select-one] .choices__button:focus {
+    box-shadow: 0 0 0 2px #fb8c00
+}
+
+.choices[data-type*=select-one] .choices__item[data-value=''] .choices__button {
+    display: none
+}
+
+.choices[data-type*=select-one]:after {
+    content: '';
+    height: 0;
+    width: 0;
+    border-style: solid;
+    border-color: #333 transparent transparent;
+    border-width: 5px;
+    position: absolute;
+    right: 11.5px;
+    top: 50%;
+    margin-top: -2.5px;
+    pointer-events: none
+}
+
+.choices[data-type*=select-one].is-open:after {
+    border-color: transparent transparent #333;
+    margin-top: -7.5px
+}
+
+.choices[data-type*=select-one][dir=rtl]:after {
+    left: 11.5px;
+    right: auto
+}
+
+.choices[data-type*=select-one][dir=rtl] .choices__button {
+    right: auto;
+    left: 0;
+    margin-left: 25px;
+    margin-right: 0
+}
+
+.choices[data-type*=select-multiple] .choices__inner,
+.choices[data-type*=text] .choices__inner {
+    cursor: text
+}
+
+.choices[data-type*=select-multiple] .choices__button,
+.choices[data-type*=text] .choices__button {
+    position: relative;
+    display: inline-block;
+    margin: 0 -4px 0 8px;
+    padding-left: 16px;
+    border-left: 1px solid #fb8c00;
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
+    background-size: 8px;
+    width: 8px;
+    line-height: 1;
+    opacity: .75;
+    border-radius: 0
+}
+
+.choices[data-type*=select-multiple] .choices__button:focus,
+.choices[data-type*=select-multiple] .choices__button:hover,
+.choices[data-type*=text] .choices__button:focus,
+.choices[data-type*=text] .choices__button:hover {
+    opacity: 1
+}
+
+.choices__inner {
+    display: inline-block;
+    vertical-align: top;
+    width: 100%;
+    background-color: #f9f9f9;
+    padding: 7.5px 7.5px 3.75px;
+    border: 1px solid #ddd;
+    border-radius: 2.5px;
+    font-size: 14px;
+    min-height: 44px;
+    overflow: hidden
+}
+
+.is-focused .choices__inner,
+.is-open .choices__inner {
+    border-color: #b7b7b7
+}
+
+.is-open .choices__inner {
+    border-radius: 2.5px 2.5px 0 0
+}
+
+.is-flipped.is-open .choices__inner {
+    border-radius: 0 0 2.5px 2.5px
+}
+
+.choices__list {
+    margin: 0;
+    padding-left: 0;
+    list-style: none
+}
+
+.choices__list--single {
+    display: inline-block;
+    padding: 4px 16px 4px 4px;
+    width: 100%
+}
+
+[dir=rtl] .choices__list--single {
+    padding-right: 4px;
+    padding-left: 16px
+}
+
+.choices__list--single .choices__item {
+    width: 100%
+}
+
+.choices__list--multiple {
+    display: inline
+}
+
+.choices__list--multiple .choices__item {
+    display: inline-block;
+    vertical-align: middle;
+    border-radius: 20px;
+    padding: 4px 10px;
+    font-size: 12px;
+    font-weight: 500;
+    margin-right: 3.75px;
+    margin-bottom: 3.75px;
+    background-color: #fb8c00;
+    border: 1px solid #fb8c00;
+    color: #fff;
+    word-break: break-all;
+    box-sizing: border-box
+}
+
+.choices__list--multiple .choices__item[data-deletable] {
+    padding-right: 5px
+}
+
+[dir=rtl] .choices__list--multiple .choices__item {
+    margin-right: 0;
+    margin-left: 3.75px
+}
+
+.choices__list--multiple .choices__item.is-highlighted {
+    background-color: #fb8c00;
+    border: 1px solid #fb8c00
+}
+
+.is-disabled .choices__list--multiple .choices__item {
+    background-color: #aaa;
+    border: 1px solid #919191
+}
+
+.choices__list--dropdown {
+    visibility: hidden;
+    z-index: 1;
+    position: absolute;
+    width: 100%;
+    background-color: #fff;
+    border: 1px solid #ddd;
+    top: 100%;
+    margin-top: -1px;
+    border-bottom-left-radius: 2.5px;
+    border-bottom-right-radius: 2.5px;
+    overflow: hidden;
+    word-break: break-all;
+    will-change: visibility
+}
+
+.choices__list--dropdown.is-active {
+    visibility: visible
+}
+
+.is-open .choices__list--dropdown {
+    border-color: #b7b7b7
+}
+
+.is-flipped .choices__list--dropdown {
+    top: auto;
+    bottom: 100%;
+    margin-top: 0;
+    margin-bottom: -1px;
+    border-radius: .25rem .25rem 0 0
+}
+
+.choices__list--dropdown .choices__list {
+    position: relative;
+    max-height: 300px;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    will-change: scroll-position
+}
+
+.choices__list--dropdown .choices__item {
+    position: relative;
+    padding: 10px;
+    font-size: 14px
+}
+
+[dir=rtl] .choices__list--dropdown .choices__item {
+    text-align: right
+}
+
+@media (min-width:640px) {
+    .choices__list--dropdown .choices__item--selectable {
+        padding-right: 100px
+    }
+
+    .choices__list--dropdown .choices__item--selectable:after {
+        content: attr(data-select-text);
+        font-size: 12px;
+        opacity: 0;
+        position: absolute;
+        right: 10px;
+        top: 50%;
+        transform: translateY(-50%)
+    }
+
+    [dir=rtl] .choices__list--dropdown .choices__item--selectable {
+        text-align: right;
+        padding-left: 100px;
+        padding-right: 10px
+    }
+
+    [dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
+        right: auto;
+        left: 10px
+    }
+}
+
+.choices__list--dropdown .choices__item--selectable.is-highlighted {
+    background-color: #f2f2f2
+}
+
+.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
+    opacity: .5
+}
+
+.choices__item {
+    cursor: default
+}
+
+.choices__item--selectable {
+    cursor: pointer
+}
+
+.choices__item--disabled {
+    cursor: not-allowed;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    opacity: .5
+}
+
+.choices__heading {
+    font-weight: 600;
+    font-size: 12px;
+    padding: 10px;
+    border-bottom: 1px solid #f7f7f7;
+    color: gray
+}
+
+.choices__button {
+    text-indent: -9999px;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    border: 0;
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-position: center;
+    cursor: pointer
+}
+
+.choices__button:focus,
+.choices__input:focus {
+    outline: 0
+}
+
+.choices__input {
+    display: inline-block;
+    vertical-align: baseline;
+    background-color: #f9f9f9;
+    font-size: 14px;
+    margin-bottom: 5px;
+    border: 0;
+    border-radius: 0;
+    max-width: 100%;
+    padding: 4px 0 4px 2px
+}
+
+[dir=rtl] .choices__input {
+    padding-right: 2px;
+    padding-left: 0
+}
+
+.choices__placeholder {
+    opacity: .5
+}

static/css/fileinput.css

@@ -0,0 +1,686 @@
+/*!
+ * bootstrap-fileinput v5.5.3
+ * http://plugins.krajee.com/file-input
+ *
+ * Krajee default styling for bootstrap-fileinput.
+ *
+ * Author: Kartik Visweswaran
+ * Copyright: 2014 - 2022, Kartik Visweswaran, Krajee.com
+ *
+ * Licensed under the BSD-3-Clause
+ * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
+ */
+
+.file-loading input[type=file],
+input[type=file].file-loading {
+    width: 0;
+    height: 0;
+}
+
+.file-no-browse {
+    position: absolute;
+    left: 50%;
+    bottom: 20%;
+    width: 1px;
+    height: 1px;
+    font-size: 0;
+    opacity: 0;
+    border: none;
+    background: none;
+    outline: none;
+    box-shadow: none;
+}
+
+.kv-hidden,
+.file-caption-icon,
+.file-zoom-dialog .modal-header:before,
+.file-zoom-dialog .modal-header:after,
+.file-input-new .file-preview,
+.file-input-new .close,
+.file-input-new .glyphicon-file,
+.file-input-new .fileinput-remove-button,
+.file-input-new .fileinput-upload-button,
+.file-input-new .no-browse .input-group-btn,
+.file-input-ajax-new .fileinput-remove-button,
+.file-input-ajax-new .fileinput-upload-button,
+.file-input-ajax-new .no-browse .input-group-btn,
+.hide-content .kv-file-content,
+.is-locked .fileinput-upload-button,
+.is-locked .fileinput-remove-button {
+    display: none;
+}
+
+.file-caption .input-group {
+    align-items: center;
+}
+
+.btn-file input[type=file],
+.file-caption-icon,
+.file-preview .fileinput-remove,
+.krajee-default .file-thumb-progress,
+.file-zoom-dialog .btn-navigate,
+.file-zoom-dialog .floating-buttons {
+    position: absolute;
+}
+
+.file-caption-icon .kv-caption-icon {
+    line-height: inherit;
+}
+
+.file-input,
+.file-loading:before,
+.btn-file,
+.file-caption,
+.file-preview,
+.krajee-default.file-preview-frame,
+.krajee-default .file-thumbnail-footer,
+.file-zoom-dialog .modal-dialog {
+    position: relative;
+}
+
+.file-error-message pre,
+.file-error-message ul,
+.krajee-default .file-actions,
+.krajee-default .file-other-error {
+    text-align: left;
+}
+
+.file-error-message pre,
+.file-error-message ul {
+    margin: 0;
+}
+
+.krajee-default .file-drag-handle,
+.krajee-default .file-upload-indicator {
+    float: left;
+    margin-top: 10px;
+    width: 16px;
+    height: 16px;
+}
+
+.file-thumb-progress .progress,
+.file-thumb-progress .progress-bar {
+    font-family: Verdana, Helvetica, sans-serif;
+    font-size: 0.7rem;
+}
+
+.krajee-default .file-thumb-progress .progress,
+.kv-upload-progress .progress {
+    background-color: #ccc;
+}
+
+.krajee-default .file-caption-info,
+.krajee-default .file-size-info {
+    display: block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 160px;
+    height: 15px;
+    margin: auto;
+}
+
+.file-zoom-content > .file-object.type-video,
+.file-zoom-content > .file-object.type-flash,
+.file-zoom-content > .file-object.type-image {
+    max-width: 100%;
+    max-height: 100%;
+    width: auto;
+}
+
+.file-zoom-content > .file-object.type-video,
+.file-zoom-content > .file-object.type-flash {
+    height: 100%;
+}
+
+.file-zoom-content > .file-object.type-pdf,
+.file-zoom-content > .file-object.type-html,
+.file-zoom-content > .file-object.type-text,
+.file-zoom-content > .file-object.type-default {
+    width: 100%;
+}
+
+.file-loading:before {
+    content: " Loading...";
+    display: inline-block;
+    padding-left: 20px;
+    line-height: 16px;
+    font-size: 13px;
+    font-variant: small-caps;
+    color: #999;
+    background: transparent url(../img/loading.gif) top left no-repeat;
+}
+
+.file-object {
+    margin: 0 0 -5px 0;
+    padding: 0;
+}
+
+.btn-file {
+    overflow: hidden;
+}
+
+.btn-file input[type=file] {
+    top: 0;
+    left: 0;
+    min-width: 100%;
+    min-height: 100%;
+    text-align: right;
+    opacity: 0;
+    background: none repeat scroll 0 0 transparent;
+    cursor: inherit;
+    display: block;
+}
+
+.btn-file ::-ms-browse {
+    font-size: 10000px;
+    width: 100%;
+    height: 100%;
+}
+
+.file-caption.icon-visible .file-caption-icon {
+    display: inline-block;
+}
+
+.file-caption.icon-visible .file-caption-name {
+    padding-left: 25px;
+}
+
+.file-caption.icon-visible > .input-group-lg .file-caption-name {
+    padding-left: 30px;
+}
+
+.file-caption.icon-visible > .input-group-sm .file-caption-name {
+    padding-left: 22px;
+}
+
+.file-caption-name:not(.file-caption-disabled) {
+    background-color: transparent;
+}
+
+.file-caption-name.file-processing {
+    font-style: italic;
+    border-color: #bbb;
+    opacity: 0.5;
+}
+
+.file-caption-icon {
+    padding: 7px 5px;
+    left: 4px;
+}
+
+.input-group-lg .file-caption-icon {
+    font-size: 1.25rem;
+}
+
+.input-group-sm .file-caption-icon {
+    font-size: 0.875rem;
+    padding: 0.25rem;
+}
+
+.file-error-message {
+    color: #a94442;
+    background-color: #f2dede;
+    margin: 5px;
+    border: 1px solid #ebccd1;
+    border-radius: 4px;
+    padding: 15px;
+}
+
+.file-error-message pre {
+    margin: 5px 0;
+}
+
+.file-caption-disabled {
+    background-color: #eee;
+    cursor: not-allowed;
+    opacity: 1;
+}
+
+.file-preview {
+    border-radius: 5px;
+    border: 1px solid #ddd;
+    padding: 8px;
+    width: 100%;
+    margin-bottom: 5px;
+}
+
+.file-preview .btn-xs {
+    padding: 1px 5px;
+    font-size: 12px;
+    line-height: 1.5;
+    border-radius: 3px;
+}
+
+.file-preview .fileinput-remove {
+    top: 1px;
+    right: 1px;
+    line-height: 10px;
+}
+
+.file-preview .clickable {
+    cursor: pointer;
+}
+
+.file-preview-image {
+    font: 40px Impact, Charcoal, sans-serif;
+    color: #008000;
+    width: auto;
+    height: auto;
+    max-width: 100%;
+    max-height: 100%;
+}
+
+.krajee-default.file-preview-frame {
+    margin: 8px;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+    padding: 6px;
+    float: left;
+    text-align: center;
+
+}
+
+.krajee-default.file-preview-frame .kv-file-content {
+    width: 213px;
+    height: 160px;
+}
+
+.krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered {
+    width: 400px;
+}
+
+.krajee-default.file-preview-frame[data-template="audio"] .kv-file-content {
+    width: 240px;
+    height: 55px;
+}
+
+.krajee-default.file-preview-frame .file-thumbnail-footer {
+    height: 70px;
+}
+
+.krajee-default.file-preview-frame:not(.file-preview-error):hover {
+    border: 1px solid rgba(0, 0, 0, 0.3);
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
+}
+
+.krajee-default .file-preview-text {
+    color: #428bca;
+    border: 1px solid #ddd;
+    outline: none;
+    resize: none;
+}
+
+.krajee-default .file-preview-html {
+    border: 1px solid #ddd;
+}
+
+.krajee-default .file-other-icon {
+    font-size: 6em;
+    line-height: 1;
+}
+
+.krajee-default .file-footer-buttons {
+    float: right;
+}
+
+.krajee-default .file-footer-caption {
+    display: block;
+    text-align: center;
+    padding-top: 4px;
+    font-size: 11px;
+    color: #999;
+    margin-bottom: 30px;
+}
+
+.file-upload-stats {
+    font-size: 10px;
+    text-align: center;
+    width: 100%;
+}
+
+.kv-upload-progress .file-upload-stats {
+    font-size: 12px;
+    margin: -10px 0 5px;
+}
+
+.krajee-default .file-preview-error {
+    opacity: 0.65;
+    box-shadow: none;
+}
+
+.krajee-default .file-thumb-progress {
+    top: 37px;
+    left: 0;
+    right: 0;
+}
+
+.krajee-default.kvsortable-ghost {
+    background: #e1edf7;
+    border: 2px solid #a1abff;
+}
+
+.krajee-default .file-preview-other:hover {
+    opacity: 0.8;
+}
+
+.krajee-default .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
+    color: #000;
+}
+
+.kv-upload-progress .progress {
+    height: 20px;
+    margin: 10px 0;
+    overflow: hidden;
+}
+
+.kv-upload-progress .progress-bar {
+    height: 20px;
+    font-family: Verdana, Helvetica, sans-serif;
+}
+
+
+/*noinspection CssOverwrittenProperties*/
+
+.file-zoom-dialog .file-other-icon {
+    font-size: 22em;
+    font-size: 50vmin;
+}
+
+.file-zoom-dialog .modal-dialog {
+    width: auto;
+}
+
+.file-zoom-dialog .modal-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.file-zoom-dialog .btn-navigate {
+    margin: 0 0.1rem;
+    padding: 0;
+    font-size: 1.2rem;
+    width: 2.4rem;
+    height: 2.4rem;
+    top: 50%;
+    border-radius: 50%;
+    text-align: center;
+}
+
+.btn-navigate * {
+    width: auto;
+}
+
+.file-zoom-dialog .floating-buttons {
+    top: 5px;
+    right: 10px;
+}
+
+.file-zoom-dialog .btn-kv-prev {
+    left: 0;
+}
+
+.file-zoom-dialog .btn-kv-next {
+    right: 0;
+}
+
+.file-zoom-dialog .kv-zoom-header {
+    padding: 0.5rem;
+}
+
+.file-zoom-dialog .kv-zoom-body {
+    padding: 0.25rem;
+}
+
+.file-zoom-dialog .kv-zoom-description {
+    position: absolute;
+    opacity: 0.8;
+    font-size: 0.8rem;
+    background-color: #1a1a1a;
+    padding: 1rem;
+    text-align: center;
+    border-radius: 0.5rem;
+    color: #fff;
+    left: 15%;
+    right: 15%;
+    bottom: 15%;
+}
+
+.file-zoom-dialog .kv-desc-hide {
+    float: right;
+    color: #fff;
+    padding: 0 0.1rem;
+    background: none;
+    border: none;
+}
+
+.file-zoom-dialog .kv-desc-hide:hover {
+    opacity: 0.7;
+}
+
+.file-zoom-dialog .kv-desc-hide:focus {
+    opacity: 0.9;
+}
+
+.file-input-new .no-browse .form-control {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+}
+
+.file-input-ajax-new .no-browse .form-control {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+}
+
+.file-caption {
+    width: 100%;
+    position: relative;
+}
+
+.file-thumb-loading {
+    background: transparent url(../img/loading.gif) no-repeat scroll center center content-box !important;
+}
+
+.file-drop-zone {
+    border: 1px dashed #aaa;
+    height: 100px;
+    border-radius: 4px;
+    text-align: center;
+    vertical-align: middle;
+    margin: 12px 15px 12px 12px;
+    padding: 5px;
+}
+
+.file-drop-zone.clickable:hover {
+    border: 2px dashed #999;
+}
+
+.file-drop-zone.clickable:focus {
+    border: 2px solid #5acde2;
+}
+
+.file-drop-zone .file-preview-thumbnails {
+    cursor: default;
+}
+
+.file-drop-zone-title {
+    color: #aaa;
+    text-align: center;
+    cursor: default;
+}
+
+.file-highlighted {
+    border: 2px dashed #999 !important;
+    background-color: #eee;
+}
+
+.file-uploading {
+    background: url(../img/loading-sm.gif) no-repeat center bottom 10px;
+    opacity: 0.65;
+}
+
+.file-zoom-fullscreen .modal-dialog {
+    min-width: 100%;
+    margin: 0;
+}
+
+.file-zoom-fullscreen .modal-content {
+    border-radius: 0;
+    box-shadow: none;
+    min-height: 100vh;
+}
+
+.file-zoom-fullscreen .kv-zoom-body {
+    overflow-y: auto;
+}
+
+.floating-buttons {
+    z-index: 3000;
+}
+
+.floating-buttons .btn-kv {
+    margin-left: 3px;
+    z-index: 3000;
+}
+
+.kv-zoom-actions {
+    min-width: 140px;
+}
+
+.kv-zoom-actions .btn-kv {
+    margin-left: 3px;
+}
+
+.file-zoom-content {
+    text-align: center;
+    white-space: nowrap;
+    min-height: 300px;
+}
+
+.file-zoom-content:hover {
+    background: transparent;
+}
+
+.file-zoom-content .file-preview-image {
+    max-height: 100%;
+}
+
+.file-zoom-content .file-preview-video {
+    max-height: 100%;
+}
+
+.file-zoom-content > .file-object.type-image {
+    height: auto;
+    min-height: inherit;
+}
+
+.file-zoom-content > .file-object.type-audio {
+    width: auto;
+    height: 30px;
+}
+
+@media (min-width: 576px) {
+    .file-zoom-dialog .modal-dialog {
+        max-width: 500px;
+    }
+}
+
+@media (min-width: 992px) {
+    .file-zoom-dialog .modal-lg {
+        max-width: 800px;
+    }
+}
+
+@media (max-width: 767px) {
+    .file-preview-thumbnails {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+    }
+
+    .file-zoom-dialog .modal-header {
+        flex-direction: column;
+    }
+}
+
+@media (max-width: 350px) {
+    .krajee-default.file-preview-frame:not([data-template="audio"]) .kv-file-content {
+        width: 160px;
+    }
+}
+
+@media (max-width: 420px) {
+    .krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered {
+        width: 100%;
+    }
+}
+
+.file-loading[dir=rtl]:before {
+    background: transparent url(../img/loading.gif) top right no-repeat;
+    padding-left: 0;
+    padding-right: 20px;
+}
+
+.clickable .file-drop-zone-title {
+    cursor: pointer;
+}
+
+.file-sortable .file-drag-handle:hover {
+    opacity: 0.7;
+}
+
+.file-sortable .file-drag-handle {
+    cursor: grab;
+    opacity: 1;
+}
+
+.file-grabbing,
+.file-grabbing * {
+    cursor: not-allowed !important;
+}
+
+.file-grabbing .file-preview-thumbnails * {
+    cursor: grabbing !important;
+}
+
+.file-preview-frame.sortable-chosen {
+    background-color: #d9edf7;
+    border-color: #17a2b8;
+    box-shadow: none !important;
+}
+
+.file-preview .kv-zoom-cache {
+    display: none;
+}
+
+.file-preview-other-frame, .file-preview-object, .kv-file-content, .kv-zoom-body {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.btn-kv-rotate,
+.kv-file-rotate {
+    display: none;
+}
+
+.rotatable:not(.hide-rotate) .btn-kv-rotate,
+.rotatable:not(.hide-rotate) .kv-file-rotate {
+    display: inline-block;
+}
+
+.rotatable .file-zoom-detail,
+.rotatable .kv-file-content,
+.rotatable .kv-file-content > :first-child {
+    transform-origin: center center;
+}
+
+.rotate-animate {
+    transition: transform 0.3s ease;
+}
+
+.kv-overflow-hidden {
+    overflow: hidden;
+}

static/css/style.css

@@ -0,0 +1,502 @@
+/********** Template CSS **********/
+:root {
+    --primary: #4294E3;
+    --secondary: #8F12FD;
+    --light: #F0F6FF;
+    --dark: #262B47;
+}
+
+
+/*** Spinner ***/
+#spinner {
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity .5s ease-out, visibility 0s linear .5s;
+    z-index: 99999;
+}
+
+#spinner.show {
+    transition: opacity .5s ease-out, visibility 0s linear 0s;
+    visibility: visible;
+    opacity: 1;
+}
+
+
+/*** Heading ***/
+h1,
+h2,
+.fw-bold {
+    font-weight: 700 !important;
+}
+
+h3,
+h4,
+.fw-semi-bold {
+    font-weight: 600 !important;
+}
+
+h5,
+h6,
+.fw-medium {
+    font-weight: 500 !important;
+}
+
+
+/*** Gradient Text & BG ***/
+.text-primary-gradient {
+    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+.text-secondary-gradient {
+    background: linear-gradient(to bottom right, var(--secondary), var(--primary));
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+.bg-primary-gradient {
+    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+}
+
+.bg-secondary-gradient {
+    background: linear-gradient(to bottom right, var(--secondary), var(--primary));
+}
+
+
+/*** Button ***/
+.btn {
+    transition: .5s;
+}
+
+.btn.btn-primary-gradient,
+.btn.btn-secondary-gradient {
+    position: relative;
+    overflow: hidden;
+    border: none;
+    color: #FFFFFF;
+    z-index: 1;
+}
+
+.btn.btn-primary-gradient::after,
+.btn.btn-secondary-gradient::after {
+    position: absolute;
+    content: "";
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    transition: .5s;
+    z-index: -1;
+    opacity: 0;
+}
+
+.btn.btn-primary-gradient,
+.btn.btn-secondary-gradient::after {
+    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+}
+
+.btn.btn-secondary-gradient,
+.btn.btn-primary-gradient::after {
+    background: linear-gradient(to bottom right, var(--secondary), var(--primary));
+}
+
+.btn.btn-primary-gradient:hover::after,
+.btn.btn-secondary-gradient:hover::after {
+    opacity: 1;
+}
+
+.btn-square {
+    width: 38px;
+    height: 38px;
+}
+
+.btn-sm-square {
+    width: 32px;
+    height: 32px;
+}
+
+.btn-lg-square {
+    width: 48px;
+    height: 48px;
+}
+
+.btn-square,
+.btn-sm-square,
+.btn-lg-square {
+    padding: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: normal;
+    border-radius: 50px;
+}
+
+.back-to-top {
+    position: fixed;
+    display: none;
+    right: 45px;
+    bottom: 45px;
+    z-index: 99;
+    border: none;
+    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+}
+
+
+/*** Navbar ***/
+.navbar-light .navbar-nav .nav-link {
+    position: relative;
+    margin-right: 25px;
+    padding: 45px 0;
+    font-family: 'Jost', sans-serif;
+    font-size: 18px;
+    font-weight: 500;
+    color: var(--light) !important;
+    outline: none;
+    transition: .5s;
+}
+
+.navbar-light .navbar-nav .nav-link::before {
+    position: absolute;
+    content: "";
+    width: 0;
+    height: 0;
+    top: -10px;
+    left: 50%;
+    transform: translateX(-50%);
+    border: 10px solid;
+    border-color: var(--light) transparent transparent transparent;
+    transition: .5s;
+}
+
+.sticky-top.navbar-light .navbar-nav .nav-link {
+    padding: 20px 0;
+    color: var(--dark) !important;
+}
+
+.navbar-light .navbar-nav .nav-link:hover::before,
+.navbar-light .navbar-nav .nav-link.active::before {
+    top: 0;
+}
+
+.navbar-light .navbar-brand h1 {
+    color: #FFFFFF;
+}
+
+.navbar-light .navbar-brand img {
+    max-height: 60px;
+    transition: .5s;
+}
+
+.sticky-top.navbar-light .navbar-brand img {
+    max-height: 45px;
+}
+
+@media (max-width: 991.98px) {
+    .sticky-top.navbar-light {
+        position: relative;
+        background: #FFFFFF;
+    }
+
+    .navbar-light .navbar-collapse {
+        margin-top: 15px;
+        border-top: 1px solid #DDDDDD;
+    }
+
+    .navbar-light .navbar-nav .nav-link,
+    .sticky-top.navbar-light .navbar-nav .nav-link {
+        padding: 10px 0;
+        margin-left: 0;
+        color: var(--dark) !important;
+    }
+
+    .navbar-light .navbar-nav .nav-link::before {
+        display: none;
+    }
+
+    .navbar-light .navbar-nav .nav-link:hover,
+    .navbar-light .navbar-nav .nav-link.active {
+        color: var(--primary) !important;
+    }
+
+    .navbar-light .navbar-brand h1 {
+        background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+    }
+
+    .navbar-light .navbar-brand img {
+        max-height: 45px;
+    }
+}
+
+@media (min-width: 992px) {
+    .navbar-light {
+        position: absolute;
+        width: 100%;
+        top: 0;
+        left: 0;
+        z-index: 999;
+    }
+    
+    .sticky-top.navbar-light {
+        position: fixed;
+        background: #FFFFFF;
+    }
+
+    .sticky-top.navbar-light .navbar-nav .nav-link::before {
+        border-top-color: var(--primary);
+    }
+
+    .sticky-top.navbar-light .navbar-brand h1 {
+        background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+    }
+}
+
+
+/*** Hero Header ***/
+.hero-header {
+    margin-bottom: 6rem;
+    padding: 16rem 0 0 0;
+    background:
+        url(../img/bg-circle.png),
+        url(../img/bg-triangle.png),
+        url(../img/bg-bottom.png),
+        linear-gradient(to bottom right, var(--primary), var(--secondary));
+    background-position:
+        left 0px top 0px,
+        right 0px top 50%,
+        center bottom;
+    background-repeat: no-repeat;
+}
+
+@media (max-width: 991.98px) {
+    .hero-header {
+        padding: 6rem 0 9rem 0;
+    }
+}
+
+
+/*** Feature ***/
+.feature-item {
+    transition: .5s;
+}
+
+.feature-item:hover {
+    margin-top: -15px;
+    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .08);
+}
+
+
+/*** Pricing ***/
+.pricing .nav {
+    padding: 2px;
+}
+
+.pricing .nav-link {
+    padding: 12px 30px;
+    font-weight: 500;
+    color: var(--dark);
+    background: #FFFFFF;
+}
+
+.pricing .nav-item:first-child .nav-link {
+    border-radius: 30px 0 0 30px;
+}
+
+.pricing .nav-item:last-child .nav-link {
+    border-radius: 0 30px 30px 0;
+}
+
+.pricing .nav-link.active {
+    color: #FFFFFF;
+    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+}
+
+
+/*** Screenshot ***/
+.screenshot-carousel {
+    position: relative;
+    width: 253px;
+    height: 500px;
+    padding: 15px;
+    margin-right: 30px;
+}
+
+.screenshot-carousel::before {
+    position: absolute;
+    content: "";
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background: url(../img/screenshot-frame.png) center center no-repeat;
+    background-size: 253px 500px;
+    z-index: 1;
+}
+
+.screenshot-carousel .owl-item img {
+    position: relative;
+    width: 223px;
+    height: 470px;
+}
+
+.screenshot-carousel .owl-dots {
+    position: absolute;
+    top: 50%;
+    right: -30px;
+    transform: translateY(-50%);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.screenshot-carousel .owl-dot {
+    position: relative;
+    display: inline-block;
+    margin: 5px 0;
+    width: 15px;
+    height: 15px;
+    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+    border-radius: 15px;
+    transition: .5s;
+}
+
+.screenshot-carousel .owl-dot::after {
+    position: absolute;
+    content: "";
+    width: 5px;
+    height: 5px;
+    top: 5px;
+    left: 5px;
+    background: #FFFFFF;
+    border-radius: 5px;
+}
+
+.screenshot-carousel .owl-dot.active {
+    box-shadow: 0 0 10px var(--dark);
+}
+
+
+/*** Testimonial ***/
+.testimonial-carousel .owl-item .testimonial-item,
+.testimonial-carousel .owl-item .testimonial-item * {
+    transition: .5s;
+}
+
+.testimonial-carousel .owl-item.center .testimonial-item {
+    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+}
+
+.testimonial-carousel .owl-item.center .testimonial-item h5,
+.testimonial-carousel .owl-item.center .testimonial-item p {
+    color: #FFFFFF !important;
+}
+
+.testimonial-carousel .owl-nav {
+    margin-top: 30px;
+    display: flex;
+    justify-content: center;
+}
+
+.testimonial-carousel .owl-nav .owl-prev,
+.testimonial-carousel .owl-nav .owl-next {
+    margin: 0 12px;
+    width: 50px;
+    height: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #FFFFFF;
+    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
+    border-radius: 60px;
+    font-size: 18px;
+    transition: .5s;
+}
+
+.testimonial-carousel .owl-nav .owl-prev:hover,
+.testimonial-carousel .owl-nav .owl-next:hover {
+    background: linear-gradient(to bottom right, var(--secondary), var(--primary));
+}
+
+
+/*** Footer ***/
+.footer {
+    margin-top: 6rem;
+    padding-top: 9rem;
+    background:
+        url(../img/bg-circle.png),
+        url(../img/bg-triangle.png),
+        url(../img/bg-top.png),
+        linear-gradient(to bottom right, var(--primary), var(--secondary));
+    background-position:
+        left 0px bottom 0px,
+        right 0px top 50%,
+        center top;
+    background-repeat: no-repeat;
+}
+
+.footer .btn.btn-social {
+    margin-right: 5px;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--light);
+    border: 1px solid rgba(256, 256, 256, .1);
+    border-radius: 40px;
+    transition: .3s;
+}
+
+.footer .btn.btn-social:hover {
+    color: var(--primary);
+}
+
+.footer .btn.btn-link {
+    display: block;
+    margin-bottom: 10px;
+    padding: 0;
+    text-align: left;
+    color: var(--light);
+    font-weight: normal;
+    transition: .3s;
+}
+
+.footer .btn.btn-link::before {
+    position: relative;
+    content: "\f105";
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    margin-right: 10px;
+}
+
+.footer .btn.btn-link:hover {
+    letter-spacing: 1px;
+    box-shadow: none;
+}
+
+.footer .copyright {
+    padding: 25px 0;
+    font-size: 14px;
+    border-top: 1px solid rgba(256, 256, 256, .1);
+}
+
+.footer .copyright a {
+    color: var(--light);
+}
+
+.footer .footer-menu a {
+    margin-right: 15px;
+    padding-right: 15px;
+    border-right: 1px solid rgba(255, 255, 255, .1);
+}
+
+.footer .footer-menu a:last-child {
+    margin-right: 0;
+    padding-right: 0;
+    border-right: none;
+}

static/css/vendor.bundle.base.css

@@ -0,0 +1,116 @@
+/*
+ * Container style
+ */
+ .ps {
+    overflow: hidden !important;
+    overflow-anchor: none;
+    -ms-overflow-style: none;
+    touch-action: auto;
+    -ms-touch-action: auto;
+  }
+  
+  /*
+   * Scrollbar rail styles
+   */
+  .ps__rail-x {
+    display: none;
+    opacity: 0;
+    transition: background-color .2s linear, opacity .2s linear;
+    -webkit-transition: background-color .2s linear, opacity .2s linear;
+    height: 15px;
+    /* there must be 'bottom' or 'top' for ps__rail-x */
+    bottom: 0px;
+    /* please don't change 'position' */
+    position: absolute;
+  }
+  
+  .ps__rail-y {
+    display: none;
+    opacity: 0;
+    transition: background-color .2s linear, opacity .2s linear;
+    -webkit-transition: background-color .2s linear, opacity .2s linear;
+    width: 15px;
+    /* there must be 'right' or 'left' for ps__rail-y */
+    right: 0;
+    /* please don't change 'position' */
+    position: absolute;
+  }
+  
+  .ps--active-x > .ps__rail-x,
+  .ps--active-y > .ps__rail-y {
+    display: block;
+    background-color: transparent;
+  }
+  
+  .ps:hover > .ps__rail-x,
+  .ps:hover > .ps__rail-y,
+  .ps--focus > .ps__rail-x,
+  .ps--focus > .ps__rail-y,
+  .ps--scrolling-x > .ps__rail-x,
+  .ps--scrolling-y > .ps__rail-y {
+    opacity: 0.6;
+  }
+  
+  .ps .ps__rail-x:hover,
+  .ps .ps__rail-y:hover,
+  .ps .ps__rail-x:focus,
+  .ps .ps__rail-y:focus,
+  .ps .ps__rail-x.ps--clicking,
+  .ps .ps__rail-y.ps--clicking {
+    background-color: #eee;
+    opacity: 0.9;
+  }
+  
+  /*
+   * Scrollbar thumb styles
+   */
+  .ps__thumb-x {
+    background-color: #aaa;
+    border-radius: 6px;
+    transition: background-color .2s linear, height .2s ease-in-out;
+    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
+    height: 6px;
+    /* there must be 'bottom' for ps__thumb-x */
+    bottom: 2px;
+    /* please don't change 'position' */
+    position: absolute;
+  }
+  
+  .ps__thumb-y {
+    background-color: #aaa;
+    border-radius: 6px;
+    transition: background-color .2s linear, width .2s ease-in-out;
+    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
+    width: 6px;
+    /* there must be 'right' for ps__thumb-y */
+    right: 2px;
+    /* please don't change 'position' */
+    position: absolute;
+  }
+  
+  .ps__rail-x:hover > .ps__thumb-x,
+  .ps__rail-x:focus > .ps__thumb-x,
+  .ps__rail-x.ps--clicking .ps__thumb-x {
+    background-color: #999;
+    height: 11px;
+  }
+  
+  .ps__rail-y:hover > .ps__thumb-y,
+  .ps__rail-y:focus > .ps__thumb-y,
+  .ps__rail-y.ps--clicking .ps__thumb-y {
+    background-color: #999;
+    width: 11px;
+  }
+  
+  /* MS supports */
+  @supports (-ms-overflow-style: none) {
+    .ps {
+      overflow: auto !important;
+    }
+  }
+  
+  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+    .ps {
+      overflow: auto !important;
+    }
+  }

static/js/OverlayScrollbars.min.js

@@ -0,0 +1,13 @@
+/*!
+ * OverlayScrollbars
+ * https://github.com/KingSora/OverlayScrollbars
+ *
+ * Version: 1.13.0
+ *
+ * Copyright KingSora | Rene Haas.
+ * https://github.com/KingSora
+ *
+ * Released under the MIT license.
+ * Date: 02.08.2020
+ */
+!function(n,t){"function"==typeof define&&define.amd?define(function(){return t(n,n.document,undefined)}):"object"==typeof module&&"object"==typeof module.exports?module.exports=t(n,n.document,undefined):t(n,n.document,undefined)}("undefined"!=typeof window?window:this,function(vi,hi,di){"use strict";var o,l,a,u,pi="object",bi="function",mi="array",gi="string",wi="boolean",yi="number",f="undefined",n="null",xi={c:"class",s:"style",i:"id",l:"length",p:"prototype",ti:"tabindex",oH:"offsetHeight",cH:"clientHeight",sH:"scrollHeight",oW:"offsetWidth",cW:"clientWidth",sW:"scrollWidth",hOP:"hasOwnProperty",bCR:"getBoundingClientRect"},_i=(o={},l={},{e:a=["-webkit-","-moz-","-o-","-ms-"],u:u=["WebKit","Moz","O","MS"],v:function(n){var t=l[n];if(l[xi.hOP](n))return t;for(var r,e,i,o=c(n),u=hi.createElement("div")[xi.s],f=0;f<a.length;f++)for(i=a[f].replace(/-/g,""),r=[n,a[f]+n,i+o,c(i)+o],e=0;e<r[xi.l];e++)if(u[r[e]]!==di){t=r[e];break}return l[n]=t},d:function(n,t,r){var e=n+" "+t,i=l[e];if(l[xi.hOP](e))return i;for(var o,u=hi.createElement("div")[xi.s],f=t.split(" "),a=r||"",c=0,s=-1;c<f[xi.l];c++)for(;s<_i.e[xi.l];s++)if(o=s<0?f[c]:_i.e[s]+f[c],u.cssText=n+":"+o+a,u[xi.l]){i=o;break}return l[e]=i},m:function(n,t,r){var e=0,i=o[n];if(!o[xi.hOP](n)){for(i=vi[n];e<u[xi.l];e++)i=i||vi[(t?u[e]:u[e].toLowerCase())+c(n)];o[n]=i}return i||r}});function c(n){return n.charAt(0).toUpperCase()+n.slice(1)}var Oi={wW:r(t,0,!0),wH:r(t,0),mO:r(_i.m,0,"MutationObserver",!0),rO:r(_i.m,0,"ResizeObserver",!0),rAF:r(_i.m,0,"requestAnimationFrame",!1,function(n){return vi.setTimeout(n,1e3/60)}),cAF:r(_i.m,0,"cancelAnimationFrame",!1,function(n){return vi.clearTimeout(n)}),now:function(){return Date.now&&Date.now()||(new Date).getTime()},stpP:function(n){n.stopPropagation?n.stopPropagation():n.cancelBubble=!0},prvD:function(n){n.preventDefault&&n.cancelable?n.preventDefault():n.returnValue=!1},page:function(n){var t=((n=n.originalEvent||n).target||n.srcElement||hi).ownerDocument||hi,r=t.documentElement,e=t.body;if(n.touches===di)return!n.pageX&&n.clientX&&null!=n.clientX?{x:n.clientX+(r&&r.scrollLeft||e&&e.scrollLeft||0)-(r&&r.clientLeft||e&&e.clientLeft||0),y:n.clientY+(r&&r.scrollTop||e&&e.scrollTop||0)-(r&&r.clientTop||e&&e.clientTop||0)}:{x:n.pageX,y:n.pageY};var i=n.touches[0];return{x:i.pageX,y:i.pageY}},mBtn:function(n){var t=n.button;return n.which||t===di?n.which:1&t?1:2&t?3:4&t?2:0},inA:function(n,t){for(var r=0;r<t[xi.l];r++)try{if(t[r]===n)return r}catch(e){}return-1},isA:function(n){var t=Array.isArray;return t?t(n):this.type(n)==mi},type:function(n){return n===di||null===n?n+"":Object[xi.p].toString.call(n).replace(/^\[object (.+)\]$/,"$1").toLowerCase()},bind:r};function t(n){return n?vi.innerWidth||hi.documentElement[xi.cW]||hi.body[xi.cW]:vi.innerHeight||hi.documentElement[xi.cH]||hi.body[xi.cH]}function r(n,t){if(typeof n!=bi)throw"Can't bind function!";var r=xi.p,e=Array[r].slice.call(arguments,2),i=function(){},o=function(){return n.apply(this instanceof i?this:t,e.concat(Array[r].slice.call(arguments)))};return n[r]&&(i[r]=n[r]),o[r]=new i,o}var s,v,h,k,I,T,d,p,Si=Math,zi=vi.jQuery,A=(s={p:Si.PI,c:Si.cos,s:Si.sin,w:Si.pow,t:Si.sqrt,n:Si.asin,a:Si.abs,o:1.70158},{swing:function(n,t,r,e,i){return.5-s.c(n*s.p)/2},linear:function(n,t,r,e,i){return n},easeInQuad:function(n,t,r,e,i){return e*(t/=i)*t+r},easeOutQuad:function(n,t,r,e,i){return-e*(t/=i)*(t-2)+r},easeInOutQuad:function(n,t,r,e,i){return(t/=i/2)<1?e/2*t*t+r:-e/2*(--t*(t-2)-1)+r},easeInCubic:function(n,t,r,e,i){return e*(t/=i)*t*t+r},easeOutCubic:function(n,t,r,e,i){return e*((t=t/i-1)*t*t+1)+r},easeInOutCubic:function(n,t,r,e,i){return(t/=i/2)<1?e/2*t*t*t+r:e/2*((t-=2)*t*t+2)+r},easeInQuart:function(n,t,r,e,i){return e*(t/=i)*t*t*t+r},easeOutQuart:function(n,t,r,e,i){return-e*((t=t/i-1)*t*t*t-1)+r},easeInOutQuart:function(n,t,r,e,i){return(t/=i/2)<1?e/2*t*t*t*t+r:-e/2*((t-=2)*t*t*t-2)+r},easeInQuint:function(n,t,r,e,i){return e*(t/=i)*t*t*t*t+r},easeOutQuint:function(n,t,r,e,i){return e*((t=t/i-1)*t*t*t*t+1)+r},easeInOutQuint:function(n,t,r,e,i){return(t/=i/2)<1?e/2*t*t*t*t*t+r:e/2*((t-=2)*t*t*t*t+2)+r},easeInSine:function(n,t,r,e,i){return-e*s.c(t/i*(s.p/2))+e+r},easeOutSine:function(n,t,r,e,i){return e*s.s(t/i*(s.p/2))+r},easeInOutSine:function(n,t,r,e,i){return-e/2*(s.c(s.p*t/i)-1)+r},easeInExpo:function(n,t,r,e,i){return 0==t?r:e*s.w(2,10*(t/i-1))+r},easeOutExpo:function(n,t,r,e,i){return t==i?r+e:e*(1-s.w(2,-10*t/i))+r},easeInOutExpo:function(n,t,r,e,i){return 0==t?r:t==i?r+e:(t/=i/2)<1?e/2*s.w(2,10*(t-1))+r:e/2*(2-s.w(2,-10*--t))+r},easeInCirc:function(n,t,r,e,i){return-e*(s.t(1-(t/=i)*t)-1)+r},easeOutCirc:function(n,t,r,e,i){return e*s.t(1-(t=t/i-1)*t)+r},easeInOutCirc:function(n,t,r,e,i){return(t/=i/2)<1?-e/2*(s.t(1-t*t)-1)+r:e/2*(s.t(1-(t-=2)*t)+1)+r},easeInElastic:function(n,t,r,e,i){var o=s.o,u=0,f=e;return 0==t?r:1==(t/=i)?r+e:(u=u||.3*i,o=f<s.a(e)?(f=e,u/4):u/(2*s.p)*s.n(e/f),-(f*s.w(2,10*--t)*s.s((t*i-o)*(2*s.p)/u))+r)},easeOutElastic:function(n,t,r,e,i){var o=s.o,u=0,f=e;return 0==t?r:1==(t/=i)?r+e:(u=u||.3*i,o=f<s.a(e)?(f=e,u/4):u/(2*s.p)*s.n(e/f),f*s.w(2,-10*t)*s.s((t*i-o)*(2*s.p)/u)+e+r)},easeInOutElastic:function(n,t,r,e,i){var o=s.o,u=0,f=e;return 0==t?r:2==(t/=i/2)?r+e:(u=u||i*(.3*1.5),o=f<s.a(e)?(f=e,u/4):u/(2*s.p)*s.n(e/f),t<1?f*s.w(2,10*--t)*s.s((t*i-o)*(2*s.p)/u)*-.5+r:f*s.w(2,-10*--t)*s.s((t*i-o)*(2*s.p)/u)*.5+e+r)},easeInBack:function(n,t,r,e,i,o){return e*(t/=i)*t*(((o=o||s.o)+1)*t-o)+r},easeOutBack:function(n,t,r,e,i,o){return e*((t=t/i-1)*t*(((o=o||s.o)+1)*t+o)+1)+r},easeInOutBack:function(n,t,r,e,i,o){return o=o||s.o,(t/=i/2)<1?e/2*(t*t*((1+(o*=1.525))*t-o))+r:e/2*((t-=2)*t*((1+(o*=1.525))*t+o)+2)+r},easeInBounce:function(n,t,r,e,i){return e-this.easeOutBounce(n,i-t,0,e,i)+r},easeOutBounce:function(n,t,r,e,i){var o=7.5625;return(t/=i)<1/2.75?e*(o*t*t)+r:t<2/2.75?e*(o*(t-=1.5/2.75)*t+.75)+r:t<2.5/2.75?e*(o*(t-=2.25/2.75)*t+.9375)+r:e*(o*(t-=2.625/2.75)*t+.984375)+r},easeInOutBounce:function(n,t,r,e,i){return t<i/2?.5*this.easeInBounce(n,2*t,0,e,i)+r:.5*this.easeOutBounce(n,2*t-i,0,e,i)+.5*e+r}}),Ci=(v=/[^\x20\t\r\n\f]+/g,h=" ",k="scrollLeft",I="scrollTop",T=[],d=Oi.type,p={animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},M[xi.p]={on:function(t,r){var e,i=(t=(t||"").match(v)||[""])[xi.l],o=0;return this.each(function(){e=this;try{if(e.addEventListener)for(;o<i;o++)e.addEventListener(t[o],r);else if(e.detachEvent)for(;o<i;o++)e.attachEvent("on"+t[o],r)}catch(n){}})},off:function(t,r){var e,i=(t=(t||"").match(v)||[""])[xi.l],o=0;return this.each(function(){e=this;try{if(e.removeEventListener)for(;o<i;o++)e.removeEventListener(t[o],r);else if(e.detachEvent)for(;o<i;o++)e.detachEvent("on"+t[o],r)}catch(n){}})},one:function(n,i){return n=(n||"").match(v)||[""],this.each(function(){var e=M(this);M.each(n,function(n,t){var r=function(n){i.call(this,n),e.off(t,r)};e.on(t,r)})})},trigger:function(n){var t,r;return this.each(function(){t=this,hi.createEvent?((r=hi.createEvent("HTMLEvents")).initEvent(n,!0,!1),t.dispatchEvent(r)):t.fireEvent("on"+n)})},append:function(n){return this.each(function(){i(this,"beforeend",n)})},prepend:function(n){return this.each(function(){i(this,"afterbegin",n)})},before:function(n){return this.each(function(){i(this,"beforebegin",n)})},after:function(n){return this.each(function(){i(this,"afterend",n)})},remove:function(){return this.each(function(){var n=this.parentNode;null!=n&&n.removeChild(this)})},unwrap:function(){var n,t,r,e=[];for(this.each(function(){-1===H(r=this.parentNode,e)&&e.push(r)}),n=0;n<e[xi.l];n++){for(t=e[n],r=t.parentNode;t.firstChild;)r.insertBefore(t.firstChild,t);r.removeChild(t)}return this},wrapAll:function(n){for(var t,r=this,e=M(n)[0],i=e,o=r[0].parentNode,u=r[0].previousSibling;0<i.childNodes[xi.l];)i=i.childNodes[0];for(t=0;r[xi.l]-t;i.firstChild===r[0]&&t++)i.appendChild(r[t]);var f=u?u.nextSibling:o.firstChild;return o.insertBefore(e,f),this},wrapInner:function(r){return this.each(function(){var n=M(this),t=n.contents();t[xi.l]?t.wrapAll(r):n.append(r)})},wrap:function(n){return this.each(function(){M(this).wrapAll(n)})},css:function(n,t){var r,e,i,o=vi.getComputedStyle;return d(n)==gi?t===di?(r=this[0],i=o?o(r,null):r.currentStyle[n],o?null!=i?i.getPropertyValue(n):r[xi.s][n]:i):this.each(function(){y(this,n,t)}):this.each(function(){for(e in n)y(this,e,n[e])})},hasClass:function(n){for(var t,r,e=0,i=h+n+h;t=this[e++];){if((r=t.classList)&&r.contains(n))return!0;if(1===t.nodeType&&-1<(h+g(t.className+"")+h).indexOf(i))return!0}return!1},addClass:function(n){var t,r,e,i,o,u,f,a,c=0,s=0;if(n)for(t=n.match(v)||[];r=this[c++];)if(a=r.classList,f===di&&(f=a!==di),f)for(;o=t[s++];)a.add(o);else if(i=r.className+"",e=1===r.nodeType&&h+g(i)+h){for(;o=t[s++];)e.indexOf(h+o+h)<0&&(e+=o+h);i!==(u=g(e))&&(r.className=u)}return this},removeClass:function(n){var t,r,e,i,o,u,f,a,c=0,s=0;if(n)for(t=n.match(v)||[];r=this[c++];)if(a=r.classList,f===di&&(f=a!==di),f)for(;o=t[s++];)a.remove(o);else if(i=r.className+"",e=1===r.nodeType&&h+g(i)+h){for(;o=t[s++];)for(;-1<e.indexOf(h+o+h);)e=e.replace(h+o+h,h);i!==(u=g(e))&&(r.className=u)}return this},hide:function(){return this.each(function(){this[xi.s].display="none"})},show:function(){return this.each(function(){this[xi.s].display="block"})},attr:function(n,t){for(var r,e=0;r=this[e++];){if(t===di)return r.getAttribute(n);r.setAttribute(n,t)}return this},removeAttr:function(n){return this.each(function(){this.removeAttribute(n)})},offset:function(){var n=this[0][xi.bCR](),t=vi.pageXOffset||hi.documentElement[k],r=vi.pageYOffset||hi.documentElement[I];return{top:n.top+r,left:n.left+t}},position:function(){var n=this[0];return{top:n.offsetTop,left:n.offsetLeft}},scrollLeft:function(n){for(var t,r=0;t=this[r++];){if(n===di)return t[k];t[k]=n}return this},scrollTop:function(n){for(var t,r=0;t=this[r++];){if(n===di)return t[I];t[I]=n}return this},val:function(n){var t=this[0];return n?(t.value=n,this):t.value},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(n){return M(this[0<=n?n:this[xi.l]+n])},find:function(t){var r,e=[];return this.each(function(){var n=this.querySelectorAll(t);for(r=0;r<n[xi.l];r++)e.push(n[r])}),M(e)},children:function(n){var t,r,e,i=[];return this.each(function(){for(r=this.children,e=0;e<r[xi.l];e++)t=r[e],(!n||t.matches&&t.matches(n)||w(t,n))&&i.push(t)}),M(i)},parent:function(n){var t,r=[];return this.each(function(){t=this.parentNode,n&&!M(t).is(n)||r.push(t)}),M(r)},is:function(n){var t,r;for(r=0;r<this[xi.l];r++){if(t=this[r],":visible"===n)return _(t);if(":hidden"===n)return!_(t);if(t.matches&&t.matches(n)||w(t,n))return!0}return!1},contents:function(){var n,t,r=[];return this.each(function(){for(n=this.childNodes,t=0;t<n[xi.l];t++)r.push(n[t])}),M(r)},each:function(n){return e(this,n)},animate:function(n,t,r,e){return this.each(function(){x(this,n,t,r,e)})},stop:function(n,t){return this.each(function(){!function f(n,t,r){for(var e,i,o,u=0;u<T[xi.l];u++)if((e=T[u]).el===n){if(0<e.q[xi.l]){if((i=e.q[0]).stop=!0,Oi.cAF()(i.frame),e.q.splice(0,1),r)for(o in i.props)W(n,o,i.props[o]);t?e.q=[]:N(e,!1)}break}}(this,n,t)})}},b(M,{extend:b,inArray:H,isEmptyObject:L,isPlainObject:R,each:e}),M);function b(){var n,t,r,e,i,o,u=arguments[0]||{},f=1,a=arguments[xi.l],c=!1;for(d(u)==wi&&(c=u,u=arguments[1]||{},f=2),d(u)!=pi&&!d(u)==bi&&(u={}),a===f&&(u=M,--f);f<a;f++)if(null!=(i=arguments[f]))for(e in i)n=u[e],u!==(r=i[e])&&(c&&r&&(R(r)||(t=Oi.isA(r)))?(o=t?(t=!1,n&&Oi.isA(n)?n:[]):n&&R(n)?n:{},u[e]=b(c,o,r)):r!==di&&(u[e]=r));return u}function H(n,t,r){for(var e=r||0;e<t[xi.l];e++)if(t[e]===n)return e;return-1}function E(n){return d(n)==bi}function L(n){for(var t in n)return!1;return!0}function R(n){if(!n||d(n)!=pi)return!1;var t,r=xi.p,e=Object[r].hasOwnProperty,i=e.call(n,"constructor"),o=n.constructor&&n.constructor[r]&&e.call(n.constructor[r],"isPrototypeOf");if(n.constructor&&!i&&!o)return!1;for(t in n);return d(t)==f||e.call(n,t)}function e(n,t){var r=0;if(m(n))for(;r<n[xi.l]&&!1!==t.call(n[r],r,n[r]);r++);else for(r in n)if(!1===t.call(n[r],r,n[r]))break;return n}function m(n){var t=!!n&&[xi.l]in n&&n[xi.l],r=d(n);return!E(r)&&(r==mi||0===t||d(t)==yi&&0<t&&t-1 in n)}function g(n){return(n.match(v)||[]).join(h)}function w(n,t){for(var r=(n.parentNode||hi).querySelectorAll(t)||[],e=r[xi.l];e--;)if(r[e]==n)return 1}function i(n,t,r){if(Oi.isA(r))for(var e=0;e<r[xi.l];e++)i(n,t,r[e]);else d(r)==gi?n.insertAdjacentHTML(t,r):n.insertAdjacentElement(t,r.nodeType?r:r[0])}function y(n,t,r){try{n[xi.s][t]!==di&&(n[xi.s][t]=function e(n,t){p[n.toLowerCase()]||d(t)!=yi||(t+="px");return t}(t,r))}catch(i){}}function N(n,t){var r,e;!1!==t&&n.q.splice(0,1),0<n.q[xi.l]?(e=n.q[0],x(n.el,e.props,e.duration,e.easing,e.complete,!0)):-1<(r=H(n,T))&&T.splice(r,1)}function W(n,t,r){t===k||t===I?n[t]=r:y(n,t,r)}function x(n,t,r,e,i,o){var u,f,a,c,s,l,v=R(r),h={},d={},p=0;for(l=v?(e=r.easing,r.start,a=r.progress,c=r.step,s=r.specialEasing,i=r.complete,r.duration):r,s=s||{},l=l||400,e=e||"swing",o=o||!1;p<T[xi.l];p++)if(T[p].el===n){f=T[p];break}for(u in f||(f={el:n,q:[]},T.push(f)),t)h[u]=u===k||u===I?n[u]:M(n).css(u);for(u in h)h[u]!==t[u]&&t[u]!==di&&(d[u]=t[u]);if(L(d))o&&N(f);else{var b,m,g,w,y,x,_,O,S,z=o?0:H(C,f.q),C={props:d,duration:v?r:l,easing:e,complete:i};if(-1===z&&(z=f.q[xi.l],f.q.push(C)),0===z)if(0<l)_=Oi.now(),O=function(){for(u in b=Oi.now(),S=b-_,m=C.stop||l<=S,g=1-(Si.max(0,_+l-b)/l||0),d)w=parseFloat(h[u]),y=parseFloat(d[u]),x=(y-w)*A[s[u]||e](g,g*l,0,1,l)+w,W(n,u,x),E(c)&&c(x,{elem:n,prop:u,start:w,now:x,end:y,pos:g,options:{easing:e,speacialEasing:s,duration:l,complete:i,step:c},startTime:_});E(a)&&a({},g,Si.max(0,l-S)),m?(N(f),E(i)&&i()):C.frame=Oi.rAF()(O)},C.frame=Oi.rAF()(O);else{for(u in d)W(n,u,d[u]);N(f)}}}function _(n){return!!(n[xi.oW]||n[xi.oH]||n.getClientRects()[xi.l])}function M(n){if(0===arguments[xi.l])return this;var t,r,e=new M,i=n,o=0;if(d(n)==gi)for(i=[],t="<"===n.charAt(0)?((r=hi.createElement("div")).innerHTML=n,r.children):hi.querySelectorAll(n);o<t[xi.l];o++)i.push(t[o]);if(i){for(d(i)==gi||m(i)&&i!==vi&&i!==i.self||(i=[i]),o=0;o<i[xi.l];o++)e[o]=i[o];e[xi.l]=i[xi.l]}return e}var O,S,ki,z,C,D,F,P,j,B,Q,U,V,$,Ii,Ti=(O=[],S="__overlayScrollbars__",function(n,t){var r=arguments[xi.l];if(r<1)return O;if(t)n[S]=t,O.push(n);else{var e=Oi.inA(n,O);if(-1<e){if(!(1<r))return O[e][S];delete n[S],O.splice(e,1)}}}),q=($=[],D=Oi.type,U={className:["os-theme-dark",[n,gi]],resize:["none","n:none b:both h:horizontal v:vertical"],sizeAutoCapable:P=[!0,wi],clipAlways:P,normalizeRTL:P,paddingAbsolute:j=[!(F=[wi,yi,gi,mi,pi,bi,n]),wi],autoUpdate:[null,[n,wi]],autoUpdateInterval:[33,yi],updateOnLoad:[["img"],[gi,mi,n]],nativeScrollbarsOverlaid:{showNativeScrollbars:j,initialize:P},overflowBehavior:{x:["scroll",Q="v-h:visible-hidden v-s:visible-scroll s:scroll h:hidden"],y:["scroll",Q]},scrollbars:{visibility:["auto","v:visible h:hidden a:auto"],autoHide:["never","n:never s:scroll l:leave m:move"],autoHideDelay:[800,yi],dragScrolling:P,clickScrolling:j,touchSupport:P,snapHandle:j},textarea:{dynWidth:j,dynHeight:j,inheritedAttrs:[["style","class"],[gi,mi,n]]},callbacks:{onInitialized:B=[null,[n,bi]],onInitializationWithdrawn:B,onDestroyed:B,onScrollStart:B,onScroll:B,onScrollStop:B,onOverflowChanged:B,onOverflowAmountChanged:B,onDirectionChanged:B,onContentSizeChanged:B,onHostSizeChanged:B,onUpdated:B}},Ii={g:(V=function(i){var o=function(n){var t,r,e;for(t in n)n[xi.hOP](t)&&(r=n[t],(e=D(r))==mi?n[t]=r[i?1:0]:e==pi&&(n[t]=o(r)));return n};return o(Ci.extend(!0,{},U))})(),_:V(!0),O:function(n,t,I,r){var e={},i={},o=Ci.extend(!0,{},n),T=Ci.inArray,A=Ci.isEmptyObject,H=function(n,t,r,e,i,o){for(var u in t)if(t[xi.hOP](u)&&n[xi.hOP](u)){var f,a,c,s,l,v,h,d,p=!1,b=!1,m=t[u],g=D(m),w=g==pi,y=Oi.isA(m)?m:[m],x=r[u],_=n[u],O=D(_),S=o?o+".":"",z='The option "'+S+u+"\" wasn't set, because",C=[],k=[];if(x=x===di?{}:x,w&&O==pi)e[u]={},i[u]={},H(_,m,x,e[u],i[u],S+u),Ci.each([n,e,i],function(n,t){A(t[u])&&delete t[u]});else if(!w){for(v=0;v<y[xi.l];v++)if(l=y[v],c=(g=D(l))==gi&&-1===T(l,F))for(C.push(gi),f=l.split(" "),k=k.concat(f),h=0;h<f[xi.l];h++){for(s=(a=f[h].split(":"))[0],d=0;d<a[xi.l];d++)if(_===a[d]){p=!0;break}if(p)break}else if(C.push(l),O===l){p=!0;break}p?((b=_!==x)&&(e[u]=_),(c?T(x,a)<0:b)&&(i[u]=c?s:_)):I&&console.warn(z+" it doesn't accept the type [ "+O.toUpperCase()+' ] with the value of "'+_+'".\r\nAccepted types are: [ '+C.join(", ").toUpperCase()+" ]."+(0<k[length]?"\r\nValid strings are: [ "+k.join(", ").split(":").join(", ")+" ].":"")),delete n[u]}}};return H(o,t,r||{},e,i),!A(o)&&I&&console.warn("The following options are discarded due to invalidity:\r\n"+vi.JSON.stringify(o,null,2)),{S:e,z:i}}},(ki=vi.OverlayScrollbars=function(n,r,e){if(0===arguments[xi.l])return this;var i,t,o=[],u=Ci.isPlainObject(r);return n?(n=n[xi.l]!=di?n:[n[0]||n],X(),0<n[xi.l]&&(u?Ci.each(n,function(n,t){(i=t)!==di&&o.push(K(i,r,e,z,C))}):Ci.each(n,function(n,t){i=Ti(t),("!"===r&&ki.valid(i)||Oi.type(r)==bi&&r(t,i)||r===di)&&o.push(i)}),t=1===o[xi.l]?o[0]:o),t):u||!r?t:o}).globals=function(){X();var n=Ci.extend(!0,{},z);return delete n.msie,n},ki.defaultOptions=function(n){X();var t=z.defaultOptions;if(n===di)return Ci.extend(!0,{},t);z.defaultOptions=Ci.extend(!0,{},t,Ii.O(n,Ii._,!0,t).S)},ki.valid=function(n){return n instanceof ki&&!n.getState().destroyed},ki.extension=function(n,t,r){var e=Oi.type(n)==gi,i=arguments[xi.l],o=0;if(i<1||!e)return Ci.extend(!0,{length:$[xi.l]},$);if(e)if(Oi.type(t)==bi)$.push({name:n,extensionFactory:t,defaultOptions:r});else for(;o<$[xi.l];o++)if($[o].name===n){if(!(1<i))return Ci.extend(!0,{},$[o]);$.splice(o,1)}},ki);function X(){z=z||new Y(Ii.g),C=C||new G(z)}function Y(n){var _=this,i="overflow",O=Ci("body"),S=Ci('<div id="os-dummy-scrollbar-size"><div></div></div>'),o=S[0],e=Ci(S.children("div").eq(0));O.append(S),S.hide().show();var t,r,u,f,a,c,s,l,v,h=z(o),d={x:0===h.x,y:0===h.y},p=(r=vi.navigator.userAgent,f="substring",a=r[u="indexOf"]("MSIE "),c=r[u]("Trident/"),s=r[u]("Edge/"),l=r[u]("rv:"),v=parseInt,0<a?t=v(r[f](a+5,r[u](".",a)),10):0<c?t=v(r[f](l+3,r[u](".",l)),10):0<s&&(t=v(r[f](s+5,r[u](".",s)),10)),t);function z(n){return{x:n[xi.oH]-n[xi.cH],y:n[xi.oW]-n[xi.cW]}}Ci.extend(_,{defaultOptions:n,msie:p,autoUpdateLoop:!1,autoUpdateRecommended:!Oi.mO(),nativeScrollbarSize:h,nativeScrollbarIsOverlaid:d,nativeScrollbarStyling:function(){var n=!1;S.addClass("os-viewport-native-scrollbars-invisible");try{n="none"===S.css("scrollbar-width")&&(9<p||!p)||"none"===vi.getComputedStyle(o,"::-webkit-scrollbar").getPropertyValue("display")}catch(t){}return n}(),overlayScrollbarDummySize:{x:30,y:30},cssCalc:_i.d("width","calc","(1px)")||null,restrictedMeasuring:function(){S.css(i,"hidden");var n=o[xi.sW],t=o[xi.sH];S.css(i,"visible");var r=o[xi.sW],e=o[xi.sH];return n-r!=0||t-e!=0}(),rtlScrollBehavior:function(){S.css({"overflow-y":"hidden","overflow-x":"scroll",direction:"rtl"}).scrollLeft(0);var n=S.offset(),t=e.offset();S.scrollLeft(-999);var r=e.offset();return{i:n.left===t.left,n:t.left!==r.left}}(),supportTransform:!!_i.v("transform"),supportTransition:!!_i.v("transition"),supportPassiveEvents:function(){var n=!1;try{vi.addEventListener("test",null,Object.defineProperty({},"passive",{get:function(){n=!0}}))}catch(t){}return n}(),supportResizeObserver:!!Oi.rO(),supportMutationObserver:!!Oi.mO()}),S.removeAttr(xi.s).remove(),function(){if(!d.x||!d.y){var m=Si.abs,g=Oi.wW(),w=Oi.wH(),y=x();Ci(vi).on("resize",function(){if(0<Ti().length){var n=Oi.wW(),t=Oi.wH(),r=n-g,e=t-w;if(0==r&&0==e)return;var i,o=Si.round(n/(g/100)),u=Si.round(t/(w/100)),f=m(r),a=m(e),c=m(o),s=m(u),l=x(),v=2<f&&2<a,h=!function b(n,t){var r=m(n),e=m(t);return r!==e&&r+1!==e&&r-1!==e}(c,s),d=v&&h&&(l!==y&&0<y),p=_.nativeScrollbarSize;d&&(O.append(S),i=_.nativeScrollbarSize=z(S[0]),S.remove(),p.x===i.x&&p.y===i.y||Ci.each(Ti(),function(){Ti(this)&&Ti(this).update("zoom")})),g=n,w=t,y=l}})}function x(){var n=vi.screen.deviceXDPI||0,t=vi.screen.logicalXDPI||1;return vi.devicePixelRatio||n/t}}()}function G(r){var c,e=Ci.inArray,s=Oi.now,l="autoUpdate",v=xi.l,h=[],d=[],p=!1,b=33,m=s(),g=function(){if(0<h[v]&&p){c=Oi.rAF()(function(){g()});var n,t,r,e,i,o,u=s(),f=u-m;if(b<f){m=u-f%b,n=33;for(var a=0;a<h[v];a++)(t=h[a])!==di&&(e=(r=t.options())[l],i=Si.max(1,r.autoUpdateInterval),o=s(),(!0===e||null===e)&&o-d[a]>i&&(t.update("auto"),d[a]=new Date(o+=i)),n=Si.max(1,Si.min(n,i)));b=n}}else b=33};this.add=function(n){-1===e(n,h)&&(h.push(n),d.push(s()),0<h[v]&&!p&&(p=!0,r.autoUpdateLoop=p,g()))},this.remove=function(n){var t=e(n,h);-1<t&&(d.splice(t,1),h.splice(t,1),0===h[v]&&p&&(p=!1,r.autoUpdateLoop=p,c!==di&&(Oi.cAF()(c),c=-1)))}}function K(r,n,t,xt,_t){var cn=Oi.type,sn=Ci.inArray,h=Ci.each,Ot=new ki,e=Ci[xi.p];if(ht(r)){if(Ti(r)){var i=Ti(r);return i.options(n),i}var St,zt,Ct,kt,D,It,Tt,At,F,ln,w,T,d,Ht,Et,Lt,Rt,y,p,Nt,Wt,Mt,Dt,Ft,Pt,jt,Bt,Qt,Ut,o,u,Vt,$t,qt,f,P,c,j,Xt,Yt,Gt,Kt,Jt,Zt,nr,tr,rr,er,ir,a,s,l,v,b,m,x,A,or,ur,fr,H,ar,cr,sr,lr,vr,hr,dr,pr,br,mr,gr,wr,yr,xr,_r,E,Or,Sr,zr,Cr,kr,Ir,Tr,Ar,g,_,Hr,Er,Lr,Rr,Nr,Wr,Mr,Dr,Fr,Pr,jr,Br,Qr,Ur,O,S,z,C,Vr,$r,k,I,qr,Xr,Yr,Gr,Kr,B,Q,Jr,Zr,ne,te,re={},vn={},hn={},ee={},ie={},L="-hidden",oe="margin-",ue="padding-",fe="border-",ae="top",ce="right",se="bottom",le="left",ve="min-",he="max-",de="width",pe="height",be="float",me="",ge="auto",dn="sync",we="scroll",ye="100%",pn="x",bn="y",R=".",xe=" ",N="scrollbar",W="-horizontal",M="-vertical",_e=we+"Left",Oe=we+"Top",U="mousedown touchstart",V="mouseup touchend touchcancel",$="mousemove touchmove",q="mouseenter",X="mouseleave",Y="keydown",G="keyup",K="selectstart",J="transitionend webkitTransitionEnd oTransitionEnd",Z="__overlayScrollbarsRO__",nn="os-",tn="os-html",rn="os-host",en=rn+"-foreign",on=rn+"-textarea",un=rn+"-"+N+W+L,fn=rn+"-"+N+M+L,an=rn+"-transition",Se=rn+"-rtl",ze=rn+"-resize-disabled",Ce=rn+"-scrolling",ke=rn+"-overflow",Ie=(ke=rn+"-overflow")+"-x",Te=ke+"-y",mn="os-textarea",gn=mn+"-cover",wn="os-padding",yn="os-viewport",Ae=yn+"-native-scrollbars-invisible",xn=yn+"-native-scrollbars-overlaid",_n="os-content",He="os-content-arrange",Ee="os-content-glue",Le="os-size-auto-observer",On="os-resize-observer",Sn="os-resize-observer-item",zn=Sn+"-final",Cn="os-text-inherit",kn=nn+N,In=kn+"-track",Tn=In+"-off",An=kn+"-handle",Hn=An+"-off",En=kn+"-unusable",Ln=kn+"-"+ge+L,Rn=kn+"-corner",Re=Rn+"-resize",Ne=Re+"-both",We=Re+W,Me=Re+M,Nn=kn+W,Wn=kn+M,Mn="os-dragging",De="os-theme-none",Dn=[Ae,xn,Tn,Hn,En,Ln,Re,Ne,We,Me,Mn].join(xe),Fn=[],Pn=[xi.ti],jn={},Fe={},Pe=42,Bn="load",Qn=[],Un={},Vn=["wrap","cols","rows"],$n=[xi.i,xi.c,xi.s,"open"].concat(Pn),qn=[];return Ot.sleep=function(){Ut=!0},Ot.update=function(n){var t,r,e,i,o;if(!Et)return cn(n)==gi?n===ge?(t=function u(){if(!Ut&&!Vr){var r,e,i,o=[],n=[{C:Yt,k:$n.concat(":visible")},{C:Lt?Xt:di,k:Vn}];return h(n,function(n,t){(r=t.C)&&h(t.k,function(n,t){e=":"===t.charAt(0)?r.is(t):r.attr(t),i=Un[t],fi(e,i)&&o.push(t),Un[t]=e})}),it(o),0<o[xi.l]}}(),r=function a(){if(Ut)return!1;var n,t,r,e,i=oi(),o=Lt&&br&&!Fr?Xt.val().length:0,u=!Vr&&br&&!Lt,f={};return u&&(n=nr.css(be),f[be]=Qt?ce:le,f[de]=ge,nr.css(f)),e={w:i[xi.sW]+o,h:i[xi.sH]+o},u&&(f[be]=n,f[de]=ye,nr.css(f)),t=Ve(),r=fi(e,g),g=e,r||t}(),(e=t||r)&&qe({I:r,T:Ht?di:Vt})):n===dn?Vr?(i=z(O.takeRecords()),o=C(S.takeRecords())):i=Ot.update(ge):"zoom"===n&&qe({A:!0,I:!0}):(n=Ut||n,Ut=!1,Ot.update(dn)&&!n||qe({H:n})),Xe(),e||i||o},Ot.options=function(n,t){var r,e={};if(Ci.isEmptyObject(n)||!Ci.isPlainObject(n)){if(cn(n)!=gi)return u;if(!(1<arguments.length))return bt(u,n);!function a(n,t,r){for(var e=t.split(R),i=e.length,o=0,u={},f=u;o<i;o++)u=u[e[o]]=o+1<i?{}:r;Ci.extend(n,f,!0)}(e,n,t),r=ot(e)}else r=ot(n);Ci.isEmptyObject(r)||qe({T:r})},Ot.destroy=function(){if(!Et){for(var n in _t.remove(Ot),Qe(),je(Kt),je(Gt),jn)Ot.removeExt(n);for(;0<qn[xi.l];)qn.pop()();Ue(!0),rr&&gt(rr),tr&&gt(tr),Wt&&gt(Gt),at(!0),st(!0),ut(!0);for(var t=0;t<Qn[xi.l];t++)Ci(Qn[t]).off(Bn,rt);Qn=di,Ut=Et=!0,Ti(r,0),ti("onDestroyed")}},Ot.scroll=function(n,t,r,e){if(0===arguments.length||n===di){var i=Wr&&Qt&&Ct.i,o=Wr&&Qt&&Ct.n,u=vn.L,f=vn.R,a=vn.N;return f=i?1-f:f,u=i?a-u:u,a*=o?-1:1,{position:{x:u*=o?-1:1,y:hn.L},ratio:{x:f,y:hn.R},max:{x:a,y:hn.N},handleOffset:{x:vn.W,y:hn.W},handleLength:{x:vn.M,y:hn.M},handleLengthRatio:{x:vn.D,y:hn.D},trackLength:{x:vn.F,y:hn.F},snappedHandleOffset:{x:vn.P,y:hn.P},isRTL:Qt,isRTLNormalized:Wr}}Ot.update(dn);var c,s,l,v,h,g,w,d,p,y=Wr,b=[pn,le,"l"],m=[bn,ae,"t"],x=["+=","-=","*=","/="],_=cn(t)==pi,O=_?t.complete:e,S={},z={},C="begin",k="nearest",I="never",T="ifneeded",A=xi.l,H=[pn,bn,"xy","yx"],E=[C,"end","center",k],L=["always",I,T],R=n[xi.hOP]("el"),N=R?n.el:n,W=!!(N instanceof Ci||zi)&&N instanceof zi,M=!W&&ht(N),D=function(){s&&Je(!0),l&&Je(!1)},F=cn(O)!=bi?di:function(){D(),O()};function P(n,t){for(c=0;c<t[A];c++)if(n===t[c])return 1}function j(n,t){var r=n?b:m;if(t=cn(t)==gi||cn(t)==yi?[t,t]:t,Oi.isA(t))return n?t[0]:t[1];if(cn(t)==pi)for(c=0;c<r[A];c++)if(r[c]in t)return t[r[c]]}function B(n,t){var r,e,i,o,u=cn(t)==gi,f=n?vn:hn,a=f.L,c=f.N,s=Qt&&n,l=s&&Ct.n&&!y,v="replace",h=eval;if((e=u?(2<t[A]&&(o=t.substr(0,2),-1<sn(o,x)&&(r=o)),t=(t=r?t.substr(2):t)[v](/min/g,0)[v](/</g,0)[v](/max/g,(l?"-":me)+ye)[v](/>/g,(l?"-":me)+ye)[v](/px/g,me)[v](/%/g," * "+c*(s&&Ct.n?-1:1)/100)[v](/vw/g," * "+ee.w)[v](/vh/g," * "+ee.h),ii(isNaN(t)?ii(h(t),!0).toFixed():t)):t)!==di&&!isNaN(e)&&cn(e)==yi){var d=y&&s,p=a*(d&&Ct.n?-1:1),b=d&&Ct.i,m=d&&Ct.n;switch(p=b?c-p:p,r){case"+=":i=p+e;break;case"-=":i=p-e;break;case"*=":i=p*e;break;case"/=":i=p/e;break;default:i=e}i=b?c-i:i,i*=m?-1:1,i=s&&Ct.n?Si.min(0,Si.max(c,i)):Si.max(0,Si.min(c,i))}return i===a?di:i}function Q(n,t,r,e){var i,o,u=[r,r],f=cn(n);if(f==t)n=[n,n];else if(f==mi){if(2<(i=n[A])||i<1)n=u;else for(1===i&&(n[1]=r),c=0;c<i;c++)if(o=n[c],cn(o)!=t||!P(o,e)){n=u;break}}else n=f==pi?[n[pn]||r,n[bn]||r]:u;return{x:n[0],y:n[1]}}function U(n){var t,r,e=[],i=[ae,ce,se,le];for(c=0;c<n[A]&&c!==i[A];c++)t=n[c],(r=cn(t))==wi?e.push(t?ii(p.css(oe+i[c])):0):e.push(r==yi?t:0);return e}if(W||M){var V,$=R?n.margin:0,q=R?n.axis:0,X=R?n.scroll:0,Y=R?n.block:0,G=[0,0,0,0],K=cn($);if(0<(p=W?N:Ci(N))[A]){$=K==yi||K==wi?U([$,$,$,$]):K==mi?2===(V=$[A])?U([$[0],$[1],$[0],$[1]]):4<=V?U($):G:K==pi?U([$[ae],$[ce],$[se],$[le]]):G,h=P(q,H)?q:"xy",g=Q(X,gi,"always",L),w=Q(Y,gi,C,E),d=$;var J=vn.L,Z=hn.L,nn=Jt.offset(),tn=p.offset(),rn={x:g.x==I||h==bn,y:g.y==I||h==pn};tn[ae]-=d[0],tn[le]-=d[3];var en={x:Si.round(tn[le]-nn[le]+J),y:Si.round(tn[ae]-nn[ae]+Z)};if(Qt&&(Ct.n||Ct.i||(en.x=Si.round(nn[le]-tn[le]+J)),Ct.n&&y&&(en.x*=-1),Ct.i&&y&&(en.x=Si.round(nn[le]-tn[le]+(vn.N-J)))),w.x!=C||w.y!=C||g.x==T||g.y==T||Qt){var on=p[0],un=ln?on[xi.bCR]():{width:on[xi.oW],height:on[xi.oH]},fn={w:un[de]+d[3]+d[1],h:un[pe]+d[0]+d[2]},an=function(n){var t=ni(n),r=t.j,e=t.B,i=t.Q,o=w[i]==(n&&Qt?C:"end"),u="center"==w[i],f=w[i]==k,a=g[i]==I,c=g[i]==T,s=ee[r],l=nn[e],v=fn[r],h=tn[e],d=u?2:1,p=h+v/2,b=l+s/2,m=v<=s&&l<=h&&h+v<=l+s;a?rn[i]=!0:rn[i]||((f||c)&&(rn[i]=c&&m,o=v<s?b<p:p<b),en[i]-=o||u?(s/d-v/d)*(n&&Qt&&y?-1:1):0)};an(!0),an(!1)}rn.y&&delete en.y,rn.x&&delete en.x,n=en}}S[_e]=B(!0,j(!0,n)),S[Oe]=B(!1,j(!1,n)),s=S[_e]!==di,l=S[Oe]!==di,(s||l)&&(0<t||_)?_?(t.complete=F,Zt.animate(S,t)):(v={duration:t,complete:F},Oi.isA(r)||Ci.isPlainObject(r)?(z[_e]=r[0]||r.x,z[Oe]=r[1]||r.y,v.specialEasing=z):v.easing=r,Zt.animate(S,v)):(s&&Zt[_e](S[_e]),l&&Zt[Oe](S[Oe]),D())},Ot.scrollStop=function(n,t,r){return Zt.stop(n,t,r),Ot},Ot.getElements=function(n){var t={target:or,host:ur,padding:ar,viewport:cr,content:sr,scrollbarHorizontal:{scrollbar:a[0],track:s[0],handle:l[0]},scrollbarVertical:{scrollbar:v[0],track:b[0],handle:m[0]},scrollbarCorner:ir[0]};return cn(n)==gi?bt(t,n):t},Ot.getState=function(n){function t(n){if(!Ci.isPlainObject(n))return n;var r=ai({},n),t=function(n,t){r[xi.hOP](n)&&(r[t]=r[n],delete r[n])};return t("w",de),t("h",pe),delete r.c,r}var r={destroyed:!!t(Et),sleeping:!!t(Ut),autoUpdate:t(!Vr),widthAuto:t(br),heightAuto:t(mr),padding:t(wr),overflowAmount:t(kr),hideOverflow:t(pr),hasOverflow:t(dr),contentScrollSize:t(vr),viewportSize:t(ee),hostSize:t(lr),documentMixed:t(y)};return cn(n)==gi?bt(r,n):r},Ot.ext=function(n){var t,r="added removed on contract".split(" "),e=0;if(cn(n)==gi){if(jn[xi.hOP](n))for(t=ai({},jn[n]);e<r.length;e++)delete t[r[e]]}else for(e in t={},jn)t[e]=ai({},Ot.ext(e));return t},Ot.addExt=function(n,t){var r,e,i,o,u=ki.extension(n),f=!0;if(u){if(jn[xi.hOP](n))return Ot.ext(n);if((r=u.extensionFactory.call(Ot,ai({},u.defaultOptions),Ci,Oi))&&(i=r.contract,cn(i)==bi&&(o=i(vi),f=cn(o)==wi?o:f),f))return e=(jn[n]=r).added,cn(e)==bi&&e(t),Ot.ext(n)}else console.warn('A extension with the name "'+n+"\" isn't registered.")},Ot.removeExt=function(n){var t,r=jn[n];return!!r&&(delete jn[n],t=r.removed,cn(t)==bi&&t(),!0)},ki.valid(function yt(n,t,r){var e,i;return o=xt.defaultOptions,It=xt.nativeScrollbarStyling,At=ai({},xt.nativeScrollbarSize),St=ai({},xt.nativeScrollbarIsOverlaid),zt=ai({},xt.overlayScrollbarDummySize),Ct=ai({},xt.rtlScrollBehavior),ot(ai({},o,t)),Tt=xt.cssCalc,D=xt.msie,kt=xt.autoUpdateRecommended,F=xt.supportTransition,ln=xt.supportTransform,w=xt.supportPassiveEvents,T=xt.supportResizeObserver,d=xt.supportMutationObserver,xt.restrictedMeasuring,P=Ci(n.ownerDocument),A=P[0],f=Ci(A.defaultView||A.parentWindow),x=f[0],c=wt(P,"html"),j=wt(c,"body"),Xt=Ci(n),or=Xt[0],Lt=Xt.is("textarea"),Rt=Xt.is("body"),y=A!==hi,p=Lt?Xt.hasClass(mn)&&Xt.parent().hasClass(_n):Xt.hasClass(rn)&&Xt.children(R+wn)[xi.l],St.x&&St.y&&!Vt.nativeScrollbarsOverlaid.initialize?(ti("onInitializationWithdrawn"),p&&(ut(!0),at(!0),st(!0)),Ut=Et=!0):(Rt&&((e={}).l=Si.max(Xt[_e](),c[_e](),f[_e]()),e.t=Si.max(Xt[Oe](),c[Oe](),f[Oe]()),i=function(){Zt.removeAttr(xi.ti),Xn(Zt,U,i,!0,!0)}),ut(),at(),st(),ft(),ct(!0),ct(!1),function s(){var r,t=x.top!==x,e={},i={},o={};function u(n){if(a(n)){var t=c(n),r={};(ne||Zr)&&(r[de]=i.w+(t.x-e.x)*o.x),(te||Zr)&&(r[pe]=i.h+(t.y-e.y)*o.y),Yt.css(r),Oi.stpP(n)}else f(n)}function f(n){var t=n!==di;Xn(P,[K,$,V],[tt,u,f],!0),si(j,Mn),ir.releaseCapture&&ir.releaseCapture(),t&&(r&&Be(),Ot.update(ge)),r=!1}function a(n){var t=(n.originalEvent||n).touches!==di;return!Ut&&!Et&&(1===Oi.mBtn(n)||t)}function c(n){return D&&t?{x:n.screenX,y:n.screenY}:Oi.page(n)}Yn(ir,U,function(n){a(n)&&!Jr&&(Vr&&(r=!0,Qe()),e=c(n),i.w=ur[xi.oW]-(Nt?0:Mt),i.h=ur[xi.oH]-(Nt?0:Dt),o=vt(),Xn(P,[K,$,V],[tt,u,f]),ci(j,Mn),ir.setCapture&&ir.setCapture(),Oi.prvD(n),Oi.stpP(n))})}(),Gn(),je(Kt,Kn),Rt&&(Zt[_e](e.l)[Oe](e.t),hi.activeElement==n&&cr.focus&&(Zt.attr(xi.ti,"-1"),cr.focus(),Xn(Zt,U,i,!1,!0))),Ot.update(ge),Ht=!0,ti("onInitialized"),h(Fn,function(n,t){ti(t.n,t.a)}),Fn=[],cn(r)==gi&&(r=[r]),Oi.isA(r)?h(r,function(n,t){Ot.addExt(t)}):Ci.isPlainObject(r)&&h(r,function(n,t){Ot.addExt(n,t)}),setTimeout(function(){F&&!Et&&ci(Yt,an)},333)),Ot}(r,n,t))&&Ti(r,Ot),Ot}function Xn(n,t,r,e,i){var o=Oi.isA(t)&&Oi.isA(r),u=e?"removeEventListener":"addEventListener",f=e?"off":"on",a=!o&&t.split(xe),c=0,s=Ci.isPlainObject(i),l=w&&(s?i.U:i)||!1,v=s&&(i.V||!1),h=w?{passive:l,capture:v}:v;if(o)for(;c<t[xi.l];c++)Xn(n,t[c],r[c],e,i);else for(;c<a[xi.l];c++)w?n[0][u](a[c],r,h):n[f](a[c],r)}function Yn(n,t,r,e){Xn(n,t,r,!1,e),qn.push(Oi.bind(Xn,0,n,t,r,!0,e))}function je(n,t){if(n){var r=Oi.rO(),e="animationstart mozAnimationStart webkitAnimationStart MSAnimationStart",i="childNodes",o=3333333,u=function(){n[Oe](o)[_e](Qt?Ct.n?-o:Ct.i?0:o:o),t()};if(t){if(T)((k=n.addClass("observed").append(ui(On)).contents()[0])[Z]=new r(u)).observe(k);else if(9<D||!kt){n.prepend(ui(On,ui({c:Sn,dir:"ltr"},ui(Sn,ui(zn))+ui(Sn,ui({c:zn,style:"width: 200%; height: 200%"})))));var f,a,c,s,l=n[0][i][0][i][0],v=Ci(l[i][1]),h=Ci(l[i][0]),d=Ci(h[0][i][0]),p=l[xi.oW],b=l[xi.oH],m=xt.nativeScrollbarSize,g=function(){h[_e](o)[Oe](o),v[_e](o)[Oe](o)},w=function(){a=0,f&&(p=c,b=s,u())},y=function(n){return c=l[xi.oW],s=l[xi.oH],f=c!=p||s!=b,n&&f&&!a?(Oi.cAF()(a),a=Oi.rAF()(w)):n||w(),g(),n&&(Oi.prvD(n),Oi.stpP(n)),!1},x={},_={};ri(_,me,[-2*(m.y+1),-2*m.x,-2*m.y,-2*(m.x+1)]),Ci(l).css(_),h.on(we,y),v.on(we,y),n.on(e,function(){y(!1)}),x[de]=o,x[pe]=o,d.css(x),g()}else{var O=A.attachEvent,S=D!==di;if(O)n.prepend(ui(On)),wt(n,R+On)[0].attachEvent("onresize",u);else{var z=A.createElement(pi);z.setAttribute(xi.ti,"-1"),z.setAttribute(xi.c,On),z.onload=function(){var n=this.contentDocument.defaultView;n.addEventListener("resize",u),n.document.documentElement.style.display="none"},z.type="text/html",S&&n.prepend(z),z.data="about:blank",S||n.prepend(z),n.on(e,u)}}if(n[0]===H){var C=function(){var n=Yt.css("direction"),t={},r=0,e=!1;return n!==E&&(r="ltr"===n?(t[le]=0,t[ce]=ge,o):(t[le]=ge,t[ce]=0,Ct.n?-o:Ct.i?0:o),Kt.children().eq(0).css(t),Kt[_e](r)[Oe](o),E=n,e=!0),e};C(),Yn(n,we,function(n){return C()&&qe(),Oi.prvD(n),Oi.stpP(n),!1})}}else if(T){var k,I=(k=n.contents()[0])[Z];I&&(I.disconnect(),delete k[Z])}else gt(n.children(R+On).eq(0))}}function Gn(){if(d){var o,u,f,a,c,s,r,e,i,l,n=Oi.mO(),v=Oi.now();C=function(n){var t=!1;return Ht&&!Ut&&(h(n,function(){return!(t=function o(n){var t=n.attributeName,r=n.target,e=n.type,i="closest";if(r===sr)return null===t;if("attributes"===e&&(t===xi.c||t===xi.s)&&!Lt){if(t===xi.c&&Ci(r).hasClass(rn))return et(n.oldValue,r.className);if(typeof r[i]!=bi)return!0;if(null!==r[i](R+On)||null!==r[i](R+kn)||null!==r[i](R+Rn))return!1}return!0}(this))}),t&&(e=Oi.now(),i=mr||br,l=function(){Et||(v=e,Lt&&$e(),i?qe():Ot.update(ge))},clearTimeout(r),11<e-v||!i?l():r=setTimeout(l,11))),t},O=new n(z=function(n){var t,r=!1,e=!1,i=[];return Ht&&!Ut&&(h(n,function(){o=(t=this).target,u=t.attributeName,f=u===xi.c,a=t.oldValue,c=o.className,p&&f&&!e&&-1<a.indexOf(en)&&c.indexOf(en)<0&&(s=lt(!0),ur.className=c.split(xe).concat(a.split(xe).filter(function(n){return n.match(s)})).join(xe),r=e=!0),r=r||(f?et(a,c):u!==xi.s||a!==o[xi.s].cssText),i.push(u)}),it(i),r&&Ot.update(e||ge)),r}),S=new n(C)}}function Be(){d&&!Vr&&(O.observe(ur,{attributes:!0,attributeOldValue:!0,attributeFilter:$n}),S.observe(Lt?or:sr,{attributes:!0,attributeOldValue:!0,subtree:!Lt,childList:!Lt,characterData:!Lt,attributeFilter:Lt?Vn:$n}),Vr=!0)}function Qe(){d&&Vr&&(O.disconnect(),S.disconnect(),Vr=!1)}function Kn(){if(!Ut){var n,t={w:H[xi.sW],h:H[xi.sH]};n=fi(t,_),_=t,n&&qe({A:!0})}}function Jn(){Kr&&Ge(!0)}function Zn(){Kr&&!j.hasClass(Mn)&&Ge(!1)}function nt(){Gr&&(Ge(!0),clearTimeout(I),I=setTimeout(function(){Gr&&!Et&&Ge(!1)},100))}function tt(n){return Oi.prvD(n),!1}function rt(n){var r=Ci(n.target);mt(function(n,t){r.is(t)&&qe({I:!0})})}function Ue(n){n||Ue(!0),Xn(Yt,$.split(xe)[0],nt,!Gr||n,!0),Xn(Yt,[q,X],[Jn,Zn],!Kr||n,!0),Ht||n||Yt.one("mouseover",Jn)}function Ve(){var n={};return Rt&&tr&&(n.w=ii(tr.css(ve+de)),n.h=ii(tr.css(ve+pe)),n.c=fi(n,Ur),n.f=!0),!!(Ur=n).c}function et(n,t){var r,e,i=typeof t==gi?t.split(xe):[],o=function f(n,t){var r,e,i=[],o=[];for(r=0;r<n.length;r++)i[n[r]]=!0;for(r=0;r<t.length;r++)i[t[r]]?delete i[t[r]]:i[t[r]]=!0;for(e in i)o.push(e);return o}(typeof n==gi?n.split(xe):[],i),u=sn(De,o);if(-1<u&&o.splice(u,1),0<o[xi.l])for(e=lt(!0,!0),r=0;r<o.length;r++)if(!o[r].match(e))return!0;return!1}function it(n){h(n=n||Pn,function(n,t){if(-1<Oi.inA(t,Pn)){var r=Xt.attr(t);cn(r)==gi?Zt.attr(t,r):Zt.removeAttr(t)}})}function $e(){if(!Ut){var n,t,r,e,i=!Fr,o=ee.w,u=ee.h,f={},a=br||i;return f[ve+de]=me,f[ve+pe]=me,f[de]=ge,Xt.css(f),n=or[xi.oW],t=a?Si.max(n,or[xi.sW]-1):1,f[de]=br?ge:ye,f[ve+de]=ye,f[pe]=ge,Xt.css(f),r=or[xi.oH],e=Si.max(r,or[xi.sH]-1),f[de]=t,f[pe]=e,er.css(f),f[ve+de]=o,f[ve+pe]=u,Xt.css(f),{$:n,X:r,Y:t,G:e}}}function qe(n){clearTimeout(qt),n=n||{},Fe.A|=n.A,Fe.I|=n.I,Fe.H|=n.H;var t,r=Oi.now(),e=!!Fe.A,i=!!Fe.I,o=!!Fe.H,u=n.T,f=0<Pe&&Ht&&!Et&&!o&&!u&&r-$t<Pe&&!mr&&!br;if(f&&(qt=setTimeout(qe,Pe)),!(Et||f||Ut&&!u||Ht&&!o&&(t=Yt.is(":hidden"))||"inline"===Yt.css("display"))){$t=r,Fe={},!It||St.x&&St.y?At=ai({},xt.nativeScrollbarSize):(At.x=0,At.y=0),ie={x:3*(At.x+(St.x?0:3)),y:3*(At.y+(St.y?0:3))},u=u||{};var a=function(){return fi.apply(this,[].slice.call(arguments).concat([o]))},c={x:Zt[_e](),y:Zt[Oe]()},s=Vt.scrollbars,l=Vt.textarea,v=s.visibility,h=a(v,Hr),d=s.autoHide,p=a(d,Er),b=s.clickScrolling,m=a(b,Lr),g=s.dragScrolling,w=a(g,Rr),y=Vt.className,x=a(y,Mr),_=Vt.resize,O=a(_,Nr)&&!Rt,S=Vt.paddingAbsolute,z=a(S,Or),C=Vt.clipAlways,k=a(C,Sr),I=Vt.sizeAutoCapable&&!Rt,T=a(I,Ar),A=Vt.nativeScrollbarsOverlaid.showNativeScrollbars,H=a(A,Ir),E=Vt.autoUpdate,L=a(E,Tr),R=Vt.overflowBehavior,N=a(R,Cr,o),W=l.dynWidth,M=a(Qr,W),D=l.dynHeight,F=a(Br,D);if(Xr="n"===d,Yr="s"===d,Gr="m"===d,Kr="l"===d,qr=s.autoHideDelay,Dr=Mr,Jr="n"===_,Zr="b"===_,ne="h"===_,te="v"===_,Wr=Vt.normalizeRTL,A=A&&St.x&&St.y,Hr=v,Er=d,Lr=b,Rr=g,Mr=y,Nr=_,Or=S,Sr=C,Ar=I,Ir=A,Tr=E,Cr=ai({},R),Qr=W,Br=D,dr=dr||{x:!1,y:!1},x&&(si(Yt,Dr+xe+De),ci(Yt,y!==di&&null!==y&&0<y.length?y:De)),L&&(!0===E||null===E&&kt?(Qe(),_t.add(Ot)):(_t.remove(Ot),Be())),T)if(I)if(rr?rr.show():(rr=Ci(ui(Ee)),Jt.before(rr)),Wt)Gt.show();else{Gt=Ci(ui(Le)),fr=Gt[0],rr.before(Gt);var P={w:-1,h:-1};je(Gt,function(){var n={w:fr[xi.oW],h:fr[xi.oH]};fi(n,P)&&(Ht&&mr&&0<n.h||br&&0<n.w||Ht&&!mr&&0===n.h||!br&&0===n.w)&&qe(),P=n}),Wt=!0,null!==Tt&&Gt.css(pe,Tt+"(100% + 1px)")}else Wt&&Gt.hide(),rr&&rr.hide();o&&(Kt.find("*").trigger(we),Wt&&Gt.find("*").trigger(we)),t=t===di?Yt.is(":hidden"):t;var j,B=!!Lt&&"off"!==Xt.attr("wrap"),Q=a(B,Fr),U=Yt.css("direction"),V=a(U,_r),$=Yt.css("box-sizing"),q=a($,gr),X=ei(ue);try{j=Wt?fr[xi.bCR]():null}catch(wt){return}Nt="border-box"===$;var Y=(Qt="rtl"===U)?le:ce,G=Qt?ce:le,K=!1,J=!(!Wt||"none"===Yt.css(be))&&(0===Si.round(j.right-j.left)&&(!!S||0<ur[xi.cW]-Mt));if(I&&!J){var Z=ur[xi.oW],nn=rr.css(de);rr.css(de,ge);var tn=ur[xi.oW];rr.css(de,nn),(K=Z!==tn)||(rr.css(de,Z+1),tn=ur[xi.oW],rr.css(de,nn),K=Z!==tn)}var rn=(J||K)&&I&&!t,en=a(rn,br),on=!rn&&br,un=!(!Wt||!I||t)&&0===Si.round(j.bottom-j.top),fn=a(un,mr),an=!un&&mr,cn=ei(fe,"-"+de,!(rn&&Nt||!Nt),!(un&&Nt||!Nt)),sn=ei(oe),ln={},vn={},hn=function(){return{w:ur[xi.cW],h:ur[xi.cH]}},dn=function(){return{w:ar[xi.oW]+Si.max(0,sr[xi.cW]-sr[xi.sW]),h:ar[xi.oH]+Si.max(0,sr[xi.cH]-sr[xi.sH])}},pn=Mt=X.l+X.r,bn=Dt=X.t+X.b;if(pn*=S?1:0,bn*=S?1:0,X.c=a(X,wr),Ft=cn.l+cn.r,Pt=cn.t+cn.b,cn.c=a(cn,yr),jt=sn.l+sn.r,Bt=sn.t+sn.b,sn.c=a(sn,xr),Fr=B,_r=U,gr=$,br=rn,mr=un,wr=X,yr=cn,xr=sn,V&&Wt&&Gt.css(be,G),X.c||V||z||en||fn||q||T){var mn={},gn={},wn=[X.t,X.r,X.b,X.l];ri(vn,oe,[-X.t,-X.r,-X.b,-X.l]),S?(ri(mn,me,wn),ri(Lt?gn:ln,ue)):(ri(mn,me),ri(Lt?gn:ln,ue,wn)),Jt.css(mn),Xt.css(gn)}ee=dn();var yn=!!Lt&&$e(),xn=Lt&&a(yn,jr),_n=Lt&&yn?{w:W?yn.Y:yn.$,h:D?yn.G:yn.X}:{};if(jr=yn,un&&(fn||z||q||X.c||cn.c)?ln[pe]=ge:(fn||z)&&(ln[pe]=ye),rn&&(en||z||q||X.c||cn.c||V)?(ln[de]=ge,vn[he+de]=ye):(en||z)&&(ln[de]=ye,ln[be]=me,vn[he+de]=me),rn?(vn[de]=ge,ln[de]=_i.d(de,"max-content intrinsic")||ge,ln[be]=G):vn[de]=me,vn[pe]=un?_n.h||sr[xi.cH]:me,I&&rr.css(vn),nr.css(ln),ln={},vn={},e||i||xn||V||q||z||en||rn||fn||un||H||N||k||O||h||p||w||m||M||F||Q){var On="overflow",Sn=On+"-x",zn=On+"-y";if(!It){var Cn={},kn=dr.y&&pr.ys&&!A?St.y?Zt.css(Y):-At.y:0,In=dr.x&&pr.xs&&!A?St.x?Zt.css(se):-At.x:0;ri(Cn,me),Zt.css(Cn)}var Tn=oi(),An={w:_n.w||Tn[xi.cW],h:_n.h||Tn[xi.cH]},Hn=Tn[xi.sW],En=Tn[xi.sH];It||(Cn[se]=an?me:In,Cn[Y]=on?me:kn,Zt.css(Cn)),ee=dn();var Ln=hn(),Rn={w:Ln.w-jt-Ft-(Nt?0:Mt),h:Ln.h-Bt-Pt-(Nt?0:Dt)},Nn={w:Si.max((rn?An.w:Hn)+pn,Rn.w),h:Si.max((un?An.h:En)+bn,Rn.h)};if(Nn.c=a(Nn,zr),zr=Nn,I){(Nn.c||un||rn)&&(vn[de]=Nn.w,vn[pe]=Nn.h,Lt||(An={w:Tn[xi.cW],h:Tn[xi.cH]}));var Wn={},Mn=function(n){var t=ni(n),r=t.j,e=t.K,i=n?rn:un,o=n?Ft:Pt,u=n?Mt:Dt,f=n?jt:Bt,a=ee[r]-o-f-(Nt?0:u);i&&(i||!cn.c)||(vn[e]=Rn[r]-1),!(i&&An[r]<a)||n&&Lt&&B||(Lt&&(Wn[e]=ii(er.css(e))-1),--vn[e]),0<An[r]&&(vn[e]=Si.max(1,vn[e]))};Mn(!0),Mn(!1),Lt&&er.css(Wn),rr.css(vn)}rn&&(ln[de]=ye),!rn||Nt||Vr||(ln[be]="none"),nr.css(ln),ln={};var Dn={w:Tn[xi.sW],h:Tn[xi.sH]};Dn.c=i=a(Dn,vr),vr=Dn,ee=dn(),e=a(Ln=hn(),lr),lr=Ln;var Fn=Lt&&(0===ee.w||0===ee.h),Pn=kr,jn={},Bn={},Qn={},Un={},Vn={},$n={},qn={},Xn=ar[xi.bCR](),Yn=function(n){var t=ni(n),r=ni(!n).Q,e=t.Q,i=t.j,o=t.K,u=we+t.J+"Max",f=Xn[o]?Si.abs(Xn[o]-ee[i]):0,a=Pn&&0<Pn[e]&&0===cr[u];jn[e]="v-s"===R[e],Bn[e]="v-h"===R[e],Qn[e]="s"===R[e],Un[e]=Si.max(0,Si.round(100*(Dn[i]-ee[i]))/100),Un[e]*=Fn||a&&0<f&&f<1?0:1,Vn[e]=0<Un[e],$n[e]=jn[e]||Bn[e]?Vn[r]&&!jn[r]&&!Bn[r]:Vn[e],$n[e+"s"]=!!$n[e]&&(Qn[e]||jn[e]),qn[e]=Vn[e]&&$n[e+"s"]};if(Yn(!0),Yn(!1),Un.c=a(Un,kr),kr=Un,Vn.c=a(Vn,dr),dr=Vn,$n.c=a($n,pr),pr=$n,St.x||St.y){var Gn,Kn={},Jn={},Zn=o;(Vn.x||Vn.y)&&(Jn.w=St.y&&Vn.y?Dn.w+zt.y:me,Jn.h=St.x&&Vn.x?Dn.h+zt.x:me,Zn=a(Jn,hr),hr=Jn),(Vn.c||$n.c||Dn.c||V||en||fn||rn||un||H)&&(ln[oe+G]=ln[fe+G]=me,Gn=function(n){var t=ni(n),r=ni(!n),e=t.Q,i=n?se:Y,o=n?un:rn;St[e]&&Vn[e]&&$n[e+"s"]?(ln[oe+i]=!o||A?me:zt[e],ln[fe+i]=n&&o||A?me:zt[e]+"px solid transparent"):(Jn[r.j]=ln[oe+i]=ln[fe+i]=me,Zn=!0)},It?li(Zt,Ae,!A):(Gn(!0),Gn(!1))),A&&(Jn.w=Jn.h=me,Zn=!0),Zn&&!It&&(Kn[de]=$n.y?Jn.w:me,Kn[pe]=$n.x?Jn.h:me,tr||(tr=Ci(ui(He)),Zt.prepend(tr)),tr.css(Kn)),nr.css(ln)}var nt,tt={};mn={};if((e||Vn.c||$n.c||Dn.c||N||q||H||V||k||fn)&&(tt[G]=me,(nt=function(n){var t=ni(n),r=ni(!n),e=t.Q,i=t.Z,o=n?se:Y,u=function(){tt[o]=me,re[r.j]=0};Vn[e]&&$n[e+"s"]?(tt[On+i]=we,A||It?u():(tt[o]=-(St[e]?zt[e]:At[e]),re[r.j]=St[e]?zt[r.Q]:0)):(tt[On+i]=me,u())})(!0),nt(!1),!It&&(ee.h<ie.x||ee.w<ie.y)&&(Vn.x&&$n.x&&!St.x||Vn.y&&$n.y&&!St.y)?(tt[ue+ae]=ie.x,tt[oe+ae]=-ie.x,tt[ue+G]=ie.y,tt[oe+G]=-ie.y):tt[ue+ae]=tt[oe+ae]=tt[ue+G]=tt[oe+G]=me,tt[ue+Y]=tt[oe+Y]=me,Vn.x&&$n.x||Vn.y&&$n.y||Fn?Lt&&Fn&&(mn[Sn]=mn[zn]="hidden"):(!C||Bn.x||jn.x||Bn.y||jn.y)&&(Lt&&(mn[Sn]=mn[zn]=me),tt[Sn]=tt[zn]="visible"),Jt.css(mn),Zt.css(tt),tt={},(Vn.c||q||en||fn)&&(!St.x||!St.y))){var rt=sr[xi.s];rt.webkitTransform="scale(1)",rt.display="run-in",sr[xi.oH],rt.display=me,rt.webkitTransform=me}if(ln={},V||en||fn)if(Qt&&rn){var et=nr.css(be),it=Si.round(nr.css(be,me).css(le,me).position().left);nr.css(be,et),it!==Si.round(nr.position().left)&&(ln[le]=it)}else ln[le]=me;if(nr.css(ln),Lt&&i){var ot=function yt(){var n=or.selectionStart;if(n===di)return;var t,r,e=Xt.val(),i=e[xi.l],o=e.split("\n"),u=o[xi.l],f=e.substr(0,n).split("\n"),a=0,c=0,s=f[xi.l],l=f[f[xi.l]-1][xi.l];for(r=0;r<o[xi.l];r++)t=o[r][xi.l],c<t&&(a=r+1,c=t);return{nn:s,tn:l,rn:u,en:c,"in":a,un:n,an:i}}();if(ot){var ut=Pr===di||ot.rn!==Pr.rn,ft=ot.nn,at=ot.tn,ct=ot["in"],st=ot.rn,lt=ot.en,vt=ot.un,ht=ot.an<=vt&&$r,dt={x:B||at!==lt||ft!==ct?-1:kr.x,y:(B?ht||ut&&Pn&&c.y===Pn.y:(ht||ut)&&ft===st)?kr.y:-1};c.x=-1<dt.x?Qt&&Wr&&Ct.i?0:dt.x:c.x,c.y=-1<dt.y?dt.y:c.y}Pr=ot}Qt&&Ct.i&&St.y&&Vn.x&&Wr&&(c.x+=re.w||0),rn&&Yt[_e](0),un&&Yt[Oe](0),Zt[_e](c.x)[Oe](c.y);var pt="v"===v,bt="h"===v,mt="a"===v,gt=function(n,t){t=t===di?n:t,Ye(!0,n,qn.x),Ye(!1,t,qn.y)};li(Yt,ke,$n.x||$n.y),li(Yt,Ie,$n.x),li(Yt,Te,$n.y),V&&!Rt&&li(Yt,Se,Qt),Rt&&ci(Yt,ze),O&&(li(Yt,ze,Jr),li(ir,Re,!Jr),li(ir,Ne,Zr),li(ir,We,ne),li(ir,Me,te)),(h||N||$n.c||Vn.c||H)&&(A?H&&(si(Yt,Ce),A&&gt(!1)):mt?gt(qn.x,qn.y):pt?gt(!0):bt&&gt(!1)),(p||H)&&(Ue(!Kr&&!Gr),Ge(Xr,!Xr)),(e||Un.c||fn||en||O||q||z||H||V)&&(Ke(!0),Je(!0),Ke(!1),Je(!1)),m&&Ze(!0,b),w&&Ze(!1,g),ti("onDirectionChanged",{isRTL:Qt,dir:U},V),ti("onHostSizeChanged",{width:lr.w,height:lr.h},e),ti("onContentSizeChanged",{width:vr.w,height:vr.h},i),ti("onOverflowChanged",{x:Vn.x,y:Vn.y,xScrollable:$n.xs,yScrollable:$n.ys,clipped:$n.x||$n.y},Vn.c||$n.c),ti("onOverflowAmountChanged",{x:Un.x,y:Un.y},Un.c)}Rt&&Ur&&(dr.c||Ur.c)&&(Ur.f||Ve(),St.y&&dr.x&&nr.css(ve+de,Ur.w+zt.y),St.x&&dr.y&&nr.css(ve+pe,Ur.h+zt.x),Ur.c=!1),Ht&&u.updateOnLoad&&Xe(),ti("onUpdated",{forced:o})}}function Xe(){Lt||mt(function(n,t){nr.find(t).each(function(n,t){Oi.inA(t,Qn)<0&&(Qn.push(t),Ci(t).off(Bn,rt).on(Bn,rt))})})}function ot(n){var t=Ii.O(n,Ii._,!0,u);return u=ai({},u,t.S),Vt=ai({},Vt,t.z),t.z}function ut(e){var n="parent",t=mn+xe+Cn,r=Lt?xe+Cn:me,i=Vt.textarea.inheritedAttrs,o={},u=function(){var r=e?Xt:Yt;h(o,function(n,t){cn(t)==gi&&(n==xi.c?r.addClass(t):r.attr(n,t))})},f=[rn,en,on,ze,Se,un,fn,an,Ce,ke,Ie,Te,De,mn,Cn,Mr].join(xe),a={};Yt=Yt||(Lt?p?Xt[n]()[n]()[n]()[n]():Ci(ui(on)):Xt),nr=nr||pt(_n+r),Zt=Zt||pt(yn+r),Jt=Jt||pt(wn+r),Kt=Kt||pt("os-resize-observer-host"),er=er||(Lt?pt(gn):di),p&&ci(Yt,en),e&&si(Yt,f),i=cn(i)==gi?i.split(xe):i,Oi.isA(i)&&Lt&&h(i,function(n,t){cn(t)==gi&&(o[t]=e?Yt.attr(t):Xt.attr(t))}),e?(p&&Ht?(Kt.children().remove(),h([Jt,Zt,nr,er],function(n,t){t&&si(t.removeAttr(xi.s),Dn)}),ci(Yt,Lt?on:rn)):(gt(Kt),nr.contents().unwrap().unwrap().unwrap(),Lt&&(Xt.unwrap(),gt(Yt),gt(er),u())),Lt&&Xt.removeAttr(xi.s),Rt&&si(c,tn)):(Lt&&(Vt.sizeAutoCapable||(a[de]=Xt.css(de),a[pe]=Xt.css(pe)),p||Xt.addClass(Cn).wrap(Yt),Yt=Xt[n]().css(a)),p||(ci(Xt,Lt?t:rn),Yt.wrapInner(nr).wrapInner(Zt).wrapInner(Jt).prepend(Kt),nr=wt(Yt,R+_n),Zt=wt(Yt,R+yn),Jt=wt(Yt,R+wn),Lt&&(nr.prepend(er),u())),It&&ci(Zt,Ae),St.x&&St.y&&ci(Zt,xn),Rt&&ci(c,tn),H=Kt[0],ur=Yt[0],ar=Jt[0],cr=Zt[0],sr=nr[0],it())}function ft(){var r,t,e=[112,113,114,115,116,117,118,119,120,121,123,33,34,37,38,39,40,16,17,18,19,20,144],i=[],n="focus";function o(n){$e(),Ot.update(ge),n&&kt&&clearInterval(r)}Lt?(9<D||!kt?Yn(Xt,"input",o):Yn(Xt,[Y,G],[function u(n){var t=n.keyCode;sn(t,e)<0&&(i[xi.l]||(o(),r=setInterval(o,1e3/60)),sn(t,i)<0&&i.push(t))},function f(n){var t=n.keyCode,r=sn(t,i);sn(t,e)<0&&(-1<r&&i.splice(r,1),i[xi.l]||o(!0))}]),Yn(Xt,[we,"drop",n,n+"out"],[function a(n){return Xt[_e](Ct.i&&Wr?9999999:0),Xt[Oe](0),Oi.prvD(n),Oi.stpP(n),!1},function c(n){setTimeout(function(){Et||o()},50)},function s(){$r=!0,ci(Yt,n)},function l(){$r=!1,i=[],si(Yt,n),o(!0)}])):Yn(nr,J,function v(n){!0!==Tr&&function l(n){if(!Ht)return 1;var t="flex-grow",r="flex-shrink",e="flex-basis",i=[de,ve+de,he+de,oe+le,oe+ce,le,ce,"font-weight","word-spacing",t,r,e],o=[ue+le,ue+ce,fe+le+de,fe+ce+de],u=[pe,ve+pe,he+pe,oe+ae,oe+se,ae,se,"line-height",t,r,e],f=[ue+ae,ue+se,fe+ae+de,fe+se+de],a="s"===Cr.x||"v-s"===Cr.x,c=!1,s=function(n,t){for(var r=0;r<n[xi.l];r++)if(n[r]===t)return!0;return!1};return("s"===Cr.y||"v-s"===Cr.y)&&((c=s(u,n))||Nt||(c=s(f,n))),a&&!c&&((c=s(i,n))||Nt||(c=s(o,n))),c}((n=n.originalEvent||n).propertyName)&&Ot.update(ge)}),Yn(Zt,we,function h(n){Ut||(t!==di?clearTimeout(t):((Yr||Gr)&&Ge(!0),dt()||ci(Yt,Ce),ti("onScrollStart",n)),Q||(Je(!0),Je(!1)),ti("onScroll",n),t=setTimeout(function(){Et||(clearTimeout(t),t=di,(Yr||Gr)&&Ge(!1),dt()||si(Yt,Ce),ti("onScrollStop",n))},175))},!0)}function at(i){var n,t,o=function(n){var t=pt(kn+xe+(n?Nn:Wn),!0),r=pt(In,t),e=pt(An,t);return p||i||(t.append(r),r.append(e)),{cn:t,sn:r,ln:e}};function r(n){var t=ni(n),r=t.cn,e=t.sn,i=t.ln;p&&Ht?h([r,e,i],function(n,t){si(t.removeAttr(xi.s),Dn)}):gt(r||o(n).cn)}i?(r(!0),r()):(n=o(!0),t=o(),a=n.cn,s=n.sn,l=n.ln,v=t.cn,b=t.sn,m=t.ln,p||(Jt.after(v),Jt.after(a)))}function ct(S){var z,i,C,k,e=ni(S),I=e.vn,t=x.top!==x,T=e.Q,r=e.Z,A=we+e.J,o="active",u="snapHandle",f="click",H=1,a=[16,17];function c(n){return D&&t?n["screen"+r]:Oi.page(n)[T]}function s(n){return Vt.scrollbars[n]}function l(){H=.5}function v(){H=1}function h(n){Oi.stpP(n)}function E(n){-1<sn(n.keyCode,a)&&l()}function L(n){-1<sn(n.keyCode,a)&&v()}function R(n){var t=(n.originalEvent||n).touches!==di;return!(Ut||Et||dt()||!Rr||t&&!s("touchSupport"))&&(1===Oi.mBtn(n)||t)}function d(n){if(R(n)){var t=I.F,r=I.M,e=I.N*((c(n)-C)*k/(t-r));e=isFinite(e)?e:0,Qt&&S&&!Ct.i&&(e*=-1),Zt[A](Si.round(i+e)),Q&&Je(S,i+e),w||Oi.prvD(n)}else N(n)}function N(n){if(n=n||n.originalEvent,Xn(P,[$,V,Y,G,K],[d,N,E,L,tt],!0),Oi.rAF()(function(){Xn(P,f,h,!0,{V:!0})}),Q&&Je(S,!0),Q=!1,si(j,Mn),si(e.ln,o),si(e.sn,o),si(e.cn,o),k=1,v(),z!==(C=i=di)&&(Ot.scrollStop(),clearTimeout(z),z=di),n){var t=ur[xi.bCR]();n.clientX>=t.left&&n.clientX<=t.right&&n.clientY>=t.top&&n.clientY<=t.bottom||Zn(),(Yr||Gr)&&Ge(!1)}}function W(n){i=Zt[A](),i=isNaN(i)?0:i,(Qt&&S&&!Ct.n||!Qt)&&(i=i<0?0:i),k=vt()[T],C=c(n),Q=!s(u),ci(j,Mn),ci(e.ln,o),ci(e.cn,o),Xn(P,[$,V,K],[d,N,tt]),Oi.rAF()(function(){Xn(P,f,h,!1,{V:!0})}),!D&&y||Oi.prvD(n),Oi.stpP(n)}Yn(e.ln,U,function p(n){R(n)&&W(n)}),Yn(e.sn,[U,q,X],[function M(n){if(R(n)){var h,t=e.vn.M/Math.round(Si.min(1,ee[e.j]/vr[e.j])*e.vn.F),d=Si.round(ee[e.j]*t),p=270*t,b=400*t,m=e.sn.offset()[e.B],r=n.ctrlKey,g=n.shiftKey,w=g&&r,y=!0,x=function(n){Q&&Je(S,n)},_=function(){x(),W(n)},O=function(){if(!Et){var n=(C-m)*k,t=I.W,r=I.F,e=I.M,i=I.N,o=I.L,u=p*H,f=y?Si.max(b,u):u,a=i*((n-e/2)/(r-e)),c=Qt&&S&&(!Ct.i&&!Ct.n||Wr),s=c?t<n:n<t,l={},v={easing:"linear",step:function(n){Q&&(Zt[A](n),Je(S,n))}};a=isFinite(a)?a:0,a=Qt&&S&&!Ct.i?i-a:a,g?(Zt[A](a),w?(a=Zt[A](),Zt[A](o),a=c&&Ct.i?i-a:a,a=c&&Ct.n?-a:a,l[T]=a,Ot.scroll(l,ai(v,{duration:130,complete:_}))):_()):(h=y?s:h,(c?h?n<=t+e:t<=n:h?t<=n:n<=t+e)?(clearTimeout(z),Ot.scrollStop(),z=di,x(!0)):(z=setTimeout(O,f),l[T]=(h?"-=":"+=")+d,Ot.scroll(l,ai(v,{duration:u}))),y=!1)}};r&&l(),k=vt()[T],C=Oi.page(n)[T],Q=!s(u),ci(j,Mn),ci(e.sn,o),ci(e.cn,o),Xn(P,[V,Y,G,K],[N,E,L,tt]),O(),Oi.prvD(n),Oi.stpP(n)}},function b(n){B=!0,(Yr||Gr)&&Ge(!0)},function m(n){B=!1,(Yr||Gr)&&Ge(!1)}]),Yn(e.cn,U,function g(n){Oi.stpP(n)}),F&&Yn(e.cn,J,function(n){n.target===e.cn[0]&&(Ke(S),Je(S))})}function Ye(n,t,r){var e=n?a:v;li(Yt,n?un:fn,!t),li(e,En,!r)}function Ge(n,t){if(clearTimeout(k),n)si(a,Ln),si(v,Ln);else{var r,e=function(){B||Et||(!(r=l.hasClass("active")||m.hasClass("active"))&&(Yr||Gr||Kr)&&ci(a,Ln),!r&&(Yr||Gr||Kr)&&ci(v,Ln))};0<qr&&!0!==t?k=setTimeout(e,qr):e()}}function Ke(n){var t={},r=ni(n),e=r.vn,i=Si.min(1,ee[r.j]/vr[r.j]);t[r.K]=Si.floor(100*i*1e6)/1e6+"%",dt()||r.ln.css(t),e.M=r.ln[0]["offset"+r.hn],e.D=i}function Je(n,t){var r,e,i=cn(t)==wi,o=Qt&&n,u=ni(n),f=u.vn,a="translate(",c=_i.v("transform"),s=_i.v("transition"),l=n?Zt[_e]():Zt[Oe](),v=t===di||i?l:t,h=f.M,d=u.sn[0]["offset"+u.hn],p=d-h,b={},m=(cr[we+u.hn]-cr["client"+u.hn])*(Ct.n&&o?-1:1),g=function(n){return isNaN(n/m)?0:Si.max(0,Si.min(1,n/m))},w=function(n){var t=p*n;return t=isNaN(t)?0:t,t=o&&!Ct.i?d-h-t:t,t=Si.max(0,t)},y=g(l),x=w(g(v)),_=w(y);f.N=m,f.L=l,f.R=y,ln?(r=o?-(d-h-x):x,e=n?a+r+"px, 0)":a+"0, "+r+"px)",b[c]=e,F&&(b[s]=i&&1<Si.abs(x-f.W)?function O(n){var t=_i.v("transition"),r=n.css(t);if(r)return r;for(var e,i,o,u="\\s*(([^,(]+(\\(.+?\\))?)+)[\\s,]*",f=new RegExp(u),a=new RegExp("^("+u+")+$"),c="property duration timing-function delay".split(" "),s=[],l=0,v=function(n){if(e=[],!n.match(a))return n;for(;n.match(f);)e.push(RegExp.$1),n=n.replace(f,me);return e};l<c[xi.l];l++)for(i=v(n.css(t+"-"+c[l])),o=0;o<i[xi.l];o++)s[o]=(s[o]?s[o]+xe:me)+i[o];return s.join(", ")}(u.ln)+", "+(c+xe+250)+"ms":me)):b[u.B]=x,dt()||(u.ln.css(b),ln&&F&&i&&u.ln.one(J,function(){Et||u.ln.css(s,me)})),f.W=x,f.P=_,f.F=d}function Ze(n,t){var r=t?"removeClass":"addClass",e=n?b:m,i=n?Tn:Hn;(n?s:l)[r](i),e[r](i)}function ni(n){return{K:n?de:pe,hn:n?"Width":"Height",B:n?le:ae,J:n?"Left":"Top",Q:n?pn:bn,Z:n?"X":"Y",j:n?"w":"h",dn:n?"l":"t",sn:n?s:b,ln:n?l:m,cn:n?a:v,vn:n?vn:hn}}function st(n){ir=ir||pt(Rn,!0),n?p&&Ht?si(ir.removeAttr(xi.s),Dn):gt(ir):p||Yt.append(ir)}function ti(n,t,r){if(!1!==r)if(Ht){var e,i=Vt.callbacks[n],o=n;"on"===o.substr(0,2)&&(o=o.substr(2,1).toLowerCase()+o.substr(3)),cn(i)==bi&&i.call(Ot,t),h(jn,function(){cn((e=this).on)==bi&&e.on(o,t)})}else Et||Fn.push({n:n,a:t})}function ri(n,t,r){r=r||[me,me,me,me],n[(t=t||me)+ae]=r[0],n[t+ce]=r[1],n[t+se]=r[2],n[t+le]=r[3]}function ei(n,t,r,e){return t=t||me,n=n||me,{t:e?0:ii(Yt.css(n+ae+t)),r:r?0:ii(Yt.css(n+ce+t)),b:e?0:ii(Yt.css(n+se+t)),l:r?0:ii(Yt.css(n+le+t))}}function lt(n,t){var r,e,i,o=function(n,t){if(i="",t&&typeof n==gi)for(e=n.split(xe),r=0;r<e[xi.l];r++)i+="|"+e[r]+"$";return i};return new RegExp("(^"+rn+"([-_].+|)$)"+o(Mr,n)+o(Dr,t),"g")}function vt(){var n=ar[xi.bCR]();return{x:ln&&1/(Si.round(n.width)/ar[xi.oW])||1,y:ln&&1/(Si.round(n.height)/ar[xi.oH])||1}}function ht(n){var t="ownerDocument",r="HTMLElement",e=n&&n[t]&&n[t].parentWindow||vi;return typeof e[r]==pi?n instanceof e[r]:n&&typeof n==pi&&null!==n&&1===n.nodeType&&typeof n.nodeName==gi}function ii(n,t){var r=t?parseFloat(n):parseInt(n,10);return isNaN(r)?0:r}function dt(){return Ir&&St.x&&St.y}function oi(){return Lt?er[0]:sr}function ui(r,n){return"<div "+(r?cn(r)==gi?'class="'+r+'"':function(){var n,t=me;if(Ci.isPlainObject(r))for(n in r)t+=("c"===n?"class":n)+'="'+r[n]+'" ';return t}():me)+">"+(n||me)+"</div>"}function pt(n,t){var r=cn(t)==wi,e=!r&&t||Yt;return p&&!e[xi.l]?null:p?e[r?"children":"find"](R+n.replace(/\s/g,R)).eq(0):Ci(ui(n))}function bt(n,t){for(var r,e=t.split(R),i=0;i<e.length;i++){if(!n[xi.hOP](e[i]))return;r=n[e[i]],i<e.length&&cn(r)==pi&&(n=r)}return r}function mt(n){var t=Vt.updateOnLoad;t=cn(t)==gi?t.split(xe):t,Oi.isA(t)&&!Et&&h(t,n)}function fi(n,t,r){if(r)return r;if(cn(n)!=pi||cn(t)!=pi)return n!==t;for(var e in n)if("c"!==e){if(!n[xi.hOP](e)||!t[xi.hOP](e))return!0;if(fi(n[e],t[e]))return!0}return!1}function ai(){return Ci.extend.apply(this,[!0].concat([].slice.call(arguments)))}function ci(n,t){return e.addClass.call(n,t)}function si(n,t){return e.removeClass.call(n,t)}function li(n,t,r){return(r?ci:si)(n,t)}function gt(n){return e.remove.call(n)}function wt(n,t){return e.find.call(n,t).eq(0)}}return zi&&zi.fn&&(zi.fn.overlayScrollbars=function(n,t){return zi.isPlainObject(n)?(zi.each(this,function(){q(this,n,t)}),this):q(this,n)}),q});