ADd template

flask-project/app.py

@@ -0,0 +1,27 @@
+from flask import Flask, render_template, request, redirect, url_for
+from scripts.utils import listNeeds
+
+
+app = Flask(__name__)
+
+@app.route("/")
+def index():
+    return render_template("index.html")
+
+@app.route("/login")
+def login():
+    return render_template("login.html")
+
+@app.route("/register")
+def register():
+    return render_template("register.html")
+
+@app.route("/game")
+def startGame():
+    moneyNeeds,_ = listNeeds('money_needs')
+    customerExpNeeds,_ = listNeeds('customer_exp')
+    sustainabilityNeeds,_ = listNeeds('sustainability')
+    return render_template("newGame.html", moneyNeeds=moneyNeeds, customerExpNeeds=customerExpNeeds, sustainabilityNeeds=sustainabilityNeeds)
+
+if __name__ == "__main__":
+    app.run(debug=True, host="0.0.0.0", port=5000)

flask-project/db/topologies_desc.csv

@@ -0,0 +1,6 @@
+Column1,Ambitious Strivers,Comfortable Altruistic,Retired and liquid,Living for Today,Struggling Families,High Wealth,Money Managers,Digital Pioneers,Ultra High Wealth,
+Proportion Sample,10%,10%,18%,17%,18%,8%,11%,6%,2%,
+Description,"Young ambitous professionals, mostly men, work hard play attitude, competitive with peers and treat themselves to expensive things, Independent, enjoy using the internet, searching for the best deal, not always brand loyal, look for the best solution case by case, want to be recognised for their achievements","More to life than money; socially responsible; do their bit for the environment, give time and money to causes that matter, Money cautios, they don�t get a kick out of making money; the use comparison tables and like to keep a distance from big banks","Over 55, active pensioners, treat themselve to short holidays, money cautious, use comparison tables to get the best deals, loyal to banks, not self directed, more to life than money, have family with children either at university or in early employment","Between 18 and 34 years old, independant, accept being in debt, salary spent at end of month, rented / shared accomodation or living at home, working in first job or in academic education","Between the ages of 21 and 40 years old. In manual or zero hour contracts, struggle to manage outgoings, have trouble managing finances to the end of the month and so low savings; in rented accomodation; dependant on support network (family) to get by","Over 40 years old, independent, city dweling, working in the professional services/banking or property sector. Has expensive tastes, owne more than 1 property, and has investments.","Couples who enjoy managing their money, actively looking for the best deal, and move money around to get the base offer. Not loyal to brands and mistrust financial instutions. In active employment but save aggressively. Do not like being in debt.","22- 35, Love exploring new ways to make money through digital means. Less afraid of risk, Open to new payment methods and technologies - like Crypto, online investing, Actively use technology to do this. Single below 40 living in metropolitan areas","Extremely high net worth from inheritied money or from CX role in a blue chip or successful entrepreneur.. Loves the high life, travels frequently, takes risky investments, has prpoerties around the world, very discreet with income and spend",
+Household Income,�42K,�64k,�55K,�24k,�32K,150k,�55k,�32K,�750K+,
+dropout %,,2%,,,,,,,10%,
+Propensity to Buy,1.4,1.2,0.7,0.5,0.5,0.9,0.4,1.2,0.8,

flask-project/requirement.txt

@@ -0,0 +1,5 @@
+altair==4.0
+transformers
+google-generativeai
+db-sqlite3
+flask

flask-project/scripts/db_util.py

@@ -0,0 +1,37 @@
+import sqlite3
+import os
+
+DB_DIR = "db"
+def fetch_db_rows_as_dicts(db_path, table_name):
+    conn = None
+    try:
+        # Connect to the SQLite database
+        dbPath = os.path.abspath(os.path.join(os.getcwd(), DB_DIR,db_path))
+        conn = sqlite3.connect(dbPath)
+        conn.row_factory = sqlite3.Row  # This allows us to access columns by name
+        cursor = conn.cursor()
+
+        # Get the column names
+        cursor.execute(f"PRAGMA table_info({table_name});")
+        columns_info = cursor.fetchall()
+        column_names = [col[1] for col in columns_info]
+        
+        # Execute a query to fetch all rows from the table
+        cursor.execute(f"SELECT * FROM {table_name};")
+        rows = cursor.fetchall()
+        assert len(rows) > 1
+        return column_names, rows[1:]
+            
+    except sqlite3.Error as e:
+        #print(f"SQLite error: {e}")
+        pass
+    finally:
+        # Close the connection
+        if conn:
+            conn.close()
+
+
+
+# Example usage:
+#dbPath = os.path.abspath(os.path.join(os.getcwd(), DB_DIR,'topologies.sqlite'))
+#fetch_db_rows_as_dicts(dbPath, 'topologies')

flask-project/scripts/utils.py

@@ -0,0 +1,263 @@
+from scripts.db_util import fetch_db_rows_as_dicts
+import google.generativeai as genai
+import json
+import os
+import pandas as pd
+
+GOOGLE_API_KEY= os.getenv('GEMINI_API_KEY')
+genai.configure(api_key=GOOGLE_API_KEY)
+model = genai.GenerativeModel(model_name = "gemini-pro")
+DB_LOCATION = 'data.sqlite'
+
+def load_json_from_string(json_string):
+    try:
+        data = json.loads(json_string)
+        return data
+    except json.JSONDecodeError as e:
+        print(f"Error decoding JSON: {e}")
+    except Exception as e:
+        print(f"An error occurred: {e}")
+
+def concatenate_keys(keys):
+    concatenated_string = ""
+    for i, d in enumerate(keys, start=1):
+        concatenated_string += f"{i}. {d}"
+    print('##########################')
+    print(concatenated_string.strip())
+    return concatenated_string.strip()
+
+def transform_to_dict_of_dicts(columns, rows):
+    # Initialize the result dictionary
+    result = {}
+
+    # Iterate over each row
+    for row in rows:
+        #print(dict(row))
+        # The first element of the row is the key for the outer dictionary
+        outer_key = row[0].strip()
+        
+        # Initialize the inner dictionary
+        inner_dict = {}
+        
+        # Iterate over the rest of the elements in the row
+        for i, value in enumerate(row[1:], start=1):
+            # The corresponding column name is the key for the inner dictionary
+            inner_key = columns[i].strip()
+            # Add the key-value pair to the inner dictionary
+            inner_dict[inner_key] = value
+        
+        # Add the inner dictionary to the result dictionary with the outer key
+        result[outer_key] = inner_dict
+
+    return result
+
+
+def transform_topologies_to_dict(columns, rows):
+    # Initialize the result dictionary
+    result = {}
+
+    # Iterate over each row
+    for row in rows:
+        #print(dict(row))
+        # The first element of the row is the key for the outer dictionary
+        outer_key = row[0].strip()
+        
+        # Initialize the inner dictionary
+        inner_dict = {}
+        
+        # Iterate over the rest of the elements in the row
+        for i, value in enumerate(row[1:], start=1):
+            # The corresponding column name is the key for the inner dictionary
+            inner_key = columns[i].strip()
+            # Add the key-value pair to the inner dictionary
+            inner_dict[inner_key] = value
+        
+        # Add the inner dictionary to the result dictionary with the outer key
+        result[outer_key] = inner_dict
+
+    return result
+
+def listNeeds(tableName, dbName=DB_LOCATION):
+    needs, rows = fetch_db_rows_as_dicts(dbName, tableName)
+    needsDict = transform_to_dict_of_dicts(needs, rows)
+    return list(needsDict.keys()), needsDict
+
+def findTop3MoneyNeeds(proposition):
+    moneyNeeds, rows = fetch_db_rows_as_dicts(DB_LOCATION, 'money_needs')
+    moneyNeedsDict = transform_to_dict_of_dicts(moneyNeeds, rows)
+    #print(list(moneyNeedsDict.keys()))
+    needs = findTop3Needs(proposition, list(moneyNeedsDict.keys()))
+    needDictIndexes = []
+    for need in needs:
+        needDictIndexes.append(moneyNeedsDict[need])
+
+    #print(needDictIndexes)
+    return needs, needDictIndexes
+
+def findTop3CustomerExperienceNeeds(proposition):
+    moneyNeeds, rows = fetch_db_rows_as_dicts(DB_LOCATION, 'customer_exp')
+    moneyNeedsDict = transform_to_dict_of_dicts(moneyNeeds, rows)
+    #print(list(moneyNeedsDict.keys()))
+    needs = findTop3Needs(proposition, list(moneyNeedsDict.keys()))
+    needDictIndexes = []
+    for need in needs:
+        needDictIndexes.append(moneyNeedsDict[need])
+
+    #print(needDictIndexes)
+    return needs, needDictIndexes
+
+
+def findTop3SustainabilityNeeds(proposition):
+    print(" Proposition sustain  = {}".format(proposition))
+    allNeeds, rows = fetch_db_rows_as_dicts(DB_LOCATION, 'sustainability')
+    needsDict = transform_to_dict_of_dicts(allNeeds, rows)
+    
+    needs = findTop3Needs(proposition, list(needsDict.keys()))
+    needDictIndexes = []
+    print(list(needsDict.keys()))
+    for need in needs:
+        needDictIndexes.append(needsDict[need])
+
+    print(needDictIndexes)
+    return needs, needDictIndexes
+
+
+def findTop3Needs(proposition, needs):
+    
+    needsString = concatenate_keys(needs)
+
+    prompt = '''You have this comma separated listed needs of customers
+    {}
+
+    Now given a proposition 
+    "{}" 
+    
+    Find the best 3 strings out of the above numbered list which best matches this proposition. Return in output only the number next to the matching string strictly only in json under a list called matches
+    '''
+
+    needsPrompt = prompt.format(needsString, proposition)
+    print(needsPrompt)
+    response = model.generate_content([needsPrompt])
+    output = response.text
+    output = output.replace('```json', '')
+    output = output.replace('```', '')
+    obj = load_json_from_string(output)
+    print(obj)
+
+    needsIndexes = [needs[int(idx)-1] for idx in obj['matches']]
+    return needsIndexes #obj['matches']
+
+
+def findTop3Topologies(proposition, demographic):
+
+    topologies = pd.read_csv('topologies_desc.csv',  encoding = "ISO-8859-1")
+
+    topologies = topologies.dropna(axis=1, how='all')
+    
+    topologyAttributes = topologies['Column1']
+    topologyNames = list(topologies.columns)
+    topologyNames.remove('Column1')
+
+    #print(" topologyNames = {} ", topologyNames)
+    
+    topologyDetails = {}
+
+    for name in topologyNames:
+        topologyDetails[name] = {}
+        for attribute in topologyAttributes:
+            topologyDetails[name][attribute] = topologies[name][pd.Index(topologies['Column1']).get_loc(attribute)]
+            
+    prompt = '''You have these listed topology names of a demographic in comma separated values below
+    {}
+
+    Now for each of these above topologies here are the details
+    {}
+
+    Now given a proposition details below
+    
+    {}
+
+    and given a demographic details below
+
+    {}
+    
+    Find the best 3 common strings out of the topology names which matches the proposition and the demographic the most. Return output strictly only in json under a list called matches
+    '''
+
+    topologyPrompt = prompt.format(", ".join(topologyNames), str(topologyDetails), proposition, demographic)
+    response = model.generate_content([topologyPrompt])
+    output = response.text
+    output = output.replace('```json', '')
+    output = output.replace('```', '')
+    obj = load_json_from_string(output)
+    print(obj)
+    return obj['matches'], topologyDetails
+
+
+def generatePropositionExample(productName, selectedProduct, moneyNeeds, customerExperience, sutainabilityNeeds):
+
+    proposal = '''You are a business sales professional who can form propostion summary of 100 words based upon the details.
+    Please take the below details and summarize a propostion in less than 100 words.
+
+    product name = {}
+    
+    product type = {}
+
+    money needs of customer which this product is supposed to target = {}
+
+    Customer experience needs which our company will provide = {}
+
+    Sustainability needs which our product takes care of = {}
+    '''
+    proposal = proposal.format(productName, selectedProduct, moneyNeeds, customerExperience, sutainabilityNeeds)
+    response = model.generate_content([proposal])
+    return response.text
+
+
+# def findTop3Needs(proposition, moneyNeeds):
+    
+#     moneyNeedsString = concatenate_keys(moneyNeeds)
+#     print(moneyNeedsString)
+
+#     prompt = '''You have these listed needs of customers
+#     {}
+
+#     Now given a proposition 
+#     "{}" 
+    
+#     Find the best 3 strings out of the list which matches this proposition. Return output strictly only in json under a list called matches
+#     '''
+
+#     moneyNeedsPrompt = prompt.format(moneyNeedsString, proposition)
+#     response = model.generate_content([moneyNeedsPrompt])
+#     output = response.text
+#     output = output.replace('```json', '')
+#     output = output.replace('```', '')
+#     obj = load_json_from_string(output)
+#     print(obj)
+#     return obj['matches']
+
+
+# findTop3Topologies('We have a product for family people giving them discounts and low interest loans for home appliances. They can pay us back in small instalments over the course of 4 years',
+#                    'CharlesTown city people are young families people mostly with a population of 20000. Out of this 65% are between the age of 30-45. Most of them have kids aged between 0-15')
+
+#findTop3SustainabilityNeeds('We support Home appliances are all electric and use no fuel based energy')
+
+#We provide a credit card which gives 10% discount on purchasing home appliances and also provides low interest rates based loans
+
+#customer need - We provide our customer with utmost comfort and at home service
+
+# subscriber take out
+
+# 250 and below with a negative factor of 2.0
+# 260 with a negative factor of 1.8
+# 270 with a negative factor of 1.6
+# 280 with a negative factor of 1.0
+# 300 with a factor of 1
+# 310 with a factor of 1.2
+# 320 with a factor of 1.4
+# 340 with a factor or 1.5
+# 360+ with a factor of 2.0
+
+#a,b = listNeeds('money_needs')
+#print(a)

flask-project/static/css/animate.css

@@ -0,0 +1,3782 @@
+@charset "UTF-8";
+
+/*!
+Animate.css - http://daneden.me/animate
+Licensed under the MIT license - http://opensource.org/licenses/MIT
+
+Copyright (c) 2015 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;
+}
+
+.animated.hinge {
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+}
+
+.animated.bounceIn,
+.animated.bounceOut {
+  -webkit-animation-duration: .75s;
+  animation-duration: .75s;
+}
+
+.animated.flipOutX,
+.animated.flipOutY {
+  -webkit-animation-duration: .75s;
+  animation-duration: .75s;
+}
+
+@-webkit-keyframes bounce {
+  0%, 20%, 53%, 80%, 100% {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    -webkit-transform: translate3d(0,0,0);
+    transform: translate3d(0,0,0);
+  }
+
+  40%, 43% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    -webkit-transform: translate3d(0, -30px, 0);
+    transform: translate3d(0, -30px, 0);
+  }
+
+  70% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    -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 {
+  0%, 20%, 53%, 80%, 100% {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    -webkit-transform: translate3d(0,0,0);
+    transform: translate3d(0,0,0);
+  }
+
+  40%, 43% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    -webkit-transform: translate3d(0, -30px, 0);
+    transform: translate3d(0, -30px, 0);
+  }
+
+  70% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    -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 {
+  0%, 50%, 100% {
+    opacity: 1;
+  }
+
+  25%, 75% {
+    opacity: 0;
+  }
+}
+
+@keyframes flash {
+  0%, 50%, 100% {
+    opacity: 1;
+  }
+
+  25%, 75% {
+    opacity: 0;
+  }
+}
+
+.flash {
+  -webkit-animation-name: flash;
+  animation-name: flash;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes pulse {
+  0% {
+    -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);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes pulse {
+  0% {
+    -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);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.pulse {
+  -webkit-animation-name: pulse;
+  animation-name: pulse;
+}
+
+@-webkit-keyframes rubberBand {
+  0% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.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);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes rubberBand {
+  0% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.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);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.rubberBand {
+  -webkit-animation-name: rubberBand;
+  animation-name: rubberBand;
+}
+
+@-webkit-keyframes shake {
+  0%, 100% {
+    -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 {
+  0%, 100% {
+    -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 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);
+  }
+
+  100% {
+    -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);
+  }
+
+  100% {
+    -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 {
+  0% {
+    -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);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes tada {
+  0% {
+    -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);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.tada {
+  -webkit-animation-name: tada;
+  animation-name: tada;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes wobble {
+  0% {
+    -webkit-transform: none;
+    transform: none;
+  }
+
+  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);
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes wobble {
+  0% {
+    -webkit-transform: none;
+    transform: none;
+  }
+
+  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);
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.wobble {
+  -webkit-animation-name: wobble;
+  animation-name: wobble;
+}
+
+@-webkit-keyframes jello {
+  11.1% {
+    -webkit-transform: none;
+            transform: none
+  }
+
+  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)
+  }
+  100% {
+    -webkit-transform: none;
+            transform: none
+  }
+}
+
+@keyframes jello {
+  11.1% {
+    -webkit-transform: none;
+            transform: none
+  }
+
+  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)
+  }
+  100% {
+    -webkit-transform: none;
+            transform: none
+  }
+}
+
+
+
+.jello{
+    -webkit-animation-name:jello;
+            animation-name:jello;
+    -webkit-transform-origin: center;
+
+            transform-origin: center
+}
+
+@-webkit-keyframes bounceIn {
+  0%, 20%, 40%, 60%, 80%, 100% {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  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);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes bounceIn {
+  0%, 20%, 40%, 60%, 80%, 100% {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  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);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.bounceIn {
+  -webkit-animation-name: bounceIn;
+  animation-name: bounceIn;
+}
+
+@-webkit-keyframes bounceInDown {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  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);
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes bounceInDown {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  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);
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.bounceInDown {
+  -webkit-animation-name: bounceInDown;
+  animation-name: bounceInDown;
+}
+
+@-webkit-keyframes bounceInLeft {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  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);
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes bounceInLeft {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  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);
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.bounceInLeft {
+  -webkit-animation-name: bounceInLeft;
+  animation-name: bounceInLeft;
+}
+
+@-webkit-keyframes bounceInRight {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  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);
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes bounceInRight {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  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);
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.bounceInRight {
+  -webkit-animation-name: bounceInRight;
+  animation-name: bounceInRight;
+}
+
+@-webkit-keyframes bounceInUp {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    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);
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes bounceInUp {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    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);
+  }
+
+  100% {
+    -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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+}
+
+.bounceOut {
+  -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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+.bounceOutUp {
+  -webkit-animation-name: bounceOutUp;
+  animation-name: bounceOutUp;
+}
+
+
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+.fadeIn {
+  -webkit-animation-name: fadeIn;
+  animation-name: fadeIn;
+}
+
+@-webkit-keyframes fadeInDown {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(-20px);
+    transform: translateY(-20px);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+}
+
+@keyframes fadeInDown {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(-20px);
+    -ms-transform: translateY(-20px);
+    transform: translateY(-20px);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+  }
+}
+
+.fadeInDown {
+  -webkit-animation-name: fadeInDown;
+  animation-name: fadeInDown;
+}
+
+@-webkit-keyframes fadeInDownBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(-2000px);
+    transform: translateY(-2000px);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+}
+
+@keyframes fadeInDownBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(-2000px);
+    -ms-transform: translateY(-2000px);
+    transform: translateY(-2000px);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+  }
+}
+
+.fadeInDownBig {
+  -webkit-animation-name: fadeInDownBig;
+  animation-name: fadeInDownBig;
+}
+
+@-webkit-keyframes fadeInLeft {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(-20px);
+    transform: translateX(-20px);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+
+@keyframes fadeInLeft {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(-20px);
+    -ms-transform: translateX(-20px);
+    transform: translateX(-20px);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    -ms-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+
+.fadeInLeft {
+  -webkit-animation-name: fadeInLeft;
+  animation-name: fadeInLeft;
+}
+
+@-webkit-keyframes fadeInLeftBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(-2000px);
+    transform: translateX(-2000px);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+
+@keyframes fadeInLeftBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(-2000px);
+    -ms-transform: translateX(-2000px);
+    transform: translateX(-2000px);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    -ms-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+
+.fadeInLeftBig {
+  -webkit-animation-name: fadeInLeftBig;
+  animation-name: fadeInLeftBig;
+}
+
+@-webkit-keyframes fadeInRight {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(20px);
+    transform: translateX(20px);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+
+@keyframes fadeInRight {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(20px);
+    -ms-transform: translateX(20px);
+    transform: translateX(20px);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    -ms-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+
+.fadeInRight {
+  -webkit-animation-name: fadeInRight;
+  animation-name: fadeInRight;
+}
+
+@-webkit-keyframes fadeInRightBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(2000px);
+    transform: translateX(2000px);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+
+@keyframes fadeInRightBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(2000px);
+    -ms-transform: translateX(2000px);
+    transform: translateX(2000px);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    -ms-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+
+.fadeInRightBig {
+  -webkit-animation-name: fadeInRightBig;
+  animation-name: fadeInRightBig;
+}
+
+@-webkit-keyframes fadeInUp {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(20px);
+    transform: translateY(20px);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+}
+
+@keyframes fadeInUp {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(20px);
+    -ms-transform: translateY(20px);
+    transform: translateY(20px);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+  }
+}
+
+.fadeInUp {
+  -webkit-animation-name: fadeInUp;
+  animation-name: fadeInUp;
+}
+
+@-webkit-keyframes fadeInUpBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(2000px);
+    transform: translateY(2000px);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+}
+
+@keyframes fadeInUpBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(2000px);
+    -ms-transform: translateY(2000px);
+    transform: translateY(2000px);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+  }
+}
+
+.fadeInUpBig {
+  -webkit-animation-name: fadeInUpBig;
+  animation-name: fadeInUpBig;
+}
+
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+.fadeOut {
+  -webkit-animation-name: fadeOut;
+  animation-name: fadeOut;
+}
+
+@-webkit-keyframes fadeOutDown {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(20px);
+    transform: translateY(20px);
+  }
+}
+
+@keyframes fadeOutDown {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(20px);
+    -ms-transform: translateY(20px);
+    transform: translateY(20px);
+  }
+}
+
+.fadeOutDown {
+  -webkit-animation-name: fadeOutDown;
+  animation-name: fadeOutDown;
+}
+
+@-webkit-keyframes fadeOutDownBig {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(2000px);
+    transform: translateY(2000px);
+  }
+}
+
+@keyframes fadeOutDownBig {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(2000px);
+    -ms-transform: translateY(2000px);
+    transform: translateY(2000px);
+  }
+}
+
+.fadeOutDownBig {
+  -webkit-animation-name: fadeOutDownBig;
+  animation-name: fadeOutDownBig;
+}
+
+@-webkit-keyframes fadeOutLeft {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translateX(-20px);
+    transform: translateX(-20px);
+  }
+}
+
+@keyframes fadeOutLeft {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    -ms-transform: translateX(0);
+    transform: translateX(0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translateX(-20px);
+    -ms-transform: translateX(-20px);
+    transform: translateX(-20px);
+  }
+}
+
+.fadeOutLeft {
+  -webkit-animation-name: fadeOutLeft;
+  animation-name: fadeOutLeft;
+}
+
+@-webkit-keyframes fadeOutLeftBig {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translateX(-2000px);
+    transform: translateX(-2000px);
+  }
+}
+
+@keyframes fadeOutLeftBig {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    -ms-transform: translateX(0);
+    transform: translateX(0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translateX(-2000px);
+    -ms-transform: translateX(-2000px);
+    transform: translateX(-2000px);
+  }
+}
+
+.fadeOutLeftBig {
+  -webkit-animation-name: fadeOutLeftBig;
+  animation-name: fadeOutLeftBig;
+}
+
+@-webkit-keyframes fadeOutRight {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translateX(20px);
+    transform: translateX(20px);
+  }
+}
+
+@keyframes fadeOutRight {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    -ms-transform: translateX(0);
+    transform: translateX(0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translateX(20px);
+    -ms-transform: translateX(20px);
+    transform: translateX(20px);
+  }
+}
+
+.fadeOutRight {
+  -webkit-animation-name: fadeOutRight;
+  animation-name: fadeOutRight;
+}
+
+@-webkit-keyframes fadeOutRightBig {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translateX(2000px);
+    transform: translateX(2000px);
+  }
+}
+
+@keyframes fadeOutRightBig {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    -ms-transform: translateX(0);
+    transform: translateX(0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translateX(2000px);
+    -ms-transform: translateX(2000px);
+    transform: translateX(2000px);
+  }
+}
+
+.fadeOutRightBig {
+  -webkit-animation-name: fadeOutRightBig;
+  animation-name: fadeOutRightBig;
+}
+
+@-webkit-keyframes fadeOutUp {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-20px);
+    transform: translateY(-20px);
+  }
+}
+
+@keyframes fadeOutUp {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-20px);
+    -ms-transform: translateY(-20px);
+    transform: translateY(-20px);
+  }
+}
+
+.fadeOutUp {
+  -webkit-animation-name: fadeOutUp;
+  animation-name: fadeOutUp;
+}
+
+@-webkit-keyframes fadeOutUpBig {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-2000px);
+    transform: translateY(-2000px);
+  }
+}
+
+@keyframes fadeOutUpBig {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    -ms-transform: translateY(0);
+    transform: translateY(0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-2000px);
+    -ms-transform: translateY(-2000px);
+    transform: translateY(-2000px);
+  }
+}
+
+.fadeOutUpBig {
+  -webkit-animation-name: fadeOutUpBig;
+  animation-name: fadeOutUpBig;
+}
+
+@-webkit-keyframes flip {
+  0% {
+    -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;
+  }
+
+  100% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+}
+
+@keyframes flip {
+  0% {
+    -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;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -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);
+  }
+
+  100% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+
+@keyframes flipInX {
+  0% {
+    -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);
+  }
+
+  100% {
+    -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 {
+  0% {
+    -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);
+  }
+
+  100% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+
+@keyframes flipInY {
+  0% {
+    -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);
+  }
+
+  100% {
+    -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 {
+  0% {
+    -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;
+  }
+
+  100% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes flipOutX {
+  0% {
+    -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;
+  }
+
+  100% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.flipOutX {
+  -webkit-animation-name: flipOutX;
+  animation-name: flipOutX;
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+}
+
+@-webkit-keyframes flipOutY {
+  0% {
+    -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;
+  }
+
+  100% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes flipOutY {
+  0% {
+    -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;
+  }
+
+  100% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.flipOutY {
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  -webkit-animation-name: flipOutY;
+  animation-name: flipOutY;
+}
+
+@-webkit-keyframes lightSpeedIn {
+  0% {
+    -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;
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes lightSpeedIn {
+  0% {
+    -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;
+  }
+
+  100% {
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.lightSpeedIn {
+  -webkit-animation-name: lightSpeedIn;
+  animation-name: lightSpeedIn;
+  -webkit-animation-timing-function: ease-out;
+  animation-timing-function: ease-out;
+}
+
+@-webkit-keyframes lightSpeedOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+}
+
+@keyframes lightSpeedOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, -200deg);
+    transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes rotateIn {
+  0% {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, -200deg);
+    transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateIn {
+  -webkit-animation-name: rotateIn;
+  animation-name: rotateIn;
+}
+
+@-webkit-keyframes rotateInDownLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInDownLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInDownLeft {
+  -webkit-animation-name: rotateInDownLeft;
+  animation-name: rotateInDownLeft;
+}
+
+@-webkit-keyframes rotateInDownRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInDownRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInDownRight {
+  -webkit-animation-name: rotateInDownRight;
+  animation-name: rotateInDownRight;
+}
+
+@-webkit-keyframes rotateInUpLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInUpLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInUpLeft {
+  -webkit-animation-name: rotateInUpLeft;
+  animation-name: rotateInUpLeft;
+}
+
+@-webkit-keyframes rotateInUpRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -90deg);
+    transform: rotate3d(0, 0, 1, -90deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInUpRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -90deg);
+    transform: rotate3d(0, 0, 1, -90deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: none;
+    transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInUpRight {
+  -webkit-animation-name: rotateInUpRight;
+  animation-name: rotateInUpRight;
+}
+
+@-webkit-keyframes rotateOut {
+  0% {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, 200deg);
+    transform: rotate3d(0, 0, 1, 200deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOut {
+  0% {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -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 {
+  0% {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -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;
+  }
+
+  100% {
+    -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;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 700px, 0);
+    transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+}
+
+.hinge {
+  -webkit-animation-name: hinge;
+  animation-name: hinge;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes rollIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+@keyframes rollIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
+}
+
+.rollIn {
+  -webkit-animation-name: rollIn;
+  animation-name: rollIn;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes rollOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    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 {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    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 {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+@keyframes zoomIn {
+  0% {
+    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 zoomInStable {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+
+  33.333% {
+    opacity: 1;
+	-webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  
+  66.666666% {
+    opacity: 1;
+	-webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes zoomInStable {
+ 0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+
+  33.333% {
+    opacity: 1;
+	-webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  
+  66.666666% {
+    opacity: 1;
+	-webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.zoomInStable {
+  -webkit-animation-name: zoomInStable;
+  animation-name: zoomInStable;
+}
+
+@-webkit-keyframes zoomInDown {
+  0% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+@keyframes zoomInDown {
+  0% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInDown {
+  -webkit-animation-name: zoomInDown;
+  animation-name: zoomInDown;
+}
+
+@-webkit-keyframes zoomInLeft {
+  0% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+@keyframes zoomInLeft {
+  0% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInLeft {
+  -webkit-animation-name: zoomInLeft;
+  animation-name: zoomInLeft;
+}
+
+@-webkit-keyframes zoomInRight {
+  0% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+@keyframes zoomInRight {
+  0% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInRight {
+  -webkit-animation-name: zoomInRight;
+  animation-name: zoomInRight;
+}
+
+@-webkit-keyframes zoomInUp {
+  0% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+@keyframes zoomInUp {
+  0% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInUp {
+  -webkit-animation-name: zoomInUp;
+  animation-name: zoomInUp;
+}
+
+@-webkit-keyframes zoomOut {
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes zoomOut {
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+
+  100% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  100% {
+    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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  100% {
+    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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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);
+  }
+
+  100% {
+    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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  100% {
+    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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  100% {
+    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(0.175, 0.885, 0.320, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomOutUp {
+  -webkit-animation-name: zoomOutUp;
+  animation-name: zoomOutUp;
+}
+
+@-webkit-keyframes slideInDown {
+  0% {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slideInDown {
+  0% {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInDown {
+  -webkit-animation-name: slideInDown;
+  animation-name: slideInDown;
+}
+
+@-webkit-keyframes slideInLeft {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slideInLeft {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInLeft {
+  -webkit-animation-name: slideInLeft;
+  animation-name: slideInLeft;
+}
+
+@-webkit-keyframes slideInRight {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slideInRight {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInRight {
+  -webkit-animation-name: slideInRight;
+  animation-name: slideInRight;
+}
+
+@-webkit-keyframes slideInUp {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slideInUp {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInUp {
+  -webkit-animation-name: slideInUp;
+  animation-name: slideInUp;
+}
+
+@-webkit-keyframes slideOutDown {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes slideOutDown {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+.slideOutDown {
+  -webkit-animation-name: slideOutDown;
+  animation-name: slideOutDown;
+}
+
+@-webkit-keyframes slideOutLeft {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes slideOutLeft {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+.slideOutLeft {
+  -webkit-animation-name: slideOutLeft;
+  animation-name: slideOutLeft;
+}
+
+@-webkit-keyframes slideOutRight {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes slideOutRight {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.slideOutRight {
+  -webkit-animation-name: slideOutRight;
+  animation-name: slideOutRight;
+}
+
+@-webkit-keyframes slideOutUp {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes slideOutUp {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+.slideOutUp {
+  -webkit-animation-name: slideOutUp;
+  animation-name: slideOutUp;
+}
+
+@keyframes anime {
+from {
+	opacity: 0;
+	transform: scaleY(0);
+	-webkit-transform: scaleY(0);
+	-moz-transform: scaleY(0);
+	-ms-transform: scaleY(0);
+	-o-transform: scaleY(0);
+}
+to {
+	opacity: 1;
+	transform: scaleY(1);
+	-webkit-transform: scaleY(1);
+	-ms-transform: scaleY(1);
+	-o-transform: scaleY(1);
+	-moz-transform: scaleY(1);
+}
+}
+
+@-webkit-keyframes anime {
+from {
+	opacity: 0;
+	transform: scaleY(0);
+	-webkit-transform: scaleY(0);
+	-moz-transform: scaleY(0);
+	-ms-transform: scaleY(0);
+	-o-transform: scaleY(0);
+}
+to {
+	opacity: 1;
+	transform: scaleY(1);
+	-webkit-transform: scaleY(1);
+	-ms-transform: scaleY(1);
+	-o-transform: scaleY(1);
+	-moz-transform: scaleY(1);
+}
+}
+
+@-moz-keyframes anime {
+from {
+	opacity: 0;
+	transform: scaleY(0);
+	-webkit-transform: scaleY(0);
+	-moz-transform: scaleY(0);
+	-ms-transform: scaleY(0);
+	-o-transform: scaleY(0);
+}
+to {
+	opacity: 1;
+	transform: scaleY(1);
+	-webkit-transform: scaleY(1);
+	-ms-transform: scaleY(1);
+	-o-transform: scaleY(1);
+	-moz-transform: scaleY(1);
+}
+
+}
+
+@-o-keyframes anime {
+from {
+	opacity: 0;
+	transform: scaleY(0);
+	-webkit-transform: scaleY(0);
+	-moz-transform: scaleY(0);
+	-ms-transform: scaleY(0);
+	-o-transform: scaleY(0);
+}
+to {
+	opacity: 1;
+	transform: scaleY(1);
+	-webkit-transform: scaleY(1);
+	-ms-transform: scaleY(1);
+	-o-transform: scaleY(1);
+	-moz-transform: scaleY(1);
+}
+}
+
+@-ms-keyframes anime {
+from {
+	opacity: 0;
+	transform: scaleY(0);
+	-webkit-transform: scaleY(0);
+	-moz-transform: scaleY(0);
+	-ms-transform: scaleY(0);
+	-o-transform: scaleY(0);
+}
+to {
+	opacity: 1;
+	transform: scaleY(1);
+	-webkit-transform: scaleY(1);
+	-ms-transform: scaleY(1);
+	-o-transform: scaleY(1);
+	-moz-transform: scaleY(1);
+}
+
+}
+
+
+@keyframes float-bob-y {
+  0% {
+    -webkit-transform: translateY(-20px);
+    transform: translateY(-20px);
+  }
+
+  50% {
+    -webkit-transform: translateY(-10px);
+    transform: translateY(-10px);
+  }
+
+  100% {
+    -webkit-transform: translateY(-20px);
+    transform: translateY(-20px);
+  }
+}
+
+@keyframes float-bob-x {
+  0% {
+    -webkit-transform: translateX(-100px);
+    transform: translateX(-100px);
+  }
+
+  50% {
+    -webkit-transform: translateX(-10px);
+    transform: translateX(-10px);
+  }
+
+  100% {
+    -webkit-transform: translateX(-100px);
+    transform: translateX(-100px);
+  }
+}
+
+
+
+
+@keyframes float-bob {
+  0% {
+    -webkit-transform: translateX(-430px);
+    transform: translateX(-430px);
+  }
+
+  50% {
+    -webkit-transform: translateX(-10px);
+    transform: translateX(-10px);
+  }
+
+  100% {
+    -webkit-transform: translateX(-430px);
+    transform: translateX(-430px);
+  }
+}
+
+
+@-webkit-keyframes zoom-fade {
+  0% {
+    -webkit-transform: scale(0.9);
+    transform: scale(0.9);
+  }
+
+  50% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+
+  100% {
+    -webkit-transform: scale(0.9);
+    transform: scale(0.9);
+  }
+}
+
+@keyframes zoom-fade {
+  0% {
+    -webkit-transform: scale(0.9);
+    transform: scale(0.9);
+  }
+
+  50% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+
+  100% {
+    -webkit-transform: scale(0.9);
+    transform: scale(0.9);
+  }
+}
+
+
+@-webkit-keyframes zoom-fade-two {
+  0% {
+    -webkit-transform: scale(1.5);
+    transform: scale(1.5);
+  }
+
+  50% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+
+  100% {
+    -webkit-transform: scale(1.5);
+    transform: scale(1.5);
+  }
+}
+
+@keyframes zoom-fade-two {
+  0% {
+    -webkit-transform: scale(1.5);
+    transform: scale(1.5);
+  }
+
+  50% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+
+  100% {
+    -webkit-transform: scale(1.5);
+    transform: scale(1.5);
+  }
+}
+
+
+.banner .parallax-container div img,
+.fullwidth-video-section .play-link .icon-box{
+    animation-name: zoom-fade; 
+    animation-duration: 5s; 
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+  
+  -webkit-animation-name: zoom-fade; 
+    -webkit-animation-duration: 5s; 
+    -webkit-animation-iteration-count: infinite;
+    -webkit-animation-timing-function: linear;
+  
+  -moz-animation-name: zoom-fade; 
+    -moz-animation-duration: 5s; 
+    -moz-animation-iteration-count: infinite;
+    -moz-animation-timing-function: linear;
+  
+  -ms-animation-name: zoom-fade; 
+    -ms-animation-duration: 5s; 
+    -ms-animation-iteration-count: infinite;
+    -ms-animation-timing-function: linear;
+  
+  -o-animation-name: zoom-fade; 
+    -o-animation-duration: 5s; 
+    -o-animation-iteration-count: infinite;
+    -o-animation-timing-function: linear;
+}
+
+
+
+@keyframes rotateme {
+    from {
+        transform: rotate(0deg);
+    }
+    to { 
+        transform: rotate(360deg);
+    }
+}
+@-webkit-keyframes rotateme {
+    from {
+        -webkit-transform: rotate(0deg);
+    }
+    to { 
+        -webkit-transform: rotate(360deg);
+    }
+}
+@-moz-keyframes rotateme {
+    from {
+        -moz-transform: rotate(0deg);
+    }
+    to { 
+        -moz-transform: rotate(360deg);
+    }
+}
+@-o-keyframes rotateme {
+    from {
+        -o-transform: rotate(0deg);
+    }
+    to { 
+        -o-transform: rotate(360deg);
+    }
+}
+
+.page-banner .icon-one,
+.main-banner .icon-one{
+    animation-name: rotateme; 
+    animation-duration: 7s; 
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+  
+  -webkit-animation-name: rotateme; 
+    -webkit-animation-duration: 7s; 
+    -webkit-animation-iteration-count: infinite;
+    -webkit-animation-timing-function: linear;
+  
+  -moz-animation-name: rotateme; 
+    -moz-animation-duration: 7s; 
+    -moz-animation-iteration-count: infinite;
+    -moz-animation-timing-function: linear;
+  
+  -ms-animation-name: rotateme; 
+    -ms-animation-duration: 7s; 
+ 
+ -ms-animation-iteration-count: infinite;
+    -ms-animation-timing-function: linear;
+  
+  -o-animation-name: rotateme; 
+    -o-animation-duration: 7s; 
+    -o-animation-iteration-count: infinite;
+    -o-animation-timing-function: linear;
+}
+
+.how-it-works:before,
+.main-banner .icon-six,
+.main-banner .icon-two,
+.page-banner .icon-six,
+.page-banner .icon-two,
+.rotate-me {
+    animation-name: rotateme; 
+    animation-duration: 24s; 
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+  
+  -webkit-animation-name: rotateme; 
+    -webkit-animation-duration: 24s; 
+    -webkit-animation-iteration-count: infinite;
+    -webkit-animation-timing-function: linear;
+  
+  -moz-animation-name: rotateme; 
+    -moz-animation-duration: 24s; 
+    -moz-animation-iteration-count: infinite;
+    -moz-animation-timing-function: linear;
+  
+  -ms-animation-name: rotateme; 
+    -ms-animation-duration: 24s; 
+    -ms-animation-iteration-count: infinite;
+    -ms-animation-timing-function: linear;
+  
+  -o-animation-name: rotateme; 
+    -o-animation-duration: 24s; 
+    -o-animation-iteration-count: infinite;
+    -o-animation-timing-function: linear;
+}
+
+
+@-webkit-keyframes footer-animate {
+  0% {
+    -webkit-transform: translateX(-1000px);
+    transform: translateX(-1000px);
+  }
+
+  50% {
+    -webkit-transform: translateX(-10px);
+    transform: translateX(-10px);
+  }
+
+  100% {
+    -webkit-transform: translateX(-1000px);
+    transform: translateX(-1000px);
+  }
+}
+
+@keyframes footer-animate {
+  0% {
+    -webkit-transform: translateX(-1000px);
+    transform: translateX(-1000px);
+  }
+
+  50% {
+    -webkit-transform: translateX(-10px);
+    transform: translateX(-10px);
+  }
+
+  100% {
+    -webkit-transform: translateX(-1000px);
+    transform: translateX(-1000px);
+  }
+}
+
+/** squares **/
+
+squares{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0}}
+@-moz-keyframes squares{0%{-moz-transform:scale(1);transform:scale(1);opacity:0}20%{-moz-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-moz-transform:scale(2.1);transform:scale(2.1);opacity:0}}
+@-o-keyframes squares{0%{-o-transform:scale(1);transform:scale(1);opacity:0}20%{-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-o-transform:scale(2.1);transform:scale(2.1);opacity:0}}
+@keyframes squares{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);-moz-transform:scale(1.24);-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);-moz-transform:scale(2.1);-o-transform:scale(2.1);transform:scale(2.1);opacity:0}} 
+
+
+
+/** service-hexagon **/
+
+
+service_hexagon_2{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-moz-keyframes service_hexagon_2{0%{-moz-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-moz-transform:rotateY(360deg);transform:rotateY(360deg)}}@-o-keyframes service_hexagon_2{0%{-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-o-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes service_hexagon_2{0%{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}}
+
+service_hexagon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes service_hexagon{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes service_hexagon{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes service_hexagon{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
+
+@-webkit-keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}}@-moz-keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}}@keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}}@-webkit-keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}}@-moz-keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}}@keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}}

flask-project/static/css/color.css

@@ -0,0 +1,10 @@
+
+/* template-color */
+
+.handle-preloader{
+	background: #EC4E4F;
+}
+
+.preloader-close{
+	color: #EC4E4F;
+}

flask-project/static/css/color/crimson.css

@@ -0,0 +1,139 @@
+
+
+
+/* color */
+
+.main-menu .navigation > li.current > a,
+.main-menu .navigation > li:hover > a,
+.main-menu .navigation > li > ul > li > a:hover,
+.main-menu .navigation > li > .megamenu li > a:hover,
+.main-menu .navigation > li > ul > li > ul > li > a:hover,
+.scroll-to-top .scroll-bar-text,
+.header-top .links-list li a:hover,
+.header-top .info-list li i,
+.header-top .info-list li a:hover,
+.banner-carousel .content-box h2 span,
+.sec-title h6,
+.content_block_one .content-box .inner-box .single-item .icon-box,
+.service-block-one .inner-box .icon-box,
+.content_block_two .content-box .form-group input[type='button'],
+.funfact-block-one:first-child .inner-box .icon-box,
+.theme-btn.btn-three,
+.news-block-one .inner-box .post-date i,
+.news-block-one .inner-box h3 a:hover,
+.news-block-one .inner-box .post-info li i,
+.news-block-one .inner-box .post-info li a:hover,
+.scroll-to-top .scroll-bar-text,
+.main-footer a:hover,
+.footer-bottom p a,
+.sec-title h2 span,
+.feature-block-two .inner-box .icon-box,
+.feature-block-two .inner-box h3 a:hover,
+.content_block_four .content-box .list-item li:before,
+.card-block-one .inner-box .lower-content h3 a:hover,
+.processing-block-one:hover .inner-box .count-text,
+.news-block-two .inner-box .lower-content h3 a:hover,
+.news-block-two .inner-box .lower-content .post-info li i,
+.news-block-two .inner-box .lower-content .post-info li a:hover,
+.page-title .bread-crumb li a:hover,
+.team-block-one .inner-box .lower-content h3 a:hover,
+.team-block-one .inner-box:hover .lower-content .designation,
+.team-details .content-box .designation,
+.team-details .content-box .info-list li a:hover,
+.career-block-one .inner-box .info-box li i,
+.career-block-one .inner-box .btn-box a,
+.career-details-content .content-one span,
+.career-sidebar .info-list li i,
+.news-block-three .inner-box .lower-content .post-info li i,
+.news-block-three .inner-box .lower-content .post-info li a:hover,
+.news-block-three .inner-box .lower-content h3 a:hover,
+.news-block-three .inner-box .lower-content .btn-box a,
+.blog-sidebar .search-widget .search-inner .form-group input:focus + button,
+.blog-sidebar .search-widget .search-inner .form-group button:hover,
+.blog-sidebar .category-widget .category-list li a:before,
+.blog-sidebar .category-widget .category-list li a:hover,
+.blog-sidebar .post-widget .post h5 a:hover,
+.blog-sidebar .post-widget .post .post-date i,
+.info-block-one .inner-box p a:hover
+
+{
+  color: var(--crimson-color) !important;
+}
+
+
+
+/** background **/
+
+.switcher .switch_btn button,
+button.rtl,
+button.ltr,
+.main-header .outer-box .logo-box,
+.main-header .outer-box .logo-box:before,
+.theme-btn.btn-one,
+.theme-btn.btn-two:before, .theme-btn.btn-two:after,
+.main-header .outer-box .logo-box .shape,
+.main-header .outer-box .logo-box:after,
+.banner-section .owl-nav button:hover,
+.feature-block-one .inner-box .icon-box,
+.feature-block-one .inner-box:before,
+.image_block_one .image-box .experience-box,
+.content_block_one .content-box .inner-box .single-item .icon-box:before,
+.service-block-one .inner-box:before,
+.content_block_two .content-box .form-group input[type='button']:hover,
+.video-section .inner-box .video-btn a,
+.funfact-block-one:last-child .inner-box,
+.apps-section .content-box .btn-box a:hover,
+.subscribe-section,
+.main-footer .social-links li a:hover,
+.main-footer .links-widget .links-list li a:hover:before,
+.nav-style-one .owl-nav button:hover,
+.service-style-two .tab-btns li:before,
+.service-style-two .tab-btns li:after,
+.processing-block-one .inner-box .count-text,
+.processing-block-one:before,
+.exchange-section .tab-btns li:before,
+.exchange-section .tab-btns li:after,
+.apps-section.alternat-2,
+.service-block-one .inner-box .shape:before,
+.requirements-block-one .inner-box h4:before,
+.team-block-one .inner-box .image-box .social-links li a:hover,
+.team-details .content-box .social-links li a:hover,
+.career-block-one .inner-box .btn-box a:hover,
+.news-block-one .inner-box .theme-btn:before,
+.news-block-one .inner-box .theme-btn:after,
+.career-sidebar h4,
+.news-block-three .inner-box .lower-content .post-date,
+.news-block-three .inner-box .lower-content .btn-box a:hover,
+.blog-sidebar .tags-widget .tags-list li a:hover,
+.blog-details-content .list-item li:before,
+.blog-details-content .post-tag-option .tags-list li a:hover,
+.accordion .acc-btn .icon-box:before,
+.info-block-one .inner-box .icon-box
+
+{
+  background: var(--crimson-color) !important;
+}
+
+
+
+
+/** border-color **/
+
+.content_block_two .content-box .form-group input[type='button'],
+.content_block_four .content-box .list-item li:before,
+.processing-block-one .inner-box .count-text:after,
+.image_block_three .image-box .rating-box,
+.service-block-one .inner-box .shape:after,
+.career-block-one .inner-box .btn-box a,
+.news-block-three .inner-box .lower-content .btn-box a,
+.blog-sidebar .search-widget .search-inner .form-group input:focus,
+.blog-details-content .comment-form-area .form-group input:focus,
+.blog-details-content .comment-form-area .form-group textarea:focus,
+.faq-form-section .form-inner .form-group input:focus,
+.faq-form-section .form-inner .form-group textarea:focus,
+.contact-section .form-inner .form-group input:focus,
+.contact-section .form-inner .form-group textarea:focus
+
+{
+  border-color: var(--crimson-color) !important;
+}

flask-project/static/css/color/orange.css

@@ -0,0 +1,141 @@
+
+
+
+
+/* color */
+
+.main-menu .navigation > li.current > a,
+.main-menu .navigation > li:hover > a,
+.main-menu .navigation > li > ul > li > a:hover,
+.main-menu .navigation > li > .megamenu li > a:hover,
+.main-menu .navigation > li > ul > li > ul > li > a:hover,
+.scroll-to-top .scroll-bar-text,
+.header-top .links-list li a:hover,
+.header-top .info-list li i,
+.header-top .info-list li a:hover,
+.banner-carousel .content-box h2 span,
+.sec-title h6,
+.content_block_one .content-box .inner-box .single-item .icon-box,
+.service-block-one .inner-box .icon-box,
+.content_block_two .content-box .form-group input[type='button'],
+.funfact-block-one:first-child .inner-box .icon-box,
+.theme-btn.btn-three,
+.news-block-one .inner-box .post-date i,
+.news-block-one .inner-box h3 a:hover,
+.news-block-one .inner-box .post-info li i,
+.news-block-one .inner-box .post-info li a:hover,
+.scroll-to-top .scroll-bar-text,
+.main-footer a:hover,
+.footer-bottom p a,
+.sec-title h2 span,
+.feature-block-two .inner-box .icon-box,
+.feature-block-two .inner-box h3 a:hover,
+.content_block_four .content-box .list-item li:before,
+.card-block-one .inner-box .lower-content h3 a:hover,
+.processing-block-one:hover .inner-box .count-text,
+.news-block-two .inner-box .lower-content h3 a:hover,
+.news-block-two .inner-box .lower-content .post-info li i,
+.news-block-two .inner-box .lower-content .post-info li a:hover,
+.page-title .bread-crumb li a:hover,
+.team-block-one .inner-box .lower-content h3 a:hover,
+.team-block-one .inner-box:hover .lower-content .designation,
+.team-details .content-box .designation,
+.team-details .content-box .info-list li a:hover,
+.career-block-one .inner-box .info-box li i,
+.career-block-one .inner-box .btn-box a,
+.career-details-content .content-one span,
+.career-sidebar .info-list li i,
+.news-block-three .inner-box .lower-content .post-info li i,
+.news-block-three .inner-box .lower-content .post-info li a:hover,
+.news-block-three .inner-box .lower-content h3 a:hover,
+.news-block-three .inner-box .lower-content .btn-box a,
+.blog-sidebar .search-widget .search-inner .form-group input:focus + button,
+.blog-sidebar .search-widget .search-inner .form-group button:hover,
+.blog-sidebar .category-widget .category-list li a:before,
+.blog-sidebar .category-widget .category-list li a:hover,
+.blog-sidebar .post-widget .post h5 a:hover,
+.blog-sidebar .post-widget .post .post-date i,
+.info-block-one .inner-box p a:hover
+
+{
+  color: var(--orange-color) !important;
+}
+
+
+
+/** background **/
+
+.switcher .switch_btn button,
+button.rtl,
+button.ltr,
+.main-header .outer-box .logo-box,
+.main-header .outer-box .logo-box:before,
+.theme-btn.btn-one,
+.theme-btn.btn-two:before, .theme-btn.btn-two:after,
+.main-header .outer-box .logo-box .shape,
+.main-header .outer-box .logo-box:after,
+.banner-section .owl-nav button:hover,
+.feature-block-one .inner-box .icon-box,
+.feature-block-one .inner-box:before,
+.image_block_one .image-box .experience-box,
+.content_block_one .content-box .inner-box .single-item .icon-box:before,
+.service-block-one .inner-box:before,
+.content_block_two .content-box .form-group input[type='button']:hover,
+.video-section .inner-box .video-btn a,
+.funfact-block-one:last-child .inner-box,
+.apps-section .content-box .btn-box a:hover,
+.subscribe-section,
+.main-footer .social-links li a:hover,
+.main-footer .links-widget .links-list li a:hover:before,
+.nav-style-one .owl-nav button:hover,
+.service-style-two .tab-btns li:before,
+.service-style-two .tab-btns li:after,
+.processing-block-one .inner-box .count-text,
+.processing-block-one:before,
+.exchange-section .tab-btns li:before,
+.exchange-section .tab-btns li:after,
+.apps-section.alternat-2,
+.service-block-one .inner-box .shape:before,
+.requirements-block-one .inner-box h4:before,
+.team-block-one .inner-box .image-box .social-links li a:hover,
+.team-details .content-box .social-links li a:hover,
+.career-block-one .inner-box .btn-box a:hover,
+.news-block-one .inner-box .theme-btn:before,
+.news-block-one .inner-box .theme-btn:after,
+.career-sidebar h4,
+.news-block-three .inner-box .lower-content .post-date,
+.news-block-three .inner-box .lower-content .btn-box a:hover,
+.blog-sidebar .tags-widget .tags-list li a:hover,
+.blog-details-content .list-item li:before,
+.blog-details-content .post-tag-option .tags-list li a:hover,
+.accordion .acc-btn .icon-box:before,
+.info-block-one .inner-box .icon-box
+
+{
+  background: var(--orange-color) !important;
+}
+
+
+
+
+/** border-color **/
+
+.content_block_two .content-box .form-group input[type='button'],
+.content_block_four .content-box .list-item li:before,
+.processing-block-one .inner-box .count-text:after,
+.image_block_three .image-box .rating-box,
+.service-block-one .inner-box .shape:after,
+.career-block-one .inner-box .btn-box a,
+.news-block-three .inner-box .lower-content .btn-box a,
+.blog-sidebar .search-widget .search-inner .form-group input:focus,
+.blog-details-content .comment-form-area .form-group input:focus,
+.blog-details-content .comment-form-area .form-group textarea:focus,
+.faq-form-section .form-inner .form-group input:focus,
+.faq-form-section .form-inner .form-group textarea:focus,
+.contact-section .form-inner .form-group input:focus,
+.contact-section .form-inner .form-group textarea:focus
+
+{
+  border-color: var(--orange-color) !important;
+}
+

flask-project/static/css/color/pink.css

@@ -0,0 +1,139 @@
+
+
+
+/* color */
+
+.main-menu .navigation > li.current > a,
+.main-menu .navigation > li:hover > a,
+.main-menu .navigation > li > ul > li > a:hover,
+.main-menu .navigation > li > .megamenu li > a:hover,
+.main-menu .navigation > li > ul > li > ul > li > a:hover,
+.header-top .links-list li a:hover,
+.header-top .info-list li i,
+.header-top .info-list li a:hover,
+.banner-carousel .content-box h2 span,
+.sec-title h6,
+.content_block_one .content-box .inner-box .single-item .icon-box,
+.service-block-one .inner-box .icon-box,
+.content_block_two .content-box .form-group input[type='button'],
+.funfact-block-one:first-child .inner-box .icon-box,
+.theme-btn.btn-three,
+.news-block-one .inner-box .post-date i,
+.news-block-one .inner-box h3 a:hover,
+.news-block-one .inner-box .post-info li i,
+.news-block-one .inner-box .post-info li a:hover,
+.scroll-to-top .scroll-bar-text,
+.main-footer a:hover,
+.footer-bottom p a,
+.sec-title h2 span,
+.feature-block-two .inner-box .icon-box,
+.feature-block-two .inner-box h3 a:hover,
+.content_block_four .content-box .list-item li:before,
+.card-block-one .inner-box .lower-content h3 a:hover,
+.processing-block-one:hover .inner-box .count-text,
+.news-block-two .inner-box .lower-content h3 a:hover,
+.news-block-two .inner-box .lower-content .post-info li i,
+.news-block-two .inner-box .lower-content .post-info li a:hover,
+.page-title .bread-crumb li a:hover,
+.team-block-one .inner-box .lower-content h3 a:hover,
+.team-block-one .inner-box:hover .lower-content .designation,
+.team-details .content-box .designation,
+.team-details .content-box .info-list li a:hover,
+.career-block-one .inner-box .info-box li i,
+.career-block-one .inner-box .btn-box a,
+.career-details-content .content-one span,
+.career-sidebar .info-list li i,
+.news-block-three .inner-box .lower-content .post-info li i,
+.news-block-three .inner-box .lower-content .post-info li a:hover,
+.news-block-three .inner-box .lower-content h3 a:hover,
+.news-block-three .inner-box .lower-content .btn-box a,
+.blog-sidebar .search-widget .search-inner .form-group input:focus + button,
+.blog-sidebar .search-widget .search-inner .form-group button:hover,
+.blog-sidebar .category-widget .category-list li a:before,
+.blog-sidebar .category-widget .category-list li a:hover,
+.blog-sidebar .post-widget .post h5 a:hover,
+.blog-sidebar .post-widget .post .post-date i,
+.info-block-one .inner-box p a:hover
+
+{
+  color: var(--pink-color) !important;
+}
+
+
+
+/** background **/
+
+.switcher .switch_btn button,
+button.rtl,
+button.ltr,
+.main-header .outer-box .logo-box,
+.main-header .outer-box .logo-box:before,
+.theme-btn.btn-one,
+.theme-btn.btn-two:before, .theme-btn.btn-two:after,
+.main-header .outer-box .logo-box .shape,
+.main-header .outer-box .logo-box:after,
+.banner-section .owl-nav button:hover,
+.feature-block-one .inner-box .icon-box,
+.feature-block-one .inner-box:before,
+.image_block_one .image-box .experience-box,
+.content_block_one .content-box .inner-box .single-item .icon-box:before,
+.service-block-one .inner-box:before,
+.content_block_two .content-box .form-group input[type='button']:hover,
+.video-section .inner-box .video-btn a,
+.funfact-block-one:last-child .inner-box,
+.apps-section .content-box .btn-box a:hover,
+.subscribe-section,
+.main-footer .social-links li a:hover,
+.main-footer .links-widget .links-list li a:hover:before,
+.nav-style-one .owl-nav button:hover,
+.service-style-two .tab-btns li:before,
+.service-style-two .tab-btns li:after,
+.processing-block-one .inner-box .count-text,
+.processing-block-one:before,
+.exchange-section .tab-btns li:before,
+.exchange-section .tab-btns li:after,
+.apps-section.alternat-2,
+.service-block-one .inner-box .shape:before,
+.requirements-block-one .inner-box h4:before,
+.team-block-one .inner-box .image-box .social-links li a:hover,
+.team-details .content-box .social-links li a:hover,
+.career-block-one .inner-box .btn-box a:hover,
+.news-block-one .inner-box .theme-btn:before,
+.news-block-one .inner-box .theme-btn:after,
+.career-sidebar h4,
+.news-block-three .inner-box .lower-content .post-date,
+.news-block-three .inner-box .lower-content .btn-box a:hover,
+.blog-sidebar .tags-widget .tags-list li a:hover,
+.blog-details-content .list-item li:before,
+.blog-details-content .post-tag-option .tags-list li a:hover,
+.accordion .acc-btn .icon-box:before,
+.info-block-one .inner-box .icon-box
+
+{
+  background: var(--pink-color) !important;
+}
+
+
+
+
+/** border-color **/
+
+.content_block_two .content-box .form-group input[type='button'],
+.content_block_four .content-box .list-item li:before,
+.processing-block-one .inner-box .count-text:after,
+.image_block_three .image-box .rating-box,
+.service-block-one .inner-box .shape:after,
+.career-block-one .inner-box .btn-box a,
+.news-block-three .inner-box .lower-content .btn-box a,
+.blog-sidebar .search-widget .search-inner .form-group input:focus,
+.blog-details-content .comment-form-area .form-group input:focus,
+.blog-details-content .comment-form-area .form-group textarea:focus,
+.faq-form-section .form-inner .form-group input:focus,
+.faq-form-section .form-inner .form-group textarea:focus,
+.contact-section .form-inner .form-group input:focus,
+.contact-section .form-inner .form-group textarea:focus
+
+{
+  border-color: var(--pink-color) !important;
+}
+

flask-project/static/css/color/theme-color.css

@@ -0,0 +1,138 @@
+
+
+
+/* color */
+
+.main-menu .navigation > li.current > a,
+.main-menu .navigation > li:hover > a,
+.main-menu .navigation > li > ul > li > a:hover,
+.main-menu .navigation > li > .megamenu li > a:hover,
+.main-menu .navigation > li > ul > li > ul > li > a:hover,
+.header-top .links-list li a:hover,
+.header-top .info-list li i,
+.header-top .info-list li a:hover,
+.banner-carousel .content-box h2 span,
+.sec-title h6,
+.content_block_one .content-box .inner-box .single-item .icon-box,
+.service-block-one .inner-box .icon-box,
+.content_block_two .content-box .form-group input[type='button'],
+.funfact-block-one:first-child .inner-box .icon-box,
+.theme-btn.btn-three,
+.news-block-one .inner-box .post-date i,
+.news-block-one .inner-box h3 a:hover,
+.news-block-one .inner-box .post-info li i,
+.news-block-one .inner-box .post-info li a:hover,
+.scroll-to-top .scroll-bar-text,
+.main-footer a:hover,
+.footer-bottom p a,
+.sec-title h2 span,
+.feature-block-two .inner-box .icon-box,
+.feature-block-two .inner-box h3 a:hover,
+.content_block_four .content-box .list-item li:before,
+.card-block-one .inner-box .lower-content h3 a:hover,
+.processing-block-one:hover .inner-box .count-text,
+.news-block-two .inner-box .lower-content h3 a:hover,
+.news-block-two .inner-box .lower-content .post-info li i,
+.news-block-two .inner-box .lower-content .post-info li a:hover,
+.page-title .bread-crumb li a:hover,
+.team-block-one .inner-box .lower-content h3 a:hover,
+.team-block-one .inner-box:hover .lower-content .designation,
+.team-details .content-box .designation,
+.team-details .content-box .info-list li a:hover,
+.career-block-one .inner-box .info-box li i,
+.career-block-one .inner-box .btn-box a,
+.career-details-content .content-one span,
+.career-sidebar .info-list li i,
+.news-block-three .inner-box .lower-content .post-info li i,
+.news-block-three .inner-box .lower-content .post-info li a:hover,
+.news-block-three .inner-box .lower-content h3 a:hover,
+.news-block-three .inner-box .lower-content .btn-box a,
+.blog-sidebar .search-widget .search-inner .form-group input:focus + button,
+.blog-sidebar .search-widget .search-inner .form-group button:hover,
+.blog-sidebar .category-widget .category-list li a:before,
+.blog-sidebar .category-widget .category-list li a:hover,
+.blog-sidebar .post-widget .post h5 a:hover,
+.blog-sidebar .post-widget .post .post-date i,
+.info-block-one .inner-box p a:hover
+
+{
+  color: var(--theme-color) !important;
+}
+
+
+/** background **/
+
+.switcher .switch_btn button,
+button.rtl,
+button.ltr,
+.main-header .outer-box .logo-box,
+.main-header .outer-box .logo-box:before,
+.theme-btn.btn-one,
+.theme-btn.btn-two:before, .theme-btn.btn-two:after,
+.main-header .outer-box .logo-box .shape,
+.main-header .outer-box .logo-box:after,
+.banner-section .owl-nav button:hover,
+.feature-block-one .inner-box .icon-box,
+.feature-block-one .inner-box:before,
+.image_block_one .image-box .experience-box,
+.content_block_one .content-box .inner-box .single-item .icon-box:before,
+.service-block-one .inner-box:before,
+.content_block_two .content-box .form-group input[type='button']:hover,
+.video-section .inner-box .video-btn a,
+.funfact-block-one:last-child .inner-box,
+.apps-section .content-box .btn-box a:hover,
+.subscribe-section,
+.main-footer .social-links li a:hover,
+.main-footer .links-widget .links-list li a:hover:before,
+.nav-style-one .owl-nav button:hover,
+.service-style-two .tab-btns li:before,
+.service-style-two .tab-btns li:after,
+.processing-block-one .inner-box .count-text,
+.processing-block-one:before,
+.exchange-section .tab-btns li:before,
+.exchange-section .tab-btns li:after,
+.apps-section.alternat-2,
+.service-block-one .inner-box .shape:before,
+.requirements-block-one .inner-box h4:before,
+.team-block-one .inner-box .image-box .social-links li a:hover,
+.team-details .content-box .social-links li a:hover,
+.career-block-one .inner-box .btn-box a:hover,
+.news-block-one .inner-box .theme-btn:before,
+.news-block-one .inner-box .theme-btn:after,
+.career-sidebar h4,
+.news-block-three .inner-box .lower-content .post-date,
+.news-block-three .inner-box .lower-content .btn-box a:hover,
+.blog-sidebar .tags-widget .tags-list li a:hover,
+.blog-details-content .list-item li:before,
+.blog-details-content .post-tag-option .tags-list li a:hover,
+.accordion .acc-btn .icon-box:before,
+.info-block-one .inner-box .icon-box
+
+{
+  background: var(--theme-color) !important;
+}
+
+
+
+
+/** border-color **/
+
+.content_block_two .content-box .form-group input[type='button'],
+.content_block_four .content-box .list-item li:before,
+.processing-block-one .inner-box .count-text:after,
+.image_block_three .image-box .rating-box,
+.service-block-one .inner-box .shape:after,
+.career-block-one .inner-box .btn-box a,
+.news-block-three .inner-box .lower-content .btn-box a,
+.blog-sidebar .search-widget .search-inner .form-group input:focus,
+.blog-details-content .comment-form-area .form-group input:focus,
+.blog-details-content .comment-form-area .form-group textarea:focus,
+.faq-form-section .form-inner .form-group input:focus,
+.faq-form-section .form-inner .form-group textarea:focus,
+.contact-section .form-inner .form-group input:focus,
+.contact-section .form-inner .form-group textarea:focus
+
+{
+  border-color: var(--theme-color) !important;
+}
+

flask-project/static/css/color/violet.css

@@ -0,0 +1,139 @@
+
+
+
+/* color */
+
+.main-menu .navigation > li.current > a,
+.main-menu .navigation > li:hover > a,
+.main-menu .navigation > li > ul > li > a:hover,
+.main-menu .navigation > li > .megamenu li > a:hover,
+.main-menu .navigation > li > ul > li > ul > li > a:hover,
+.header-top .links-list li a:hover,
+.header-top .info-list li i,
+.header-top .info-list li a:hover,
+.banner-carousel .content-box h2 span,
+.sec-title h6,
+.content_block_one .content-box .inner-box .single-item .icon-box,
+.service-block-one .inner-box .icon-box,
+.content_block_two .content-box .form-group input[type='button'],
+.funfact-block-one:first-child .inner-box .icon-box,
+.theme-btn.btn-three,
+.news-block-one .inner-box .post-date i,
+.news-block-one .inner-box h3 a:hover,
+.news-block-one .inner-box .post-info li i,
+.news-block-one .inner-box .post-info li a:hover,
+.scroll-to-top .scroll-bar-text,
+.main-footer a:hover,
+.footer-bottom p a,
+.sec-title h2 span,
+.feature-block-two .inner-box .icon-box,
+.feature-block-two .inner-box h3 a:hover,
+.content_block_four .content-box .list-item li:before,
+.card-block-one .inner-box .lower-content h3 a:hover,
+.processing-block-one:hover .inner-box .count-text,
+.news-block-two .inner-box .lower-content h3 a:hover,
+.news-block-two .inner-box .lower-content .post-info li i,
+.news-block-two .inner-box .lower-content .post-info li a:hover,
+.page-title .bread-crumb li a:hover,
+.team-block-one .inner-box .lower-content h3 a:hover,
+.team-block-one .inner-box:hover .lower-content .designation,
+.team-details .content-box .designation,
+.team-details .content-box .info-list li a:hover,
+.career-block-one .inner-box .info-box li i,
+.career-block-one .inner-box .btn-box a,
+.career-details-content .content-one span,
+.career-sidebar .info-list li i,
+.news-block-three .inner-box .lower-content .post-info li i,
+.news-block-three .inner-box .lower-content .post-info li a:hover,
+.news-block-three .inner-box .lower-content h3 a:hover,
+.news-block-three .inner-box .lower-content .btn-box a,
+.blog-sidebar .search-widget .search-inner .form-group input:focus + button,
+.blog-sidebar .search-widget .search-inner .form-group button:hover,
+.blog-sidebar .category-widget .category-list li a:before,
+.blog-sidebar .category-widget .category-list li a:hover,
+.blog-sidebar .post-widget .post h5 a:hover,
+.blog-sidebar .post-widget .post .post-date i,
+.info-block-one .inner-box p a:hover
+
+{
+  color: var(--violet-color) !important;
+}
+
+
+
+/** background **/
+
+.switcher .switch_btn button,
+button.rtl,
+button.ltr,
+.main-header .outer-box .logo-box,
+.main-header .outer-box .logo-box:before,
+.theme-btn.btn-one,
+.theme-btn.btn-two:before, .theme-btn.btn-two:after,
+.main-header .outer-box .logo-box .shape,
+.main-header .outer-box .logo-box:after,
+.banner-section .owl-nav button:hover,
+.feature-block-one .inner-box .icon-box,
+.feature-block-one .inner-box:before,
+.image_block_one .image-box .experience-box,
+.content_block_one .content-box .inner-box .single-item .icon-box:before,
+.service-block-one .inner-box:before,
+.content_block_two .content-box .form-group input[type='button']:hover,
+.video-section .inner-box .video-btn a,
+.funfact-block-one:last-child .inner-box,
+.apps-section .content-box .btn-box a:hover,
+.subscribe-section,
+.main-footer .social-links li a:hover,
+.main-footer .links-widget .links-list li a:hover:before,
+.nav-style-one .owl-nav button:hover,
+.service-style-two .tab-btns li:before,
+.service-style-two .tab-btns li:after,
+.processing-block-one .inner-box .count-text,
+.processing-block-one:before,
+.exchange-section .tab-btns li:before,
+.exchange-section .tab-btns li:after,
+.apps-section.alternat-2,
+.service-block-one .inner-box .shape:before,
+.requirements-block-one .inner-box h4:before,
+.team-block-one .inner-box .image-box .social-links li a:hover,
+.team-details .content-box .social-links li a:hover,
+.career-block-one .inner-box .btn-box a:hover,
+.news-block-one .inner-box .theme-btn:before,
+.news-block-one .inner-box .theme-btn:after,
+.career-sidebar h4,
+.news-block-three .inner-box .lower-content .post-date,
+.news-block-three .inner-box .lower-content .btn-box a:hover,
+.blog-sidebar .tags-widget .tags-list li a:hover,
+.blog-details-content .list-item li:before,
+.blog-details-content .post-tag-option .tags-list li a:hover,
+.accordion .acc-btn .icon-box:before,
+.info-block-one .inner-box .icon-box
+
+{
+  background: var(--violet-color) !important;
+}
+
+
+
+
+/** border-color **/
+
+.content_block_two .content-box .form-group input[type='button'],
+.content_block_four .content-box .list-item li:before,
+.processing-block-one .inner-box .count-text:after,
+.image_block_three .image-box .rating-box,
+.service-block-one .inner-box .shape:after,
+.career-block-one .inner-box .btn-box a,
+.news-block-three .inner-box .lower-content .btn-box a,
+.blog-sidebar .search-widget .search-inner .form-group input:focus,
+.blog-details-content .comment-form-area .form-group input:focus,
+.blog-details-content .comment-form-area .form-group textarea:focus,
+.faq-form-section .form-inner .form-group input:focus,
+.faq-form-section .form-inner .form-group textarea:focus,
+.contact-section .form-inner .form-group input:focus,
+.contact-section .form-inner .form-group textarea:focus
+
+{
+  border-color: var(--violet-color) !important;
+}
+

flask-project/static/css/elpath.css

@@ -0,0 +1,4413 @@
+/* Elementpath css */
+
+/* 
+el_01 
+color
+*/
+.color_blue {
+    color: #7f27d8;
+}
+.color_purple {
+    color: #6f42c1;
+}
+.color_pink {
+    color: #d63384;
+}
+.color_red {
+    color: #dc3545;
+}
+.color_orange {
+    color: #fd7e14;
+}
+.color_yellow {
+    color: #ffc107;
+}
+.color_green {
+    color: #198754;
+}
+.color_gray {
+    color: #6c757d;
+}
+.color_gray_dark {
+    color: #343a40;
+}
+.color_light {
+    color: #f8f9fa;
+}
+.color_dark {
+    color: #212529;
+}
+.color_black{
+    color: #000000;
+}
+
+/* 
+el_02 
+background
+*/
+.bg_blue {
+    background-color: #7f27d8;
+}
+.bg_purple {
+    background-color: #6f42c1;
+}
+.bg_pink {
+    background-color: #d63384;
+}
+.bg_red {
+    background-color: #dc3545;
+}
+.bg_orange {
+    background-color: #fd7e14;
+}
+.bg_yellow {
+    background-color: #ffc107;
+}
+.bg_green {
+    background-color: #198754;;
+}
+.bg_gray {
+    background-color: #6c757d;
+}
+.bg_gray-dark {
+    background-color: #343a40;
+}
+.bg_light {
+    background-color: #f8f9fa;
+}
+.bg_dark {
+    background-color: #212529;
+}
+.bg_cover {
+    background-size: cover;
+}
+.bg_contain {
+    background-size: contain;
+}
+.bg_fixed {
+    background-attachment: fixed;
+}
+.bg_top {
+    background-position: top;
+}
+.bg_right {
+    background-position: right;
+}
+.bg_bottom {
+    background-position: bottom;
+}
+.bg_left {
+    background-position: left;
+}
+.bg_center {
+    background-position: center;
+}
+/* 
+el_03 
+display
+*/
+.d_block {
+    display: block;
+}
+.d_iblock {
+    display: inline-block;
+}
+.d_flex {
+    display: flex;
+}
+.d_table {
+    display: table;
+}
+.d_tcell {
+    display: table-cell;
+}
+.d_none {
+    display: none;
+}
+/* 
+el_04 
+position
+*/
+.p_relative {
+    position: relative;
+}
+.p_absolute {
+    position: absolute;
+}
+.p_fixed {
+    position: fixed;
+}
+/* 
+el_05 
+Border
+*/
+.border {
+    border: 1px solid #ddd;
+}
+.border_top {
+    border-top: 1px solid #ddd;
+}
+.border_right {
+    border-right: 1px solid #ddd;
+}
+.border_bottom {
+    border-bottom: 1px solid #ddd;
+}
+.border_left {
+    border-left: 1px solid #ddd;
+}
+/* 
+el_06 
+Transition
+*/
+.tran_3 {
+    transition: .3s;
+}
+.tran_4 {
+    transition: .4s;
+}
+.tran_5 {
+    transition: .5s;
+}
+/* 
+el_07 
+Font size
+*/
+.fs_0 {
+    font-size: 0;
+}
+.fs_1 {
+    font-size: 1px;
+}
+.fs_2 {
+    font-size: 2px;
+}
+.fs_3 {
+    font-size: 3px;
+}
+.fs_4 {
+    font-size: 4px;
+}
+.fs_5 {
+    font-size: 5px;
+}
+.fs_6 {
+    font-size: 6px;
+}
+.fs_7 {
+    font-size: 7px;
+}
+.fs_8 {
+    font-size: 8px;
+}
+.fs_9 {
+    font-size: 9px;
+}
+.fs_10 {
+    font-size: 10px;
+}
+.fs_11 {
+    font-size: 11px;
+}
+.fs_12 {
+    font-size: 12px;
+}
+.fs_13 {
+    font-size: 13px;
+}
+.fs_14 {
+    font-size: 14px;
+}
+.fs_15 {
+    font-size: 15px;
+}
+.fs_16 {
+    font-size: 16px;
+}
+.fs_17 {
+    font-size: 17px;
+}
+.fs_18 {
+    font-size: 18px;
+}
+.fs_19 {
+    font-size: 19px;
+}
+.fs_20 {
+    font-size: 20px;
+}
+.fs_25 {
+    font-size: 25px;
+}
+.fs_30 {
+    font-size: 30px;
+}
+.fs_35 {
+    font-size: 35px;
+}
+.fs_40 {
+    font-size: 40px;
+}
+.fs_45 {
+    font-size: 45px;
+}
+.fs_50 {
+    font-size: 50px;
+}
+.fs_55 {
+    font-size: 55px;
+}
+.fs_60 {
+    font-size: 60px;
+}
+.fs_65 {
+    font-size: 65px;
+}
+.fs_70 {
+    font-size: 70px;
+}
+.fs_75 {
+    font-size: 75px;
+}
+.fs_80 {
+    font-size: 80px;
+}
+.fs_85 {
+    font-size: 85px;
+}
+.fs_90 {
+    font-size: 90px;
+}
+.fs_95 {
+    font-size: 95px;
+}
+.fs_100 {
+    font-size: 100px;
+}
+.fs_110 {
+    font-size: 110px;
+}
+.fs_120 {
+    font-size: 120px;
+}
+.fs_130 {
+    font-size: 130px;
+}
+.fs_140 {
+    font-size: 140px;
+}
+.fs_150 {
+    font-size: 150px;
+}
+.fs_160 {
+    font-size: 160px;
+}
+.fs_170 {
+    font-size: 170px;
+}
+.fs_180 {
+    font-size: 180px;
+}
+.fs_190 {
+    font-size: 190px;
+}
+.fs_200 {
+    font-size: 200px;
+}
+/* 
+el_08 
+Font wieght
+*/
+.fw_light {
+    font-weight: 300;
+}
+.fw_normal {
+    font-weight: 400;
+}
+.fw_medium {
+    font-weight: 500;
+}
+.fw_sbold {
+    font-weight: 600;
+}
+.fw_bold {
+    font-weight: 700;
+}
+.fw_exbold {
+    font-weight: 800;
+}
+/* 
+el_09 
+Float
+*/
+.float_left {
+    float: left;
+}
+.float_right {
+    float: right;
+}
+/* 
+el_10 
+Width
+*/
+.w_0 {
+    width: 0;
+}
+.w_1 {
+    width: 1px;
+}
+.w_2 {
+    width: 2px;
+}
+.w_3 {
+    width: 3px;
+}
+.w_4 {
+    width: 4px;
+}
+.w_5 {
+    width: 5px;
+}
+.w_6 {
+    width: 6px;
+}
+.w_7 {
+    width: 7px;
+}
+.w_8 {
+    width: 8px;
+}
+.w_9 {
+    width: 9px;
+}
+.w_10 {
+    width: 10px;
+}
+.w_11 {
+    width: 11px;
+}
+.w_12 {
+    width: 12px;
+}
+.w_13 {
+    width: 13px;
+}
+.w_14 {
+    width: 14px;
+}
+.w_15 {
+    width: 15px;
+}
+.w_16 {
+    width: 16px;
+}
+.w_17 {
+    width: 17px;
+}
+.w_18 {
+    width: 18px;
+}
+.w_19 {
+    width: 19px;
+}
+.w_20 {
+    width: 20px;
+}
+.w_25 {
+    width: 25px;
+}
+.w_30 {
+    width: 30px;
+}
+.w_35 {
+    width: 35px;
+}
+.w_40 {
+    width: 40px;
+}
+.w_45 {
+    width: 45px;
+}
+.w_50 {
+    width: 50px;
+}
+.w_55 {
+    width: 55px;
+}
+.w_60 {
+    width: 60px;
+}
+.w_65 {
+    width: 65px;
+}
+.w_70 {
+    width: 70px;
+}
+.w_75 {
+    width: 75px;
+}
+.w_80 {
+    width: 80px;
+}
+.w_85 {
+    width: 85px;
+}
+.w_90 {
+    width: 90px;
+}
+.w_95 {
+    width: 95px;
+}
+.w_100 {
+    width: 100px;
+}
+.w_110 {
+    width: 110px;
+}
+.w_120 {
+    width: 120px;
+}
+.w_130 {
+    width: 130px;
+}
+.w_140 {
+    width: 140px;
+}
+.w_150 {
+    width: 150px;
+}
+.w_160 {
+    width: 160px;
+}
+.w_170 {
+    width: 170px;
+}
+.w_180 {
+    width: 180px;
+}
+.w_190 {
+    width: 190px;
+}
+.w_200 {
+    width: 200px;
+}
+.mw_0 {
+    max-width: 0;
+}
+.mw_1 {
+    max-width: 1px;
+}
+.mw_2 {
+    max-width: 2px;
+}
+.mw_3 {
+    max-width: 3px;
+}
+.mw_4 {
+    max-width: 4px;
+}
+.mw_5 {
+    max-width: 5px;
+}
+.mw_6 {
+    max-width: 6px;
+}
+.mw_7 {
+    max-width: 7px;
+}
+.mw_8 {
+    max-width: 8px;
+}
+.mw_9 {
+    max-width: 9px;
+}
+.mw_10 {
+    max-width: 10px;
+}
+.mw_11 {
+    max-width: 11px;
+}
+.mw_12 {
+    max-width: 12px;
+}
+.mw_13 {
+    max-width: 13px;
+}
+.mw_14 {
+    max-width: 14px;
+}
+.mw_15 {
+    max-width: 15px;
+}
+.mw_16 {
+    max-width: 16px;
+}
+.mw_17 {
+    max-width: 17px;
+}
+.mw_18 {
+    max-width: 18px;
+}
+.mw_19 {
+    max-width: 19px;
+}
+.mw_20 {
+    max-width: 20px;
+}
+.mw_25 {
+    max-width: 25px;
+}
+.mw_30 {
+    max-width: 30px;
+}
+.mw_35 {
+    max-width: 35px;
+}
+.mw_40 {
+    max-width: 40px;
+}
+.mw_45 {
+    max-width: 45px;
+}
+.mw_50 {
+    max-width: 50px;
+}
+.mw_55 {
+    max-width: 55px;
+}
+.mw_60 {
+    max-width: 60px;
+}
+.mw_65 {
+    max-width: 65px;
+}
+.mw_70 {
+    max-width: 70px;
+}
+.mw_75 {
+    max-width: 75px;
+}
+.mw_80 {
+    max-width: 80px;
+}
+.mw_85 {
+    max-width: 85px;
+}
+.mw_90 {
+    max-width: 90px;
+}
+.mw_95 {
+    max-width: 95px;
+}
+.mw_100 {
+    max-width: 100px;
+}
+.mw_110 {
+    max-width: 110px;
+}
+.mw_120 {
+    max-width: 120px;
+}
+.mw_130 {
+    max-width: 130px;
+}
+.mw_140 {
+    max-width: 140px;
+}
+.mw_150 {
+    max-width: 150px;
+}
+.mw_160 {
+    max-width: 160px;
+}
+.mw_170 {
+    max-width: 170px;
+}
+.mw_180 {
+    max-width: 180px;
+}
+.mw_190 {
+    max-width: 190px;
+}
+.mw_200 {
+    max-width: 200px;
+}
+/* 
+el_11
+height
+*/
+.h_0 {
+    height: 0;
+}
+.h_1 {
+    height: 1px;
+}
+.h_2 {
+    height: 2px;
+}
+.h_3 {
+    height: 3px;
+}
+.h_4 {
+    height: 4px;
+}
+.h_5 {
+    height: 5px;
+}
+.h_6 {
+    height: 6px;
+}
+.h_7 {
+    height: 7px;
+}
+.h_8 {
+    height: 8px;
+}
+.h_9 {
+    height: 9px;
+}
+.h_10 {
+    height: 10px;
+}
+.h_11 {
+    height: 11px;
+}
+.h_12 {
+    height: 12px;
+}
+.h_13 {
+    height: 13px;
+}
+.h_14 {
+    height: 14px;
+}
+.h_15 {
+    height: 15px;
+}
+.h_16 {
+    height: 16px;
+}
+.h_17 {
+    height: 17px;
+}
+.h_18 {
+    height: 18px;
+}
+.h_19 {
+    height: 19px;
+}
+.h_20 {
+    height: 20px;
+}
+.h_25 {
+    height: 25px;
+}
+.h_30 {
+    height: 30px;
+}
+.h_35 {
+    height: 35px;
+}
+.h_40 {
+    height: 40px;
+}
+.h_45 {
+    height: 45px;
+}
+.h_50 {
+    height: 50px;
+}
+.h_55 {
+    height: 55px;
+}
+.h_60 {
+    height: 60px;
+}
+.h_65 {
+    height: 65px;
+}
+.h_70 {
+    height: 70px;
+}
+.h_75 {
+    height: 75px;
+}
+.h_80 {
+    height: 80px;
+}
+.h_85 {
+    height: 85px;
+}
+.h_90 {
+    height: 90px;
+}
+.h_95 {
+    height: 95px;
+}
+.h_100 {
+    height: 100px;
+}
+.h_110 {
+    height: 110px;
+}
+.h_120 {
+    height: 120px;
+}
+.h_130 {
+    height: 130px;
+}
+.h_140 {
+    height: 140px;
+}
+.h_150 {
+    height: 150px;
+}
+.h_160 {
+    height: 160px;
+}
+.h_170 {
+    height: 170px;
+}
+.h_180 {
+    height: 180px;
+}
+.h_190 {
+    height: 190px;
+}
+.h_200 {
+    height: 200px;
+}
+.mh_0 {
+    max-height: 0;
+}
+.mh_1 {
+    max-height: 1px;
+}
+.mh_2 {
+    max-height: 2px;
+}
+.mh_3 {
+    max-height: 3px;
+}
+.mh_4 {
+    max-height: 4px;
+}
+.mh_5 {
+    max-height: 5px;
+}
+.mh_6 {
+    max-height: 6px;
+}
+.mh_7 {
+    max-height: 7px;
+}
+.mh_8 {
+    max-height: 8px;
+}
+.mh_9 {
+    max-height: 9px;
+}
+.mh_10 {
+    max-height: 10px;
+}
+.mh_11 {
+    max-height: 11px;
+}
+.mh_12 {
+    max-height: 12px;
+}
+.mh_13 {
+    max-height: 13px;
+}
+.mh_14 {
+    max-height: 14px;
+}
+.mh_15 {
+    max-height: 15px;
+}
+.mh_16 {
+    max-height: 16px;
+}
+.mh_17 {
+    max-height: 17px;
+}
+.mh_18 {
+    max-height: 18px;
+}
+.mh_19 {
+    max-height: 19px;
+}
+.mh_20 {
+    max-height: 20px;
+}
+.mh_25 {
+    max-height: 25px;
+}
+.mh_30 {
+    max-height: 30px;
+}
+.mh_35 {
+    max-height: 35px;
+}
+.mh_40 {
+    max-height: 40px;
+}
+.mh_45 {
+    max-height: 45px;
+}
+.mh_50 {
+    max-height: 50px;
+}
+.mh_55 {
+    max-height: 55px;
+}
+.mh_60 {
+    max-height: 60px;
+}
+.mh_65 {
+    max-height: 65px;
+}
+.mh_70 {
+    max-height: 70px;
+}
+.mh_75 {
+    max-height: 75px;
+}
+.mh_80 {
+    max-height: 80px;
+}
+.mh_85 {
+    max-height: 85px;
+}
+.mh_90 {
+    max-height: 90px;
+}
+.mh_95 {
+    max-height: 95px;
+}
+.mh_100 {
+    max-height: 100px;
+}
+.mh_110 {
+    max-height: 110px;
+}
+.mh_120 {
+    max-height: 120px;
+}
+.mh_130 {
+    max-height: 130px;
+}
+.mh_140 {
+    max-height: 140px;
+}
+.mh_150 {
+    max-height: 150px;
+}
+.mh_160 {
+    max-height: 160px;
+}
+.mh_170 {
+    max-height: 170px;
+}
+.mh_180 {
+    max-height: 180px;
+}
+.mh_190 {
+    max-height: 190px;
+}
+.mh_200 {
+    max-height: 200px;
+}
+/* 
+el_12
+Line height
+*/
+.lh_0 {
+    line-height: 0;
+}
+.lh_1 {
+    line-height: 1px;
+}
+.lh_2 {
+    line-height: 2px;
+}
+.lh_3 {
+    line-height: 3px;
+}
+.lh_4 {
+    line-height: 4px;
+}
+.lh_5 {
+    line-height: 5px;
+}
+.lh_6 {
+    line-height: 6px;
+}
+.lh_7 {
+    line-height: 7px;
+}
+.lh_8 {
+    line-height: 8px;
+}
+.lh_9 {
+    line-height: 9px;
+}
+.lh_10 {
+    line-height: 10px;
+}
+.lh_11 {
+    line-height: 11px;
+}
+.lh_12 {
+    line-height: 12px;
+}
+.lh_13 {
+    line-height: 13px;
+}
+.lh_14 {
+    line-height: 14px;
+}
+.lh_15 {
+    line-height: 15px;
+}
+.lh_16 {
+    line-height: 16px;
+}
+.lh_17 {
+    line-height: 17px;
+}
+.lh_18 {
+    line-height: 18px;
+}
+.lh_19 {
+    line-height: 19px;
+}
+.lh_20 {
+    line-height: 20px;
+}
+.lh_25 {
+    line-height: 25px;
+}
+.lh_30 {
+    line-height: 30px;
+}
+.lh_35 {
+    line-height: 35px;
+}
+.lh_40 {
+    line-height: 40px;
+}
+.lh_45 {
+    line-height: 45px;
+}
+.lh_50 {
+    line-height: 50px;
+}
+.lh_55 {
+    line-height: 55px;
+}
+.lh_60 {
+    line-height: 60px;
+}
+.lh_65 {
+    line-height: 65px;
+}
+.lh_70 {
+    line-height: 70px;
+}
+.lh_75 {
+    line-height: 75px;
+}
+.lh_80 {
+    line-height: 80px;
+}
+.lh_85 {
+    line-height: 85px;
+}
+.lh_90 {
+    line-height: 90px;
+}
+.lh_95 {
+    line-height: 95px;
+}
+.lh_100 {
+    line-height: 100px;
+}
+.lh_110 {
+    line-height: 110px;
+}
+.lh_120 {
+    line-height: 120px;
+}
+.lh_130 {
+    line-height: 130px;
+}
+.lh_140 {
+    line-height: 140px;
+}
+.lh_150 {
+    line-height: 150px;
+}
+.lh_160 {
+    line-height: 160px;
+}
+.lh_170 {
+    line-height: 170px;
+}
+.lh_180 {
+    line-height: 180px;
+}
+.lh_190 {
+    line-height: 190px;
+}
+.lh_200 {
+    line-height: 200px;
+}
+/* 
+el_13
+Margin
+*/
+.m_0 {
+    margin: 0;
+}
+.m_1 {
+    margin: 1px;
+}
+.m_2 {
+    margin: 2px;
+}
+.m_3 {
+    margin: 3px;
+}
+.m_4 {
+    margin: 4px;
+}
+.m_5 {
+    margin: 5px;
+}
+.m_6 {
+    margin: 6px;
+}
+.m_7 {
+    margin: 7px;
+}
+.m_8 {
+    margin: 8px;
+}
+.m_9 {
+    margin: 9px;
+}
+.m_10 {
+    margin: 10px;
+}
+.m_11 {
+    margin: 11px;
+}
+.m_12 {
+    margin: 12px;
+}
+.m_13 {
+    margin: 13px;
+}
+.m_14 {
+    margin: 14px;
+}
+.m_15 {
+    margin: 15px;
+}
+.m_16 {
+    margin: 16px;
+}
+.m_17 {
+    margin: 17px;
+}
+.m_18 {
+    margin: 18px;
+}
+.m_19 {
+    margin: 19px;
+}
+.m_20 {
+    margin: 20px;
+}
+.m_25 {
+    margin: 25px;
+}
+.m_30 {
+    margin: 30px;
+}
+.m_35 {
+    margin: 35px;
+}
+.m_40 {
+    margin: 40px;
+}
+.m_45 {
+    margin: 45px;
+}
+.m_50 {
+    margin: 50px;
+}
+.m_55 {
+    margin: 55px;
+}
+.m_60 {
+    margin: 60px;
+}
+.m_65 {
+    margin: 65px;
+}
+.m_70 {
+    margin: 70px;
+}
+.m_75 {
+    margin: 75px;
+}
+.m_80 {
+    margin: 80px;
+}
+.m_85 {
+    margin: 85px;
+}
+.m_90 {
+    margin: 90px;
+}
+.m_95 {
+    margin: 95px;
+}
+.m_100 {
+    margin: 100px;
+}
+.m_110 {
+    margin: 110px;
+}
+.m_120 {
+    margin: 120px;
+}
+.m_130 {
+    margin: 130px;
+}
+.m_140 {
+    margin: 140px;
+}
+.m_150 {
+    margin: 150px;
+}
+.m_160 {
+    margin: 160px;
+}
+.m_170 {
+    margin: 170px;
+}
+.m_180 {
+    margin: 180px;
+}
+.m_190 {
+    margin: 190px;
+}
+.m_200 {
+    margin: 200px;
+}
+.mx_0 {
+    margin-left: 0;
+    margin-right: 0;
+}
+.mx_1 {
+    margin-left: 1px;
+    margin-right: 1px;
+}
+.mx_2 {
+    margin-left: 2px;
+    margin-right: 2px;
+}
+.mx_3 {
+    margin-left: 3px;
+    margin-right: 3px;
+}
+.mx_4 {
+    margin-left: 4px;
+    margin-right: 4px;
+}
+.mx_5 {
+    margin-left: 5px;
+    margin-right: 5px;
+}
+.mx_6 {
+    margin-left: 6px;
+    margin-right: 6px;
+}
+.mx_7 {
+    margin-left: 7px;
+    margin-right: 7px;
+}
+.mx_8 {
+    margin-left: 8px;
+    margin-right: 8px;
+}
+.mx_9 {
+    margin-left: 9px;
+    margin-right: 9px;
+}
+.mx_10 {
+    margin-left: 10px;
+    margin-right: 10px;
+}
+.mx_11 {
+    margin-left: 11px;
+    margin-right: 11px;
+}
+.mx_12 {
+    margin-left: 12px;
+    margin-right: 12px;
+}
+.mx_13 {
+    margin-left: 13px;
+    margin-right: 13px;
+}
+.mx_14 {
+    margin-left: 14px;
+    margin-right: 14px;
+}
+.mx_15 {
+    margin-left: 15px;
+    margin-right: 15px;
+}
+.mx_16 {
+    margin-left: 16px;
+    margin-right: 16px;
+}
+.mx_17 {
+    margin-left: 17px;
+    margin-right: 17px;
+}
+.mx_18 {
+    margin-left: 18px;
+    margin-right: 18px;
+}
+.mx_19 {
+    margin-left: 19px;
+    margin-right: 19px;
+}
+.mx_20 {
+    margin-left: 20px;
+    margin-right: 20px;
+}
+.mx_25 {
+    margin-left: 25px;
+    margin-right: 25px;
+}
+.mx_30 {
+    margin-left: 30px;
+    margin-right: 30px;
+}
+.mx_35 {
+    margin-left: 35px;
+    margin-right: 35px;
+}
+.mx_40 {
+    margin-left: 40px;
+    margin-right: 40px;
+}
+.mx_45 {
+    margin-left: 45px;
+    margin-right: 45px;
+}
+.mx_50 {
+    margin-left: 50px;
+    margin-right: 50px;
+}
+.mx_55 {
+    margin-left: 55px;
+    margin-right: 55px;
+}
+.mx_60 {
+    margin-left: 60px;
+    margin-right: 60px;
+}
+.mx_65 {
+    margin-left: 65px;
+    margin-right: 65px;
+}
+.mx_70 {
+    margin-left: 70px;
+    margin-right: 70px;
+}
+.mx_75 {
+    margin-left: 75px;
+    margin-right: 75px;
+}
+.mx_80 {
+    margin-left: 80px;
+    margin-right: 80px;
+}
+.mx_85 {
+    margin-left: 85px;
+    margin-right: 85px;
+}
+.mx_90 {
+    margin-left: 90px;
+    margin-right: 90px;
+}
+.mx_95 {
+    margin-left: 95px;
+    margin-right: 95px;
+}
+.mx_100 {
+    margin-left: 100px;
+    margin-right: 100px;
+}
+.mx_110 {
+    margin-left: 110px;
+    margin-right: 110px;
+}
+.mx_120 {
+    margin-left: 120px;
+    margin-right: 120px;
+}
+.mx_130 {
+    margin-left: 130px;
+    margin-right: 130px;
+}
+.mx_140 {
+    margin-left: 140px;
+    margin-right: 140px;
+}
+.mx_150 {
+    margin-left: 150px;
+    margin-right: 150px;
+}
+.mx_160 {
+    margin-left: 160px;
+    margin-right: 160px;
+}
+.mx_170 {
+    margin-left: 170px;
+    margin-right: 170px;
+}
+.mx_180 {
+    margin-left: 180px;
+    margin-right: 180px;
+}
+.mx_190 {
+    margin-left: 190px;
+    margin-right: 190px;
+}
+.mx_200 {
+    margin-left: 200px;
+    margin-right: 200px;
+}
+.my_0 {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+.my_1 {
+    margin-top: 1px;
+    margin-bottom: 1px;
+}
+.my_2 {
+    margin-top: 2px;
+    margin-bottom: 2px;
+}
+.my_3 {
+    margin-top: 3px;
+    margin-bottom: 3px;
+}
+.my_4 {
+    margin-top: 4px;
+    margin-bottom: 4px;
+}
+.my_5 {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+.my_6 {
+    margin-top: 6px;
+    margin-bottom: 6px;
+}
+.my_7 {
+    margin-top: 7px;
+    margin-bottom: 7px;
+}
+.my_8 {
+    margin-top: 8px;
+    margin-bottom: 8px;
+}
+.my_9 {
+    margin-top: 9px;
+    margin-bottom: 9px;
+}
+.my_10 {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+.my_11 {
+    margin-top: 11px;
+    margin-bottom: 11px;
+}
+.my_12 {
+    margin-top: 12px;
+    margin-bottom: 12px;
+}
+.my_13 {
+    margin-top: 13px;
+    margin-bottom: 13px;
+}
+.my_14 {
+    margin-top: 14px;
+    margin-bottom: 14px;
+}
+.my_15 {
+    margin-top: 15px;
+    margin-bottom: 15px;
+}
+.my_16 {
+    margin-top: 16px;
+    margin-bottom: 16px;
+}
+.my_17 {
+    margin-top: 17px;
+    margin-bottom: 17px;
+}
+.my_18 {
+    margin-top: 18px;
+    margin-bottom: 18px;
+}
+.my_19 {
+    margin-top: 19px;
+    margin-bottom: 19px;
+}
+.my_20 {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+.my_25 {
+    margin-top: 25px;
+    margin-bottom: 25px;
+}
+.my_30 {
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+.my_35 {
+    margin-top: 35px;
+    margin-bottom: 35px;
+}
+.my_40 {
+    margin-top: 40px;
+    margin-bottom: 40px;
+}
+.my_45 {
+    margin-top: 45px;
+    margin-bottom: 45px;
+}
+.my_50 {
+    margin-top: 50px;
+    margin-bottom: 50px;
+}
+.my_55 {
+    margin-top: 55px;
+    margin-bottom: 55px;
+}
+.my_60 {
+    margin-top: 60px;
+    margin-bottom: 60px;
+}
+.my_65 {
+    margin-top: 65px;
+    margin-bottom: 65px;
+}
+.my_70 {
+    margin-top: 70px;
+    margin-bottom: 70px;
+}
+.my_75 {
+    margin-top: 75px;
+    margin-bottom: 75px;
+}
+.my_80 {
+    margin-top: 80px;
+    margin-bottom: 80px;
+}
+.my_85 {
+    margin-top: 85px;
+    margin-bottom: 85px;
+}
+.my_90 {
+    margin-top: 90px;
+    margin-bottom: 90px;
+}
+.my_95 {
+    margin-top: 95px;
+    margin-bottom: 95px;
+}
+.my_100 {
+    margin-top: 100px;
+    margin-bottom: 100px;
+}
+.my_110 {
+    margin-top: 110px;
+    margin-bottom: 110px;
+}
+.my_120 {
+    margin-top: 120px;
+    margin-bottom: 120px;
+}
+.my_130 {
+    margin-top: 130px;
+    margin-bottom: 130px;
+}
+.my_140 {
+    margin-top: 140px;
+    margin-bottom: 140px;
+}
+.my_150 {
+    margin-top: 150px;
+    margin-bottom: 150px;
+}
+.my_160 {
+    margin-top: 160px;
+    margin-bottom: 160px;
+}
+.my_170 {
+    margin-top: 170px;
+    margin-bottom: 170px;
+}
+.my_180 {
+    margin-top: 180px;
+    margin-bottom: 180px;
+}
+.my_190 {
+    margin-top: 190px;
+    margin-bottom: 190px;
+}
+.my_200 {
+    margin-top: 200px;
+    margin-bottom: 200px;
+}
+.mt_0 {
+    margin-top: 0;
+}
+.mt_1 {
+    margin-top: 1px;
+}
+.mt_2 {
+    margin-top: 2px;
+}
+.mt_3 {
+    margin-top: 3px;
+}
+.mt_4 {
+    margin-top: 4px;
+}
+.mt_5 {
+    margin-top: 5px;
+}
+.mt_6 {
+    margin-top: 6px;
+}
+.mt_7 {
+    margin-top: 7px;
+}
+.mt_8 {
+    margin-top: 8px;
+}
+.mt_9 {
+    margin-top: 9px;
+}
+.mt_10 {
+    margin-top: 10px;
+}
+.mt_11 {
+    margin-top: 11px;
+}
+.mt_12 {
+    margin-top: 12px;
+}
+.mt_13 {
+    margin-top: 13px;
+}
+.mt_14 {
+    margin-top: 14px;
+}
+.mt_15 {
+    margin-top: 15px;
+}
+.mt_16 {
+    margin-top: 16px;
+}
+.mt_17 {
+    margin-top: 17px;
+}
+.mt_18 {
+    margin-top: 18px;
+}
+.mt_19 {
+    margin-top: 19px;
+}
+.mt_20 {
+    margin-top: 20px;
+}
+.mt_25 {
+    margin-top: 25px;
+}
+.mt_30 {
+    margin-top: 30px;
+}
+.mt_35 {
+    margin-top: 35px;
+}
+.mt_40 {
+    margin-top: 40px;
+}
+.mt_45 {
+    margin-top: 45px;
+}
+.mt_50 {
+    margin-top: 50px;
+}
+.mt_55 {
+    margin-top: 55px;
+}
+.mt_60 {
+    margin-top: 60px;
+}
+.mt_65 {
+    margin-top: 65px;
+}
+.mt_70 {
+    margin-top: 70px;
+}
+.mt_75 {
+    margin-top: 75px;
+}
+.mt_80 {
+    margin-top: 80px;
+}
+.mt_85 {
+    margin-top: 85px;
+}
+.mt_90 {
+    margin-top: 90px;
+}
+.mt_95 {
+    margin-top: 95px;
+}
+.mt_100 {
+    margin-top: 100px;
+}
+.mt_110 {
+    margin-top: 110px;
+}
+.mt_120 {
+    margin-top: 120px;
+}
+.mt_130 {
+    margin-top: 130px;
+}
+.mt_140 {
+    margin-top: 140px;
+}
+.mt_150 {
+    margin-top: 150px;
+}
+.mt_160 {
+    margin-top: 160px;
+}
+.mt_170 {
+    margin-top: 170px;
+}
+.mt_180 {
+    margin-top: 180px;
+}
+.mt_190 {
+    margin-top: 190px;
+}
+.mt_200 {
+    margin-top: 200px;
+}
+.mr_0 {
+    margin-right: 0;
+}
+.mr_1 {
+    margin-right: 1px;
+}
+.mr_2 {
+    margin-right: 2px;
+}
+.mr_3 {
+    margin-right: 3px;
+}
+.mr_4 {
+    margin-right: 4px;
+}
+.mr_5 {
+    margin-right: 5px;
+}
+.mr_6 {
+    margin-right: 6px;
+}
+.mr_7 {
+    margin-right: 7px;
+}
+.mr_8 {
+    margin-right: 8px;
+}
+.mr_9 {
+    margin-right: 9px;
+}
+.mr_10 {
+    margin-right: 10px;
+}
+.mr_11 {
+    margin-right: 11px;
+}
+.mr_12 {
+    margin-right: 12px;
+}
+.mr_13 {
+    margin-right: 13px;
+}
+.mr_14 {
+    margin-right: 14px;
+}
+.mr_15 {
+    margin-right: 15px;
+}
+.mr_16 {
+    margin-right: 16px;
+}
+.mr_17 {
+    margin-right: 17px;
+}
+.mr_18 {
+    margin-right: 18px;
+}
+.mr_19 {
+    margin-right: 19px;
+}
+.mr_20 {
+    margin-right: 20px;
+}
+.mr_25 {
+    margin-right: 25px;
+}
+.mr_30 {
+    margin-right: 30px;
+}
+.mr_35 {
+    margin-right: 35px;
+}
+.mr_40 {
+    margin-right: 40px;
+}
+.mr_45 {
+    margin-right: 45px;
+}
+.mr_50 {
+    margin-right: 50px;
+}
+.mr_55 {
+    margin-right: 55px;
+}
+.mr_60 {
+    margin-right: 60px;
+}
+.mr_65 {
+    margin-right: 65px;
+}
+.mr_70 {
+    margin-right: 70px;
+}
+.mr_75 {
+    margin-right: 75px;
+}
+.mr_80 {
+    margin-right: 80px;
+}
+.mr_85 {
+    margin-right: 85px;
+}
+.mr_90 {
+    margin-right: 90px;
+}
+.mr_95 {
+    margin-right: 95px;
+}
+.mr_100 {
+    margin-right: 100px;
+}
+.mr_110 {
+    margin-right: 110px;
+}
+.mr_120 {
+    margin-right: 120px;
+}
+.mr_130 {
+    margin-right: 130px;
+}
+.mr_140 {
+    margin-right: 140px;
+}
+.mr_150 {
+    margin-right: 150px;
+}
+.mr_160 {
+    margin-right: 160px;
+}
+.mr_170 {
+    margin-right: 170px;
+}
+.mr_180 {
+    margin-right: 180px;
+}
+.mr_190 {
+    margin-right: 190px;
+}
+.mr_200 {
+    margin-right: 200px;
+}
+.mb_0 {
+    margin-bottom: 0;
+}
+.mb_1 {
+    margin-bottom: 1px;
+}
+.mb_2 {
+    margin-bottom: 2px;
+}
+.mb_3 {
+    margin-bottom: 3px;
+}
+.mb_4 {
+    margin-bottom: 4px;
+}
+.mb_5 {
+    margin-bottom: 5px;
+}
+.mb_6 {
+    margin-bottom: 6px;
+}
+.mb_7 {
+    margin-bottom: 7px;
+}
+.mb_8 {
+    margin-bottom: 8px;
+}
+.mb_9 {
+    margin-bottom: 9px;
+}
+.mb_10 {
+    margin-bottom: 10px;
+}
+.mb_11 {
+    margin-bottom: 11px;
+}
+.mb_12 {
+    margin-bottom: 12px;
+}
+.mb_13 {
+    margin-bottom: 13px;
+}
+.mb_14 {
+    margin-bottom: 14px;
+}
+.mb_15 {
+    margin-bottom: 15px;
+}
+.mb_16 {
+    margin-bottom: 16px;
+}
+.mb_17 {
+    margin-bottom: 17px;
+}
+.mb_18 {
+    margin-bottom: 18px;
+}
+.mb_19 {
+    margin-bottom: 19px;
+}
+.mb_20 {
+    margin-bottom: 20px;
+}
+.mb_25 {
+    margin-bottom: 25px;
+}
+.mb_30 {
+    margin-bottom: 30px;
+}
+.mb_35 {
+    margin-bottom: 35px;
+}
+.mb_40 {
+    margin-bottom: 40px;
+}
+.mb_45 {
+    margin-bottom: 45px;
+}
+.mb_50 {
+    margin-bottom: 50px;
+}
+.mb_55 {
+    margin-bottom: 55px;
+}
+.mb_60 {
+    margin-bottom: 60px;
+}
+.mb_65 {
+    margin-bottom: 65px;
+}
+.mb_70 {
+    margin-bottom: 70px;
+}
+.mb_75 {
+    margin-bottom: 75px;
+}
+.mb_80 {
+    margin-bottom: 80px;
+}
+.mb_85 {
+    margin-bottom: 85px;
+}
+.mb_90 {
+    margin-bottom: 90px;
+}
+.mb_95 {
+    margin-bottom: 95px;
+}
+.mb_100 {
+    margin-bottom: 100px;
+}
+.mb_110 {
+    margin-bottom: 110px;
+}
+.mb_120 {
+    margin-bottom: 120px;
+}
+.mb_130 {
+    margin-bottom: 130px;
+}
+.mb_140 {
+    margin-bottom: 140px;
+}
+.mb_150 {
+    margin-bottom: 150px;
+}
+.mb_160 {
+    margin-bottom: 160px;
+}
+.mb_170 {
+    margin-bottom: 170px;
+}
+.mb_180 {
+    margin-bottom: 180px;
+}
+.mb_190 {
+    margin-bottom: 190px;
+}
+.mb_200 {
+    margin-bottom: 200px;
+}
+.ml_0 {
+    margin-left: 0;
+}
+.ml_1 {
+    margin-left: 1px;
+}
+.ml_2 {
+    margin-left: 2px;
+}
+.ml_3 {
+    margin-left: 3px;
+}
+.ml_4 {
+    margin-left: 4px;
+}
+.ml_5 {
+    margin-left: 5px;
+}
+.ml_6 {
+    margin-left: 6px;
+}
+.ml_7 {
+    margin-left: 7px;
+}
+.ml_8 {
+    margin-left: 8px;
+}
+.ml_9 {
+    margin-left: 9px;
+}
+.ml_10 {
+    margin-left: 10px;
+}
+.ml_11 {
+    margin-left: 11px;
+}
+.ml_12 {
+    margin-left: 12px;
+}
+.ml_13 {
+    margin-left: 13px;
+}
+.ml_14 {
+    margin-left: 14px;
+}
+.ml_15 {
+    margin-left: 15px;
+}
+.ml_16 {
+    margin-left: 16px;
+}
+.ml_17 {
+    margin-left: 17px;
+}
+.ml_18 {
+    margin-left: 18px;
+}
+.ml_19 {
+    margin-left: 19px;
+}
+.ml_20 {
+    margin-left: 20px;
+}
+.ml_25 {
+    margin-left: 25px;
+}
+.ml_30 {
+    margin-left: 30px;
+}
+.ml_35 {
+    margin-left: 35px;
+}
+.ml_40 {
+    margin-left: 40px;
+}
+.ml_45 {
+    margin-left: 45px;
+}
+.ml_50 {
+    margin-left: 50px;
+}
+.ml_55 {
+    margin-left: 55px;
+}
+.ml_60 {
+    margin-left: 60px;
+}
+.ml_65 {
+    margin-left: 65px;
+}
+.ml_70 {
+    margin-left: 70px;
+}
+.ml_75 {
+    margin-left: 75px;
+}
+.ml_80 {
+    margin-left: 80px;
+}
+.ml_85 {
+    margin-left: 85px;
+}
+.ml_90 {
+    margin-left: 90px;
+}
+.ml_95 {
+    margin-left: 95px;
+}
+.ml_100 {
+    margin-left: 100px;
+}
+.ml_110 {
+    margin-left: 110px;
+}
+.ml_120 {
+    margin-left: 120px;
+}
+.ml_130 {
+    margin-left: 130px;
+}
+.ml_140 {
+    margin-left: 140px;
+}
+.ml_150 {
+    margin-left: 150px;
+}
+.ml_160 {
+    margin-left: 160px;
+}
+.ml_170 {
+    margin-left: 170px;
+}
+.ml_180 {
+    margin-left: 180px;
+}
+.ml_190 {
+    margin-left: 190px;
+}
+.ml_200 {
+    margin-left: 200px;
+}
+/* 
+el_13 
+Padding
+*/
+.p_0 {
+    padding: 0;
+}
+.p_1 {
+    padding: 1px;
+}
+.p_2 {
+    padding: 2px;
+}
+.p_3 {
+    padding: 3px;
+}
+.p_4 {
+    padding: 4px;
+}
+.p_5 {
+    padding: 5px;
+}
+.p_6 {
+    padding: 6px;
+}
+.p_7 {
+    padding: 7px;
+}
+.p_8 {
+    padding: 8px;
+}
+.p_9 {
+    padding: 9px;
+}
+.p_10 {
+    padding: 10px;
+}
+.p_11 {
+    padding: 11px;
+}
+.p_12 {
+    padding: 12px;
+}
+.p_13 {
+    padding: 13px;
+}
+.p_14 {
+    padding: 14px;
+}
+.p_15 {
+    padding: 15px;
+}
+.p_16 {
+    padding: 16px;
+}
+.p_17 {
+    padding: 17px;
+}
+.p_18 {
+    padding: 18px;
+}
+.p_19 {
+    padding: 19px;
+}
+.p_20 {
+    padding: 20px;
+}
+.p_25 {
+    padding: 25px;
+}
+.p_30 {
+    padding: 30px;
+}
+.p_35 {
+    padding: 35px;
+}
+.p_40 {
+    padding: 40px;
+}
+.p_45 {
+    padding: 45px;
+}
+.p_50 {
+    padding: 50px;
+}
+.p_55 {
+    padding: 55px;
+}
+.p_60 {
+    padding: 60px;
+}
+.p_65 {
+    padding: 65px;
+}
+.p_70 {
+    padding: 70px;
+}
+.p_75 {
+    padding: 75px;
+}
+.p_80 {
+    padding: 80px;
+}
+.p_85 {
+    padding: 85px;
+}
+.p_90 {
+    padding: 90px;
+}
+.p_95 {
+    padding: 95px;
+}
+.p_100 {
+    padding: 100px;
+}
+.p_110 {
+    padding: 110px;
+}
+.p_120 {
+    padding: 120px;
+}
+.p_130 {
+    padding: 130px;
+}
+.p_140 {
+    padding: 140px;
+}
+.p_150 {
+    padding: 150px;
+}
+.p_160 {
+    padding: 160px;
+}
+.p_170 {
+    padding: 170px;
+}
+.p_180 {
+    padding: 180px;
+}
+.p_190 {
+    padding: 190px;
+}
+.p_200 {
+    padding: 200px;
+}
+.px_0 {
+    padding-left: 0;
+    padding-right: 0;
+}
+.px_1 {
+    padding-left: 1px;
+    padding-right: 1px;
+}
+.px_2 {
+    padding-left: 2px;
+    padding-right: 2px;
+}
+.px_3 {
+    padding-left: 3px;
+    padding-right: 3px;
+}
+.px_4 {
+    padding-left: 4px;
+    padding-right: 4px;
+}
+.px_5 {
+    padding-left: 5px;
+    padding-right: 5px;
+}
+.px_6 {
+    padding-left: 6px;
+    padding-right: 6px;
+}
+.px_7 {
+    padding-left: 7px;
+    padding-right: 7px;
+}
+.px_8 {
+    padding-left: 8px;
+    padding-right: 8px;
+}
+.px_9 {
+    padding-left: 9px;
+    padding-right: 9px;
+}
+.px_10 {
+    padding-left: 10px;
+    padding-right: 10px;
+}
+.px_11 {
+    padding-left: 11px;
+    padding-right: 11px;
+}
+.px_12 {
+    padding-left: 12px;
+    padding-right: 12px;
+}
+.px_13 {
+    padding-left: 13px;
+    padding-right: 13px;
+}
+.px_14 {
+    padding-left: 14px;
+    padding-right: 14px;
+}
+.px_15 {
+    padding-left: 15px;
+    padding-right: 15px;
+}
+.px_16 {
+    padding-left: 16px;
+    padding-right: 16px;
+}
+.px_17 {
+    padding-left: 17px;
+    padding-right: 17px;
+}
+.px_18 {
+    padding-left: 18px;
+    padding-right: 18px;
+}
+.px_19 {
+    padding-left: 19px;
+    padding-right: 19px;
+}
+.px_20 {
+    padding-left: 20px;
+    padding-right: 20px;
+}
+.px_25 {
+    padding-left: 25px;
+    padding-right: 25px;
+}
+.px_30 {
+    padding-left: 30px;
+    padding-right: 30px;
+}
+.px_35 {
+    padding-left: 35px;
+    padding-right: 35px;
+}
+.px_40 {
+    padding-left: 40px;
+    padding-right: 40px;
+}
+.px_45 {
+    padding-left: 45px;
+    padding-right: 45px;
+}
+.px_50 {
+    padding-left: 50px;
+    padding-right: 50px;
+}
+.px_55 {
+    padding-left: 55px;
+    padding-right: 55px;
+}
+.px_60 {
+    padding-left: 60px;
+    padding-right: 60px;
+}
+.px_65 {
+    padding-left: 65px;
+    padding-right: 65px;
+}
+.px_70 {
+    padding-left: 70px;
+    padding-right: 70px;
+}
+.px_75 {
+    padding-left: 75px;
+    padding-right: 75px;
+}
+.px_80 {
+    padding-left: 80px;
+    padding-right: 80px;
+}
+.px_85 {
+    padding-left: 85px;
+    padding-right: 85px;
+}
+.px_90 {
+    padding-left: 90px;
+    padding-right: 90px;
+}
+.px_95 {
+    padding-left: 95px;
+    padding-right: 95px;
+}
+.px_100 {
+    padding-left: 100px;
+    padding-right: 100px;
+}
+.px_110 {
+    padding-left: 110px;
+    padding-right: 110px;
+}
+.px_120 {
+    padding-left: 120px;
+    padding-right: 120px;
+}
+.px_130 {
+    padding-left: 130px;
+    padding-right: 130px;
+}
+.px_140 {
+    padding-left: 140px;
+    padding-right: 140px;
+}
+.px_150 {
+    padding-left: 150px;
+    padding-right: 150px;
+}
+.px_160 {
+    padding-left: 160px;
+    padding-right: 160px;
+}
+.px_170 {
+    padding-left: 170px;
+    padding-right: 170px;
+}
+.px_180 {
+    padding-left: 180px;
+    padding-right: 180px;
+}
+.px_190 {
+    padding-left: 190px;
+    padding-right: 190px;
+}
+.px_200 {
+    padding-left: 200px;
+    padding-right: 200px;
+}
+.py_0 {
+    padding-top: 0;
+    padding-bottom: 0;
+}
+.py_1 {
+    padding-top: 1px;
+    padding-bottom: 1px;
+}
+.py_2 {
+    padding-top: 2px;
+    padding-bottom: 2px;
+}
+.py_3 {
+    padding-top: 3px;
+    padding-bottom: 3px;
+}
+.py_4 {
+    padding-top: 4px;
+    padding-bottom: 4px;
+}
+.py_5 {
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+.py_6 {
+    padding-top: 6px;
+    padding-bottom: 6px;
+}
+.py_7 {
+    padding-top: 7px;
+    padding-bottom: 7px;
+}
+.py_8 {
+    padding-top: 8px;
+    padding-bottom: 8px;
+}
+.py_9 {
+    padding-top: 9px;
+    padding-bottom: 9px;
+}
+.py_10 {
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+.py_11 {
+    padding-top: 11px;
+    padding-bottom: 11px;
+}
+.py_12 {
+    padding-top: 12px;
+    padding-bottom: 12px;
+}
+.py_13 {
+    padding-top: 13px;
+    padding-bottom: 13px;
+}
+.py_14 {
+    padding-top: 14px;
+    padding-bottom: 14px;
+}
+.py_15 {
+    padding-top: 15px;
+    padding-bottom: 15px;
+}
+.py_16 {
+    padding-top: 16px;
+    padding-bottom: 16px;
+}
+.py_17 {
+    padding-top: 17px;
+    padding-bottom: 17px;
+}
+.py_18 {
+    padding-top: 18px;
+    padding-bottom: 18px;
+}
+.py_19 {
+    padding-top: 19px;
+    padding-bottom: 19px;
+}
+.py_20 {
+    padding-top: 20px;
+    padding-bottom: 20px;
+}
+.py_25 {
+    padding-top: 25px;
+    padding-bottom: 25px;
+}
+.py_30 {
+    padding-top: 30px;
+    padding-bottom: 30px;
+}
+.py_35 {
+    padding-top: 35px;
+    padding-bottom: 35px;
+}
+.py_40 {
+    padding-top: 40px;
+    padding-bottom: 40px;
+}
+.py_45 {
+    padding-top: 45px;
+    padding-bottom: 45px;
+}
+.py_50 {
+    padding-top: 50px;
+    padding-bottom: 50px;
+}
+.py_55 {
+    padding-top: 55px;
+    padding-bottom: 55px;
+}
+.py_60 {
+    padding-top: 60px;
+    padding-bottom: 60px;
+}
+.py_65 {
+    padding-top: 65px;
+    padding-bottom: 65px;
+}
+.py_70 {
+    padding-top: 70px;
+    padding-bottom: 70px;
+}
+.py_75 {
+    padding-top: 75px;
+    padding-bottom: 75px;
+}
+.py_80 {
+    padding-top: 80px;
+    padding-bottom: 80px;
+}
+.py_85 {
+    padding-top: 85px;
+    padding-bottom: 85px;
+}
+.py_90 {
+    padding-top: 90px;
+    padding-bottom: 90px;
+}
+.py_95 {
+    padding-top: 95px;
+    padding-bottom: 95px;
+}
+.py_100 {
+    padding-top: 100px;
+    padding-bottom: 100px;
+}
+.py_110 {
+    padding-top: 110px;
+    padding-bottom: 110px;
+}
+.py_120 {
+    padding-top: 120px;
+    padding-bottom: 120px;
+}
+.py_130 {
+    padding-top: 130px;
+    padding-bottom: 130px;
+}
+.py_140 {
+    padding-top: 140px;
+    padding-bottom: 140px;
+}
+.py_150 {
+    padding-top: 150px;
+    padding-bottom: 150px;
+}
+.py_160 {
+    padding-top: 160px;
+    padding-bottom: 160px;
+}
+.py_170 {
+    padding-top: 170px;
+    padding-bottom: 170px;
+}
+.py_180 {
+    padding-top: 180px;
+    padding-bottom: 180px;
+}
+.py_190 {
+    padding-top: 190px;
+    padding-bottom: 190px;
+}
+.py_200 {
+    padding-top: 200px;
+    padding-bottom: 200px;
+}
+.pt_0 {
+    padding-top: 0;
+}
+.pt_1 {
+    padding-top: 1px;
+}
+.pt_2 {
+    padding-top: 2px;
+}
+.pt_3 {
+    padding-top: 3px;
+}
+.pt_4 {
+    padding-top: 4px;
+}
+.pt_5 {
+    padding-top: 5px;
+}
+.pt_6 {
+    padding-top: 6px;
+}
+.pt_7 {
+    padding-top: 7px;
+}
+.pt_8 {
+    padding-top: 8px;
+}
+.pt_9 {
+    padding-top: 9px;
+}
+.pt_10 {
+    padding-top: 10px;
+}
+.pt_11 {
+    padding-top: 11px;
+}
+.pt_12 {
+    padding-top: 12px;
+}
+.pt_13 {
+    padding-top: 13px;
+}
+.pt_14 {
+    padding-top: 14px;
+}
+.pt_15 {
+    padding-top: 15px;
+}
+.pt_16 {
+    padding-top: 16px;
+}
+.pt_17 {
+    padding-top: 17px;
+}
+.pt_18 {
+    padding-top: 18px;
+}
+.pt_19 {
+    padding-top: 19px;
+}
+.pt_20 {
+    padding-top: 20px;
+}
+.pt_25 {
+    padding-top: 25px;
+}
+.pt_30 {
+    padding-top: 30px;
+}
+.pt_35 {
+    padding-top: 35px;
+}
+.pt_40 {
+    padding-top: 40px;
+}
+.pt_45 {
+    padding-top: 45px;
+}
+.pt_50 {
+    padding-top: 50px;
+}
+.pt_55 {
+    padding-top: 55px;
+}
+.pt_60 {
+    padding-top: 60px;
+}
+.pt_65 {
+    padding-top: 65px;
+}
+.pt_70 {
+    padding-top: 70px;
+}
+.pt_75 {
+    padding-top: 75px;
+}
+.pt_80 {
+    padding-top: 80px;
+}
+.pt_85 {
+    padding-top: 85px;
+}
+.pt_90 {
+    padding-top: 90px;
+}
+.pt_95 {
+    padding-top: 95px;
+}
+.pt_100 {
+    padding-top: 100px;
+}
+.pt_110 {
+    padding-top: 110px;
+}
+.pt_120 {
+    padding-top: 120px;
+}
+.pt_130 {
+    padding-top: 130px;
+}
+.pt_140 {
+    padding-top: 140px;
+}
+.pt_150 {
+    padding-top: 150px;
+}
+.pt_160 {
+    padding-top: 160px;
+}
+.pt_170 {
+    padding-top: 170px;
+}
+.pt_180 {
+    padding-top: 180px;
+}
+.pt_190 {
+    padding-top: 190px;
+}
+.pt_200 {
+    padding-top: 200px;
+}
+.pr_0 {
+    padding-right: 0;
+}
+.pr_1 {
+    padding-right: 1px;
+}
+.pr_2 {
+    padding-right: 2px;
+}
+.pr_3 {
+    padding-right: 3px;
+}
+.pr_4 {
+    padding-right: 4px;
+}
+.pr_5 {
+    padding-right: 5px;
+}
+.pr_6 {
+    padding-right: 6px;
+}
+.pr_7 {
+    padding-right: 7px;
+}
+.pr_8 {
+    padding-right: 8px;
+}
+.pr_9 {
+    padding-right: 9px;
+}
+.pr_10 {
+    padding-right: 10px;
+}
+.pr_11 {
+    padding-right: 11px;
+}
+.pr_12 {
+    padding-right: 12px;
+}
+.pr_13 {
+    padding-right: 13px;
+}
+.pr_14 {
+    padding-right: 14px;
+}
+.pr_15 {
+    padding-right: 15px;
+}
+.pr_16 {
+    padding-right: 16px;
+}
+.pr_17 {
+    padding-right: 17px;
+}
+.pr_18 {
+    padding-right: 18px;
+}
+.pr_19 {
+    padding-right: 19px;
+}
+.pr_20 {
+    padding-right: 20px;
+}
+.pr_25 {
+    padding-right: 25px;
+}
+.pr_30 {
+    padding-right: 30px;
+}
+.pr_35 {
+    padding-right: 35px;
+}
+.pr_40 {
+    padding-right: 40px;
+}
+.pr_45 {
+    padding-right: 45px;
+}
+.pr_50 {
+    padding-right: 50px;
+}
+.pr_55 {
+    padding-right: 55px;
+}
+.pr_60 {
+    padding-right: 60px;
+}
+.pr_65 {
+    padding-right: 65px;
+}
+.pr_70 {
+    padding-right: 70px;
+}
+.pr_75 {
+    padding-right: 75px;
+}
+.pr_80 {
+    padding-right: 80px;
+}
+.pr_85 {
+    padding-right: 85px;
+}
+.pr_90 {
+    padding-right: 90px;
+}
+.pr_95 {
+    padding-right: 95px;
+}
+.pr_100 {
+    padding-right: 100px;
+}
+.pr_110 {
+    padding-right: 110px;
+}
+.pr_120 {
+    padding-right: 120px;
+}
+.pr_130 {
+    padding-right: 130px;
+}
+.pr_140 {
+    padding-right: 140px;
+}
+.pr_150 {
+    padding-right: 150px;
+}
+.pr_160 {
+    padding-right: 160px;
+}
+.pr_170 {
+    padding-right: 170px;
+}
+.pr_180 {
+    padding-right: 180px;
+}
+.pr_190 {
+    padding-right: 190px;
+}
+.pr_200 {
+    padding-right: 200px;
+}
+.pb_0 {
+    padding-bottom: 0;
+}
+.pb_1 {
+    padding-bottom: 1px;
+}
+.pb_2 {
+    padding-bottom: 2px;
+}
+.pb_3 {
+    padding-bottom: 3px;
+}
+.pb_4 {
+    padding-bottom: 4px;
+}
+.pb_5 {
+    padding-bottom: 5px;
+}
+.pb_6 {
+    padding-bottom: 6px;
+}
+.pb_7 {
+    padding-bottom: 7px;
+}
+.pb_8 {
+    padding-bottom: 8px;
+}
+.pb_9 {
+    padding-bottom: 9px;
+}
+.pb_10 {
+    padding-bottom: 10px;
+}
+.pb_11 {
+    padding-bottom: 11px;
+}
+.pb_12 {
+    padding-bottom: 12px;
+}
+.pb_13 {
+    padding-bottom: 13px;
+}
+.pb_14 {
+    padding-bottom: 14px;
+}
+.pb_15 {
+    padding-bottom: 15px;
+}
+.pb_16 {
+    padding-bottom: 16px;
+}
+.pb_17 {
+    padding-bottom: 17px;
+}
+.pb_18 {
+    padding-bottom: 18px;
+}
+.pb_19 {
+    padding-bottom: 19px;
+}
+.pb_20 {
+    padding-bottom: 20px;
+}
+.pb_25 {
+    padding-bottom: 25px;
+}
+.pb_30 {
+    padding-bottom: 30px;
+}
+.pb_35 {
+    padding-bottom: 35px;
+}
+.pb_40 {
+    padding-bottom: 40px;
+}
+.pb_45 {
+    padding-bottom: 45px;
+}
+.pb_50 {
+    padding-bottom: 50px;
+}
+.pb_55 {
+    padding-bottom: 55px;
+}
+.pb_60 {
+    padding-bottom: 60px;
+}
+.pb_65 {
+    padding-bottom: 65px;
+}
+.pb_70 {
+    padding-bottom: 70px;
+}
+.pb_75 {
+    padding-bottom: 75px;
+}
+.pb_80 {
+    padding-bottom: 80px;
+}
+.pb_85 {
+    padding-bottom: 85px;
+}
+.pb_90 {
+    padding-bottom: 90px;
+}
+.pb_95 {
+    padding-bottom: 95px;
+}
+.pb_100 {
+    padding-bottom: 100px;
+}
+.pb_110 {
+    padding-bottom: 110px;
+}
+.pb_120 {
+    padding-bottom: 120px;
+}
+.pb_130 {
+    padding-bottom: 130px;
+}
+.pb_140 {
+    padding-bottom: 140px;
+}
+.pb_150 {
+    padding-bottom: 150px;
+}
+.pb_160 {
+    padding-bottom: 160px;
+}
+.pb_170 {
+    padding-bottom: 170px;
+}
+.pb_180 {
+    padding-bottom: 180px;
+}
+.pb_190 {
+    padding-bottom: 190px;
+}
+.pb_200 {
+    padding-bottom: 200px;
+}
+.pl_0 {
+    padding-left: 0;
+}
+.pl_1 {
+    padding-left: 1px;
+}
+.pl_2 {
+    padding-left: 2px;
+}
+.pl_3 {
+    padding-left: 3px;
+}
+.pl_4 {
+    padding-left: 4px;
+}
+.pl_5 {
+    padding-left: 5px;
+}
+.pl_6 {
+    padding-left: 6px;
+}
+.pl_7 {
+    padding-left: 7px;
+}
+.pl_8 {
+    padding-left: 8px;
+}
+.pl_9 {
+    padding-left: 9px;
+}
+.pl_10 {
+    padding-left: 10px;
+}
+.pl_11 {
+    padding-left: 11px;
+}
+.pl_12 {
+    padding-left: 12px;
+}
+.pl_13 {
+    padding-left: 13px;
+}
+.pl_14 {
+    padding-left: 14px;
+}
+.pl_15 {
+    padding-left: 15px;
+}
+.pl_16 {
+    padding-left: 16px;
+}
+.pl_17 {
+    padding-left: 17px;
+}
+.pl_18 {
+    padding-left: 18px;
+}
+.pl_19 {
+    padding-left: 19px;
+}
+.pl_20 {
+    padding-left: 20px;
+}
+.pl_25 {
+    padding-left: 25px;
+}
+.pl_30 {
+    padding-left: 30px;
+}
+.pl_35 {
+    padding-left: 35px;
+}
+.pl_40 {
+    padding-left: 40px;
+}
+.pl_45 {
+    padding-left: 45px;
+}
+.pl_50 {
+    padding-left: 50px;
+}
+.pl_55 {
+    padding-left: 55px;
+}
+.pl_60 {
+    padding-left: 60px;
+}
+.pl_65 {
+    padding-left: 65px;
+}
+.pl_70 {
+    padding-left: 70px;
+}
+.pl_75 {
+    padding-left: 75px;
+}
+.pl_80 {
+    padding-left: 80px;
+}
+.pl_85 {
+    padding-left: 85px;
+}
+.pl_90 {
+    padding-left: 90px;
+}
+.pl_95 {
+    padding-left: 95px;
+}
+.pl_100 {
+    padding-left: 100px;
+}
+.pl_110 {
+    padding-left: 110px;
+}
+.pl_120 {
+    padding-left: 120px;
+}
+.pl_130 {
+    padding-left: 130px;
+}
+.pl_140 {
+    padding-left: 140px;
+}
+.pl_150 {
+    padding-left: 150px;
+}
+.pl_160 {
+    padding-left: 160px;
+}
+.pl_170 {
+    padding-left: 170px;
+}
+.pl_180 {
+    padding-left: 180px;
+}
+.pl_190 {
+    padding-left: 190px;
+}
+.pl_200 {
+    padding-left: 200px;
+}
+/* 
+el_14 
+Top
+*/
+.t_0 {
+    top: 0;
+}
+.t_1 {
+    top: 1px;
+}
+.t_2 {
+    top: 2px;
+}
+.t_3 {
+    top: 3px;
+}
+.t_4 {
+    top: 4px;
+}
+.t_5 {
+    top: 5px;
+}
+.t_6 {
+    top: 6px;
+}
+.t_7 {
+    top: 7px;
+}
+.t_8 {
+    top: 8px;
+}
+.t_9 {
+    top: 9px;
+}
+.t_10 {
+    top: 10px;
+}
+.t_11 {
+    top: 11px;
+}
+.t_12 {
+    top: 12px;
+}
+.t_13 {
+    top: 13px;
+}
+.t_14 {
+    top: 14px;
+}
+.t_15 {
+    top: 15px;
+}
+.t_16 {
+    top: 16px;
+}
+.t_17 {
+    top: 17px;
+}
+.t_18 {
+    top: 18px;
+}
+.t_19 {
+    top: 19px;
+}
+.t_20 {
+    top: 20px;
+}
+.t_25 {
+    top: 25px;
+}
+.t_30 {
+    top: 30px;
+}
+.t_35 {
+    top: 35px;
+}
+.t_40 {
+    top: 40px;
+}
+.t_45 {
+    top: 45px;
+}
+.t_50 {
+    top: 50px;
+}
+.t_55 {
+    top: 55px;
+}
+.t_60 {
+    top: 60px;
+}
+.t_65 {
+    top: 65px;
+}
+.t_70 {
+    top: 70px;
+}
+.t_75 {
+    top: 75px;
+}
+.t_80 {
+    top: 80px;
+}
+.t_85 {
+    top: 85px;
+}
+.t_90 {
+    top: 90px;
+}
+.t_95 {
+    top: 95px;
+}
+.t_100 {
+    top: 100px;
+}
+.t_110 {
+    top: 110px;
+}
+.t_120 {
+    top: 120px;
+}
+.t_130 {
+    top: 130px;
+}
+.t_140 {
+    top: 140px;
+}
+.t_150 {
+    top: 150px;
+}
+.t_160 {
+    top: 160px;
+}
+.t_170 {
+    top: 170px;
+}
+.t_180 {
+    top: 180px;
+}
+.t_190 {
+    top: 190px;
+}
+.t_200 {
+    top: 200px;
+}
+/* 
+el_15 
+Right
+*/
+.r_0 {
+    right: 0;
+}
+.r_1 {
+    right: 1px;
+}
+.r_2 {
+    right: 2px;
+}
+.r_3 {
+    right: 3px;
+}
+.r_4 {
+    right: 4px;
+}
+.r_5 {
+    right: 5px;
+}
+.r_6 {
+    right: 6px;
+}
+.r_7 {
+    right: 7px;
+}
+.r_8 {
+    right: 8px;
+}
+.r_9 {
+    right: 9px;
+}
+.r_10 {
+    right: 10px;
+}
+.r_11 {
+    right: 11px;
+}
+.r_12 {
+    right: 12px;
+}
+.r_13 {
+    right: 13px;
+}
+.r_14 {
+    right: 14px;
+}
+.r_15 {
+    right: 15px;
+}
+.r_16 {
+    right: 16px;
+}
+.r_17 {
+    right: 17px;
+}
+.r_18 {
+    right: 18px;
+}
+.r_19 {
+    right: 19px;
+}
+.r_20 {
+    right: 20px;
+}
+.r_25 {
+    right: 25px;
+}
+.r_30 {
+    right: 30px;
+}
+.r_35 {
+    right: 35px;
+}
+.r_40 {
+    right: 40px;
+}
+.r_45 {
+    right: 45px;
+}
+.r_50 {
+    right: 50px;
+}
+.r_55 {
+    right: 55px;
+}
+.r_60 {
+    right: 60px;
+}
+.r_65 {
+    right: 65px;
+}
+.r_70 {
+    right: 70px;
+}
+.r_75 {
+    right: 75px;
+}
+.r_80 {
+    right: 80px;
+}
+.r_85 {
+    right: 85px;
+}
+.r_90 {
+    right: 90px;
+}
+.r_95 {
+    right: 95px;
+}
+.r_100 {
+    right: 100px;
+}
+.r_110 {
+    right: 110px;
+}
+.r_120 {
+    right: 120px;
+}
+.r_130 {
+    right: 130px;
+}
+.r_140 {
+    right: 140px;
+}
+.r_150 {
+    right: 150px;
+}
+.r_160 {
+    right: 160px;
+}
+.r_170 {
+    right: 170px;
+}
+.r_180 {
+    right: 180px;
+}
+.r_190 {
+    right: 190px;
+}
+.r_200 {
+    right: 200px;
+}
+/* 
+el_16
+Bottom
+*/
+.b_0 {
+    bottom: 0;
+}
+.b_1 {
+    bottom: 1px;
+}
+.b_2 {
+    bottom: 2px;
+}
+.b_3 {
+    bottom: 3px;
+}
+.b_4 {
+    bottom: 4px;
+}
+.b_5 {
+    bottom: 5px;
+}
+.b_6 {
+    bottom: 6px;
+}
+.b_7 {
+    bottom: 7px;
+}
+.b_8 {
+    bottom: 8px;
+}
+.b_9 {
+    bottom: 9px;
+}
+.b_10 {
+    bottom: 10px;
+}
+.b_11 {
+    bottom: 11px;
+}
+.b_12 {
+    bottom: 12px;
+}
+.b_13 {
+    bottom: 13px;
+}
+.b_14 {
+    bottom: 14px;
+}
+.b_15 {
+    bottom: 15px;
+}
+.b_16 {
+    bottom: 16px;
+}
+.b_17 {
+    bottom: 17px;
+}
+.b_18 {
+    bottom: 18px;
+}
+.b_19 {
+    bottom: 19px;
+}
+.b_20 {
+    bottom: 20px;
+}
+.b_25 {
+    bottom: 25px;
+}
+.b_30 {
+    bottom: 30px;
+}
+.b_35 {
+    bottom: 35px;
+}
+.b_40 {
+    bottom: 40px;
+}
+.b_45 {
+    bottom: 45px;
+}
+.b_50 {
+    bottom: 50px;
+}
+.b_55 {
+    bottom: 55px;
+}
+.b_60 {
+    bottom: 60px;
+}
+.b_65 {
+    bottom: 65px;
+}
+.b_70 {
+    bottom: 70px;
+}
+.b_75 {
+    bottom: 75px;
+}
+.b_80 {
+    bottom: 80px;
+}
+.b_85 {
+    bottom: 85px;
+}
+.b_90 {
+    bottom: 90px;
+}
+.b_95 {
+    bottom: 95px;
+}
+.b_100 {
+    bottom: 100px;
+}
+.b_110 {
+    bottom: 110px;
+}
+.b_120 {
+    bottom: 120px;
+}
+.b_130 {
+    bottom: 130px;
+}
+.b_140 {
+    bottom: 140px;
+}
+.b_150 {
+    bottom: 150px;
+}
+.b_160 {
+    bottom: 160px;
+}
+.b_170 {
+    bottom: 170px;
+}
+.b_180 {
+    bottom: 180px;
+}
+.b_190 {
+    bottom: 190px;
+}
+.b_200 {
+    bottom: 200px;
+}
+/* 
+el_17
+Top
+*/
+.l_0 {
+    left: 0;
+}
+.l_1 {
+    left: 1px;
+}
+.l_2 {
+    left: 2px;
+}
+.l_3 {
+    left: 3px;
+}
+.l_4 {
+    left: 4px;
+}
+.l_5 {
+    left: 5px;
+}
+.l_6 {
+    left: 6px;
+}
+.l_7 {
+    left: 7px;
+}
+.l_8 {
+    left: 8px;
+}
+.l_9 {
+    left: 9px;
+}
+.l_10 {
+    left: 10px;
+}
+.l_11 {
+    left: 11px;
+}
+.l_12 {
+    left: 12px;
+}
+.l_13 {
+    left: 13px;
+}
+.l_14 {
+    left: 14px;
+}
+.l_15 {
+    left: 15px;
+}
+.l_16 {
+    left: 16px;
+}
+.l_17 {
+    left: 17px;
+}
+.l_18 {
+    left: 18px;
+}
+.l_19 {
+    left: 19px;
+}
+.l_20 {
+    left: 20px;
+}
+.l_25 {
+    left: 25px;
+}
+.l_30 {
+    left: 30px;
+}
+.l_35 {
+    left: 35px;
+}
+.l_40 {
+    left: 40px;
+}
+.l_45 {
+    left: 45px;
+}
+.l_50 {
+    left: 50px;
+}
+.l_55 {
+    left: 55px;
+}
+.l_60 {
+    left: 60px;
+}
+.l_65 {
+    left: 65px;
+}
+.l_70 {
+    left: 70px;
+}
+.l_75 {
+    left: 75px;
+}
+.l_80 {
+    left: 80px;
+}
+.l_85 {
+    left: 85px;
+}
+.l_90 {
+    left: 90px;
+}
+.l_95 {
+    left: 95px;
+}
+.l_100 {
+    left: 100px;
+}
+.l_110 {
+    left: 110px;
+}
+.l_120 {
+    left: 120px;
+}
+.l_130 {
+    left: 130px;
+}
+.l_140 {
+    left: 140px;
+}
+.l_150 {
+    left: 150px;
+}
+.l_160 {
+    left: 160px;
+}
+.l_170 {
+    left: 170px;
+}
+.l_180 {
+    left: 180px;
+}
+.l_190 {
+    left: 190px;
+}
+.l_200 {
+    left: 200px;
+}
+/* 
+el_18
+Text align
+*/
+.align-1 {
+    text-align: left;
+} 
+.align-2 {
+    text-align: center;
+}
+.align-3 {
+    text-align: right;
+}
+/* 
+el_19
+Z-index
+*/
+.z_1 {
+    z-index: 1;
+}
+.z_2 {
+    z-index: 2;
+}
+.z_3 {
+    z-index: 3;
+}
+.z_4 {
+    z-index: 4;
+}
+.z_5 {
+    z-index: 5;
+}
+.z_6 {
+    z-index: 6;
+}
+.z_7 {
+    z-index: 7;
+}
+.z_8 {
+    z-index: 8;
+}
+.z_9 {
+    z-index: 9;
+}
+.z_99 {
+    z-index: 99;
+}
+.z_999 {
+    z-index: 999;
+}
+.z_9999 {
+    z-index: 9999;
+}
+.z_99999 {
+    z-index: 99999;
+}
+/* 
+el_20
+Border radius
+*/
+.b_radius_0 {
+    border-radius: 0;
+}
+.b_radius_1 {
+    border-radius: 1px;
+}
+.b_radius_2 {
+    border-radius: 2px;
+}
+.b_radius_3 {
+    border-radius: 3px;
+}
+.b_radius_4 {
+    border-radius: 4px;
+}
+.b_radius_5 {
+    border-radius: 5px;
+}
+.b_radius_6 {
+    border-radius: 6px;
+}
+.b_radius_7 {
+    border-radius: 7px;
+}
+.b_radius_8 {
+    border-radius: 8px;
+}
+.b_radius_9 {
+    border-radius: 9px;
+}
+.b_radius_10 {
+    border-radius: 10px;
+}
+.b_radius_11 {
+    border-radius: 11px;
+}
+.b_radius_12 {
+    border-radius: 12px;
+}
+.b_radius_13 {
+    border-radius: 13px;
+}
+.b_radius_14 {
+    border-radius: 14px;
+}
+.b_radius_15 {
+    border-radius: 15px;
+}
+.b_radius_16 {
+    border-radius: 16px;
+}
+.b_radius_17 {
+    border-radius: 17px;
+}
+.b_radius_18 {
+    border-radius: 18px;
+}
+.b_radius_19 {
+    border-radius: 19px;
+}
+.b_radius_20 {
+    border-radius: 20px;
+}
+.b_radius_25 {
+    border-radius: 25px;
+}
+.b_radius_30 {
+    border-radius: 30px;
+}
+.b_radius_50 {
+    border-radius: 50%;
+}
+/* 
+el_21
+Box shadow
+*/
+.b_shadow_1 {
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
+}
+.b_shadow_2 {
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+}
+.b_shadow_3 {
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
+}
+.b_shadow_4 {
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+}
+.b_shadow_5 {
+    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
+}
+.b_shadow_6 {
+    box-shadow: 0 0 40px rgba(0, 0, 0, 0.10);
+}
+.b_shadow_7 {
+    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
+}
+.b_shadow_8 {
+    box-shadow: 0 0 40px rgba(0, 0, 0, 0.20);
+}
+/* 
+el_22
+Btn
+*/
+.theme_btn_1{
+    position: relative;
+    display: inline-block;
+    font-size: 16px;
+    line-height: 26px;
+    font-weight: 700;
+    color: #fff !important;
+    text-align: center;
+    padding: 14.5px 31px;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    background-color: #0d6efd;
+    z-index: 1;
+    vertical-align: middle;
+}
+.theme_btn_1:before{
+    position: absolute;
+    content: '';
+    width: 0%;
+    height: 100%;
+    background: #272727;
+    left: 0px;
+    top: 0px;
+    z-index: -1;
+    transition: all 500ms ease;
+}
+.theme_btn_1:hover:before{
+    width: 100%;
+}
+
+.theme_btn_2{
+    position: relative;
+    display: inline-block;
+    overflow: hidden;
+    font-size: 16px;
+    line-height: 25px;
+    font-weight: 500;
+    color: #061a3a;
+    border: 1px solid #e4e8e9;
+    text-align: center;
+    padding: 16.5px 41.5px;
+    border-radius: 4px;
+    z-index: 1;
+    transition: all 500ms ease;
+    vertical-align: middle;
+}
+.theme_btn_2:hover{
+    color: #ffffff;
+}
+.theme_btn_2:before{
+    transition-duration: 800ms;
+    position: absolute;
+    width: 200%;
+    height: 200%;
+    content: "";
+    top: 110%;
+    left: 50%;
+    background: #0d6efd;
+    -webkit-transform: translateX(-50%);
+    transform: translateX(-50%);
+    border-radius: 50%;
+    z-index: -1;
+}
+.theme_btn_2:hover:before{
+    top: -40%;
+}
+/* 
+el_23
+Image Hover
+*/
+.img_hover_1 {
+    position: relative;
+    overflow: hidden;
+}
+.img_hover_1 img{
+    width: 100%;
+    transition: all 500ms ease;
+} 
+.img_hover_1:before {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 1;
+    display: block;
+    content: '';
+    width: 0;
+    height: 0;
+    background: rgba(255, 255, 255,.2);
+    border-radius: 0%;
+    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+    opacity: 0;
+}
+.img_hover_1:hover:before {
+    -webkit-animation: circle .95s;
+    animation: circle .95s;
+}
+.img_hover_2 {
+    position: relative;
+    overflow: hidden;
+    background-color: #0d6efd;
+}
+.img_hover_2 img{
+    width: 100%;
+    transition: all 500ms ease;
+} 
+.img_hover_2:hover img{
+    transform: scale(1.05);
+    opacity: .5;
+} 
+.img_hover_2:before {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 1;
+    display: block;
+    content: '';
+    width: 0;
+    height: 0;
+    background: rgba(255, 255, 255,.2);
+    border-radius: 50%;
+    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+    opacity: 0;
+}
+.img_hover_2:hover:before {
+    -webkit-animation: circle .95s;
+    animation: circle .95s;
+}
+@-webkit-keyframes circle {
+    0% {
+      opacity: 1;
+    }
+    40% {
+      opacity: 1;
+    }
+    100% {
+      width: 200%;
+      height: 200%;
+      opacity: 0;
+    }
+}
+@keyframes circle {
+    0% {
+      opacity: 1;
+    }
+    40% {
+      opacity: 1;
+    }
+    100% {
+      width: 200%;
+      height: 200%;
+      opacity: 0;
+    }
+}
+.img_hover_3 {
+    position: relative;
+    overflow: hidden;
+}
+.img_hover_3 img{
+    width: 100%;
+    transition: all 500ms ease;
+} 
+.img_hover_3:before{
+    position: absolute;
+    top: 0;
+    left: -75%;
+    display: block;
+    content: '';
+    width: 50%;
+    height: 100%;
+    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
+    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
+    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
+    -webkit-transform: skewX(-25deg);
+    -ms-transform: skewX(-25deg);
+    transform: skewX(-25deg);
+}
+.img_hover_3:hover:before{
+    -webkit-animation: shine 1s;
+    animation: shine 1s;
+}
+@-webkit-keyframes shine {
+    100% {
+      left: 125%;
+    }
+}
+@keyframes shine {
+    100% {
+      left: 125%;
+    }
+}
+.img_hover_4{
+    position: relative;
+    overflow: hidden;
+}
+.img_hover_4 img{
+    width: 100%;
+    transition: all 500ms ease;
+} 
+.img_hover_4:before{
+    position: absolute;
+    content: '';
+    width: 100%;
+    height: 0%;
+    left: 0px;
+    top: 0px;
+    opacity: 0.8;
+    transition: all 500ms ease;
+    background-color: #0d6efd;
+}
+.img_hover_4:hover:before{
+    height: 100%;
+}
+.img_hover_5{
+    position: relative;
+    display: block;
+    overflow: hidden;
+}  
+.img_hover_5:before{
+    position: absolute;
+    content: '';
+    width: calc(100% - 20px);
+    height: calc(100% - 20px);
+    left: 10px;
+    top: 10px;
+    transform: scale(0,0);
+    opacity: 0.9;
+    z-index: 1;
+    transition: all 500ms ease;
+    background-color: #0d6efd;
+}  
+.img_hover_5:hover:before{
+    transform: scale(1,1);
+}
+.img_hover_5 img{
+    width: 100%;
+    transition: all 500ms ease;
+} 
+.img_hover_5:hover img{
+    transform: scale(1.1);
+}
+.img_hover_6{
+    position: relative;
+    display: block;
+    overflow: hidden;
+    background-color: #0d6efd;
+}
+.img_hover_6 img{
+    width: 100%;
+    transition: all 500ms ease;
+}
+.img_hover_6:hover img{
+    transform: scale(1.1);
+    opacity: 0.2;
+}
+.img_hover_7{
+    position: relative;
+    display: block;
+    overflow: hidden;
+}
+.img_hover_7 img{
+    width: 100%;
+    transform: scale(1.0);
+    transition: all 1700ms ease;    
+}
+.img_hover_7:hover img{
+    transform: scale(1.2);    
+}
+.img_hover_7:before {
+    position: absolute;
+    content: '';
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    opacity: 0;
+    background: #000000;
+    opacity: 1.0;
+    border-radius: 5px;
+    transition: .5s;
+    transform: perspective(400px) scaleX(0);
+    -webkit-transform-origin: bottom;
+    -ms-transform-origin: bottom;
+    transform-origin: bottom;
+    z-index: 2;
+}
+.img_hover_7:hover:before{
+    opacity: 0.80;
+    transform: perspective(400px) scaleX(1.0);
+}
+.img_hover_8 {
+    position: relative;
+    display: block;
+    overflow: hidden;
+}
+.img_hover_8 img{
+    width: 100%;
+    transition: all 1700ms ease;    
+}
+.img_hover_8:before {
+    position: absolute;
+    content: '';
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #000000;
+    opacity: 0;
+    -webkit-transition: .5s;
+    -o-transition: .5s;
+    transition: .5s;
+    -webkit-transform: perspective(400px) rotateX(-90deg);
+    -ms-transform: perspective(400px) rotateX(-90deg);
+    transform: perspective(400px) rotateX(-90deg);
+    -webkit-transform-origin: top;
+    -ms-transform-origin: top;
+    transform-origin: top;
+    z-index: 1;
+}
+.img_hover_8:hover:before{
+    opacity: .65;
+    -webkit-transform: perspective(400px) rotateX(0deg);
+    -ms-transform: perspective(400px) rotateX(0deg);
+    transform: perspective(400px) rotateX(0deg);
+}
+.img_hover_9{
+    position: relative;
+    display: block;
+    overflow: hidden;
+}
+.img_hover_9 img{
+    width: 100%;
+    transform: scale(1.0);
+    transition: all 3500ms ease;   
+}
+.img_hover_9:hover img{
+    transform:scale(1.2) rotate(1deg);      
+}
+.img_hover_9:before {
+    position: absolute;
+    content: "";
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 50%;
+    opacity: 0;
+    transition-delay: .1s;
+    transition-timing-function: ease-in-out;
+    transition-duration: .5s;
+    transition-property: all;
+    opacity: 1;
+    transform-origin: top;
+    transform-style: preserve-3d;
+    transform: scaleY(0);
+    z-index: 1;
+    background-color: #0d6efd;
+}
+.img_hover_9:hover:before{
+    opacity: 0.80;
+    transform: scaleY(1.0);    
+}
+.img_hover_9:after {
+    position: absolute;
+    content: "";
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 50%;
+    opacity: 1;
+    transition-delay: .1s;
+    transition-timing-function: ease-in-out;
+    transition-duration: .5s;
+    transition-property: all;
+    opacity: 1;
+    transform-origin: bottom;
+    transform-style: preserve-3d;
+    transform: scaleY(0);
+    z-index: 1;
+    background-color: #0d6efd;
+}
+.img_hover_9:hover:after{
+    opacity: 0.80;
+    transform: scaleY(1.0);
+}
+.img_hover_10{
+    position: relative;
+    display: block;
+    overflow: hidden;
+}
+.img_hover_10:before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    opacity: 0;
+    background: #0d6efd;
+    opacity: 1.0;
+    transition: .5s;
+    transform: perspective(400px) scaleY(0);
+    -webkit-transform-origin: bottom;
+    -ms-transform-origin: bottom;
+    transform-origin: bottom;
+    z-index: 1;
+}
+.img_hover_10:hover:before{
+    opacity: 0.50;
+    transform: perspective(400px) scaleY(1.0);
+}
+.img_hover_10 img{
+    width: 100%;
+    transition: all 3500ms ease;    
+}
+.img_hover_10:hover img{
+    transform: scale(1.3) rotate(2deg);
+}
+
+.flexbox_1 {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.flexbox_2 {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+
+
+
+

flask-project/static/css/flaticon.css

@@ -0,0 +1,168 @@
+@font-face {
+  font-family: 'icomoon';
+  src:  url('../fonts/icomoon.eot?tin97q');
+  src:  url('../fonts/icomoon.eot?tin97q#iefix') format('embedded-opentype'),
+    url('../fonts/icomoon.ttf?tin97q') format('truetype'),
+    url('../fonts/icomoon.woff?tin97q') format('woff'),
+    url('../fonts/icomoon.svg?tin97q#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-1:before {
+  content: "\e900";
+}
+.icon-2:before {
+  content: "\e901";
+}
+.icon-3:before {
+  content: "\e902";
+}
+.icon-4:before {
+  content: "\e903";
+}
+.icon-5:before {
+  content: "\e904";
+}
+.icon-6:before {
+  content: "\e905";
+}
+.icon-7:before {
+  content: "\e906";
+}
+.icon-8:before {
+  content: "\e907";
+}
+.icon-9:before {
+  content: "\e908";
+}
+.icon-10:before {
+  content: "\e909";
+}
+.icon-11:before {
+  content: "\e90a";
+}
+.icon-12:before {
+  content: "\e90b";
+}
+.icon-13:before {
+  content: "\e90c";
+}
+.icon-14:before {
+  content: "\e90d";
+}
+.icon-15:before {
+  content: "\e90e";
+}
+.icon-16:before {
+  content: "\e90f";
+}
+.icon-17:before {
+  content: "\e910";
+}
+.icon-18:before {
+  content: "\e911";
+}
+.icon-19:before {
+  content: "\e912";
+}
+.icon-20:before {
+  content: "\e913";
+}
+.icon-21:before {
+  content: "\e914";
+}
+.icon-22:before {
+  content: "\e915";
+}
+.icon-23:before {
+  content: "\e916";
+}
+.icon-24:before {
+  content: "\e917";
+}
+.icon-25:before {
+  content: "\e918";
+}
+.icon-26:before {
+  content: "\e919";
+}
+.icon-27:before {
+  content: "\e91a";
+}
+.icon-28:before {
+  content: "\e91b";
+}
+.icon-29:before {
+  content: "\e91c";
+}
+.icon-30:before {
+  content: "\e91d";
+}
+.icon-31:before {
+  content: "\e91e";
+}
+.icon-32:before {
+  content: "\e91f";
+}
+.icon-33:before {
+  content: "\e920";
+}
+.icon-34:before {
+  content: "\e921";
+}
+.icon-35:before {
+  content: "\e922";
+}
+.icon-36:before {
+  content: "\e923";
+}
+.icon-37:before {
+  content: "\e924";
+}
+.icon-38:before {
+  content: "\e925";
+}
+.icon-39:before {
+  content: "\e926";
+}
+.icon-40:before {
+  content: "\e927";
+}
+.icon-41:before {
+  content: "\e928";
+}
+.icon-42:before {
+  content: "\e929";
+}
+.icon-43:before {
+  content: "\e92a";
+}
+.icon-44:before {
+  content: "\e92b";
+}
+.icon-45:before {
+  content: "\e92c";
+}
+.icon-46:before {
+  content: "\e92d";
+}
+.icon-47:before {
+  content: "\e92e";
+}

flask-project/static/css/jquery.fancybox.min.css

@@ -0,0 +1 @@
+@charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}

flask-project/static/css/module-css/about.css

@@ -0,0 +1,571 @@
+
+/** about-section **/
+
+.about-section{
+  position: relative;
+}
+
+.image_block_one .image-box{
+  position: relative;
+  display: block;
+}
+
+.image_block_one .image-box .image{
+  position: relative;
+  display: block;
+  overflow: hidden;
+}
+
+.image_block_one .image-box .image img{
+  width: 100%;
+}
+
+
+.image_block_one .image-box .image:before{
+  position: absolute;
+  top: 0;
+  left: -85%;
+  display: block;
+  content: '';
+  width: 50%;
+  height: 100%;
+  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
+  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
+  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
+  -webkit-transform: skewX(-25deg);
+  -ms-transform: skewX(-25deg);
+  transform: skewX(-25deg);
+}
+
+.image_block_one .image-box .image:hover:before {
+  -webkit-animation: shine 1s;
+  animation: shine 1s;
+}
+
+.image_block_one .image-box .rating-box{
+  position: absolute;
+  left: 0px;
+  top: 60px;
+  background: #fff;
+  width: 220px;
+  padding: 24px 20px;
+  text-align: center;
+  z-index: 1;
+}
+
+.image_block_one .image-box .rating-box .rating li{
+  position: relative;
+  display: inline-block;
+  font-size: 18px;
+  color: #FFBA09;
+}
+
+.image_block_one .image-box .rating-box h6{
+  font-size: 16px;
+  line-height: 20px;
+  font-weight: 700;
+}
+
+.image_block_one .image-box .experience-box{
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  right: 0px;
+  bottom: 95px;
+  width: 180px;
+  height: 180px;
+  text-align: center;
+  background: var(--theme-color);
+  border-radius: 50%;
+  padding: 15px 20px;
+  z-index: 1;
+}
+
+.image_block_one .image-box .experience-box h2{
+  display: block;
+  font-size: 54px;
+  line-height: 70px;
+  color: #fff;
+}
+
+.image_block_one .image-box .experience-box h6{
+  font-size: 16px;
+  line-height: 20px;
+  color: #fff;
+  font-weight: 600;
+}
+
+.image_block_one .image-box .experience-box:before{
+  position: absolute;
+  content: '';
+  width: 290px;
+  height: 290px;
+  border-radius: 50%;
+  left: -55px;
+  top: -55px;
+  border: 20px solid rgba(255, 255, 255, 0.50);
+}
+
+.image_block_one .image-box .image-shape{
+  position: absolute;
+  left: -108px;
+  top: 110px;
+  width: 200px;
+  height: 200px;
+  background-repeat: no-repeat;
+  -webkit-animation: zoom-fade 8s infinite linear;
+  animation: zoom-fade 8s infinite linear;
+}
+
+.content_block_one .content-box{
+  position: relative;
+  display: block;
+  margin-top: -5px;
+}
+
+.content_block_one .content-box .inner-box .single-item{
+  position: relative;
+  display: block;
+  padding-left: 90px;
+  margin-bottom: 23px;
+}
+
+.content_block_one .content-box .inner-box .single-item:last-child{
+  margin-bottom: 0px;
+}
+
+.content_block_one .content-box .inner-box .single-item .icon-box{
+  position: absolute;
+  display: inline-block;
+  left: 0px;
+  top: 0px;
+  width: 70px;
+  height: 70px;
+  line-height: 70px;
+  font-size: 40px;
+  text-align: center;
+  border-radius: 50%;
+  color: var(--theme-color);
+  z-index: 1;
+}
+
+.content_block_one .content-box .inner-box .single-item .icon-box:before{
+  position: absolute;
+  content: '';
+  background: var(--theme-color);
+  width: 100%;
+  height: 100%;
+  left: 0px;
+  top: 0px;
+  border-radius: 50%;
+  opacity: 0.10;
+  z-index: -1;
+}
+
+.content_block_one .content-box .inner-box .single-item h3{
+  display: block;
+  font-size: 24px;
+  line-height: 30px;
+  margin-bottom: 10px;
+}
+
+.about-section .pattern-layer{
+  position: absolute;
+  top: 60px;
+  right: -224px;
+  width: 394px;
+  height: 394px;
+  border-radius: 50%;
+  border: 1px solid #E9E9E9;
+}
+
+.about-section .pattern-layer:before{
+  position: absolute;
+  content: '';
+  background: #F2F2F2;
+  width: 38px;
+  height: 38px;
+  left: 29px;
+  top: 52px;
+  border-radius: 50%;
+}
+
+/** about-style-two **/
+
+.about-style-two{
+  position: relative;
+}
+
+.content_block_three .content-box{
+  position: relative;
+  display: block;
+}
+
+.content_block_three .content-box .text-box p{
+  margin-bottom: 30px;
+}
+
+.image_block_two .image-box{
+  position: relative;
+  display: block;
+}
+
+.image_block_two img{
+  width: 100%;
+}
+
+.image_block_two .image-box .experience-box{
+  position: relative;
+  display: block;
+  background: #212226;
+  padding: 25px 30px 25px 140px;
+  box-shadow: 0px 20px 100px 0px rgba(0, 0, 0, 0.15);
+  min-height: 134px;
+}
+
+.image_block_two .image-box .experience-box h2{
+  position: absolute;
+  left: 20px;
+  top: 20px;
+  width: 94px;
+  text-align: center;
+  background: rgba(217, 217, 217, 0.10);
+  font-size: 45px;
+  line-height: 38px;
+  color: #fff;
+  padding: 13px 0px 5px 0px;
+}
+
+.image_block_two .image-box .experience-box h2 span{
+  display: block;
+  font-size: 17px;
+}
+
+.image_block_two .image-box .experience-box h5{
+  display: block;
+  font-size: 18px;
+  line-height: 28px;
+  color: #fff;
+  font-weight: 600;
+}
+
+.image_block_two .image-box .image-shape .shape-1{
+  position: absolute;
+  left: 100px;
+  bottom: 0px;
+  width: 105px;
+  height: 106px;
+  background-repeat: no-repeat;
+}
+
+.image_block_two .image-box .image-shape .shape-2{
+  position: absolute;
+  top: 50px;
+  right: 15px;
+  width: 105px;
+  height: 106px;
+  background-repeat: no-repeat;
+}
+
+.image_block_two .image-box .image{
+  position: relative;
+  display: block;
+}
+
+.image_block_three .image-box{
+  position: relative;
+  display: block;
+}
+
+.image_block_three .image-box .image{
+  position: relative;
+  display: block;
+}
+
+.image_block_three .image-box .image img{
+  width: 100%;
+}
+
+.image_block_three .image-box .rating-box{
+  position: absolute;
+  right: 0px;
+  bottom: 50px;
+  width: 220px;
+  background: #fff;
+  text-align: center;
+  padding: 22px 20px;
+  border-top: 3px solid var(--theme-color);
+  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.12);
+}
+
+.image_block_three .image-box .rating-box .rating li{
+  position: relative;
+  display: inline-block;
+  font-size: 18px;
+  color: #FFBA09;
+}
+
+.image_block_three .image-box .rating-box h6{
+  font-size: 16px;
+  line-height: 20px;
+  font-weight: 700;
+  margin-bottom: 20px;
+}
+
+.image_block_three .image-box .thumb-list li{
+  position: relative;
+  display: inline-block;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  border: 3px solid #fff;
+  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.12);
+  margin: 0px -7px;
+}
+
+.image_block_three .image-box .thumb-list li img{
+  width: 100%;
+  border-radius: 50%;
+}
+
+.image_block_three .image-box .experience-box{
+  position: absolute;
+  left: 0px;
+  top: 60px;
+  width: 300px;
+  background: var(--theme-color);
+  padding: 24px 30px 24px 140px;
+}
+
+.image_block_three .image-box .experience-box h2{
+  position: absolute;
+  left: 30px;
+  top: 33px;
+  font-size: 45px;
+  line-height: 50px;
+  color: #fff;
+}
+
+.image_block_three .image-box .experience-box span{
+  display: block;
+  font-size: 20px;
+  line-height: 30px;
+}
+
+.image_block_three .image-box .experience-box h5{
+  display: block;
+  font-size: 18px;
+  line-height: 28px;
+  color: #fff;
+}
+
+.image_block_three .image-box .image-shape .shape-1{
+  position: absolute;
+  left: -108px;
+  bottom: 115px;
+  width: 200px;
+  height: 200px;
+  background-repeat: no-repeat;
+  -webkit-animation: zoom-fade 8s infinite linear;
+  animation: zoom-fade 8s infinite linear;
+}
+
+.image_block_three .image-box .image-shape .shape-2{
+  position: absolute;
+  top: 70px;
+  right: 60px;
+  width: 105px;
+  height: 106px;
+  background-repeat: no-repeat;
+}
+
+.image_block_two .image-box .image-shape .shape-3{
+  position: absolute;
+  left: -52px;
+  top: 109px;
+  width: 105px;
+  height: 106px;
+  background-repeat: no-repeat;
+}
+
+.image_block_two .image-box .image-shape .shape-4{
+  position: absolute;
+  bottom: 27px;
+  right: -100px;
+  width: 200px;
+  height: 200px;
+  background-repeat: no-repeat;
+  -webkit-animation: zoom-fade 8s infinite linear;
+  animation: zoom-fade 8s infinite linear;
+}
+
+
+
+/** RTL **/
+
+.rtl .image_block_one .image-box{
+  margin-right: 0px;
+  margin-left: 40px;
+}
+
+.rtl .content_block_one .content-box{
+  margin-left: 0px;
+  margin-right: 40px;
+}
+
+.rtl .content_block_one .content-box .inner-box .single-item{
+  padding-left: 0px;
+  padding-right: 90px;
+}
+
+.rtl .content_block_one .content-box .inner-box .single-item .icon-box{
+  left: inherit;
+  right: 0px;
+}
+
+.rtl .image_block_two .image-box .image-shape .shape-1{
+  left: inherit;
+  right: 100px;
+}
+
+.rtl .image_block_two .image-box .image-shape .shape-2{
+  right: inherit;
+  left: 15px;
+}
+
+.rtl .content_block_three .content-box{
+  margin-right: 0px;
+  margin-left: 110px;
+}
+
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+  .about-section .pattern-layer{
+    display: none;
+  }
+}
+
+@media only screen and (max-width: 991px){
+  .image_block_one .image-box{
+    margin: 0px 0px 30px 0px !important;
+  }
+
+  .content_block_one .content-box{
+    margin: 0px !important;
+  }
+
+  .content_block_three .content-box{
+    margin: 0px 0px 30px 0px !important;
+  }
+
+  .image_block_three .image-box{
+    margin-right: 0px;
+    margin-bottom: 30px;
+  }
+}
+
+@media only screen and (max-width: 767px){
+  .about-section{
+    padding: 70px 0px;
+  }
+
+  .about-style-two{
+    padding: 70px 0px;
+  }
+
+  .image_block_two .image-box .image.pt_115{
+    padding-top: 30px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+  .image_block_one .image-box .experience-box:before{
+    display: none;
+  }
+
+  .image_block_one .image-box .experience-box{
+    position: relative;
+    width: 100%;
+    text-align: center;
+    bottom: 0px;
+    border-radius: 0px;
+  }
+
+  .image_block_one .image-box .rating-box{
+    position: relative;
+    top: 0px;
+    width: 100%;
+    margin: 30px 0px;
+  }
+
+  .image_block_one .image-box{
+    padding: 0px;
+  }
+
+  .image_block_three .image-box{
+    padding-right: 0px;
+  }
+
+  .image_block_three .image-box .experience-box{
+    position: relative;
+    width: 100%;
+    top: 0px;
+  }
+
+  .image_block_three .image-box .rating-box{
+    position: relative;
+    bottom: 0px;
+    width: 100%;
+    margin: 30px 0px;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/apps.css

@@ -0,0 +1,305 @@
+
+/** apps-section **/
+
+.apps-section{
+  position: relative;
+}
+
+.apps-section .inner-container{
+  position: relative;
+  display: block;
+  background: #F6F6F6;
+  padding: 80px 80px 80px 164px;
+}
+
+.apps-section .image-box{
+  position: relative;
+  display: block;
+  padding-right: 160px;
+  margin-right: 42px;
+}
+
+.apps-section .image-box img{
+  width: 100%;
+}
+
+.apps-section .image-box .image-2{
+  position: absolute;
+  right: 0px;
+  bottom: 0px;
+}
+
+.apps-section .content-box{
+  position: relative;
+  display: block;
+}
+
+.apps-section .content-box .btn-box{
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.apps-section .content-box .btn-box a{
+  position: relative;
+  display: inline-block;
+  background: var(--secondary-color);
+  padding: 11px 15px 11px 60px;
+  font-size: 20px;
+  line-height: 24px;
+  font-family: var(--title-font);
+  font-weight: 700;
+  color: #fff;
+}
+
+.apps-section .content-box .btn-box a img{
+  position: absolute;
+  left: 14px;
+  top: 11px;
+}
+
+.apps-section .content-box .btn-box a span{
+  position: relative;
+  display: block;
+  font-size: 12px;
+  line-height: 14px;
+  text-transform: uppercase;
+  color: #fff;
+}
+
+.apps-section .content-box .btn-box a:hover{
+  background: var(--theme-color);
+}
+
+.apps-section .shape .shape-1{
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 330px;
+  height: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+}
+
+.apps-section .shape .shape-2{
+  position: absolute;
+  left: -105px;
+  top: 150px;
+  width: 200px;
+  height: 200px;
+  background-repeat: no-repeat;
+  -webkit-animation: zoom-fade 8s infinite linear;
+  animation: zoom-fade 8s infinite linear;
+  z-index: -1;
+}
+
+.apps-section .light-icon{
+  position: absolute;
+  right: 34px;
+  bottom: 138px;
+  width: 180px;
+  height: 142px;
+  background-repeat: no-repeat;
+}
+
+
+.apps-section.alternat-2{
+  background: var(--theme-color);
+  overflow: hidden;
+}
+
+.apps-section.alternat-2 .sec-title h6,
+.apps-section.alternat-2 p{
+  color: #fff !important;
+}
+
+.apps-section.alternat-2 .content-box .btn-box a{
+  background: var(--secondary-color) !important;
+}
+
+.apps-section.alternat-2 .image-layer .image-1{
+  position: absolute;
+  left: 310px;
+  bottom: -105px;
+}
+
+.apps-section.alternat-2 .image-layer .image-2{
+  position: absolute;
+  left: 560px;
+  bottom: -145px;
+}
+
+.apps-section.alternat-2 .pattern-layer .pattern-1{
+  position: absolute;
+  left: 210px;
+  top: 47px;
+  width: 200px;
+  height: 200px;
+  background-repeat: no-repeat;
+  -webkit-animation: zoom-fade 8s infinite linear;
+  animation: zoom-fade 8s infinite linear;
+}
+
+.apps-section.alternat-2 .pattern-layer .pattern-2{
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  width: 100%;
+  height: 100%;
+  background-repeat: no-repeat;
+  background-position: top right;
+}
+
+
+
+/** RTL **/
+
+
+.rtl .apps-section .image-box{
+  margin-right: 0px;
+  margin-left: 42px;
+}
+
+.rtl .apps-section .shape .shape-1{
+  left: inherit;
+  right: 0px;
+}
+
+.rtl .apps-section .inner-container{
+  padding-left: 80px;
+  padding-right: 164px;
+}
+
+.rtl .apps-section .content-box .btn-box a.mr_20{
+  margin-right: 0px;
+  margin-left: 20px;
+}
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1549px){
+  .apps-section.alternat-2 .image-layer .image-1{
+    left: 0px;
+  }
+
+  .apps-section.alternat-2 .image-layer .image-2{
+    left: 150px;
+  }
+}
+
+@media only screen and (max-width: 1200px){
+  .apps-section.alternat-2 .image-layer{
+    display: none;
+  }
+
+  .apps-section .content-box{
+    margin-left: 0px;
+  }
+}
+
+@media only screen and (max-width: 991px){
+  .apps-section .shape{
+    display: none;
+  }
+
+  .apps-section .image-box{
+    margin-right: 0px;
+    margin-bottom: 30px;
+  }
+
+  .rtl .apps-section .image-box{
+    margin-left: 0px;
+  }
+
+  .apps-section .inner-container{
+    padding-left: 80px;
+  }
+
+  .rtl .apps-section .inner-container{
+    padding-right: 80px;
+  }
+
+  .apps-section.alternat-2 .pattern-layer{
+    display: none;
+  }
+}
+
+@media only screen and (max-width: 767px){
+  .apps-section{
+    padding: 70px 0px;
+  }
+
+  .apps-section.about-page{
+    padding-top: 0px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+  .apps-section .inner-container,
+  .rtl .apps-section .inner-container{
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+}
+
+@media only screen and (max-width: 499px){
+  .apps-section .image-box{
+    padding: 0px;
+  }
+
+  .apps-section .image-box .image-2{
+    position: relative;
+    margin-top: 30px;
+  }
+
+  .apps-section .content-box .btn-box{
+    display: block;
+  }
+
+  .apps-section .content-box .btn-box a{
+    margin: 0px 0px 15px 0px !important;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/banner.css

@@ -0,0 +1,405 @@
+
+/** banner-section **/
+
+.banner-section{
+  position: relative;
+  overflow: hidden;
+}
+
+.banner-section .pattern-layer{
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: bottom center;
+}
+  
+.banner-carousel .slide-item{
+  position: relative;
+  padding: 180px 0px 225px 0px;
+}
+
+.banner-carousel .slide-item:before{
+  position: absolute;
+  content: '';
+  background: #000;
+  width: 100%;
+  height: 100%;
+  left: 0px;
+  top: 0px;
+  opacity: 0.5;
+  z-index: 1;
+}
+  
+.banner-carousel .content-box{
+  position: relative;
+  display: block;
+  z-index: 5;
+  max-width: 600px;
+}
+  
+.banner-carousel .slide-item .bg-layer{
+  position: absolute;
+  left:0;
+  top:0;
+  width:100%;
+  height:100%;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+  -webkit-transform:scale(1);
+  -ms-transform:scale(1);
+  transform:scale(1);
+  -webkit-transition: all 8000ms linear;
+  -moz-transition: all 8000ms linear;
+  -ms-transition: all 8000ms linear;
+  -o-transition: all 8000ms linear;
+  transition: all 8000ms linear;
+}
+  
+.banner-carousel .active .slide-item .bg-layer{
+  -webkit-transform:scale(1.25);
+  -ms-transform:scale(1.25);
+  transform:scale(1.25);
+}
+  
+.banner-carousel .content-box h2{
+  font-size: 70px;
+  line-height: 74px;
+  font-weight: 800;
+  color: #fff;
+  margin-bottom: 30px;
+  opacity: 0;
+  -webkit-transform: translateY(50px);
+  -moz-transform: translateY(50px);
+  -ms-transform: translateY(50px);
+  -o-transform: translateY(50px);
+  transform: translateY(50px);
+  -webkit-transition: all 1000ms ease;
+  -moz-transition: all 1000ms ease;
+  -ms-transition: all 1000ms ease;
+  -o-transition: all 1000ms ease;
+  transition: all 1000ms ease;
+}
+
+.banner-carousel .content-box h2 span{
+  color: var(--theme-color);
+}
+  
+.banner-carousel .active .content-box h2{
+  opacity: 1;
+  -webkit-transform: translateY(0);
+  -moz-transform: translateY(0);
+  -ms-transform: translateY(0);
+  -o-transform: translateY(0);
+  transform: translateY(0);
+  -webkit-transition-delay: 700ms;
+  -moz-transition-delay: 700ms;
+  -ms-transition-delay: 700ms;
+  -o-transition-delay: 700ms;
+  transition-delay: 700ms;
+}
+  
+.banner-carousel .content-box p{
+  font-size: 18px;
+  line-height: 32px;
+  margin-bottom: 33px;
+  color: #fff;
+  opacity: 0;
+  -webkit-transform: translateY(50px);
+  -moz-transform: translateY(50px);
+  -ms-transform: translateY(50px);
+  -o-transform: translateY(50px);
+  transform: translateY(50px);
+  -webkit-transition: all 1000ms ease;
+  -moz-transition: all 1000ms ease;
+  -ms-transition: all 1000ms ease;
+  -o-transition: all 1000ms ease;
+  transition: all 1000ms ease;
+}
+  
+.banner-carousel .active .content-box p{
+  opacity: 1;
+  -webkit-transform: translateY(0);
+  -moz-transform: translateY(0);
+  -ms-transform: translateY(0);
+  -o-transform: translateY(0);
+  transform: translateY(0);
+  -webkit-transition-delay: 1000ms;
+  -moz-transition-delay: 1000ms;
+  -ms-transition-delay: 1000ms;
+  -o-transition-delay: 1000ms;
+  transition-delay: 1000ms;
+}
+  
+.banner-carousel .content-box .btn-box{
+  opacity: 0;
+  -webkit-transform: translateY(50px);
+  -moz-transform: translateY(50px);
+  -ms-transform: translateY(50px);
+  -o-transform: translateY(50px);
+  transform: translateY(50px);
+  -webkit-transition: all 1000ms ease;
+  -moz-transition: all 1000ms ease;
+  -ms-transition: all 1000ms ease;
+  -o-transition: all 1000ms ease;
+  transition: all 1000ms ease;
+}
+  
+.banner-carousel .active .content-box .btn-box{
+  opacity: 1;
+  -webkit-transform: translateY(0);
+  -moz-transform: translateY(0);
+  -ms-transform: translateY(0);
+  -o-transform: translateY(0);
+  transform: translateY(0);
+  -webkit-transition-delay: 1300ms;
+  -moz-transition-delay: 1300ms;
+  -ms-transition-delay: 1300ms;
+  -o-transition-delay: 1300ms;
+  transition-delay: 1300ms;
+}
+
+.banner-section .pattern-layer .pattern-1{
+  position: absolute;
+  top: 0px;
+  right: 200px;
+  width: 616px;
+  height: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  z-index: 1;
+  -webkit-animation: service_hexagon_2 15s infinite linear;
+  -moz-animation: service_hexagon_2 15s infinite linear;
+  -o-animation: service_hexagon_2 15s infinite linear;
+  animation: service_hexagon_2 15s infinite linear;
+}
+
+.banner-section .pattern-layer .pattern-2{
+  position: absolute;
+  left: 0px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 86px;
+  height: 234px;
+  background-repeat: no-repeat;
+  z-index: 1;
+}
+
+.banner-section .owl-nav{
+  position: absolute;
+  left: 0px;
+  top: 50%;
+  margin-top: -35px;
+  width: 100%;
+}
+
+.banner-section .owl-nav button{
+  position: absolute;
+  top: 0px;
+  display: inline-block;
+  width: 70px;
+  height: 70px;
+  line-height: 76px;
+  text-align: center;
+  background: #fff;
+  font-size: 30px;
+  color: #000;
+  border-radius: 50%;
+  transition: all 500ms ease;
+}
+
+.banner-section .owl-nav button.owl-prev{
+  left: 120px;
+}
+
+.banner-section .owl-nav button.owl-next{
+  right: 120px;
+}
+
+.banner-section .owl-nav button:hover{
+  color: #fff;
+  background: var(--theme-color);
+}
+
+.banner-style-two .banner-carousel .slide-item{
+  padding: 340px 0px 225px 0px;
+}
+
+.banner-style-two .banner-carousel .slide-item:before{
+  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
+  opacity: 0.6;
+}
+
+.banner-style-two .pattern-layer .pattern-3{
+  position: absolute;
+  left: 0px;
+  bottom: 0px;
+  width: 342px;
+  height: 439px;
+  background-repeat: no-repeat;
+  mix-blend-mode: luminosity;
+  z-index: 1;
+}
+
+.banner-style-three .banner-carousel .content-box h2{
+  font-size: 64px;
+}
+
+.banner-style-three .banner-carousel .slide-item{
+  padding: 160px 0px 245px 0px;
+}
+
+.banner-style-three .banner-carousel .slide-item:before{
+  opacity: 1;
+  background: #FF0003;
+  mix-blend-mode: multiply;
+}
+
+.banner-style-three .banner-carousel .content-box .theme-btn.btn-three{
+  color: var(--title-color) !important;
+}
+
+.banner-style-three .banner-carousel .content-box .theme-btn.btn-three:hover{
+  color: #fff !important;
+}
+
+.banner-style-three .pattern-layer .pattern-4{
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 346px;
+  height: 447px;
+  background-repeat: no-repeat;
+  z-index: 1;
+}
+
+.banner-style-three .pattern-layer .pattern-5{
+  position: absolute;
+  top: 276px;
+  right: 0px;
+  width: 94px;
+  height: 233px;
+  background-repeat: no-repeat;
+  z-index: 1;
+}
+
+.banner-style-three .shape{
+  position: absolute;
+  left: 0px;
+  bottom: 0px;
+  width: 100%;
+  height: 98px;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  z-index: 2;
+}
+
+
+
+/** RTL **/
+
+
+.rtl .banner-carousel .content-box{
+  text-align: right;
+}
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1700px){
+  .banner-section .owl-nav{
+    display: none;
+  }
+}
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+  .banner-style-three .pattern-layer{
+    display: none;
+  }
+}
+
+@media only screen and (max-width: 767px){
+  .banner-carousel .slide-item{
+    padding: 90px 0px 136px 0px;
+  }
+
+  .banner-carousel .content-box h2{
+    font-size: 40px;
+    line-height: 50px;
+  }
+
+  .banner-section .pattern-layer{
+    display: none;
+  }
+
+  .banner-style-two .banner-carousel .slide-item{
+    padding: 280px 0px 100px 0px;
+  }
+
+  .banner-style-three .banner-carousel .content-box h2{
+    font-size: 40px;
+  }
+
+  .banner-style-three .banner-carousel .slide-item{
+    padding: 100px 0px 185px 0px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/blog-details.css

@@ -0,0 +1,358 @@
+
+/** blog-details-content **/
+
+.blog-details-content{
+  position: relative;
+}
+
+.blog-details-content .news-block-three .inner-box{
+  padding: 0px;
+}
+
+.blog-details-content .news-block-three .inner-box:before{
+  display: none;
+}
+
+.blog-details-content .news-block-three .inner-box .image-box img{
+  transform: scale(1) !important;
+}
+
+.blog-details-content .list-item li{
+  position: relative;
+  display: block;
+  padding-left: 20px;
+  margin-bottom: 8px;
+}
+
+.blog-details-content .list-item li:last-child{
+  margin-bottom: 0px;
+}
+
+.blog-details-content .list-item li:before{
+  position: absolute;
+  content: '';
+  background: var(--theme-color);
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  left: 0px;
+  top: 10px;
+}
+
+.blog-details-content blockquote{
+  position: relative;
+  display: block;
+  margin: 0px 0px 50px 0px;
+  background: #fff;
+  box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1);
+  padding: 40px 50px;
+}
+
+.blog-details-content blockquote .icon-box{
+  position: absolute;
+  right: 50px;
+  bottom: 0px;
+  opacity: 0.1;
+}
+
+.blog-details-content blockquote h5{
+  display: block;
+  font-size: 18px;
+  line-height: 30px;
+  font-weight: 600;
+  margin-bottom: 35px;
+}
+
+.blog-details-content blockquote .author-inner{
+  position: relative;
+  display: block;
+  padding: 9px 0px 9px 85px;
+}
+
+.blog-details-content blockquote .author-inner .author-thumb{
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 70px;
+  height: 70px;
+  border-radius: 50%;
+}
+
+.blog-details-content blockquote .author-inner .author-thumb img{
+  width: 100%;
+  border-radius: 50%;
+}
+
+.blog-details-content .news-block-three .inner-box .lower-content  blockquote .author-inner  h3{
+  display: block;
+  font-size: 22px;
+  line-height: 30px;
+  margin-bottom: 0px;
+}
+
+.blog-details-content blockquote .author-inner span{
+  position: relative;
+  display: block;
+  line-height: 22px;
+}
+
+.blog-details-content h2{
+  position: relative;
+  display: block;
+  font-size: 32px;
+  line-height: 40px;
+  font-weight: 800;
+  margin-bottom: 20px;
+}
+
+.blog-details-content .content-one p{
+  margin-bottom: 25px;
+}
+
+.blog-details-content .content-one p:last-child{
+  margin-bottom: 0px;
+}
+
+.blog-details-content .content-one .image-box .image{
+  position: relative;
+  display: block;
+  margin-bottom: 30px;
+}
+
+.blog-details-content .content-one .image-box .image img{
+  width: 100%;
+}
+
+.blog-details-content .post-tag-option .tags-list li{
+  position: relative;
+  display: inline-block;
+  float: left;
+  margin-right: 10px;
+}
+
+.blog-details-content .post-tag-option .tags-list li:last-child{
+  margin: 0px !important;
+}
+
+.blog-details-content .post-tag-option .tags-list li span{
+  font-size: 15px;
+  line-height: 36px;
+  font-weight: 500;
+  color: var(--title-color);
+}
+
+.blog-details-content .post-tag-option .tags-list li a{
+  position: relative;
+  display: inline-block;
+  font-size: 15px;
+  line-height: 26px;
+  color: var(--text-color);
+  background: rgba(247, 247, 247, 1);
+  border-radius: 5px;
+  padding: 5px 18px;
+}
+
+.blog-details-content .post-tag-option .tags-list li a:hover{
+  color: #fff;
+  background: var(--theme-color);
+}
+
+.blog-details-content .author-box{
+  position: relative;
+  display: block;
+  background: rgba(247, 247, 247, 1);
+  padding: 41px 70px 45px 190px;
+}
+
+.blog-details-content .author-box .author-thumb{
+  position: absolute;
+  left: 40px;
+  top: 40px;
+  width: 120px;
+  height: 120px;
+  border-radius: 50%;
+}
+
+.blog-details-content .author-box .author-thumb img{
+  width: 100%;
+  border-radius: 50%;
+}
+
+.blog-details-content .author-box h4{
+  position: relative;
+  display: block;
+  font-size: 20px;
+  line-height: 30px;
+}
+
+.blog-details-content .author-box span{
+  position: relative;
+  display: block;
+  font-size: 16px;
+  line-height: 24px;
+  margin-bottom: 14px;
+}
+
+.blog-details-content .comment-form-area h3{
+  position: relative;
+  display: block;
+  font-size: 24px;
+  line-height: 30px;
+  margin-bottom: 30px;
+}
+
+.blog-details-content .comment-form-area .form-group{
+  position: relative;
+  margin-bottom: 30px;
+}
+
+.blog-details-content .comment-form-area .form-group:last-child{
+  margin-bottom: 0px;
+}
+
+.blog-details-content .comment-form-area .form-group input[type='text'],
+.blog-details-content .comment-form-area .form-group input[type='email'],
+.blog-details-content .comment-form-area .form-group textarea{
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 60px;
+  border: 1px solid rgba(229, 229, 229, 1);
+  font-size: 16px;
+  color: rgba(103, 103, 103, 1);
+  padding: 10px 30px;
+  transition: all 500ms ease;
+}
+
+.blog-details-content .comment-form-area .form-group textarea{
+  height: 170px;
+  resize: none;
+  padding-top: 15px;
+}
+
+.blog-details-content .comment-form-area .form-group input:focus,
+.blog-details-content .comment-form-area .form-group textarea:focus{
+  border-color: var(--theme-color);
+}
+
+
+/** RTL **/
+
+.rtl .blog-details-content .list-item li{
+  padding-left: 0px;
+  padding-right: 20px;
+}
+
+.rtl .blog-details-content .list-item li:before{
+  left: inherit;
+  right: 0px;
+}
+
+.rtl .blog-details-content blockquote .author-inner{
+  padding-left: 0px;
+  padding-right: 85px;
+}
+
+.rtl .blog-details-content blockquote .author-inner .author-thumb{
+  left: inherit;
+  right: 0px;
+}
+
+.rtl .blog-details-content .post-tag-option .tags-list li{
+  float: right;
+  margin-right: 0px;
+  margin-left: 10px;
+}
+
+.rtl .blog-details-content .author-box{
+  padding-left: 70px;
+  padding-right: 190px;
+}
+
+.rtl .blog-details-content .author-box .author-thumb{
+  left: inherit;
+  right: 40px;
+}
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+
+}
+
+@media only screen and (max-width: 767px){
+  .blog-details-content .post-tag-option .tags-list li{
+    margin-bottom: 10px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+  .blog-details-content .author-box,
+  .rtl .blog-details-content .author-box{
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+
+  .blog-details-content .author-box .author-thumb{
+    position: relative;
+    left: 0px;
+    top: 0px;
+    margin-bottom: 20px;
+  }
+
+  .blog-details-content blockquote{
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/calculator.css

@@ -0,0 +1,229 @@
+
+/** calculator-section **/
+
+.calculator-section{
+  position: relative;
+}
+
+.content_block_two .content-box{
+  position: relative;
+  display: block;
+  background: #F6F6F6;
+  padding: 80px 80px 50px 80px;
+  margin-right: -15px;
+}
+
+.content_block_two .content-box .form-group{
+  position: relative;
+  margin-bottom: 30px;
+}
+
+.content_block_two .content-box .form-group.none{
+  display: none;
+}
+
+.content_block_two .content-box .form-group input[type='number']{
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 60px;
+  background: #fff;
+  border: 1px solid #E6E6E6;
+  font-size: 16px;
+  color: #A3A3A3;
+  padding: 10px 30px;
+}
+
+.content_block_two .content-box .form-group input[type='submit']{
+  padding: 18px 50px;
+}
+
+.content_block_two .content-box .form-group input[type='submit']:hover{
+  background: var(--secondary-color) !important;
+}
+
+.content_block_two .content-box .form-group input[type='button']{
+  position: relative;
+  display: inline-block;
+  font-size: 16px;
+  line-height: 26px;
+  font-family: var(--title-font);
+  font-weight: 700;
+  color: var(--theme-color);
+  padding: 15px 35px;
+  border: 1px solid var(--theme-color);
+  cursor: pointer;
+  transition: all 500ms ease;
+}
+
+.content_block_two .content-box .form-group input[type='button']:hover{
+  color: #fff !important;
+  background: var(--theme-color);
+}
+
+.calculator-section .image-box{
+  position: relative;
+  display: block;
+  overflow: hidden;
+  margin-left: -15px;
+}
+
+.calculator-section .image-box img{
+  width: 100%;
+}
+
+.calculator-section .image-box:before{
+  position: absolute;
+  top: 0;
+  left: -85%;
+  display: block;
+  content: '';
+  width: 50%;
+  height: 100%;
+  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
+  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
+  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
+  -webkit-transform: skewX(-25deg);
+  -ms-transform: skewX(-25deg);
+  transform: skewX(-25deg);
+}
+
+.calculator-section .image-box:hover:before {
+  -webkit-animation: shine 1s;
+  animation: shine 1s;
+}
+
+.calculator-section .inner-container{
+  position: relative;
+  background: #F6F6F6;
+}
+
+.calculator-section .inner-container .shape{
+  position: absolute;
+  left: -100px;
+  top: -73px;
+  width: 200px;
+  height: 200px;
+  background-repeat: no-repeat;
+  -webkit-animation: zoom-fade 8s infinite linear;
+  animation: zoom-fade 8s infinite linear;
+}
+
+.calculator-section .light-icon{
+  position: absolute;
+  right: 0px;
+  bottom: 300px;
+  width: 137px;
+  height: 170px;
+  background-repeat: no-repeat;
+}
+
+
+
+/** RTL **/
+
+.rtl .calculator-section .image-box{
+  margin-left: 0px;
+  margin-right: -15px;
+}
+
+.rtl .content_block_two .content-box{
+  margin-right: 0px;
+  margin-left: -15px;
+}
+
+.rtl .content_block_two .content-box .form-group input[type='submit']{
+  margin-right: 0px;
+  margin-left: 20px;
+}
+
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+  .content_block_two .content-box,
+  .calculator-section .image-box{
+    margin: 0px !important;
+  }
+}
+
+@media only screen and (max-width: 767px){
+  .calculator-section{
+    padding: 70px 0px;
+  }
+
+  .calculator-section .light-icon,
+  .calculator-section .inner-container .shape{
+    display: none;
+  }
+}
+
+@media only screen and (max-width: 599px){
+  .content_block_two .content-box{
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+}
+
+@media only screen and (max-width: 499px){
+  .content_block_two .content-box .form-group.d-flex{
+    display: block !important;
+  }
+
+  .content_block_two .content-box .form-group input[type='submit']{
+    margin-right: 0px;
+    margin-bottom: 20px;
+    width: 100%;
+  }
+
+  .content_block_two .content-box .form-group input[type='button']{
+    width: 100%;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/card.css

@@ -0,0 +1,170 @@
+
+/** card-section **/
+
+.card-section{
+  position: relative;
+}
+
+.card-block-one .inner-box{
+  position: relative;
+  display: block;
+  padding: 0px 30px 40px 30px;
+  z-index: 1;
+  margin-bottom: 30px;
+}
+
+.card-block-one .inner-box:before{
+  position: absolute;
+  content: '';
+  background: #fff;
+  box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1);
+  width: 100%;
+  height: calc(100% - 90px);
+  left: 0px;
+  bottom: 0px;
+  z-index: -1;
+}
+
+.card-block-one .inner-box .image-box{
+  position: relative;
+  display: block;
+  border-radius: 10px;
+}
+
+.card-block-one .inner-box .image-box img{
+  width: 100%;
+  border-radius: 10px;
+}
+
+.card-block-one .inner-box .lower-content{
+  position: relative;
+  display: block;
+  padding-top: 31px;
+}
+
+.card-block-one .inner-box .lower-content h3{
+  position: relative;
+  display: block;
+  font-size: 24px;
+  line-height: 26px;
+  margin-bottom: 15px;
+}
+
+.card-block-one .inner-box .lower-content h3 a{
+  display: inline-block;
+  color: var(--title-color);
+}
+
+.card-block-one .inner-box .lower-content h3 a:hover{
+  color: var(--theme-color);
+}
+
+.card-block-one .inner-box .lower-content p{
+  margin-bottom: 30px;
+}
+
+.card-section .pattern-layer .pattern-1{
+  position: absolute;
+  top: 250px;
+  right: -224px;
+  width: 394px;
+  height: 394px;
+  border-radius: 50%;
+  border: 1px solid #E9E9E9;
+}
+
+.card-section .pattern-layer .pattern-1:before{
+  position: absolute;
+  content: '';
+  background: #F2F2F2;
+  width: 38px;
+  height: 38px;
+  left: 29px;
+  top: 52px;
+  border-radius: 50%;
+}
+
+.card-section .pattern-layer .pattern-2{
+  position: absolute;
+  left: -90px;
+  top: 157px;
+  width: 200px;
+  height: 200px;
+  background-repeat: no-repeat;
+  -webkit-animation: zoom-fade 8s infinite linear;
+  animation: zoom-fade 8s infinite linear;
+}
+
+
+
+/** RTL **/
+
+
+
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+
+}
+
+@media only screen and (max-width: 767px){
+  .card-section{
+    padding: 70px 0px 40px 0px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/career-details.css

@@ -0,0 +1,259 @@
+
+/** career-details **/
+
+.career-details{
+  position: relative;
+}
+
+.career-details-content{
+  position: relative;
+  display: block;
+}
+
+.career-details-content h2{
+  font-size: 40px;
+  line-height: 52px;
+  font-weight: 800;
+  margin-bottom: 6px;
+}
+
+.career-details-content .content-one span{
+  position: relative;
+  display: block;
+  font-size: 16px;
+  line-height: 26px;
+  color: var(--theme-color);
+  margin-bottom: 20px;
+}
+
+.career-details-content p{
+  margin-bottom: 30px;
+}
+
+.career-details-content p:last-child{
+  margin-bottom: 0px;
+}
+
+.career-details-content h3{
+  position: relative;
+  display: block;
+  font-size: 24px;
+  line-height: 32px;
+  margin-bottom: 20px;
+}
+
+.career-details-content .content-three .list-style-one li:before{
+  display: none;
+}
+
+.career-details-content .content-three .list-style-one li:after{
+  position: absolute;
+  content: '';
+  background: rgba(34, 34, 34, 1);
+  width: 6px;
+  height: 6px;
+  left: 0px;
+  top: 12px;
+  border-radius: 50%;
+}
+
+.career-details-content .content-four{
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.career-details-content .content-four .social-links{
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.career-details-content .content-four .social-links li{
+  margin-right: 10px;
+}
+
+.career-details-content .content-four .social-links li:last-child{
+  margin: 0px !important;
+}
+
+.career-details-content .content-four .social-links li a{
+  position: relative;
+  display: inline-block;
+  width: 50px;
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  color: #fff;
+  text-align: center;
+  border-radius: 50%;
+  background: rgba(59, 89, 152, 1);
+}
+
+.career-details-content .content-four .social-links li:nth-child(2) a{
+  background: rgba(85, 172, 238, 1);
+}
+
+.career-details-content .content-four .social-links li:nth-child(3) a{
+  background: rgba(220, 78, 65, 1);
+}
+
+.career-details-content .content-four .social-links li:last-child a{
+  background: rgba(63, 114, 155, 1);
+}
+
+.career-sidebar{
+  position: relative;
+  display: block;
+  background: #fff;
+  box-shadow: 0px 20px 60px 10px rgba(0, 0, 0, 0.07);
+}
+
+.career-sidebar h4{
+  position: relative;
+  display: block;
+  text-align: center;
+  font-size: 20px;
+  line-height: 30px;
+  color: #fff;
+  background: var(--theme-color);
+  padding: 15px 15px;
+}
+
+.career-sidebar .info-list{
+  position: relative;
+  padding: 0px 30px 30px 30px;
+}
+
+.career-sidebar .info-list li{
+  position: relative;
+  display: block;
+  padding: 15px 0px 15px 43px;
+  border-bottom: 1px solid rgba(222, 222, 222, 1);
+}
+
+.career-sidebar .info-list li:last-child{
+  border-bottom: none;
+}
+
+.career-sidebar .info-list li i{
+  position: absolute;
+  left: 0px;
+  top: 20px;
+  font-size: 30px;
+  color: var(--theme-color);
+}
+
+.career-sidebar .info-list li h6{
+  display: block;
+  font-size: 16px;
+  line-height: 26px;
+  text-transform: uppercase;
+  margin-bottom: 5px;
+}
+
+
+
+/** RTL **/
+
+
+.rtl .career-sidebar{
+  margin-left: 0px;
+  margin-right: 40px;
+}
+
+.rtl .career-sidebar .info-list li{
+  padding-left: 0px;
+  padding-right: 43px;
+}
+
+.rtl .career-sidebar .info-list li i{
+  left: inherit;
+  right: 0px;
+}
+
+.rtl .career-details-content .content-three .list-style-one li:after{
+  left: inherit;
+  right: 0px;
+}
+
+.rtl .career-details-content .content-four .social-links li{
+  margin-right: 0px;
+  margin-left: 10px;
+}
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+  .career-sidebar{
+    margin: 30px 0px 0px 0px !important;
+  }
+}
+
+@media only screen and (max-width: 767px){
+  .career-details{
+    padding: 70px 0px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+  .career-details-content .content-four{
+    display: block;
+  }
+  
+  .career-details-content .content-four .btn-box{
+    margin-bottom: 20px;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/career.css

@@ -0,0 +1,227 @@
+
+/** career-section **/
+
+.career-section{
+  position: relative;
+  background: #F6F6F6;
+}
+
+.career-section .bg-layer{
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  opacity: 0.05;
+}
+
+.career-block-one .inner-box{
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: #fff;
+  padding: 30px 60px 30px 30px;
+  margin-bottom: 30px;
+}
+
+.career-block-one .inner-box .author-box{
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.career-block-one .inner-box .author-box .thumb-box{
+  position: relative;
+  display: inline-block;
+  margin-right: 30px;
+}
+
+.career-block-one .inner-box .author-box .thumb-box img{
+  width: 100%;
+}
+
+.career-block-one .inner-box .author-box h3{
+  font-size: 24px;
+  line-height: 32px;
+  margin-bottom: 7px;
+}
+
+.career-block-one .inner-box .author-box .designation{
+  position: relative;
+  display: block;
+  font-size: 16px;
+  line-height: 26px;
+}
+
+.career-block-one .inner-box .info-box{
+  position: relative;
+}
+
+.career-block-one .inner-box .author-box:before{
+  position: absolute;
+  content: '';
+  background: #DEDEDE;
+  width: 1px;
+  height: 80px;
+  top: 30px;
+  right: -80px;
+}
+
+.career-block-one .inner-box .info-box li{
+  position: relative;
+  display: block;
+  padding-left: 31px;
+  font-size: 16px;
+  line-height: 30px;
+  margin-bottom: 10px;
+}
+
+.career-block-one .inner-box .info-box li:last-child{
+  margin-bottom: 0px;
+}
+
+.career-block-one .inner-box .info-box li i{
+  position: absolute;
+  left: 0px;
+  top: 4px;
+  font-size: 20px;
+  color: var(--theme-color);
+}
+
+.career-block-one .inner-box .btn-box a{
+  position: relative;
+  display: inline-block;
+  font-size: 16px;
+  line-height: 26px;
+  font-family: var(--title-font);
+  font-weight: 700;
+  text-transform: capitalize;
+  color: var(--theme-color);
+  border: solid;
+  border-width: 1px;
+  border-color: var(--theme-color);
+  padding: 16px 39px;
+}
+
+.career-block-one .inner-box .btn-box a:hover{
+  color: #fff !important;
+  background: var(--theme-color);
+}
+
+
+
+/** RTL **/
+
+
+.rtl .career-block-one .inner-box .author-box .thumb-box{
+  margin-right: 0px;
+  margin-left: 20px;
+}
+
+.rtl .career-block-one .inner-box .info-box li{
+  padding-left: 0px;
+  padding-right: 31px;
+}
+
+.rtl .career-block-one .inner-box .info-box li i{
+  left: inherit;
+  right: 0px;
+}
+
+.rtl .career-block-one .inner-box .author-box:before{
+  right: inherit;
+  left: -80px;
+}
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+  .career-block-one .inner-box .author-box:before{
+    display: none;
+  }
+}
+
+@media only screen and (max-width: 991px){
+  .career-block-one .inner-box{
+    display: block;
+  }
+
+  .career-block-one .inner-box .author-box{
+    margin-bottom: 20px;
+  }
+
+  .career-block-one .inner-box .info-box{
+    margin-bottom: 30px;
+  }
+}
+
+@media only screen and (max-width: 767px){
+  .career-section{
+    padding: 70px 0px 40px 0px;
+  }
+
+  .career-block-one .inner-box{
+    padding-right: 30px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+  .career-block-one .inner-box .author-box{
+    display: block;
+  }
+
+  .career-block-one .inner-box .author-box .thumb-box{
+    margin: 0px 0px 20px 0px !important;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/contact.css

@@ -0,0 +1,206 @@
+
+/** contact-info-section **/
+
+.contact-info-section{
+  position: relative;
+}
+
+.info-block-one{
+  margin-top: 50px;
+}
+
+.info-block-one .inner-box{
+  position: relative;
+  display: block;
+  background: rgba(247, 247, 247, 1);
+  margin-bottom: 30px;
+  padding: 0px 30px 45px 30px;
+  transition: all 500ms ease;
+}
+
+.info-block-one .inner-box:hover{
+  transform: translateY(-10px);
+}
+
+.info-block-one .inner-box .icon-box{
+  position: relative;
+  display: inline-block;
+  width: 100px;
+  height: 100px;
+  line-height: 100px;
+  font-size: 40px;
+  color: #fff;
+  text-align: center;
+  border-radius: 50%;
+  background: var(--theme-color);
+  margin-top: -50px;
+  margin-bottom: 35px;
+}
+
+.info-block-one .inner-box h3{
+  position: relative;
+  display: block;
+  font-size: 24px;
+  line-height: 34px;
+  margin-bottom: 15px;
+}
+
+.info-block-one .inner-box p a{
+  display: inline-block;
+  color: var(--text-color);
+}
+
+.info-block-one .inner-box p a:hover{
+  color: var(--theme-color);
+}
+
+.google-map-section{
+  position: relative;
+}
+
+.google-map-section iframe{
+  position: relative;
+  width: 100%;
+  height: 550px;
+}
+
+
+/** contact-section **/
+
+.contact-section{
+  position: relative;
+  background: rgba(247, 247, 247, 1);
+}
+
+.contact-section .form-inner{
+  position: relative;
+  max-width: 850px;
+  width: 100%;
+  margin: 0 auto;
+}
+
+.contact-section .form-inner .form-group{
+  position: relative;
+  margin-bottom: 30px;
+}
+
+.contact-section .form-inner .form-group:last-child{
+  margin-bottom: 0px;
+}
+
+.contact-section .form-inner .form-group input[type='text'],
+.contact-section .form-inner .form-group input[type='password'],
+.contact-section .form-inner .form-group input[type='email'],
+.contact-section .form-inner .form-group input[type='number'],
+.contact-section .form-inner .form-group select,
+.contact-section .form-inner .form-group textarea{
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 60px;
+  background: #fff;
+  border: 1px solid #fff;
+  font-size: 16px;
+  color: rgba(103, 103, 103, 1);
+  padding: 10px 30px;
+  transition: all 500ms ease;
+}
+
+.contact-section .form-inner .form-group .needs{ 
+  height: 170px;
+  resize: none;
+  padding-top: 15px;
+}
+
+.contact-section .form-inner .form-group textarea{
+  height: 170px;
+  resize: none;
+  padding-top: 15px;
+}
+
+.contact-section .form-inner .form-group input:focus,
+.contact-section .form-inner .form-group textarea:focus{
+  border-color: var(--theme-color);
+}
+
+
+
+/** RTL **/
+
+
+
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+
+}
+
+@media only screen and (max-width: 767px){
+  .contact-info-section{
+    padding: 70px 0px 40px 0px;
+  }
+
+  .google-map-section{
+    padding-bottom: 70px;
+  }
+
+  .contact-section{
+    padding: 70px 0px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/error.css

@@ -0,0 +1,95 @@
+
+/** error-section **/
+
+.error-section{
+  position: relative;
+}
+
+.error-section .error-image{
+  position: relative;
+  display: block;
+  margin-bottom: 70px;
+}
+
+.error-section h2{
+  position: relative;
+  display: block;
+  font-size: 40px;
+  line-height: 52px;
+  font-weight: 800;
+  margin-bottom: 40px;
+}
+
+
+
+/** RTL **/
+
+
+
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+
+}
+
+@media only screen and (max-width: 767px){
+  .error-section{
+    padding: 70px 0px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/exchange.css

@@ -0,0 +1,214 @@
+
+/** exchange-section **/
+
+.exchange-section{
+  position: relative;
+  background: #F6F6F6;
+}
+
+.exchange-block-one .inner-box{
+  position: relative;
+  display: block;
+  background: #fff;
+  border: 1px solid #fff;
+  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
+  margin-bottom: 30px;
+}
+
+.exchange-block-one .inner-box h5{
+  position: relative;
+  display: block;
+  font-size: 18px;
+  line-height: 28px;
+  text-transform: uppercase;
+  background: rgba(41, 235, 119, 0.10);
+  padding: 6px 0px;
+}
+
+.exchange-block-one.red .inner-box h5{
+  background: rgba(235, 41, 44, 0.10);
+}
+
+.exchange-block-one .inner-box h5 i{
+  position: relative;
+  color: rgba(75, 205, 95, 1);
+  margin-left: 3px;
+}
+
+.exchange-block-one.red .inner-box h5 i{
+  color: rgba(235, 41, 44, 1);
+}
+
+.exchange-block-one .inner-box .flag{
+  position: relative;
+  display: inline-block;
+  width: 70px;
+  border-radius: 50%;
+  margin: 34px 0px;
+}
+
+.exchange-block-one .inner-box .flag img{
+  width: 100%;
+  border-radius: 50%;
+}
+
+.exchange-block-one .inner-box .lower-box li{
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 6px 20px;
+  font-size: 14px;
+  line-height: 28px;
+  color: #676767;
+}
+
+.exchange-block-one .inner-box .lower-box li:nth-child(odd){
+  background: #F7F7F9;
+}
+
+.exchange-section .tab-btns{
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.exchange-section .tab-btns li{
+  position: relative;
+  display: inline-block;
+  font-size: 16px;
+  line-height: 30px;
+  font-family: var(--title-font);
+  font-weight: 700;
+  color: #222;
+  background: #fff;
+  padding: 19px 55px;
+  cursor: pointer;
+  z-index: 1;
+  margin-right: 10px;
+  transition: all 500ms ease;
+}
+
+.exchange-section .tab-btns li:last-child{
+  margin: 0px !important;
+}
+
+.exchange-section .tab-btns li.active-btn{
+  color: #fff;
+}
+
+.exchange-section .tab-btns li:before{
+  position: absolute;
+  content: '';
+  background: var(--theme-color);
+  width: 100%;
+  height: 100%;
+  left: 0px;
+  top: 0px;
+  opacity: 0;
+  z-index: -1;
+  transition: all 500ms ease;
+}
+
+.exchange-section .tab-btns li.active-btn:before{
+  opacity: 1;
+}
+
+.exchange-section .tab-btns li:after{
+  position: absolute;
+  content: '';
+  background: var(--theme-color);
+  width: 19px;
+  height: 8px;
+  left: 50%;
+  margin-left: -10px;
+  bottom: -8px;
+  clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%, 0% 0%);
+  opacity: 0;
+  transition: all 500ms ease;
+}
+
+.exchange-section .tab-btns li.active-btn:after{
+  opacity: 1;
+}
+
+
+
+/** RTL **/
+
+
+.rtl .exchange-section .tab-btns li{
+  margin-right: 0px;
+  margin-left: 10px;
+}
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+
+}
+
+@media only screen and (max-width: 767px){
+  .exchange-section{
+    padding: 70px 0px 40px 0px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+  .exchange-section .tab-btns li{
+    font-size: 13px;
+    padding: 15px;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/faq.css

@@ -0,0 +1,195 @@
+
+/** faq-section **/
+
+.faq-section{
+  position: relative;
+  background: rgba(247, 247, 247, 1);
+}
+
+.accordion{
+  position: relative;
+  background: #fff;
+  border: 1px solid rgba(229, 229, 229, 1);
+  margin-bottom: 20px;
+}
+
+.accordion .acc-btn{
+  position: relative;
+  padding: 21px 60px 21px 40px;
+  cursor: pointer;
+}
+
+.accordion .acc-content{
+  padding: 8px 50px 30px 40px;
+}
+
+.accordion .acc-btn h4{
+  font-size: 20px;
+  line-height: 28px;
+}
+
+.accordion .acc-btn .icon-box{
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  display: inline-block;
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  font-size: 14px;
+  color: var(--title-color);
+  text-align: center;
+  border-radius: 50%;
+}
+
+.accordion .acc-btn .icon-box:before{
+  position: absolute;
+  content: '';
+  background: var(--theme-color);
+  width: 100%;
+  height: 100%;
+  left: 0px;
+  top: 0px;
+  border-radius: 50%;
+  opacity: 0;
+}
+
+.accordion .acc-btn.active .icon-box:before{
+  opacity: 0.2;
+}
+
+.accordion .acc-btn .icon-box:after{
+  position: absolute;
+  content: '\e92c';
+  font-family: 'icomoon';
+  width: 30px;
+  left: 0px;
+}
+
+.accordion .acc-btn.active .icon-box:after{
+  content: '\e92d';
+}
+
+/** faq-form-section **/
+
+.faq-form-section{
+  position: relative;
+}
+
+.faq-form-section .form-inner{
+  position: relative;
+  max-width: 850px;
+  margin: 0 auto;
+}
+
+.faq-form-section .form-inner .form-group{
+  position: relative;
+  margin-bottom: 30px;
+}
+
+.faq-form-section .form-inner .form-group:last-child{
+  margin-bottom: 0px;
+}
+
+.faq-form-section .form-inner .form-group input[type='text'],
+.faq-form-section .form-inner .form-group input[type='email'],
+.faq-form-section .form-inner .form-group textarea{
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 60px;
+  border: 1px solid rgba(229, 229, 229, 1);
+  font-size: 16px;
+  color: rgba(103, 103, 103, 1);
+  padding: 10px 30px;
+  transition: all 500ms ease;
+}
+
+.faq-form-section .form-inner .form-group textarea{
+  height: 170px;
+  resize: none;
+  padding-top: 15px;
+}
+
+.faq-form-section .form-inner .form-group input:focus,
+.faq-form-section .form-inner .form-group textarea:focus{
+  border-color: var(--theme-color);
+}
+
+
+
+/** RTL **/
+
+
+
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+
+}
+
+@media only screen and (max-width: 767px){
+  .faq-form-section{
+    padding: 70px 0px;
+  }
+
+  .faq-section{
+    padding: 70px 0px 50px 0px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/feature.css

@@ -0,0 +1,294 @@
+
+/** feature-section **/
+
+.feature-section{
+  position: relative;
+}
+
+.feature-section .inner-container{
+  position: relative;
+  display: block;
+  box-shadow: 0px 20px 60px 10px #00000012;
+  margin-top: -38px;
+  z-index: 2;
+}
+
+.feature-section .feature-block-one{
+  float: left;
+  width: 25%;
+}
+
+.feature-block-one .inner-box{
+  position: relative;
+  display: block;
+  padding: 50px 40px;
+  background: #fff;
+  z-index: 1;
+}
+
+.feature-block-one .inner-box:before{
+  position: absolute;
+  content: '';
+  background: var(--theme-color);
+  width: 100%;
+  height: 0%;
+  left: 0px;
+  top: 0px;
+  z-index: -1;
+  transition: all 500ms ease;
+}
+
+.feature-block-one .inner-box:hover:before{
+  height: 100%;
+}
+
+.feature-block-one .inner-box .icon-box{
+  position: relative;
+  display: inline-block;
+  width: 80px;
+  height: 80px;
+  line-height: 80px;
+  text-align: center;
+  font-size: 40px;
+  color: #fff;
+  background: var(--theme-color);
+  border-radius: 50%;
+  margin-bottom: 25px;
+  transition: all 500ms ease;
+}
+
+.feature-block-one .inner-box:hover .icon-box{
+  background: rgba(255, 255, 255, 0.20) !important;
+}
+
+.feature-block-one .inner-box h4{
+  position: relative;
+  display: block;
+  font-size: 20px;
+  line-height: 28px;
+  font-weight: 700;
+  margin-bottom: 15px;
+}
+
+.feature-block-one .inner-box h4 a{
+  display: inline-block;
+  color: var(--title-color);
+}
+
+.feature-block-one .inner-box:hover h4 a{
+  color: #fff;
+}
+
+.feature-block-one .inner-box h4 a:hover{
+  text-decoration: underline;
+}
+
+.feature-block-one .inner-box p{
+  position: relative;
+  transition: all 500ms ease;
+}
+
+.feature-block-one .inner-box:hover p{
+  color: #fff;
+}
+
+
+/** feature-style-two **/
+
+.feature-style-two{
+  position: relative;
+  box-shadow: 0px 7px 50px 0px rgba(0, 0, 0, 0.1);
+}
+
+.feature-style-two .sec-title{
+  background: #212226;
+  padding: 69px 70px 68px 0px;
+}
+
+.feature-style-two .sec-title:before{
+  position: absolute;
+  content: '';
+  background: #212226;
+  width: 5000px;
+  height: 100%;
+  top: 0px;
+  right: 0px;
+}
+
+.feature-style-two .content-box{
+  position: relative;
+  display: block;
+}
+
+.feature-block-two .inner-box{
+  position: relative;
+  display: block;
+  padding: 64px 0px 61px 0px;
+}
+
+.feature-block-two .inner-box .icon-box{
+  position: relative;
+  display: block;
+  font-size: 50px;
+  margin-bottom: 30px;
+  color: var(--theme-color);
+}
+
+.feature-block-two .inner-box h3{
+  position: relative;
+  display: block;
+  font-size: 24px;
+  line-height: 28px;
+  margin-bottom: 13px;
+}
+
+.feature-block-two .inner-box h3 a{
+  display: inline-block;
+  color: var(--title-color);
+}
+
+.feature-block-two .inner-box h3 a:hover{
+  color: var(--theme-color);
+}
+
+.feature-style-two .owl-nav{
+  position: absolute;
+  top: 50%;
+  margin-top: -35px;
+  width: 100%;
+}
+
+.feature-style-two .owl-nav .owl-prev{
+  position: absolute;
+  left: -130px;
+}
+
+.feature-style-two .owl-nav .owl-next{
+  position: absolute;
+  right: -120px;
+}
+
+.feature-style-two .pattern-layer{
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  right: -100px;
+  width: 200px;
+  height: 200px;
+  background-repeat: no-repeat;
+}
+
+
+/** feature-style-three **/
+
+.feature-style-three{
+  position: relative;
+}
+
+.feature-style-three .feature-block-one .inner-box{
+  margin-bottom: 30px;
+  box-shadow: 0px 20px 60px 10px rgba(0, 0, 0, 0.07);
+}
+
+
+
+/** RTL **/
+
+
+.rtl .feature-style-two .sec-title:before{
+  right: inherit;
+  left: 0px;
+}
+
+.rtl .feature-block-two .inner-box{
+  text-align: right;
+}
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+  .feature-section .feature-block-one{
+    width: 50%;
+  }
+
+  .feature-style-two .sec-title:before{
+    display: none;
+  }
+
+  .feature-style-two .sec-title{
+    padding-left: 30px;
+  }
+}
+
+@media only screen and (max-width: 767px){
+  .feature-section .feature-block-one{
+    width: 100%;
+  }
+
+  .feature-style-two .owl-nav{
+    display: none;
+  }
+
+  .feature-style-two .content-box{
+    padding: 0px;
+  }
+
+  .feature-style-three{
+    padding: 70px 0px 40px 0px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/funfact.css

@@ -0,0 +1,242 @@
+
+/** funfact-section **/
+
+.funfact-section{
+  position: relative;
+}
+
+.funfact-section .inner-container{
+  position: relative;
+  display: block;
+  box-shadow: 0px 10px 50px 0px #0000001A;
+  background: #fff;
+  margin-top: -95px;
+  z-index: 2;
+}
+
+.funfact-section .funfact-block-one{
+  float: left;
+  width: 33.333%;
+}
+
+.funfact-block-one .inner-box{
+  position: relative;
+  display: block;
+  padding: 54px 30px 51px 170px;
+}
+
+.funfact-block-one .inner-box .icon-box{
+  position: absolute;
+  display: inline-block;
+  left: 50px;
+  top: 50px;
+  width: 90px;
+  height: 90px;
+  line-height: 90px;
+  font-size: 40px;
+  text-align: center;
+  border-radius: 50%;
+  color: #fff;
+  background: rgba(255, 255, 255, 0.07);
+}
+
+.funfact-block-one:nth-child(2) .inner-box{
+  background: var(--secondary-color);
+}
+
+.funfact-block-one:last-child .inner-box{
+  background: var(--theme-color);
+}
+
+.funfact-block-one:last-child .inner-box .icon-box{
+  background: rgba(255, 255, 255, 0.15);
+}
+
+.funfact-block-one:first-child .inner-box .icon-box{
+  color: var(--theme-color);
+  background: rgba(235, 41, 44, 0.10);
+}
+
+.funfact-block-one .inner-box .count-outer {
+  position: relative;
+  display: block;
+  font-size: 40px;
+  line-height: 52px;
+  font-family: var(--title-font);
+  color: #fff;
+  font-weight: 800;
+  margin-bottom: 5px;
+}
+
+.funfact-block-one:first-child .inner-box .count-outer{
+  color: #222222;
+}
+
+.funfact-block-one .inner-box p{
+  font-size: 22px;
+  line-height: 26px;
+  color: #fff;
+  font-weight: 500;
+}
+
+.funfact-block-one:first-child .inner-box p{
+  color: #676767;
+}
+
+/** funfact-style-two **/
+
+.funfact-style-two{
+  position: relative;
+  background: #000;
+  padding: 35px 0px;
+}
+
+.funfact-style-two .bg-layer{
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  opacity: 0.15;
+}
+
+.funfact-style-two .funfact-block-one .inner-box{
+  background: transparent !important;
+}
+
+.funfact-style-two .funfact-block-one .inner-box .icon-box{
+  background: rgba(255, 255, 255, 0.10) !important;
+}
+
+.funfact-style-two .funfact-block-one .inner-box .count-outer{
+  color: #fff;
+}
+
+.funfact-style-two .funfact-block-one .inner-box p{
+  color: #fff;
+}
+
+.funfact-style-two .funfact-block-one .inner-box:before{
+  position: absolute;
+  content: '';
+  background: rgba(255, 255, 255, 0.10);
+  width: 1px;
+  height: calc(100% + 70px);
+  top: -35px;
+  right: -15px;
+}
+
+.funfact-style-two .funfact-block:last-child .funfact-block-one .inner-box:before{
+  display: none;
+}
+
+
+
+/** RTL **/
+
+.rtl .funfact-style-two .funfact-block-one .inner-box:before{
+  right: inherit;
+  left: -15px;
+}
+
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+  .funfact-section .funfact-block-one{
+    width: 50%;
+  }
+
+  .funfact-section .funfact-block-one:last-child{
+    width: 100%;
+  }
+}
+
+@media only screen and (max-width: 767px){
+  .funfact-section .funfact-block-one{
+    width: 100%;
+  }
+
+  .funfact-style-two .funfact-block-one .inner-box:before{
+    display: none;
+  }
+
+  .funfact-style-two .funfact-block-one .inner-box{
+    padding-bottom: 0px;
+  }
+
+  .funfact-style-two{
+    padding-bottom: 85px;
+  }
+
+  .funfact-section.about-page{
+    padding-bottom: 70px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+  .funfact-block-one .inner-box{
+    padding-left: 30px;
+  }
+
+  .funfact-block-one .inner-box .icon-box{
+    position: relative;
+    left: 0px;
+    top: 0px;
+    margin-bottom: 20px;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/news.css

@@ -0,0 +1,587 @@
+
+/** news-section **/
+
+.news-section{
+  position: relative;
+  overflow: hidden;
+}
+
+.news-block-one .inner-box{
+  position: relative;
+  display: block;
+  padding: 238px 30px 30px 30px;
+  width: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  margin-bottom: 30px;
+}
+
+.news-block-one .inner-box:after{
+  position: absolute;
+  content: '';
+  background: #000;
+  width: 100%;
+  height: 0%;
+  left: 0px;
+  bottom: 0px;
+  opacity: 0.8;
+  transition: all 500ms ease;
+}
+
+.news-block-one .inner-box:hover:after{
+  height: 100%;
+}
+
+.news-block-one .inner-box:before{
+  position: absolute;
+  content: '';
+  background: -webkit-linear-gradient(-90deg, rgba(33, 34, 38, 0), rgba(33, 34, 38, 0.85));
+  width: 100%;
+  height: 100%;
+  left: 0px;
+  top: 0px;
+}
+
+.news-block-one .inner-box .content-box{
+  position: relative;
+  z-index: 1;
+}
+
+.news-block-one .inner-box .post-date{
+  position: relative;
+  display: inline-block;
+  font-size: 15px;
+  line-height: 20px;
+  color: #222222;
+  font-weight: 500;
+  background: #fff;
+  padding: 10px 15px 10px 40px;
+  border-radius: 30px;
+  margin-bottom: 25px;
+}
+
+.news-block-one .inner-box .post-date i{
+  position: absolute;
+  left: 15px;
+  top: 12px;
+  font-size: 16px;
+}
+
+.news-block-one .inner-box h3{
+  display: block;
+  font-size: 24px;
+  line-height: 30px;
+  margin-bottom: 10px;
+}
+
+.news-block-one .inner-box h3 a{
+  display: inline-block;
+  color: #fff;
+}
+
+.news-block-one .inner-box h3 a:hover{
+  color: var(--theme-color);
+}
+
+.news-block-one .inner-box .post-info{
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.news-block-one .inner-box .post-info li{
+  position: relative;
+  font-size: 16px;
+  color: #fff;
+  padding-left: 25px;
+  margin-right: 20px;
+}
+
+.news-block-one .inner-box .post-info li:last-child{
+  margin: 0px !important;
+}
+
+.news-block-one .inner-box .post-info li i{
+  position: absolute;
+  left: 0px;
+  top: 5px;
+  font-size: 16px;
+  color: var(--theme-color);
+}
+
+.news-block-one .inner-box .post-info li a{
+  display: inline-block;
+  color: #fff;
+}
+
+.news-block-one .inner-box .post-info li a:hover{
+
+}
+
+.news-block-one .inner-box .theme-btn{
+  padding: 13px 40px;
+}
+
+.news-section .pattern-layer .pattern-1{
+  position: absolute;
+  top: -134px;
+  right: 0px;
+  width: 237px;
+  height: 433px;
+  background-repeat: no-repeat;
+}
+
+.news-section .pattern-layer .pattern-2{
+  position: absolute;
+  left: 0px;
+  bottom: 275px;
+  width: 183px;
+  height: 237px;
+  background-repeat: no-repeat;
+}
+
+.news-block-one .inner-box .theme-btn:before,
+.news-block-one .inner-box .theme-btn:after{
+  background: var(--theme-color);
+}
+
+.news-block-one .inner-box .theme-btn:hover{
+  color: #fff !important;
+}
+
+
+/** news-style-two **/
+
+.news-style-two{
+  position: relative;
+}
+
+.news-style-two .pattern-layer .pattern-1{
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  width: 237px;
+  height: 433px;
+  background-repeat: no-repeat;
+}
+
+.news-style-two .pattern-layer .pattern-2{
+  position: absolute;
+  left: 0px;
+  bottom: 275px;
+  width: 183px;
+  height: 237px;
+  background-repeat: no-repeat;
+}
+
+.news-block-two .inner-box{
+  position: relative;
+  display: block;
+  padding: 0px 30px 0px 30px;
+  margin-bottom: 30px;
+}
+
+.news-block-two .inner-box:before{
+  position: absolute;
+  content: '';
+  background: #fff;
+  box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1);
+  width: 100%;
+  height: calc(100% - 110px);
+  left: 0px;
+  bottom: 0px;
+}
+
+.news-block-two .inner-box .image-box{
+  position: relative;
+  display: block;
+  overflow: hidden;
+  border-radius: 10px;
+}
+
+.news-block-two .inner-box .image-box img{
+  width: 100%;
+  border-radius: 10px;
+  transition: all 500ms ease;
+}
+
+.news-block-two .inner-box:hover .image-box img{
+  transform: scale(1.05);
+}
+
+.news-block-two .inner-box .lower-content{
+  position: relative;
+  padding-top: 44px;
+}
+
+.news-block-two .inner-box .lower-content .post-date{
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  top: -55px;
+  right: 30px;
+  z-index: 1;
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  background: var(--theme-color);
+}
+
+.news-block-two .inner-box .lower-content .post-date h4{
+  font-size: 22px;
+  line-height: 20px;
+  color: #fff;
+}
+
+.news-block-two .inner-box .lower-content .post-date h4 span{
+  display: block;
+  font-weight: 400;
+  font-size: 16px;
+}
+
+.news-block-two .inner-box .lower-content h3{
+  display: block;
+  font-size: 24px;
+  line-height: 30px;
+  margin-bottom: 20px;
+}
+
+.news-block-two .inner-box .lower-content h3 a{
+  display: inline-block;
+  color: var(--title-color);
+}
+
+.news-block-two .inner-box .lower-content h3 a:hover{
+  color: var(--theme-color);
+}
+
+.news-block-two .inner-box .lower-content p{
+  position: relative;
+  display: block;
+  padding-bottom: 29px;
+  border-bottom: 1px solid #E5E5E5;
+}
+
+.news-block-two .inner-box .lower-content .post-info{
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 15px 0px;
+}
+
+.news-block-two .inner-box .lower-content .post-info:before{
+  position: absolute;
+  content: '';
+  background: #D9D9D9;
+  width: 1px;
+  height: 25px;
+  top: 17px;
+  left: 45%;
+}
+
+.news-block-two .inner-box .lower-content .post-info li{
+  position: relative;
+  display: block;
+  font-size: 16px;
+  color: #6E6E6E;
+  padding-left: 25px;
+}
+
+.news-block-two .inner-box .lower-content .post-info li a{
+  display: inline-block;
+  color: #6E6E6E;
+}
+
+.news-block-two .inner-box .lower-content .post-info li i{
+  position: absolute;
+  left: 0px;
+  top: 5px;
+  font-size: 16px;
+  color: var(--theme-color);
+}
+
+.news-block-two .inner-box .lower-content .post-info li a:hover{
+  color: var(--theme-color);
+}
+
+
+/** sidebar-page-container **/
+
+.sidebar-page-container{
+  position: relative;
+}
+
+.news-block-three .inner-box{
+  position: relative;
+  display: block;
+  padding: 0px 40px 40px 40px;
+  margin-bottom: 65px;
+}
+
+.news-block-three .inner-box:before{
+  position: absolute;
+  content: '';
+  background: #fff;
+  box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1);
+  width: 100%;
+  height: 50%;
+  left: 0px;
+  bottom: 0px;
+}
+
+.news-block-three .inner-box .image-box{
+  position: relative;
+  display: block;
+  overflow: hidden;
+  border-radius: 10px;
+}
+
+.news-block-three .inner-box .image-box img{
+  width: 100%;
+  border-radius: 10px;
+  transition: all 500ms ease;
+}
+
+.news-block-three .inner-box:hover .image-box img{
+  transform: scale(1.05);
+}
+
+.news-block-three .inner-box .lower-content{
+  position: relative;
+  padding-top: 24px;
+}
+
+.news-block-three .inner-box .lower-content .post-date{
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  top: -55px;
+  right: 30px;
+  z-index: 1;
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  background: var(--theme-color);
+}
+
+.news-block-three .inner-box .lower-content .post-date h4{
+  font-size: 22px;
+  line-height: 20px;
+  color: #fff;
+}
+
+.news-block-three .inner-box .lower-content .post-date h4 span{
+  display: block;
+  font-weight: 400;
+  font-size: 16px;
+}
+
+.news-block-three .inner-box .lower-content .post-info{
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.news-block-three .inner-box .lower-content .post-info li{
+  position: relative;
+  display: block;
+  font-size: 16px;
+  color: rgba(110, 110, 110, 1);
+  padding-left: 25px;
+  margin-right: 57px;
+}
+
+.news-block-three .inner-box .lower-content .post-info li:before{
+  position: absolute;
+  content: '';
+  background: rgba(217, 217, 217, 1);
+  width: 1px;
+  height: 25px;
+  top: 0px;
+  right: -29px;
+}
+
+.news-block-three .inner-box .lower-content .post-info li:last-child:before{
+  display: none;
+}
+
+.news-block-three .inner-box .lower-content .post-info li:last-child{
+  margin: 0px !important;
+}
+
+.news-block-three .inner-box .lower-content .post-info li i{
+  position: absolute;
+  left: 0px;
+  top: 6px;
+  font-size: 16px;
+  color: var(--theme-color);
+}
+
+.news-block-three .inner-box .lower-content .post-info li a{
+  display: inline-block;
+  color: rgba(110, 110, 110, 1);
+}
+
+.news-block-three .inner-box .lower-content .post-info li a:hover{
+  color: var(--theme-color);
+}
+
+.news-block-three .inner-box .lower-content h3{
+  position: relative;
+  display: block;
+  font-size: 32px;
+  line-height: 44px;
+  font-weight: 800;
+  margin-bottom: 20px;
+}
+
+.news-block-three .inner-box .lower-content h3 a{
+  display: inline-block;
+  color: var(--title-color);
+}
+
+.news-block-three .inner-box .lower-content h3 a:hover{
+  color: var(--theme-color);
+}
+
+.news-block-three .inner-box .lower-content p{
+  margin-bottom: 30px;
+}
+
+.news-block-three .inner-box .lower-content .btn-box a{
+  position: relative;
+  display: inline-block;
+  font-size: 16px;
+  line-height: 26px;
+  font-family: var(--title-font);
+  font-weight: 700;
+  color: var(--theme-color);
+  border: 1px solid var(--theme-color);
+  padding: 11px 33px;
+}
+
+.news-block-three .inner-box .lower-content .btn-box a:hover{
+  color: #fff !important;
+  background: var(--theme-color);
+}
+
+
+
+/** RTL **/
+
+.rtl .news-block-one .inner-box .post-info li{
+  margin-right: 0px;
+  margin-left: 20px;
+}
+
+.rtl .news-block-three .inner-box .lower-content .post-date{
+  right: inherit;
+  left: 30px;
+}
+
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+
+}
+
+@media only screen and (max-width: 767px){
+  .news-section{
+    padding: 70px 0px 40px 0px;
+  }
+
+  .news-style-two{
+    padding: 0px 0px 40px 0px;
+  }
+
+  .news-style-two .pattern-layer{
+    display: none;
+  }
+
+  .blog-grid{
+    padding: 70px 0px;
+  }
+
+  .blog-image{
+    padding: 70px 0px;
+  }
+
+  .sidebar-page-container{
+    padding: 70px 0px;
+  }
+
+  .news-block-three .inner-box{
+    padding: 0px;
+  }
+
+  .news-block-three .inner-box:before{
+    display: none;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+  .news-block-one .inner-box{
+    padding-top: 100px;
+  }
+
+  .news-block-three .inner-box .lower-content h3{
+    font-size: 24px;
+    line-height: 30px;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/page-title.css

@@ -0,0 +1,185 @@
+
+/** page-title **/
+
+.page-title{
+  position: relative;
+  padding: 137px 0px;
+}
+
+.page-title .bg-layer{
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.page-title .bg-layer:before{
+  position: absolute;
+  content: '';
+  background: #000;
+  width: 100%;
+  height: 100%;
+  left: 0px;
+  top: 0px;
+  opacity: 0.5;
+}
+
+.page-title .pattern-layer .pattern-1{
+  position: absolute;
+  left: 0px;
+  bottom: 83px;
+  width: 86px;
+  height: 170px;
+  background-repeat: no-repeat;
+}
+
+.page-title .pattern-layer .pattern-2{
+  position: absolute;
+  top: 0px;
+  right: 120px;
+  width: 279px;
+  height: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  -webkit-animation: service_hexagon_2 15s infinite linear;
+  -moz-animation: service_hexagon_2 15s infinite linear;
+  -o-animation: service_hexagon_2 15s infinite linear;
+  animation: service_hexagon_2 15s infinite linear;
+}
+
+.page-title h1{
+  position: relative;
+  display: block;
+  font-size: 64px;
+  line-height: 74px;
+  color: #fff;
+  font-weight: 800;
+  margin-bottom: 19px;
+}
+
+.page-title .bread-crumb li{
+  position: relative;
+  display: inline-block;
+  font-size: 18px;
+  line-height: 32px;
+  color: #fff;
+  padding-right: 15px;
+  margin-right: 5px;
+}
+
+.page-title .bread-crumb li:last-child{
+  padding: 0px !important;
+  margin: 0px !important;
+}
+
+.page-title .bread-crumb li a{
+  display: inline-block;
+  color: #fff;
+}
+
+.page-title .bread-crumb li a:hover{
+  color: var(--theme-color);
+}
+
+.page-title .bread-crumb li:before{
+  position: absolute;
+  content: '/';
+  top: 0px;
+  right: 0px;
+}
+
+.page-title .bread-crumb li:last-child:before{
+  display: none;
+}
+
+
+/** RTL **/
+
+
+.rtl .page-title .bread-crumb li{
+  padding-right: 0px;
+  padding-left: 15px;
+  margin-right: 0px;
+  margin-left: 5px;
+}
+
+.rtl .page-title .bread-crumb li:before{
+  right: inherit;
+  left: 0px;
+}
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+
+}
+
+@media only screen and (max-width: 767px){
+  .page-title h1{
+    font-size: 50px;
+    line-height: 60px;
+  }
+
+  .page-title{
+    padding: 90px 0px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/process.css

@@ -0,0 +1,240 @@
+
+/** process-section **/
+
+.process-section{
+  position: relative;
+  background: #FAFAFA;
+}
+
+.process-section .bg-layer{
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  opacity: 0.05;
+}
+
+.process-section .inner-container{
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.processing-block-one{
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 290px;
+  height: 290px;
+  border-radius: 50%;
+  background: #fff;
+}
+
+.processing-block-one:before{
+  position: absolute;
+  content: '';
+  background: var(--theme-color);
+  width: 100%;
+  height: 100%;
+  left: 0px;
+  top: 0px;
+  border-radius: 50%;
+  transform: scale(0,0);
+  transition: all 500ms ease;
+}
+
+.processing-block-one:hover:before{
+  transform: scale(1,1);
+}
+
+.processing-block-one .inner-box .count-text{
+  position: absolute;
+  top: -25px;
+  right: -15px;
+  display: inline-block;
+  width: 90px;
+  height: 90px;
+  line-height: 90px;
+  text-align: center;
+  background: var(--theme-color);
+  color: #fff;
+  border-radius: 50%;
+  box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.3);
+  font-size: 16px;
+  line-height: 22px;
+  font-weight: 600;
+  padding: 22px 0px;
+  z-index: 1;
+  transition: all 500ms ease;
+}
+
+.processing-block-one .inner-box .count-text:before{
+  position: absolute;
+  content: '';
+  background: #fff;
+  width: 100%;
+  height: 100%;
+  left: 0px;
+  top: 0px;
+  border-radius: 50%;
+  transform: scale(0,0);
+  z-index: -1;
+  transition: all 500ms ease;
+}
+
+.processing-block-one:hover .inner-box .count-text:before{
+  transform: scale(1,1);
+}
+
+.processing-block-one:hover .inner-box .count-text{
+  color: var(--theme-color);
+  background: #fff !important;
+}
+
+.processing-block-one .inner-box .count-text:after{
+  position: absolute;
+  content: '';
+  width: 120px;
+  height: 120px;
+  left: -15px;
+  top: -15px;
+  border-radius: 50%;
+  border: dashed;
+  border-width: 2px;
+  border-color: var(--theme-color);
+}
+
+.processing-block-one .inner-box{
+  padding: 30px;
+}
+
+.processing-block-one .inner-box h3{
+  display: block;
+  font-size: 24px;
+  line-height: 30px;
+  margin-bottom: 14px;
+  transition: all 500ms ease;
+}
+
+.processing-block-one:hover .inner-box h3,
+.processing-block-one:hover .inner-box p{
+  color: #fff;
+}
+
+.processing-block-one .inner-box p{
+  transition: all 500ms ease;
+}
+
+.processing-block-one .arrow-shape{
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 81px;
+  height: 20px;
+  background-repeat: no-repeat;
+  right: -145px;
+}
+
+
+
+/** RTL **/
+
+.rtl .processing-block-one .arrow-shape{
+  right: inherit;
+  left: -145px;
+  transform: rotate(-180deg);
+}
+
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+
+}
+
+@media only screen and (max-width: 767px){
+  .process-section .inner-container{
+    display: block;
+    max-width: 290px;
+    margin: 0 auto;
+  }
+
+  .process-section{
+    padding: 70px 0px;
+  }
+
+  .processing-block-one .arrow-shape{
+    display: none;
+  }
+
+  .processing-block-one{
+    margin-bottom: 60px;
+  }
+
+  .processing-block-one:last-child{
+    margin-bottom: 0px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+  .processing-block-one .inner-box .count-text{
+    right: 15px;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/requirements.css

@@ -0,0 +1,149 @@
+
+/** requirements-section **/
+
+.requirements-section{
+  position: relative;
+}
+
+.requirements-block-one .inner-box{
+  position: relative;
+  display: block;
+  background: #fff;
+  padding: 0px 30px 38px 30px;
+  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.05);
+  min-height: 359px;
+  margin-bottom: 30px;
+}
+
+.requirements-block-one .inner-box h4{
+  position: relative;
+  display: inline-block;
+  text-align: center;
+  font-size: 20px;
+  line-height: 30px;
+  padding: 15px 74px;
+  margin-bottom: 31px;
+  z-index: 1;
+}
+
+.requirements-block-one .inner-box h4:before{
+  position: absolute;
+  content: '';
+  background: var(--theme-color);
+  width: 100%;
+  height: 100%;
+  left: 0px;
+  top: 0px;
+  opacity: 0.10;
+  z-index: -1;
+}
+
+.requirements-block-one .inner-box .list-item li{
+  position: relative;
+  display: block;
+  text-align: left;
+  font-size: 16px;
+  line-height: 30px;
+  font-weight: 500;
+  color: var(--title-color);
+  margin-bottom: 10px;
+  padding-left: 15px;
+}
+
+.requirements-block-one .inner-box .list-item li:last-child{
+  margin-bottom: 0px;
+}
+
+.requirements-block-one .inner-box .list-item li:before{
+  position: absolute;
+  content: '';
+  background: var(--secondary-color);
+  left: 0px;
+  top: 13px;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+}
+
+
+
+/** RTL **/
+
+
+.rtl .requirements-block-one .inner-box .list-item li{
+  text-align: right;
+  padding-left: 0px;
+  padding-right: 15px;
+}
+
+.rtl .requirements-block-one .inner-box .list-item li:before{
+  left: inherit;
+  right: 0px;
+}
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+
+}
+
+@media only screen and (max-width: 767px){
+  .requirements-section{
+    padding: 70px 0px 40px 0px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/service.css

@@ -0,0 +1,558 @@
+
+/** service-section **/
+
+.service-section{
+  position: relative;
+  background: #F6F6F6;
+}
+
+.service-block-one .inner-box{
+  position: relative;
+  display: block;
+  overflow: hidden;
+  background: #fff;
+  padding: 35px 30px 30px 30px;
+  margin-bottom: 30px;
+  z-index: 1;
+}
+
+.service-block-one .inner-box .shape{
+  position: absolute;
+  right: 0px;
+  bottom: 0px;
+}
+
+.service-block-one .inner-box .shape:before{
+  position: absolute;
+  content: '';
+  background: var(--theme-color);
+  width: 62px;
+  height: 62px;
+  right: -18px;
+  bottom: -22px;
+  border-radius: 50%;
+  opacity: 0.1;
+  transition: all 500ms ease;
+  -webkit-animation: zoom-fade 5s infinite linear;
+  animation: zoom-fade 5s infinite linear;
+}
+
+.service-block-one:hover .inner-box .shape:before{
+  background: #fff !important;
+  opacity: 0.15;
+}
+
+.service-block-one .inner-box .shape:after{
+  position: absolute;
+  content: '';
+  border: solid;
+  border-width: 7px;
+  border-color: var(--theme-color);
+  right: -37px;
+  bottom: -41px;
+  border-radius: 50%;
+  width: 100px;
+  height: 100px;
+  opacity: 0.1;
+  transition: all 500ms ease;
+  -webkit-animation: zoom-fade 8s infinite linear;
+  animation: zoom-fade 8s infinite linear;
+}
+
+.service-block-one:hover .inner-box .shape:after{
+  border-color: #fff !important;
+  opacity: 0.15;
+}
+
+.service-block-one .inner-box:before{
+  position: absolute;
+  content: '';
+  background: var(--theme-color);
+  width: 100%;
+  height: 0px;
+  left: 0px;
+  top: 0px;
+  z-index: -1;
+  transition: all 500ms ease;
+}
+
+.service-block-one:hover .inner-box:before{
+  height: 100%;
+}
+
+.service-block-one .inner-box .icon-box{
+  position: relative;
+  display: inline-block;
+  font-size: 40px;
+  color: var(--theme-color);
+  margin-bottom: 24px;
+  transition: all 500ms ease;
+}
+
+.service-block-one:hover .inner-box .icon-box{
+  color: #fff !important;
+}
+
+.service-block-one .inner-box h4{
+  display: block;
+  font-size: 20px;
+  line-height: 26px;
+  margin-bottom: 20px;
+  text-transform: capitalize;
+}
+
+.service-block-one .inner-box h4 a{
+  display: inline-block;
+  color: var(--title-color);
+}
+
+.service-block-one:hover .inner-box h4 a{
+  color: #fff;
+}
+
+.service-block-one .inner-box h4 a:hover{
+  text-decoration: underline;
+}
+
+.service-block-one .inner-box .list-item li{
+  position: relative;
+  display: block;
+  font-size: 16px;
+  line-height: 32px;
+  padding-left: 16px;
+  transition: all 500ms ease;
+}
+
+.service-block-one:hover .inner-box .list-item li{
+  color: #fff;
+}
+
+.service-block-one .inner-box .list-item li:before{
+  position: absolute;
+  content: '';
+  background: #676767;
+  width: 5px;
+  height: 5px;
+  left: 0px;
+  top: 13px;
+  border-radius: 50%;
+  transition: all 500ms ease;
+}
+
+.service-block-one:hover .inner-box .list-item li:before{
+  background: #fff;
+}
+
+.service-section .bg-layer{
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  opacity: 0.03;
+}
+
+/** service-style-two **/
+
+.service-style-two{
+  position: relative;
+  background: #FAFAFA;
+}
+
+.service-style-two:before{
+  position: absolute;
+  content: '';
+  background: #fff;
+  width: 100%;
+  height: 220px;
+  left: 0px;
+  top: 0px;
+}
+
+.service-style-two .bg-layer{
+  position: absolute;
+  left: 0px;
+  bottom: 0px;
+  width: 100%;
+  height: calc(100% - 220px);
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  opacity: 0.03;
+}
+
+.content_block_four .content-box{
+  position: relative;
+  display: block;
+}
+
+.content_block_four .content-box h2{
+  display: block;
+  font-size: 36px;
+  line-height: 46px;
+  font-weight: 800;
+  margin-bottom: 20px;
+}
+
+.content_block_four .content-box p{
+  margin-bottom: 30px;
+}
+
+.content_block_four .content-box .list-item li{
+  position: relative;
+  display: block;
+  float: left;
+  width: 50%;
+  font-size: 16px;
+  line-height: 26px;
+  color: #222;
+  font-weight: 500;
+  margin-bottom: 10px;
+  padding-left: 27px;
+}
+
+.content_block_four .content-box .list-item li:before{
+  position: absolute;
+  content: '\e91e';
+  font-family: 'icomoon';
+  font-size: 10px;
+  width: 18px;
+  height: 18px;
+  line-height: 18px;
+  color: var(--theme-color);
+  border-radius: 50%;
+  text-align: center;
+  border: solid;
+  border-width: 1px;
+  border-color: var(--theme-color);
+  left: 0px;
+  top: 3px;
+  font-weight: 400;
+}
+
+.service-style-two .image-box{
+  position: relative;
+  display: block;
+}
+
+.service-style-two .image-box .image{
+  position: relative;
+  display: block;
+}
+
+.service-style-two .image-box img{
+  width: 100%;
+}
+
+.service-style-two .image-box .image-shape{
+  position: absolute;
+  left: -90px;
+  bottom: -100px;
+  width: 200px;
+  height: 200px;
+  background-repeat: no-repeat;
+  -webkit-animation: zoom-fade 8s infinite linear;
+  animation: zoom-fade 8s infinite linear;
+}
+
+.service-style-two .tab-btn-box{
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.service-style-two .tab-btns{
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #fff;
+  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);
+}
+
+.service-style-two .tab-btns li{
+  position: relative;
+  display: inline-block;
+  font-size: 20px;
+  line-height: 30px;
+  font-family: var(--title-font);
+  font-weight: 700;
+  color: #222;
+  background: #fff;
+  padding: 30px 0px;
+  cursor: pointer;
+  transition: all 500ms ease;
+}
+
+.service-style-two .tab-btns li.active-btn{
+  color: #fff;
+}
+
+.service-style-two .tab-btns li:before{
+  position: absolute;
+  content: '';
+  background: var(--theme-color);
+  width: 100%;
+  height: 100%;
+  left: 0px;
+  top: 0px;
+  opacity: 0;
+  transition: all 500ms ease;
+}
+
+.service-style-two .tab-btns li.active-btn:before{
+  opacity: 1;
+}
+
+.service-style-two .tab-btns li:after{
+  position: absolute;
+  content: '';
+  background: var(--theme-color);
+  width: 19px;
+  height: 8px;
+  left: 50%;
+  margin-left: -10px;
+  bottom: -8px;
+  clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%, 0% 0%);
+  opacity: 0;
+  transition: all 500ms ease;
+}
+
+.service-style-two .tab-btns li.active-btn:after{
+  opacity: 1;
+}
+
+.service-style-two .tab-btns li span{
+  position: relative;
+  display: block;
+  padding: 15px 45px;
+}
+
+.service-style-two .tab-btns li span:before{
+  position: absolute;
+  content: '';
+  background: #E5E5E5;
+  width: 1px;
+  height: 100%;
+  top: 0px;
+  right: -1px;
+  z-index: 1;
+  transition: all 500ms ease;
+}
+
+.service-style-two .tab-btns li:last-child span:before{
+  display: none;
+}
+
+.service-style-two .tab-btns li.active-btn span:before{
+  display: none;
+}
+
+
+/** service-style-three **/
+
+.service-style-three{
+  position: relative;
+  background: #000000;
+}
+
+.service-style-three .bg-layer{
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  opacity: 0.20;
+}
+
+.service-style-three .service-block-one .inner-box .icon-box{
+  position: absolute;
+  right: 0px;
+  bottom: -8px;
+  font-size: 80px;
+  opacity: 0.10;
+  margin-bottom: 0px;
+}
+
+.service-block-one .image-box{
+  position: relative;
+  display: block;
+  overflow: hidden;
+}
+
+.service-block-one .image-box img{
+  width: 100%;
+  transition: all 500ms ease;
+}
+
+.service-block-one:hover .image-box img{
+  transform: scale(1.05);
+}
+
+.testimonial-style-two.service-page-one{
+  background: #fff;
+}
+
+.testimonial-style-two.service-page-one .owl-carousel .owl-stage-outer{
+  overflow: visible;
+}
+
+.testimonial-style-two.service-page-one .owl-carousel .owl-stage-outer .owl-item{
+  opacity: 0;
+}
+
+.testimonial-style-two.service-page-one .owl-carousel .owl-stage-outer .owl-item.active{
+  opacity: 1;
+}
+
+.testimonial-style-two.service-page-one .nav-style-one .owl-nav button{
+  box-shadow: none;
+  background: #F6F6F6;
+}
+
+.service-style-three.service-page-2{
+  background: #F6F6F6;
+}
+
+
+
+/** RTL **/
+
+.rtl .service-block-one .inner-box .list-item li{
+  padding-left: 0px;
+  padding-right: 16px;
+}
+
+.rtl .service-block-one .inner-box .list-item li:before{
+  left: inherit;
+  right: 0px;
+}
+
+.rtl .content_block_four .content-box{
+  margin-right: 0px;
+  margin-left: 110px;
+}
+
+.rtl .content_block_four .content-box .list-item li{
+  padding-left: 0px;
+  padding-right: 27px;
+}
+
+.rtl .content_block_four .content-box .list-item li:before{
+  left: inherit;
+  right: 0px;
+}
+
+.rtl .service-style-two .tab-btns li span:before{
+  right: inherit;
+  left: -1px;
+}
+
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+  .content_block_four .content-box{
+    margin: 0px 0px 30px 0px !important;
+  }
+
+  .service-style-two .image-box{
+    margin: 0px;
+  }
+}
+
+@media only screen and (max-width: 767px){
+  .service-section{
+    padding: 65px 0px 40px 0px;
+  }
+
+  .service-style-two{
+    padding-bottom: 70px;
+  }
+
+  .service-style-two .tab-btns{
+    display: block;
+    text-align: center;
+  }
+
+  .service-style-two .tab-btns li span:before{
+    display: none;
+  }
+
+  .service-style-two .tab-btns li{
+    display: block;
+    margin-bottom: 15px;
+  }
+
+  .service-style-two .tab-btn-box{
+    margin-bottom: 30px;
+  }
+
+  .service-style-three{
+    padding: 70px 0px 40px 0px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+  .content_block_four .content-box .list-item li{
+    width: 100%;
+  }
+}
+
+@media only screen and (max-width: 499px){
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/sidebar.css

@@ -0,0 +1,348 @@
+
+/** blog-sidebar **/
+
+.blog-sidebar{
+  position: relative;
+}
+
+.blog-sidebar .sidebar-widget{
+  position: relative;
+  background: rgba(247, 247, 247, 1);
+  padding: 35px 40px 40px 40px;
+  margin-bottom: 50px;
+}
+
+.blog-sidebar .sidebar-widget:last-child{
+  margin-bottom: 0px;
+}
+
+.blog-sidebar .widget-title{
+  position: relative;
+  display: block;
+  margin-bottom: 20px;
+}
+
+.blog-sidebar .widget-title h3{
+  font-size: 24px;
+  line-height: 30px;
+}
+
+.blog-sidebar .search-widget .search-inner .form-group{
+  position: relative;
+  margin: 0px;
+}
+
+.blog-sidebar .search-widget .search-inner .form-group input[type='search']{
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 70px;
+  background: #fff;
+  border: 1px solid #fff;
+  border-radius: 10px;
+  font-size: 16px;
+  color: rgba(103, 103, 103, 1);
+  padding: 10px 60px 10px 30px;
+  transition: all 500ms ease;
+}
+
+.blog-sidebar .search-widget .search-inner .form-group input:focus{
+  border-color: var(--theme-color);
+}
+
+.blog-sidebar .search-widget .search-inner .form-group button[type='submit']{
+  position: absolute;
+  top: 25px;
+  right: 30px;
+  font-size: 18px;
+  color: rgba(144, 144, 146, 1);
+  transition: all 500ms ease;
+}
+
+.blog-sidebar .search-widget .search-inner .form-group input:focus + button,
+.blog-sidebar .search-widget .search-inner .form-group button:hover{
+  color: var(--theme-color);
+}
+
+.blog-sidebar .category-widget .category-list li{
+  position: relative;
+  display: block;
+  margin-bottom: 20px;
+}
+
+.blog-sidebar .category-widget .category-list li:last-child{
+  margin-bottom: 0px;
+}
+
+.blog-sidebar .category-widget .category-list li a{
+  display: inline-block;
+  color: var(--title-color);
+}
+
+.blog-sidebar .category-widget .category-list li a:hover{
+  padding-left: 17px;
+}
+
+.blog-sidebar .category-widget .category-list li a:before{
+  position: absolute;
+  content: '\e928';
+  font-family: 'icomoon';
+  font-size: 12px;
+  left: 0px;
+  top: 0px;
+  opacity: 0;
+  color: var(--theme-color);
+  transition: all 500ms ease;
+}
+
+.blog-sidebar .category-widget .category-list li a:hover:before{
+  opacity: 1;
+}
+
+.blog-sidebar .post-widget .post{
+  position: relative;
+  display: block;
+  padding-left: 110px;
+  margin-bottom: 40px;
+  padding-bottom: 12px;
+  min-height: 90px;
+}
+
+.blog-sidebar .post-widget .post:last-child{
+  margin-bottom: 0px;
+}
+
+.blog-sidebar .post-widget .post .post-thumb{
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 90px;
+  height: 90px;
+  border-radius: 10px;
+}
+
+.blog-sidebar .post-widget .post .post-thumb img{
+  width: 100%;
+  border-radius: 10px;
+}
+
+.blog-sidebar .post-widget .post h5{
+  position: relative;
+  display: block;
+  font-size: 18px;
+  line-height: 24px;
+  margin-bottom: 12px;
+}
+
+.blog-sidebar .post-widget .post h5 a{
+  display: inline-block;
+  color: var(--title-color);
+}
+
+.blog-sidebar .post-widget .post h5 a:hover{
+  color: var(--theme-color);
+}
+
+.blog-sidebar .post-widget .post .post-date{
+  position: relative;
+  display: block;
+  font-size: 18px;
+  line-height: 18px;
+  padding-left: 26px;
+}
+
+.blog-sidebar .post-widget .post .post-date i{
+  position: absolute;
+  left: 0px;
+  top: 1px;
+  font-size: 16px;
+}
+
+.blog-sidebar .gallery-widget .image-list{
+  position: relative;
+  margin: 0px -5px;
+}
+
+.blog-sidebar .gallery-widget .image-list li{
+  position: relative;
+  float: left;
+  margin: 0px 5px 10px 5px;
+}
+
+.blog-sidebar .gallery-widget .image-list li .image-box{
+  position: relative;
+  display: block;
+  width: 96px;
+  height: 96px;
+  border-radius: 5px;
+}
+
+.blog-sidebar .gallery-widget .image-list li .image-box img{
+  width: 100%;
+  border-radius: 5px;
+}
+
+.blog-sidebar .gallery-widget{
+  padding-bottom: 30px;
+}
+
+.blog-sidebar .tags-widget .tags-list{
+  position: relative;
+  margin: 0px -5px;
+}
+
+.blog-sidebar .tags-widget .tags-list li{
+  position: relative;
+  display: inline-block;
+  float: left;
+  margin: 0px 5px 10px 5px;
+}
+
+.blog-sidebar .tags-widget .tags-list li a{
+  position: relative;
+  display: inline-block;
+  font-size: 15px;
+  line-height: 26px;
+  color: var(--text-color);
+  background: #fff;
+  border-radius: 5px;
+  padding: 5px 18px;
+}
+
+.blog-sidebar .tags-widget .tags-list li a:hover{
+  color: #fff;
+  background: var(--theme-color);
+}
+
+.blog-sidebar .tags-widget{
+  padding-bottom: 30px;
+}
+
+.blog-sidebar .tags-widget .widget-title{
+  margin-bottom: 30px;
+}
+
+
+/** RTL **/
+
+.rtl .blog-sidebar .category-widget .category-list li a:hover{
+  padding-left: 0px;
+  padding-right: 17px;
+}
+
+.rtl .blog-sidebar .category-widget .category-list li a:before{
+  left: inherit;
+  right: 0px;
+  transform: rotate(180deg);
+}
+
+.rtl .blog-sidebar .post-widget .post{
+  padding-left: 0px;
+  padding-right: 110px;
+}
+
+.rtl .blog-sidebar .post-widget .post .post-thumb{
+  left: inherit;
+  right: 0px;
+}
+
+.rtl .blog-sidebar .post-widget .post .post-date{
+  padding-left: 0px;
+  padding-right: 26px;
+}
+
+.rtl .blog-sidebar .post-widget .post .post-date i{
+  left: inherit;
+  right: 0px;
+}
+
+.rtl .blog-sidebar .gallery-widget .image-list li{
+  float: right;
+}
+
+.rtl .blog-sidebar .tags-widget .tags-list li{
+  float: right;
+}
+
+.rtl .news-block-three .inner-box .lower-content .post-info li{
+  margin-right: 0px;
+  margin-left: 57px;
+}
+
+.rtl .news-block-three .inner-box .lower-content .post-info li:before{
+  right: inherit;
+  left: -29px;
+}
+
+.rtl .blog-sidebar{
+  margin-left: 0px;
+  margin-right: 20px;
+}
+
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+  .blog-sidebar{
+    margin: 30px 0px 0px 0px !important;
+  }
+}
+
+@media only screen and (max-width: 767px){
+  
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/subscribe.css

@@ -0,0 +1,158 @@
+
+/** subscribe-section **/
+
+.subscribe-section{
+  position: relative;
+  padding: 58px 0px;
+  background: var(--theme-color);
+}
+
+.subscribe-section h2{
+  position: relative;
+  display: block;
+  font-size: 40px;
+  line-height: 52px;
+  color: #fff;
+  font-weight: 800;
+  max-width: 500px;
+}
+
+.subscribe-section .form-inner .form-group{
+  position: relative;
+  margin-bottom: 0px;
+  padding-right: 230px;
+}
+
+.subscribe-section .form-inner .form-group input[type="email"]{
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 60px;
+  background: rgba(255, 255, 255, 0.15);
+  border: 1px solid transparent;
+  font-size: 16px;
+  color: #fff;
+  padding: 10px 30px;
+  transition: all 500ms ease;
+}
+
+.subscribe-section .form-inner .form-group input[type="email"]:focus{
+  border-color: #fff;
+}
+
+.subscribe-section .form-inner .form-group .theme-btn{
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  width: 210px;
+}
+
+.subscribe-section .form-inner .form-group .theme-btn:before,
+.subscribe-section .form-inner .form-group .theme-btn:after{
+  background: #fff !important;
+}
+
+.subscribe-section .form-inner .form-group .theme-btn:hover{
+  color: var(--title-color) !important; 
+}
+
+.subscribe-section .pattern-layer{
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+
+
+/** RTL **/
+
+
+
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+  .subscribe-section h2{
+    max-width: 100%;
+    margin-bottom: 30px;
+  }
+
+  .subscribe-section .form-inner{
+    margin-left: 0px;
+  }
+}
+
+@media only screen and (max-width: 767px){
+  .subscribe-section h2{
+    font-size: 30px;
+    line-height: 40px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+  .subscribe-section .form-inner .form-group{
+    padding-right: 0px;
+  }
+
+  .subscribe-section .form-inner .form-group .theme-btn{
+    position: relative;
+    width: 100%;
+    margin-top: 20px;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/team-details.css

@@ -0,0 +1,206 @@
+
+/** team-details **/
+
+.team-details{
+  position: relative;
+}
+
+.team-details .content-box{
+  position: relative;
+  display: block;
+}
+
+.team-details .content-box h2{
+  font-size: 40px;
+  line-height: 50px;
+  margin-bottom: 5px;
+}
+
+.team-details .content-box .designation{
+  position: relative;
+  display: block;
+  font-size: 16px;
+  line-height: 20px;
+  font-weight: 500;
+  color: var(--theme-color);
+  margin-bottom: 18px;
+}
+
+.team-details .content-box p{
+  margin-bottom: 40px;
+}
+
+.team-details .content-box .signature{
+  position: relative;
+  display: block;
+  margin-bottom: 35px;
+}
+
+.team-details .content-box h3{
+  display: block;
+  font-size: 24px;
+  line-height: 34px;
+  margin-bottom: 20px;
+}
+
+.team-details .content-box .info-list li{
+  position: relative;
+  display: block;
+  font-size: 16px;
+  line-height: 30px;
+  color: rgba(103, 103, 103, 1);
+}
+
+.team-details .content-box .info-list li span{
+  font-weight: 600;
+  color: rgba(34, 34, 34, 1);
+}
+
+.team-details .content-box .info-list li a{
+  display: inline-block;
+  color: rgba(103, 103, 103, 1);
+}
+
+.team-details .content-box .info-list li a:hover{
+  color: var(--theme-color);
+}
+
+.team-details .content-box .social-links{
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.team-details .content-box .social-links li{
+  position: relative;
+  display: inline-block;
+  margin-right: 20px;
+}
+
+.team-details .content-box .social-links li:last-child{
+  margin: 0px !important;
+}
+
+.team-details .content-box .social-links li a{
+  position: relative;
+  display: inline-block;
+  width: 50px;
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  background: rgba(241, 241, 241, 1);
+  color: rgba(103, 103, 103, 1);
+  border-radius: 50%;
+  text-align: center;
+}
+
+.team-details .content-box .social-links li a:hover{
+  color: #fff;
+  background: var(--theme-color);
+}
+
+.team-details .image_block_three .image-box .experience-box{
+  top: inherit;
+  bottom: 80px;
+}
+
+.team-details .image_block_three .image-box .image-shape .shape-2{
+  right: inherit;
+  left: 0px;
+}
+
+.team-details .image_block_three .image-box .image-shape .shape-1{
+  left: inherit;
+  right: -120px;
+}
+
+
+
+/** RTL **/
+
+
+.rtl .team-details .content-box .social-links li{
+  margin-right: 0px;
+  margin-left: 20px;
+}
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+  .team-details .image_block_three .image-box{
+    margin-bottom: 0px;
+  }
+
+  .team-details .content-box{
+    margin-right: 0px;
+    margin-bottom: 30px;
+  }
+}
+
+@media only screen and (max-width: 767px){
+  .team-details{
+    padding: 70px 0px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+  .team-details .image_block_three .image-box{
+    padding-left: 0px;
+  }
+
+  .team-details .image_block_three .image-box .experience-box{
+    bottom: 0px;
+    margin-top: 30px;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/team.css

@@ -0,0 +1,187 @@
+
+/** team-section **/
+
+.team-section{
+  position: relative;
+}
+
+.team-block-one .inner-box{
+  position: relative;
+  display: block;
+  margin-bottom: 45px;
+}
+
+.team-block-one .inner-box .image-box{
+  position: relative;
+  display: block;
+  overflow: hidden;
+}
+
+.team-block-one .inner-box .image-box .image{
+  position: relative;
+  display: block;
+  overflow: hidden;
+  background: #000;
+}
+
+.team-block-one .inner-box .image-box .image img{
+  width: 100%;
+  transition: all 500ms ease;
+}
+
+.team-block-one .inner-box:hover .image-box .image img{
+  transform: scale(1.05);
+  opacity: 0.60;
+}
+
+.team-block-one .inner-box .image-box .social-links{
+  position: absolute;
+  right: 0px;
+  top: 50%;
+  transform: translateY(-50%);
+  opacity: 0;
+  transition: all 500ms ease;
+}
+
+.team-block-one .inner-box:hover .image-box .social-links{
+  right: 20px;
+  opacity: 1;
+}
+
+.team-block-one .inner-box .image-box .social-links li{
+  position: relative;
+  display: block;
+  margin-bottom: 15px;
+}
+
+.team-block-one .inner-box .image-box .social-links li:last-child{
+  margin-bottom: 0px;
+}
+
+.team-block-one .inner-box .image-box .social-links li a{
+  position: relative;
+  display: inline-block;
+  width: 50px;
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  color: var(--title-color);
+  background: #fff;
+  text-align: center;
+  border-radius: 50%;
+}
+
+.team-block-one .inner-box .image-box .social-links li a:hover{
+  color: #fff;
+  background: var(--theme-color);
+}
+
+.team-block-one .inner-box .lower-content{
+  position: relative;
+  display: block;
+  padding-top: 20px;
+}
+
+.team-block-one .inner-box .lower-content h3{
+  position: relative;
+  display: block;
+  font-size: 24px;
+  line-height: 26px;
+  margin-bottom: 5px;
+}
+
+.team-block-one .inner-box .lower-content h3 a{
+  display: inline-block;
+  color: var(--title-color);
+}
+
+.team-block-one .inner-box .lower-content h3 a:hover{
+  color: var(--theme-color);
+}
+
+.team-block-one .inner-box .lower-content .designation{
+  position: relative;
+  display: block;
+  font-size: 16px;
+  line-height: 26px;
+  color: #676767;
+  transition: all 500ms ease;
+}
+
+.team-block-one .inner-box:hover .lower-content .designation{
+  color: var(--theme-color);
+}
+
+
+
+/** RTL **/
+
+
+
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+
+}
+
+@media only screen and (max-width: 991px){
+
+}
+
+@media only screen and (max-width: 767px){
+  .team-section{
+    padding: 70px 0px 25px 0px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

flask-project/static/css/module-css/testimonial.css

@@ -0,0 +1,253 @@
+
+/** testimonial-section **/
+
+.testimonial-section{
+  position: relative;
+  background: #F6F6F6;
+}
+
+.testimonial-section .bg-layer{
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  opacity: 0.05;
+}
+
+.testimonial-block-one{
+  margin-top: 45px;
+}
+
+.testimonial-block-one .inner-box{
+  position: relative;
+  display: block;
+  background: #fff;
+  padding: 0px 30px 40px 30px;
+}
+
+.testimonial-block-one .inner-box .thumb-box{
+  position: relative;
+  display: inline-block;
+  width: 90px;
+  height: 90px;
+  border-radius: 50%;
+  margin-top: -45px;
+  margin-bottom: 15px;
+}
+
+.testimonial-block-one .inner-box .thumb-box img{
+  width: 100%;
+  border-radius: 50%;
+}
+
+.testimonial-block-one .inner-box h4{
+  display: block;
+  font-size: 20px;
+  line-height: 28px;
+  margin-bottom: 0px;
+}
+
+.testimonial-block-one .inner-box .designation{
+  position: relative;
+  display: block;
+  font-size: 16px;
+  line-height: 20px;
+  margin-bottom: 10px;
+}
+
+.testimonial-block-one .inner-box .rating li{
+  position: relative;
+  display: inline-block;
+  font-size: 16px;
+  color: #FFB13D;
+}
+
+
+/** testimonial-style-two **/
+
+.testimonial-style-two{
+  position: relative;
+  background: #F6F6F6;
+}
+
+.testimonial-style-two .bg-layer{
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  opacity: 0.05;
+}
+
+.testimonial-block-two .inner-box{
+  position: relative;
+  display: block;
+  background: #fff;
+  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
+  padding: 40px 40px 40px 40px;
+}
+
+.testimonial-block-two .inner-box .author-box{
+  position: relative;
+  padding: 15px 0px 15px 100px;
+  margin-bottom: 30px;
+}
+
+.testimonial-block-two .inner-box .author-box .thumb-box{
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+}
+
+.testimonial-block-two .inner-box .author-box .thumb-box img{
+  width: 100%;
+  border-radius: 50%;
+}
+
+.testimonial-block-two .inner-box .author-box h4{
+  position: relative;
+  display: block;
+  font-size: 20px;
+  line-height: 28px;
+}
+
+.testimonial-block-two .inner-box .author-box .designation{
+  position: relative;
+  display: block;
+  font-size: 16px;
+  line-height: 22px;
+}
+
+.testimonial-block-two .inner-box .rating li{
+  position: relative;
+  display: inline-block;
+  font-size: 16px;
+  color: #FFB13D;
+}
+
+.testimonial-style-two .owl-nav{
+  position: absolute;
+  left: -440px;
+  bottom: 30px;
+}
+
+.testimonial-style-two .owl-nav .owl-prev{
+  margin-right: 20px;
+}
+
+
+
+/** RTL **/
+
+
+.rtl .testimonial-style-two .owl-nav{
+  left: inherit;
+  right: -440px;
+}
+
+.rtl .testimonial-style-two .sec-title{
+  margin-right: 0px;
+  margin-left: 70px;
+}
+
+.rtl .testimonial-block-two .inner-box{
+  text-align: right;
+}
+
+.rtl .testimonial-block-two .inner-box .author-box{
+  padding-left: 0px;
+  padding-right: 100px;
+}
+
+.rtl .testimonial-block-two .inner-box .author-box .thumb-box{
+  left: inherit;
+  right: 0px;
+}
+
+
+/** responsive-css **/
+
+@media only screen and (max-width: 1200px){
+  .testimonial-style-two .owl-nav{
+    display: none;
+  }
+}
+
+@media only screen and (max-width: 991px){
+  .testimonial-style-two .sec-title{
+    margin: 0px 0px 30px 0px !important;
+  }
+}
+
+@media only screen and (max-width: 767px){
+  .testimonial-section{
+    padding: 70px 0px;
+  }
+
+  .testimonial-style-two{
+    padding: 70px 0px;
+  }
+}
+
+@media only screen and (max-width: 599px){
+
+}
+
+@media only screen and (max-width: 499px){
+  .testimonial-block-two .inner-box{
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+