diff --git a/flask-project/app.py b/flask-project/app.py new file mode 100644 index 0000000000000000000000000000000000000000..df3d54d557cb97f27e4fb6c4e0d2c7b847c5468e --- /dev/null +++ b/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) \ No newline at end of file diff --git a/flask-project/db/data.sqlite b/flask-project/db/data.sqlite new file mode 100644 index 0000000000000000000000000000000000000000..39111dd040cd802ee4fb9672318033d15afa14a0 Binary files /dev/null and b/flask-project/db/data.sqlite differ diff --git a/flask-project/db/money_needs b/flask-project/db/money_needs new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git a/flask-project/db/topologies.sqlite b/flask-project/db/topologies.sqlite new file mode 100644 index 0000000000000000000000000000000000000000..d9be49d37e063fb268e776496a457a62333f1927 Binary files /dev/null and b/flask-project/db/topologies.sqlite differ diff --git a/flask-project/db/topologies_desc.csv b/flask-project/db/topologies_desc.csv new file mode 100644 index 0000000000000000000000000000000000000000..e968fa18618302013fabce8dc333ce6915bc3c8b --- /dev/null +++ b/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, diff --git a/flask-project/notebook.ipynb b/flask-project/notebook.ipynb new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git a/flask-project/requirement.txt b/flask-project/requirement.txt new file mode 100644 index 0000000000000000000000000000000000000000..1f5e40588f2524a1c5cfd5d3a8c2add7ce391c15 --- /dev/null +++ b/flask-project/requirement.txt @@ -0,0 +1,5 @@ +altair==4.0 +transformers +google-generativeai +db-sqlite3 +flask \ No newline at end of file diff --git a/flask-project/scripts/__pycache__/db_util.cpython-310.pyc b/flask-project/scripts/__pycache__/db_util.cpython-310.pyc new file mode 100644 index 0000000000000000000000000000000000000000..4ef9c944a5d6e4e6e17fa7fc7a5daa99d9d8fec5 Binary files /dev/null and b/flask-project/scripts/__pycache__/db_util.cpython-310.pyc differ diff --git a/flask-project/scripts/__pycache__/utils.cpython-310.pyc b/flask-project/scripts/__pycache__/utils.cpython-310.pyc new file mode 100644 index 0000000000000000000000000000000000000000..c92ae003b3b3e42e9e4cd2ee52044c094e49e312 Binary files /dev/null and b/flask-project/scripts/__pycache__/utils.cpython-310.pyc differ diff --git a/flask-project/scripts/db_util.py b/flask-project/scripts/db_util.py new file mode 100644 index 0000000000000000000000000000000000000000..ce64dada6ec76488a6c4a137b07ed5e832b66f7c --- /dev/null +++ b/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') diff --git a/flask-project/scripts/utils.py b/flask-project/scripts/utils.py new file mode 100644 index 0000000000000000000000000000000000000000..e12cd51082f08a50379a5f688b7c033b40662507 --- /dev/null +++ b/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) diff --git a/flask-project/static/css/.DS_Store b/flask-project/static/css/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..3c848116c0bc4cbe9d0f56ab1a3409ad8bcab510 Binary files /dev/null and b/flask-project/static/css/.DS_Store differ diff --git a/flask-project/static/css/animate.css b/flask-project/static/css/animate.css new file mode 100644 index 0000000000000000000000000000000000000000..c9085861f3884ce2a67eefb5946ff3fd874ef7aa --- /dev/null +++ b/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}} diff --git a/flask-project/static/css/bootstrap.css b/flask-project/static/css/bootstrap.css new file mode 100644 index 0000000000000000000000000000000000000000..3e4ae582976ddc3cf46346e03dff862a49c6f886 --- /dev/null +++ b/flask-project/static/css/bootstrap.css @@ -0,0 +1,10907 @@ +@charset "UTF-8"; +/*! + * Bootstrap v5.2.0 (https://getbootstrap.com/) + * Copyright 2011-2022 The Bootstrap Authors + * Copyright 2011-2022 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */ +:root { + --bs-blue: #0d6efd; + --bs-indigo: #6610f2; + --bs-purple: #6f42c1; + --bs-pink: #d63384; + --bs-red: #dc3545; + --bs-orange: #fd7e14; + --bs-yellow: #ffc107; + --bs-green: #198754; + --bs-teal: #20c997; + --bs-cyan: #0dcaf0; + --bs-black: #000; + --bs-white: #fff; + --bs-gray: #6c757d; + --bs-gray-dark: #343a40; + --bs-gray-100: #f8f9fa; + --bs-gray-200: #e9ecef; + --bs-gray-300: #dee2e6; + --bs-gray-400: #ced4da; + --bs-gray-500: #adb5bd; + --bs-gray-600: #6c757d; + --bs-gray-700: #495057; + --bs-gray-800: #343a40; + --bs-gray-900: #212529; + --bs-primary: #0d6efd; + --bs-secondary: #6c757d; + --bs-success: #198754; + --bs-info: #0dcaf0; + --bs-warning: #ffc107; + --bs-danger: #dc3545; + --bs-light: #f8f9fa; + --bs-dark: #212529; + --bs-primary-rgb: 13, 110, 253; + --bs-secondary-rgb: 108, 117, 125; + --bs-success-rgb: 25, 135, 84; + --bs-info-rgb: 13, 202, 240; + --bs-warning-rgb: 255, 193, 7; + --bs-danger-rgb: 220, 53, 69; + --bs-light-rgb: 248, 249, 250; + --bs-dark-rgb: 33, 37, 41; + --bs-white-rgb: 255, 255, 255; + --bs-black-rgb: 0, 0, 0; + --bs-body-color-rgb: 33, 37, 41; + --bs-body-bg-rgb: 255, 255, 255; + --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); + --bs-body-font-family: var(--bs-font-sans-serif); + --bs-body-font-size: 1rem; + --bs-body-font-weight: 400; + --bs-body-line-height: 1.5; + --bs-body-color: #212529; + --bs-body-bg: #fff; + --bs-border-width: 1px; + --bs-border-style: solid; + --bs-border-color: #dee2e6; + --bs-border-color-translucent: rgba(0, 0, 0, 0.175); + --bs-border-radius: 0.375rem; + --bs-border-radius-sm: 0.25rem; + --bs-border-radius-lg: 0.5rem; + --bs-border-radius-xl: 1rem; + --bs-border-radius-2xl: 2rem; + --bs-border-radius-pill: 50rem; + --bs-link-color: #0d6efd; + --bs-link-hover-color: #0a58ca; + --bs-code-color: #d63384; + --bs-highlight-bg: #fff3cd; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +@media (prefers-reduced-motion: no-preference) { + :root { + scroll-behavior: smooth; + } +} + +body { + margin: 0; + font-family: var(--bs-body-font-family); + font-size: var(--bs-body-font-size); + font-weight: var(--bs-body-font-weight); + line-height: var(--bs-body-line-height); + color: var(--bs-body-color); + text-align: var(--bs-body-text-align); + background-color: var(--bs-body-bg); + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +hr { + margin: 1rem 0; + color: inherit; + border: 0; + border-top: 1px solid; + opacity: 0.25; +} + +h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { + margin-top: 0; + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; +} + +h1, .h1 { + font-size: calc(1.375rem + 1.5vw); +} +@media (min-width: 1200px) { + h1, .h1 { + font-size: 2.5rem; + } +} + +h2, .h2 { + font-size: calc(1.325rem + 0.9vw); +} +@media (min-width: 1200px) { + h2, .h2 { + font-size: 2rem; + } +} + +h3, .h3 { + font-size: calc(1.3rem + 0.6vw); +} +@media (min-width: 1200px) { + h3, .h3 { + font-size: 1.75rem; + } +} + +h4, .h4 { + font-size: calc(1.275rem + 0.3vw); +} +@media (min-width: 1200px) { + h4, .h4 { + font-size: 1.5rem; + } +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title] { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul { + padding-left: 2rem; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small, .small { + font-size: 0.875em; +} + +mark, .mark { + padding: 0.1875em; + background-color: var(--bs-highlight-bg); +} + +sub, +sup { + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: var(--bs-link-color); + text-decoration: underline; +} +a:hover { + color: var(--bs-link-hover-color); +} + +a:not([href]):not([class]), a:not([href]):not([class]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: var(--bs-font-monospace); + font-size: 1em; +} + +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + font-size: 0.875em; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +code { + font-size: 0.875em; + color: var(--bs-code-color); + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.1875rem 0.375rem; + font-size: 0.875em; + color: var(--bs-body-bg); + background-color: var(--bs-body-color); + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 1em; +} + +figure { + margin: 0 0 1rem; +} + +img, +svg { + vertical-align: middle; +} + +table { + caption-side: bottom; + border-collapse: collapse; +} + +caption { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: #6c757d; + text-align: left; +} + +th { + text-align: inherit; + text-align: -webkit-match-parent; +} + +thead, +tbody, +tfoot, +tr, +td, +th { + border-color: inherit; + border-style: solid; + border-width: 0; +} + +label { + display: inline-block; +} + +button { + border-radius: 0; +} + +button:focus:not(:focus-visible) { + outline: 0; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +select { + text-transform: none; +} + +[role=button] { + cursor: pointer; +} + +select { + word-wrap: normal; +} +select:disabled { + opacity: 1; +} + +[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { + display: none !important; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +::-moz-focus-inner { + padding: 0; + border-style: none; +} + +textarea { + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + float: left; + width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: calc(1.275rem + 0.3vw); + line-height: inherit; +} +@media (min-width: 1200px) { + legend { + font-size: 1.5rem; + } +} +legend + * { + clear: left; +} + +::-webkit-datetime-edit-fields-wrapper, +::-webkit-datetime-edit-text, +::-webkit-datetime-edit-minute, +::-webkit-datetime-edit-hour-field, +::-webkit-datetime-edit-day-field, +::-webkit-datetime-edit-month-field, +::-webkit-datetime-edit-year-field { + padding: 0; +} + +::-webkit-inner-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: textfield; +} + +/* rtl:raw: +[type="tel"], +[type="url"], +[type="email"], +[type="number"] { + direction: ltr; +} +*/ +::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-color-swatch-wrapper { + padding: 0; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +::file-selector-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +iframe { + border: 0; +} + +summary { + display: list-item; + cursor: pointer; +} + +progress { + vertical-align: baseline; +} + +[hidden] { + display: none !important; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: calc(1.625rem + 4.5vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width: 1200px) { + .display-1 { + font-size: 5rem; + } +} + +.display-2 { + font-size: calc(1.575rem + 3.9vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width: 1200px) { + .display-2 { + font-size: 4.5rem; + } +} + +.display-3 { + font-size: calc(1.525rem + 3.3vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width: 1200px) { + .display-3 { + font-size: 4rem; + } +} + +.display-4 { + font-size: calc(1.475rem + 2.7vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width: 1200px) { + .display-4 { + font-size: 3.5rem; + } +} + +.display-5 { + font-size: calc(1.425rem + 2.1vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width: 1200px) { + .display-5 { + font-size: 3rem; + } +} + +.display-6 { + font-size: calc(1.375rem + 1.5vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width: 1200px) { + .display-6 { + font-size: 2.5rem; + } +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 0.875em; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} +.blockquote > :last-child { + margin-bottom: 0; +} + +.blockquote-footer { + margin-top: -1rem; + margin-bottom: 1rem; + font-size: 0.875em; + color: #6c757d; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid var(--bs-border-color); + border-radius: 0.375rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 0.875em; + color: #6c757d; +} + +.container, +.container-fluid, +.container-xxl, +.container-xl, +.container-lg, +.container-md, +.container-sm { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + width: 100%; + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +@media (min-width: 1400px) { + .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1320px; + } +} +.row { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + display: flex; + flex-wrap: wrap; + margin-top: calc(-1 * var(--bs-gutter-y)); + margin-right: calc(-0.5 * var(--bs-gutter-x)); + margin-left: calc(-0.5 * var(--bs-gutter-x)); +} +.row > * { + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); + margin-top: var(--bs-gutter-y); +} + +.col { + flex: 1 0 0%; +} + +.row-cols-auto > * { + flex: 0 0 auto; + width: auto; +} + +.row-cols-1 > * { + flex: 0 0 auto; + width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 auto; + width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; +} + +.row-cols-4 > * { + flex: 0 0 auto; + width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 auto; + width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; +} + +.col-1 { + flex: 0 0 auto; + width: 8.33333333%; +} + +.col-2 { + flex: 0 0 auto; + width: 16.66666667%; +} + +.col-3 { + flex: 0 0 auto; + width: 25%; +} + +.col-4 { + flex: 0 0 auto; + width: 33.33333333%; +} + +.col-5 { + flex: 0 0 auto; + width: 41.66666667%; +} + +.col-6 { + flex: 0 0 auto; + width: 50%; +} + +.col-7 { + flex: 0 0 auto; + width: 58.33333333%; +} + +.col-8 { + flex: 0 0 auto; + width: 66.66666667%; +} + +.col-9 { + flex: 0 0 auto; + width: 75%; +} + +.col-10 { + flex: 0 0 auto; + width: 83.33333333%; +} + +.col-11 { + flex: 0 0 auto; + width: 91.66666667%; +} + +.col-12 { + flex: 0 0 auto; + width: 100%; +} + +.offset-1 { + margin-left: 8.33333333%; +} + +.offset-2 { + margin-left: 16.66666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.33333333%; +} + +.offset-5 { + margin-left: 41.66666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.33333333%; +} + +.offset-8 { + margin-left: 66.66666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.33333333%; +} + +.offset-11 { + margin-left: 91.66666667%; +} + +.g-0, +.gx-0 { + --bs-gutter-x: 0; +} + +.g-0, +.gy-0 { + --bs-gutter-y: 0; +} + +.g-1, +.gx-1 { + --bs-gutter-x: 0.25rem; +} + +.g-1, +.gy-1 { + --bs-gutter-y: 0.25rem; +} + +.g-2, +.gx-2 { + --bs-gutter-x: 0.5rem; +} + +.g-2, +.gy-2 { + --bs-gutter-y: 0.5rem; +} + +.g-3, +.gx-3 { + --bs-gutter-x: 1rem; +} + +.g-3, +.gy-3 { + --bs-gutter-y: 1rem; +} + +.g-4, +.gx-4 { + --bs-gutter-x: 1.5rem; +} + +.g-4, +.gy-4 { + --bs-gutter-y: 1.5rem; +} + +.g-5, +.gx-5 { + --bs-gutter-x: 3rem; +} + +.g-5, +.gy-5 { + --bs-gutter-y: 3rem; +} + +@media (min-width: 576px) { + .col-sm { + flex: 1 0 0%; + } + .row-cols-sm-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-sm-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-sm-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-sm-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-sm-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-sm-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-sm-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + } + .col-sm-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-sm-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-sm-3 { + flex: 0 0 auto; + width: 25%; + } + .col-sm-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-sm-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-sm-6 { + flex: 0 0 auto; + width: 50%; + } + .col-sm-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-sm-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-sm-9 { + flex: 0 0 auto; + width: 75%; + } + .col-sm-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-sm-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-sm-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.33333333%; + } + .offset-sm-2 { + margin-left: 16.66666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.33333333%; + } + .offset-sm-5 { + margin-left: 41.66666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.33333333%; + } + .offset-sm-8 { + margin-left: 66.66666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.33333333%; + } + .offset-sm-11 { + margin-left: 91.66666667%; + } + .g-sm-0, +.gx-sm-0 { + --bs-gutter-x: 0; + } + .g-sm-0, +.gy-sm-0 { + --bs-gutter-y: 0; + } + .g-sm-1, +.gx-sm-1 { + --bs-gutter-x: 0.25rem; + } + .g-sm-1, +.gy-sm-1 { + --bs-gutter-y: 0.25rem; + } + .g-sm-2, +.gx-sm-2 { + --bs-gutter-x: 0.5rem; + } + .g-sm-2, +.gy-sm-2 { + --bs-gutter-y: 0.5rem; + } + .g-sm-3, +.gx-sm-3 { + --bs-gutter-x: 1rem; + } + .g-sm-3, +.gy-sm-3 { + --bs-gutter-y: 1rem; + } + .g-sm-4, +.gx-sm-4 { + --bs-gutter-x: 1.5rem; + } + .g-sm-4, +.gy-sm-4 { + --bs-gutter-y: 1.5rem; + } + .g-sm-5, +.gx-sm-5 { + --bs-gutter-x: 3rem; + } + .g-sm-5, +.gy-sm-5 { + --bs-gutter-y: 3rem; + } +} +@media (min-width: 768px) { + .col-md { + flex: 1 0 0%; + } + .row-cols-md-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-md-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-md-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-md-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-md-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-md-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-md-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + } + .col-md-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-md-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-md-3 { + flex: 0 0 auto; + width: 25%; + } + .col-md-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-md-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-md-6 { + flex: 0 0 auto; + width: 50%; + } + .col-md-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-md-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-md-9 { + flex: 0 0 auto; + width: 75%; + } + .col-md-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-md-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-md-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.33333333%; + } + .offset-md-2 { + margin-left: 16.66666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.33333333%; + } + .offset-md-5 { + margin-left: 41.66666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.33333333%; + } + .offset-md-8 { + margin-left: 66.66666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.33333333%; + } + .offset-md-11 { + margin-left: 91.66666667%; + } + .g-md-0, +.gx-md-0 { + --bs-gutter-x: 0; + } + .g-md-0, +.gy-md-0 { + --bs-gutter-y: 0; + } + .g-md-1, +.gx-md-1 { + --bs-gutter-x: 0.25rem; + } + .g-md-1, +.gy-md-1 { + --bs-gutter-y: 0.25rem; + } + .g-md-2, +.gx-md-2 { + --bs-gutter-x: 0.5rem; + } + .g-md-2, +.gy-md-2 { + --bs-gutter-y: 0.5rem; + } + .g-md-3, +.gx-md-3 { + --bs-gutter-x: 1rem; + } + .g-md-3, +.gy-md-3 { + --bs-gutter-y: 1rem; + } + .g-md-4, +.gx-md-4 { + --bs-gutter-x: 1.5rem; + } + .g-md-4, +.gy-md-4 { + --bs-gutter-y: 1.5rem; + } + .g-md-5, +.gx-md-5 { + --bs-gutter-x: 3rem; + } + .g-md-5, +.gy-md-5 { + --bs-gutter-y: 3rem; + } +} +@media (min-width: 992px) { + .col-lg { + flex: 1 0 0%; + } + .row-cols-lg-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-lg-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-lg-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-lg-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-lg-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-lg-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-lg-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + } + .col-lg-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-lg-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-lg-3 { + flex: 0 0 auto; + width: 25%; + } + .col-lg-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-lg-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-lg-6 { + flex: 0 0 auto; + width: 50%; + } + .col-lg-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-lg-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-lg-9 { + flex: 0 0 auto; + width: 75%; + } + .col-lg-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-lg-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-lg-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.33333333%; + } + .offset-lg-2 { + margin-left: 16.66666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.33333333%; + } + .offset-lg-5 { + margin-left: 41.66666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.33333333%; + } + .offset-lg-8 { + margin-left: 66.66666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.33333333%; + } + .offset-lg-11 { + margin-left: 91.66666667%; + } + .g-lg-0, +.gx-lg-0 { + --bs-gutter-x: 0; + } + .g-lg-0, +.gy-lg-0 { + --bs-gutter-y: 0; + } + .g-lg-1, +.gx-lg-1 { + --bs-gutter-x: 0.25rem; + } + .g-lg-1, +.gy-lg-1 { + --bs-gutter-y: 0.25rem; + } + .g-lg-2, +.gx-lg-2 { + --bs-gutter-x: 0.5rem; + } + .g-lg-2, +.gy-lg-2 { + --bs-gutter-y: 0.5rem; + } + .g-lg-3, +.gx-lg-3 { + --bs-gutter-x: 1rem; + } + .g-lg-3, +.gy-lg-3 { + --bs-gutter-y: 1rem; + } + .g-lg-4, +.gx-lg-4 { + --bs-gutter-x: 1.5rem; + } + .g-lg-4, +.gy-lg-4 { + --bs-gutter-y: 1.5rem; + } + .g-lg-5, +.gx-lg-5 { + --bs-gutter-x: 3rem; + } + .g-lg-5, +.gy-lg-5 { + --bs-gutter-y: 3rem; + } +} +@media (min-width: 1200px) { + .col-xl { + flex: 1 0 0%; + } + .row-cols-xl-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-xl-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-xl-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-xl-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-xl-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-xl-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-xl-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + } + .col-xl-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-xl-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xl-3 { + flex: 0 0 auto; + width: 25%; + } + .col-xl-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-xl-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-xl-6 { + flex: 0 0 auto; + width: 50%; + } + .col-xl-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-xl-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-xl-9 { + flex: 0 0 auto; + width: 75%; + } + .col-xl-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-xl-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-xl-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.33333333%; + } + .offset-xl-2 { + margin-left: 16.66666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.33333333%; + } + .offset-xl-5 { + margin-left: 41.66666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.33333333%; + } + .offset-xl-8 { + margin-left: 66.66666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.33333333%; + } + .offset-xl-11 { + margin-left: 91.66666667%; + } + .g-xl-0, +.gx-xl-0 { + --bs-gutter-x: 0; + } + .g-xl-0, +.gy-xl-0 { + --bs-gutter-y: 0; + } + .g-xl-1, +.gx-xl-1 { + --bs-gutter-x: 0.25rem; + } + .g-xl-1, +.gy-xl-1 { + --bs-gutter-y: 0.25rem; + } + .g-xl-2, +.gx-xl-2 { + --bs-gutter-x: 0.5rem; + } + .g-xl-2, +.gy-xl-2 { + --bs-gutter-y: 0.5rem; + } + .g-xl-3, +.gx-xl-3 { + --bs-gutter-x: 1rem; + } + .g-xl-3, +.gy-xl-3 { + --bs-gutter-y: 1rem; + } + .g-xl-4, +.gx-xl-4 { + --bs-gutter-x: 1.5rem; + } + .g-xl-4, +.gy-xl-4 { + --bs-gutter-y: 1.5rem; + } + .g-xl-5, +.gx-xl-5 { + --bs-gutter-x: 3rem; + } + .g-xl-5, +.gy-xl-5 { + --bs-gutter-y: 3rem; + } +} +@media (min-width: 1400px) { + .col-xxl { + flex: 1 0 0%; + } + .row-cols-xxl-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-xxl-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-xxl-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-xxl-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-xxl-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-xxl-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-xxl-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-xxl-auto { + flex: 0 0 auto; + width: auto; + } + .col-xxl-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-xxl-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xxl-3 { + flex: 0 0 auto; + width: 25%; + } + .col-xxl-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-xxl-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-xxl-6 { + flex: 0 0 auto; + width: 50%; + } + .col-xxl-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-xxl-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-xxl-9 { + flex: 0 0 auto; + width: 75%; + } + .col-xxl-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-xxl-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-xxl-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-xxl-0 { + margin-left: 0; + } + .offset-xxl-1 { + margin-left: 8.33333333%; + } + .offset-xxl-2 { + margin-left: 16.66666667%; + } + .offset-xxl-3 { + margin-left: 25%; + } + .offset-xxl-4 { + margin-left: 33.33333333%; + } + .offset-xxl-5 { + margin-left: 41.66666667%; + } + .offset-xxl-6 { + margin-left: 50%; + } + .offset-xxl-7 { + margin-left: 58.33333333%; + } + .offset-xxl-8 { + margin-left: 66.66666667%; + } + .offset-xxl-9 { + margin-left: 75%; + } + .offset-xxl-10 { + margin-left: 83.33333333%; + } + .offset-xxl-11 { + margin-left: 91.66666667%; + } + .g-xxl-0, +.gx-xxl-0 { + --bs-gutter-x: 0; + } + .g-xxl-0, +.gy-xxl-0 { + --bs-gutter-y: 0; + } + .g-xxl-1, +.gx-xxl-1 { + --bs-gutter-x: 0.25rem; + } + .g-xxl-1, +.gy-xxl-1 { + --bs-gutter-y: 0.25rem; + } + .g-xxl-2, +.gx-xxl-2 { + --bs-gutter-x: 0.5rem; + } + .g-xxl-2, +.gy-xxl-2 { + --bs-gutter-y: 0.5rem; + } + .g-xxl-3, +.gx-xxl-3 { + --bs-gutter-x: 1rem; + } + .g-xxl-3, +.gy-xxl-3 { + --bs-gutter-y: 1rem; + } + .g-xxl-4, +.gx-xxl-4 { + --bs-gutter-x: 1.5rem; + } + .g-xxl-4, +.gy-xxl-4 { + --bs-gutter-y: 1.5rem; + } + .g-xxl-5, +.gx-xxl-5 { + --bs-gutter-x: 3rem; + } + .g-xxl-5, +.gy-xxl-5 { + --bs-gutter-y: 3rem; + } +} +.table { + --bs-table-color: var(--bs-body-color); + --bs-table-bg: transparent; + --bs-table-border-color: var(--bs-border-color); + --bs-table-accent-bg: transparent; + --bs-table-striped-color: var(--bs-body-color); + --bs-table-striped-bg: rgba(0, 0, 0, 0.05); + --bs-table-active-color: var(--bs-body-color); + --bs-table-active-bg: rgba(0, 0, 0, 0.1); + --bs-table-hover-color: var(--bs-body-color); + --bs-table-hover-bg: rgba(0, 0, 0, 0.075); + width: 100%; + margin-bottom: 1rem; + color: var(--bs-table-color); + vertical-align: top; + border-color: var(--bs-table-border-color); +} +.table > :not(caption) > * > * { + padding: 0.5rem 0.5rem; + background-color: var(--bs-table-bg); + border-bottom-width: 1px; + box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); +} +.table > tbody { + vertical-align: inherit; +} +.table > thead { + vertical-align: bottom; +} + +.table-group-divider { + border-top: 2px solid currentcolor; +} + +.caption-top { + caption-side: top; +} + +.table-sm > :not(caption) > * > * { + padding: 0.25rem 0.25rem; +} + +.table-bordered > :not(caption) > * { + border-width: 1px 0; +} +.table-bordered > :not(caption) > * > * { + border-width: 0 1px; +} + +.table-borderless > :not(caption) > * > * { + border-bottom-width: 0; +} +.table-borderless > :not(:first-child) { + border-top-width: 0; +} + +.table-striped > tbody > tr:nth-of-type(odd) > * { + --bs-table-accent-bg: var(--bs-table-striped-bg); + color: var(--bs-table-striped-color); +} + +.table-striped-columns > :not(caption) > tr > :nth-child(even) { + --bs-table-accent-bg: var(--bs-table-striped-bg); + color: var(--bs-table-striped-color); +} + +.table-active { + --bs-table-accent-bg: var(--bs-table-active-bg); + color: var(--bs-table-active-color); +} + +.table-hover > tbody > tr:hover > * { + --bs-table-accent-bg: var(--bs-table-hover-bg); + color: var(--bs-table-hover-color); +} + +.table-primary { + --bs-table-color: #000; + --bs-table-bg: #cfe2ff; + --bs-table-border-color: #bacbe6; + --bs-table-striped-bg: #c5d7f2; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bacbe6; + --bs-table-active-color: #000; + --bs-table-hover-bg: #bfd1ec; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-secondary { + --bs-table-color: #000; + --bs-table-bg: #e2e3e5; + --bs-table-border-color: #cbccce; + --bs-table-striped-bg: #d7d8da; + --bs-table-striped-color: #000; + --bs-table-active-bg: #cbccce; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d1d2d4; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-success { + --bs-table-color: #000; + --bs-table-bg: #d1e7dd; + --bs-table-border-color: #bcd0c7; + --bs-table-striped-bg: #c7dbd2; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bcd0c7; + --bs-table-active-color: #000; + --bs-table-hover-bg: #c1d6cc; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-info { + --bs-table-color: #000; + --bs-table-bg: #cff4fc; + --bs-table-border-color: #badce3; + --bs-table-striped-bg: #c5e8ef; + --bs-table-striped-color: #000; + --bs-table-active-bg: #badce3; + --bs-table-active-color: #000; + --bs-table-hover-bg: #bfe2e9; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-warning { + --bs-table-color: #000; + --bs-table-bg: #fff3cd; + --bs-table-border-color: #e6dbb9; + --bs-table-striped-bg: #f2e7c3; + --bs-table-striped-color: #000; + --bs-table-active-bg: #e6dbb9; + --bs-table-active-color: #000; + --bs-table-hover-bg: #ece1be; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-danger { + --bs-table-color: #000; + --bs-table-bg: #f8d7da; + --bs-table-border-color: #dfc2c4; + --bs-table-striped-bg: #eccccf; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfc2c4; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5c7ca; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-light { + --bs-table-color: #000; + --bs-table-bg: #f8f9fa; + --bs-table-border-color: #dfe0e1; + --bs-table-striped-bg: #ecedee; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfe0e1; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5e6e7; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-dark { + --bs-table-color: #fff; + --bs-table-bg: #212529; + --bs-table-border-color: #373b3e; + --bs-table-striped-bg: #2c3034; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #373b3e; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #323539; + --bs-table-hover-color: #fff; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 1399.98px) { + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +.form-label { + margin-bottom: 0.5rem; +} + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; +} + +.form-text { + margin-top: 0.25rem; + font-size: 0.875em; + color: #6c757d; +} + +.form-control { + display: block; + width: 100%; + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 0.375rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control[type=file] { + overflow: hidden; +} +.form-control[type=file]:not(:disabled):not([readonly]) { + cursor: pointer; +} +.form-control:focus { + color: #212529; + background-color: #fff; + border-color: #86b7fe; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} +.form-control::-webkit-date-and-time-value { + height: 1.5em; +} +.form-control::-moz-placeholder { + color: #6c757d; + opacity: 1; +} +.form-control::placeholder { + color: #6c757d; + opacity: 1; +} +.form-control:disabled { + background-color: #e9ecef; + opacity: 1; +} +.form-control::-webkit-file-upload-button { + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: #212529; + background-color: #e9ecef; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +.form-control::file-selector-button { + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: #212529; + background-color: #e9ecef; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control::-webkit-file-upload-button { + -webkit-transition: none; + transition: none; + } + .form-control::file-selector-button { + transition: none; + } +} +.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { + background-color: #dde0e3; +} +.form-control:hover:not(:disabled):not([readonly])::file-selector-button { + background-color: #dde0e3; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.form-control-plaintext:focus { + outline: 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + min-height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: 0.25rem; +} +.form-control-sm::-webkit-file-upload-button { + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; +} +.form-control-sm::file-selector-button { + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; +} + +.form-control-lg { + min-height: calc(1.5em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.25rem; + border-radius: 0.5rem; +} +.form-control-lg::-webkit-file-upload-button { + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; +} +.form-control-lg::file-selector-button { + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; +} + +textarea.form-control { + min-height: calc(1.5em + 0.75rem + 2px); +} +textarea.form-control-sm { + min-height: calc(1.5em + 0.5rem + 2px); +} +textarea.form-control-lg { + min-height: calc(1.5em + 1rem + 2px); +} + +.form-control-color { + width: 3rem; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem; +} +.form-control-color:not(:disabled):not([readonly]) { + cursor: pointer; +} +.form-control-color::-moz-color-swatch { + border: 0 !important; + border-radius: 0.375rem; +} +.form-control-color::-webkit-color-swatch { + border-radius: 0.375rem; +} +.form-control-color.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); +} +.form-control-color.form-control-lg { + height: calc(1.5em + 1rem + 2px); +} + +.form-select { + display: block; + width: 100%; + padding: 0.375rem 2.25rem 0.375rem 0.75rem; + -moz-padding-start: calc(0.75rem - 3px); + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + background-color: #fff; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 16px 12px; + border: 1px solid #ced4da; + border-radius: 0.375rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .form-select { + transition: none; + } +} +.form-select:focus { + border-color: #86b7fe; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} +.form-select[multiple], .form-select[size]:not([size="1"]) { + padding-right: 0.75rem; + background-image: none; +} +.form-select:disabled { + background-color: #e9ecef; +} +.form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #212529; +} + +.form-select-sm { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; + border-radius: 0.25rem; +} + +.form-select-lg { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; + border-radius: 0.5rem; +} + +.form-check { + display: block; + min-height: 1.5rem; + padding-left: 1.5em; + margin-bottom: 0.125rem; +} +.form-check .form-check-input { + float: left; + margin-left: -1.5em; +} + +.form-check-reverse { + padding-right: 1.5em; + padding-left: 0; + text-align: right; +} +.form-check-reverse .form-check-input { + float: right; + margin-right: -1.5em; + margin-left: 0; +} + +.form-check-input { + width: 1em; + height: 1em; + margin-top: 0.25em; + vertical-align: top; + background-color: #fff; + background-repeat: no-repeat; + background-position: center; + background-size: contain; + border: 1px solid rgba(0, 0, 0, 0.25); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-print-color-adjust: exact; + color-adjust: exact; + print-color-adjust: exact; +} +.form-check-input[type=checkbox] { + border-radius: 0.25em; +} +.form-check-input[type=radio] { + border-radius: 50%; +} +.form-check-input:active { + filter: brightness(90%); +} +.form-check-input:focus { + border-color: #86b7fe; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} +.form-check-input:checked { + background-color: #0d6efd; + border-color: #0d6efd; +} +.form-check-input:checked[type=checkbox] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); +} +.form-check-input:checked[type=radio] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); +} +.form-check-input[type=checkbox]:indeterminate { + background-color: #0d6efd; + border-color: #0d6efd; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); +} +.form-check-input:disabled { + pointer-events: none; + filter: none; + opacity: 0.5; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + cursor: default; + opacity: 0.5; +} + +.form-switch { + padding-left: 2.5em; +} +.form-switch .form-check-input { + width: 2em; + margin-left: -2.5em; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); + background-position: left center; + border-radius: 2em; + transition: background-position 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-switch .form-check-input { + transition: none; + } +} +.form-switch .form-check-input:focus { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); +} +.form-switch .form-check-input:checked { + background-position: right center; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +} +.form-switch.form-check-reverse { + padding-right: 2.5em; + padding-left: 0; +} +.form-switch.form-check-reverse .form-check-input { + margin-right: -2.5em; + margin-left: 0; +} + +.form-check-inline { + display: inline-block; + margin-right: 1rem; +} + +.btn-check { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} +.btn-check[disabled] + .btn, .btn-check:disabled + .btn { + pointer-events: none; + filter: none; + opacity: 0.65; +} + +.form-range { + width: 100%; + height: 1.5rem; + padding: 0; + background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.form-range:focus { + outline: 0; +} +.form-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} +.form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} +.form-range::-moz-focus-outer { + border: 0; +} +.form-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #0d6efd; + border: 0; + border-radius: 1rem; + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .form-range::-webkit-slider-thumb { + -webkit-transition: none; + transition: none; + } +} +.form-range::-webkit-slider-thumb:active { + background-color: #b6d4fe; +} +.form-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} +.form-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #0d6efd; + border: 0; + border-radius: 1rem; + -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -moz-appearance: none; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .form-range::-moz-range-thumb { + -moz-transition: none; + transition: none; + } +} +.form-range::-moz-range-thumb:active { + background-color: #b6d4fe; +} +.form-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} +.form-range:disabled { + pointer-events: none; +} +.form-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; +} +.form-range:disabled::-moz-range-thumb { + background-color: #adb5bd; +} + +.form-floating { + position: relative; +} +.form-floating > .form-control, +.form-floating > .form-control-plaintext, +.form-floating > .form-select { + height: calc(3.5rem + 2px); + line-height: 1.25; +} +.form-floating > label { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + padding: 1rem 0.75rem; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + pointer-events: none; + border: 1px solid transparent; + transform-origin: 0 0; + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-floating > label { + transition: none; + } +} +.form-floating > .form-control, +.form-floating > .form-control-plaintext { + padding: 1rem 0.75rem; +} +.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder { + color: transparent; +} +.form-floating > .form-control::placeholder, +.form-floating > .form-control-plaintext::placeholder { + color: transparent; +} +.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} +.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), +.form-floating > .form-control-plaintext:focus, +.form-floating > .form-control-plaintext:not(:placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} +.form-floating > .form-control:-webkit-autofill, +.form-floating > .form-control-plaintext:-webkit-autofill { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} +.form-floating > .form-select { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} +.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} +.form-floating > .form-control:focus ~ label, +.form-floating > .form-control:not(:placeholder-shown) ~ label, +.form-floating > .form-control-plaintext ~ label, +.form-floating > .form-select ~ label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} +.form-floating > .form-control:-webkit-autofill ~ label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} +.form-floating > .form-control-plaintext ~ label { + border-width: 1px 0; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-select, +.input-group > .form-floating { + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; +} +.input-group > .form-control:focus, +.input-group > .form-select:focus, +.input-group > .form-floating:focus-within { + z-index: 3; +} +.input-group .btn { + position: relative; + z-index: 2; +} +.input-group .btn:focus { + z-index: 3; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + border-radius: 0.375rem; +} + +.input-group-lg > .form-control, +.input-group-lg > .form-select, +.input-group-lg > .input-group-text, +.input-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + border-radius: 0.5rem; +} + +.input-group-sm > .form-control, +.input-group-sm > .form-select, +.input-group-sm > .input-group-text, +.input-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: 0.25rem; +} + +.input-group-lg > .form-select, +.input-group-sm > .form-select { + padding-right: 3rem; +} + +.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), +.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), +.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, +.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), +.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), +.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, +.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > :not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback), +.input-group > .form-floating:not(:first-child) > .form-control, +.input-group > .form-floating:not(:first-child) > .form-select { + margin-left: -1px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: #198754; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + color: #fff; + background-color: rgba(25, 135, 84, 0.9); + border-radius: 0.375rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #198754; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #198754; + box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); +} + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .form-select:valid, .form-select.is-valid { + border-color: #198754; +} +.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { + padding-right: 4.125rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-select:valid:focus, .form-select.is-valid:focus { + border-color: #198754; + box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); +} + +.was-validated .form-control-color:valid, .form-control-color.is-valid { + width: calc(3rem + calc(1.5em + 0.75rem)); +} + +.was-validated .form-check-input:valid, .form-check-input.is-valid { + border-color: #198754; +} +.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { + background-color: #198754; +} +.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { + box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); +} +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #198754; +} + +.form-check-inline .form-check-input ~ .valid-feedback { + margin-left: 0.5em; +} + +.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, +.was-validated .input-group .form-select:valid, +.input-group .form-select.is-valid { + z-index: 1; +} +.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, +.was-validated .input-group .form-select:valid:focus, +.input-group .form-select.is-valid:focus { + z-index: 3; +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: #dc3545; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + color: #fff; + background-color: rgba(220, 53, 69, 0.9); + border-radius: 0.375rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #dc3545; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); +} + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .form-select:invalid, .form-select.is-invalid { + border-color: #dc3545; +} +.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { + padding-right: 4.125rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); +} + +.was-validated .form-control-color:invalid, .form-control-color.is-invalid { + width: calc(3rem + calc(1.5em + 0.75rem)); +} + +.was-validated .form-check-input:invalid, .form-check-input.is-invalid { + border-color: #dc3545; +} +.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { + background-color: #dc3545; +} +.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { + box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); +} +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #dc3545; +} + +.form-check-inline .form-check-input ~ .invalid-feedback { + margin-left: 0.5em; +} + +.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, +.was-validated .input-group .form-select:invalid, +.input-group .form-select.is-invalid { + z-index: 2; +} +.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, +.was-validated .input-group .form-select:invalid:focus, +.input-group .form-select.is-invalid:focus { + z-index: 3; +} + +.btn { + --bs-btn-padding-x: 0.75rem; + --bs-btn-padding-y: 0.375rem; + --bs-btn-font-family: ; + --bs-btn-font-size: 1rem; + --bs-btn-font-weight: 400; + --bs-btn-line-height: 1.5; + --bs-btn-color: #212529; + --bs-btn-bg: transparent; + --bs-btn-border-width: 1px; + --bs-btn-border-color: transparent; + --bs-btn-border-radius: 0.375rem; + --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + --bs-btn-disabled-opacity: 0.65; + --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); + display: inline-block; + padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); + font-family: var(--bs-btn-font-family); + font-size: var(--bs-btn-font-size); + font-weight: var(--bs-btn-font-weight); + line-height: var(--bs-btn-line-height); + color: var(--bs-btn-color); + text-align: center; + text-decoration: none; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); + border-radius: var(--bs-btn-border-radius); + background-color: var(--bs-btn-bg); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} +.btn:hover { + color: var(--bs-btn-hover-color); + background-color: var(--bs-btn-hover-bg); + border-color: var(--bs-btn-hover-border-color); +} +.btn-check:focus + .btn, .btn:focus { + color: var(--bs-btn-hover-color); + background-color: var(--bs-btn-hover-bg); + border-color: var(--bs-btn-hover-border-color); + outline: 0; + box-shadow: var(--bs-btn-focus-box-shadow); +} +.btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active, .btn.show { + color: var(--bs-btn-active-color); + background-color: var(--bs-btn-active-bg); + border-color: var(--bs-btn-active-border-color); +} +.btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus, .btn.show:focus { + box-shadow: var(--bs-btn-focus-box-shadow); +} +.btn:disabled, .btn.disabled, fieldset:disabled .btn { + color: var(--bs-btn-disabled-color); + pointer-events: none; + background-color: var(--bs-btn-disabled-bg); + border-color: var(--bs-btn-disabled-border-color); + opacity: var(--bs-btn-disabled-opacity); +} + +.btn-primary { + --bs-btn-color: #fff; + --bs-btn-bg: #0d6efd; + --bs-btn-border-color: #0d6efd; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #0b5ed7; + --bs-btn-hover-border-color: #0a58ca; + --bs-btn-focus-shadow-rgb: 49, 132, 253; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #0a58ca; + --bs-btn-active-border-color: #0a53be; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #0d6efd; + --bs-btn-disabled-border-color: #0d6efd; +} + +.btn-secondary { + --bs-btn-color: #fff; + --bs-btn-bg: #6c757d; + --bs-btn-border-color: #6c757d; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #5c636a; + --bs-btn-hover-border-color: #565e64; + --bs-btn-focus-shadow-rgb: 130, 138, 145; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #565e64; + --bs-btn-active-border-color: #51585e; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #6c757d; + --bs-btn-disabled-border-color: #6c757d; +} + +.btn-success { + --bs-btn-color: #fff; + --bs-btn-bg: #198754; + --bs-btn-border-color: #198754; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #157347; + --bs-btn-hover-border-color: #146c43; + --bs-btn-focus-shadow-rgb: 60, 153, 110; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #146c43; + --bs-btn-active-border-color: #13653f; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #198754; + --bs-btn-disabled-border-color: #198754; +} + +.btn-info { + --bs-btn-color: #000; + --bs-btn-bg: #0dcaf0; + --bs-btn-border-color: #0dcaf0; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #31d2f2; + --bs-btn-hover-border-color: #25cff2; + --bs-btn-focus-shadow-rgb: 11, 172, 204; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #3dd5f3; + --bs-btn-active-border-color: #25cff2; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #0dcaf0; + --bs-btn-disabled-border-color: #0dcaf0; +} + +.btn-warning { + --bs-btn-color: #000; + --bs-btn-bg: #ffc107; + --bs-btn-border-color: #ffc107; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #ffca2c; + --bs-btn-hover-border-color: #ffc720; + --bs-btn-focus-shadow-rgb: 217, 164, 6; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #ffcd39; + --bs-btn-active-border-color: #ffc720; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #ffc107; + --bs-btn-disabled-border-color: #ffc107; +} + +.btn-danger { + --bs-btn-color: #fff; + --bs-btn-bg: #dc3545; + --bs-btn-border-color: #dc3545; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #bb2d3b; + --bs-btn-hover-border-color: #b02a37; + --bs-btn-focus-shadow-rgb: 225, 83, 97; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #b02a37; + --bs-btn-active-border-color: #a52834; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #dc3545; + --bs-btn-disabled-border-color: #dc3545; +} + +.btn-light { + --bs-btn-color: #000; + --bs-btn-bg: #f8f9fa; + --bs-btn-border-color: #f8f9fa; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #d3d4d5; + --bs-btn-hover-border-color: #c6c7c8; + --bs-btn-focus-shadow-rgb: 211, 212, 213; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #c6c7c8; + --bs-btn-active-border-color: #babbbc; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #f8f9fa; + --bs-btn-disabled-border-color: #f8f9fa; +} + +.btn-dark { + --bs-btn-color: #fff; + --bs-btn-bg: #212529; + --bs-btn-border-color: #212529; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #424649; + --bs-btn-hover-border-color: #373b3e; + --bs-btn-focus-shadow-rgb: 66, 70, 73; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #4d5154; + --bs-btn-active-border-color: #373b3e; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #212529; + --bs-btn-disabled-border-color: #212529; +} + +.btn-outline-primary { + --bs-btn-color: #0d6efd; + --bs-btn-border-color: #0d6efd; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #0d6efd; + --bs-btn-hover-border-color: #0d6efd; + --bs-btn-focus-shadow-rgb: 13, 110, 253; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #0d6efd; + --bs-btn-active-border-color: #0d6efd; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #0d6efd; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #0d6efd; + --bs-gradient: none; +} + +.btn-outline-secondary { + --bs-btn-color: #6c757d; + --bs-btn-border-color: #6c757d; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #6c757d; + --bs-btn-hover-border-color: #6c757d; + --bs-btn-focus-shadow-rgb: 108, 117, 125; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #6c757d; + --bs-btn-active-border-color: #6c757d; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #6c757d; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #6c757d; + --bs-gradient: none; +} + +.btn-outline-success { + --bs-btn-color: #198754; + --bs-btn-border-color: #198754; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #198754; + --bs-btn-hover-border-color: #198754; + --bs-btn-focus-shadow-rgb: 25, 135, 84; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #198754; + --bs-btn-active-border-color: #198754; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #198754; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #198754; + --bs-gradient: none; +} + +.btn-outline-info { + --bs-btn-color: #0dcaf0; + --bs-btn-border-color: #0dcaf0; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #0dcaf0; + --bs-btn-hover-border-color: #0dcaf0; + --bs-btn-focus-shadow-rgb: 13, 202, 240; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #0dcaf0; + --bs-btn-active-border-color: #0dcaf0; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #0dcaf0; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #0dcaf0; + --bs-gradient: none; +} + +.btn-outline-warning { + --bs-btn-color: #ffc107; + --bs-btn-border-color: #ffc107; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #ffc107; + --bs-btn-hover-border-color: #ffc107; + --bs-btn-focus-shadow-rgb: 255, 193, 7; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #ffc107; + --bs-btn-active-border-color: #ffc107; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #ffc107; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #ffc107; + --bs-gradient: none; +} + +.btn-outline-danger { + --bs-btn-color: #dc3545; + --bs-btn-border-color: #dc3545; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #dc3545; + --bs-btn-hover-border-color: #dc3545; + --bs-btn-focus-shadow-rgb: 220, 53, 69; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #dc3545; + --bs-btn-active-border-color: #dc3545; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #dc3545; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #dc3545; + --bs-gradient: none; +} + +.btn-outline-light { + --bs-btn-color: #f8f9fa; + --bs-btn-border-color: #f8f9fa; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #f8f9fa; + --bs-btn-hover-border-color: #f8f9fa; + --bs-btn-focus-shadow-rgb: 248, 249, 250; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #f8f9fa; + --bs-btn-active-border-color: #f8f9fa; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #f8f9fa; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #f8f9fa; + --bs-gradient: none; +} + +.btn-outline-dark { + --bs-btn-color: #212529; + --bs-btn-border-color: #212529; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #212529; + --bs-btn-hover-border-color: #212529; + --bs-btn-focus-shadow-rgb: 33, 37, 41; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #212529; + --bs-btn-active-border-color: #212529; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #212529; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #212529; + --bs-gradient: none; +} + +.btn-link { + --bs-btn-font-weight: 400; + --bs-btn-color: var(--bs-link-color); + --bs-btn-bg: transparent; + --bs-btn-border-color: transparent; + --bs-btn-hover-color: var(--bs-link-hover-color); + --bs-btn-hover-border-color: transparent; + --bs-btn-active-color: var(--bs-link-hover-color); + --bs-btn-active-border-color: transparent; + --bs-btn-disabled-color: #6c757d; + --bs-btn-disabled-border-color: transparent; + --bs-btn-box-shadow: none; + --bs-btn-focus-shadow-rgb: 49, 132, 253; + text-decoration: underline; +} +.btn-link:focus { + color: var(--bs-btn-color); +} +.btn-link:hover { + color: var(--bs-btn-hover-color); +} + +.btn-lg, .btn-group-lg > .btn { + --bs-btn-padding-y: 0.5rem; + --bs-btn-padding-x: 1rem; + --bs-btn-font-size: 1.25rem; + --bs-btn-border-radius: 0.5rem; +} + +.btn-sm, .btn-group-sm > .btn { + --bs-btn-padding-y: 0.25rem; + --bs-btn-padding-x: 0.5rem; + --bs-btn-font-size: 0.875rem; + --bs-btn-border-radius: 0.25rem; +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} +.collapsing.collapse-horizontal { + width: 0; + height: auto; + transition: width 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing.collapse-horizontal { + transition: none; + } +} + +.dropup, +.dropend, +.dropdown, +.dropstart, +.dropup-center, +.dropdown-center { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + --bs-dropdown-min-width: 10rem; + --bs-dropdown-padding-x: 0; + --bs-dropdown-padding-y: 0.5rem; + --bs-dropdown-spacer: 0.125rem; + --bs-dropdown-font-size: 1rem; + --bs-dropdown-color: #212529; + --bs-dropdown-bg: #fff; + --bs-dropdown-border-color: var(--bs-border-color-translucent); + --bs-dropdown-border-radius: 0.375rem; + --bs-dropdown-border-width: 1px; + --bs-dropdown-inner-border-radius: calc(0.375rem - 1px); + --bs-dropdown-divider-bg: var(--bs-border-color-translucent); + --bs-dropdown-divider-margin-y: 0.5rem; + --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + --bs-dropdown-link-color: #212529; + --bs-dropdown-link-hover-color: #1e2125; + --bs-dropdown-link-hover-bg: #e9ecef; + --bs-dropdown-link-active-color: #fff; + --bs-dropdown-link-active-bg: #0d6efd; + --bs-dropdown-link-disabled-color: #adb5bd; + --bs-dropdown-item-padding-x: 1rem; + --bs-dropdown-item-padding-y: 0.25rem; + --bs-dropdown-header-color: #6c757d; + --bs-dropdown-header-padding-x: 1rem; + --bs-dropdown-header-padding-y: 0.5rem; + position: absolute; + z-index: 1000; + display: none; + min-width: var(--bs-dropdown-min-width); + padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); + margin: 0; + font-size: var(--bs-dropdown-font-size); + color: var(--bs-dropdown-color); + text-align: left; + list-style: none; + background-color: var(--bs-dropdown-bg); + background-clip: padding-box; + border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); + border-radius: var(--bs-dropdown-border-radius); +} +.dropdown-menu[data-bs-popper] { + top: 100%; + left: 0; + margin-top: var(--bs-dropdown-spacer); +} + +.dropdown-menu-start { + --bs-position: start; +} +.dropdown-menu-start[data-bs-popper] { + right: auto; + left: 0; +} + +.dropdown-menu-end { + --bs-position: end; +} +.dropdown-menu-end[data-bs-popper] { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-start { + --bs-position: start; + } + .dropdown-menu-sm-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-sm-end { + --bs-position: end; + } + .dropdown-menu-sm-end[data-bs-popper] { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-start { + --bs-position: start; + } + .dropdown-menu-md-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-md-end { + --bs-position: end; + } + .dropdown-menu-md-end[data-bs-popper] { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-start { + --bs-position: start; + } + .dropdown-menu-lg-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-lg-end { + --bs-position: end; + } + .dropdown-menu-lg-end[data-bs-popper] { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-start { + --bs-position: start; + } + .dropdown-menu-xl-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-xl-end { + --bs-position: end; + } + .dropdown-menu-xl-end[data-bs-popper] { + right: 0; + left: auto; + } +} +@media (min-width: 1400px) { + .dropdown-menu-xxl-start { + --bs-position: start; + } + .dropdown-menu-xxl-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-xxl-end { + --bs-position: end; + } + .dropdown-menu-xxl-end[data-bs-popper] { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu[data-bs-popper] { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: var(--bs-dropdown-spacer); +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropend .dropdown-menu[data-bs-popper] { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: var(--bs-dropdown-spacer); +} +.dropend .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropend .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropend .dropdown-toggle::after { + vertical-align: 0; +} + +.dropstart .dropdown-menu[data-bs-popper] { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: var(--bs-dropdown-spacer); +} +.dropstart .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropstart .dropdown-toggle::after { + display: none; +} +.dropstart .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropstart .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropstart .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-divider { + height: 0; + margin: var(--bs-dropdown-divider-margin-y) 0; + overflow: hidden; + border-top: 1px solid var(--bs-dropdown-divider-bg); + opacity: 1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); + clear: both; + font-weight: 400; + color: var(--bs-dropdown-link-color); + text-align: inherit; + text-decoration: none; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: var(--bs-dropdown-link-hover-color); + background-color: var(--bs-dropdown-link-hover-bg); +} +.dropdown-item.active, .dropdown-item:active { + color: var(--bs-dropdown-link-active-color); + text-decoration: none; + background-color: var(--bs-dropdown-link-active-bg); +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: var(--bs-dropdown-link-disabled-color); + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); + margin-bottom: 0; + font-size: 0.875rem; + color: var(--bs-dropdown-header-color); + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); + color: var(--bs-dropdown-link-color); +} + +.dropdown-menu-dark { + --bs-dropdown-color: #dee2e6; + --bs-dropdown-bg: #343a40; + --bs-dropdown-border-color: var(--bs-border-color-translucent); + --bs-dropdown-box-shadow: ; + --bs-dropdown-link-color: #dee2e6; + --bs-dropdown-link-hover-color: #fff; + --bs-dropdown-divider-bg: var(--bs-border-color-translucent); + --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); + --bs-dropdown-link-active-color: #fff; + --bs-dropdown-link-active-bg: #0d6efd; + --bs-dropdown-link-disabled-color: #adb5bd; + --bs-dropdown-header-color: #adb5bd; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn-check:checked + .btn, +.btn-group > .btn-check:focus + .btn, +.btn-group > .btn:hover, +.btn-group > .btn:focus, +.btn-group > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn-check:checked + .btn, +.btn-group-vertical > .btn-check:focus + .btn, +.btn-group-vertical > .btn:hover, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group { + border-radius: 0.375rem; +} +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn.dropdown-toggle-split:first-child, +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:nth-child(n+3), +.btn-group > :not(.btn-check) + .btn, +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { + margin-left: 0; +} +.dropstart .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn ~ .btn, +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav { + --bs-nav-link-padding-x: 1rem; + --bs-nav-link-padding-y: 0.5rem; + --bs-nav-link-font-weight: ; + --bs-nav-link-color: var(--bs-link-color); + --bs-nav-link-hover-color: var(--bs-link-hover-color); + --bs-nav-link-disabled-color: #6c757d; + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); + font-size: var(--bs-nav-link-font-size); + font-weight: var(--bs-nav-link-font-weight); + color: var(--bs-nav-link-color); + text-decoration: none; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .nav-link { + transition: none; + } +} +.nav-link:hover, .nav-link:focus { + color: var(--bs-nav-link-hover-color); +} +.nav-link.disabled { + color: var(--bs-nav-link-disabled-color); + pointer-events: none; + cursor: default; +} + +.nav-tabs { + --bs-nav-tabs-border-width: 1px; + --bs-nav-tabs-border-color: #dee2e6; + --bs-nav-tabs-border-radius: 0.375rem; + --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6; + --bs-nav-tabs-link-active-color: #495057; + --bs-nav-tabs-link-active-bg: #fff; + --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff; + border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); +} +.nav-tabs .nav-link { + margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1); + background: none; + border: var(--bs-nav-tabs-border-width) solid transparent; + border-top-left-radius: var(--bs-nav-tabs-border-radius); + border-top-right-radius: var(--bs-nav-tabs-border-radius); +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + isolation: isolate; + border-color: var(--bs-nav-tabs-link-hover-border-color); +} +.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { + color: var(--bs-nav-link-disabled-color); + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: var(--bs-nav-tabs-link-active-color); + background-color: var(--bs-nav-tabs-link-active-bg); + border-color: var(--bs-nav-tabs-link-active-border-color); +} +.nav-tabs .dropdown-menu { + margin-top: calc(var(--bs-nav-tabs-border-width) * -1); + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills { + --bs-nav-pills-border-radius: 0.375rem; + --bs-nav-pills-link-active-color: #fff; + --bs-nav-pills-link-active-bg: #0d6efd; +} +.nav-pills .nav-link { + background: none; + border: 0; + border-radius: var(--bs-nav-pills-border-radius); +} +.nav-pills .nav-link:disabled { + color: var(--bs-nav-link-disabled-color); + background-color: transparent; + border-color: transparent; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: var(--bs-nav-pills-link-active-color); + background-color: var(--bs-nav-pills-link-active-bg); +} + +.nav-fill > .nav-link, +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified > .nav-link, +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.nav-fill .nav-item .nav-link, +.nav-justified .nav-item .nav-link { + width: 100%; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + --bs-navbar-padding-x: 0; + --bs-navbar-padding-y: 0.5rem; + --bs-navbar-color: rgba(0, 0, 0, 0.55); + --bs-navbar-hover-color: rgba(0, 0, 0, 0.7); + --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3); + --bs-navbar-active-color: rgba(0, 0, 0, 0.9); + --bs-navbar-brand-padding-y: 0.3125rem; + --bs-navbar-brand-margin-end: 1rem; + --bs-navbar-brand-font-size: 1.25rem; + --bs-navbar-brand-color: rgba(0, 0, 0, 0.9); + --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9); + --bs-navbar-nav-link-padding-x: 0.5rem; + --bs-navbar-toggler-padding-y: 0.25rem; + --bs-navbar-toggler-padding-x: 0.75rem; + --bs-navbar-toggler-font-size: 1.25rem; + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1); + --bs-navbar-toggler-border-radius: 0.375rem; + --bs-navbar-toggler-focus-width: 0.25rem; + --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); +} +.navbar > .container, +.navbar > .container-fluid, +.navbar > .container-sm, +.navbar > .container-md, +.navbar > .container-lg, +.navbar > .container-xl, +.navbar > .container-xxl { + display: flex; + flex-wrap: inherit; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + padding-top: var(--bs-navbar-brand-padding-y); + padding-bottom: var(--bs-navbar-brand-padding-y); + margin-right: var(--bs-navbar-brand-margin-end); + font-size: var(--bs-navbar-brand-font-size); + color: var(--bs-navbar-brand-color); + text-decoration: none; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + color: var(--bs-navbar-brand-hover-color); +} + +.navbar-nav { + --bs-nav-link-padding-x: 0; + --bs-nav-link-padding-y: 0.5rem; + --bs-nav-link-font-weight: ; + --bs-nav-link-color: var(--bs-navbar-color); + --bs-nav-link-hover-color: var(--bs-navbar-hover-color); + --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .show > .nav-link, +.navbar-nav .nav-link.active { + color: var(--bs-navbar-active-color); +} +.navbar-nav .dropdown-menu { + position: static; +} + +.navbar-text { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: var(--bs-navbar-color); +} +.navbar-text a, +.navbar-text a:hover, +.navbar-text a:focus { + color: var(--bs-navbar-active-color); +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); + font-size: var(--bs-navbar-toggler-font-size); + line-height: 1; + color: var(--bs-navbar-color); + background-color: transparent; + border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); + border-radius: var(--bs-navbar-toggler-border-radius); + transition: var(--bs-navbar-toggler-transition); +} +@media (prefers-reduced-motion: reduce) { + .navbar-toggler { + transition: none; + } +} +.navbar-toggler:hover { + text-decoration: none; +} +.navbar-toggler:focus { + text-decoration: none; + outline: 0; + box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-image: var(--bs-navbar-toggler-icon-bg); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; +} + +.navbar-nav-scroll { + max-height: var(--bs-scroll-height, 75vh); + overflow-y: auto; +} + +@media (min-width: 576px) { + .navbar-expand-sm { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-sm .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } + .navbar-expand-sm .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-sm .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-sm .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-md .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } + .navbar-expand-md .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-md .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-md .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-lg .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } + .navbar-expand-lg .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-lg .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-lg .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-xl .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } + .navbar-expand-xl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-xl .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-xl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 1400px) { + .navbar-expand-xxl { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-xxl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xxl .navbar-toggler { + display: none; + } + .navbar-expand-xxl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-xxl .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-xxl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +.navbar-expand { + flex-wrap: nowrap; + justify-content: flex-start; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); +} +.navbar-expand .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} +.navbar-expand .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; +} +.navbar-expand .offcanvas .offcanvas-header { + display: none; +} +.navbar-expand .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; +} + +.navbar-dark { + --bs-navbar-color: rgba(255, 255, 255, 0.55); + --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); + --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); + --bs-navbar-active-color: #fff; + --bs-navbar-brand-color: #fff; + --bs-navbar-brand-hover-color: #fff; + --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} + +.card { + --bs-card-spacer-y: 1rem; + --bs-card-spacer-x: 1rem; + --bs-card-title-spacer-y: 0.5rem; + --bs-card-border-width: 1px; + --bs-card-border-color: var(--bs-border-color-translucent); + --bs-card-border-radius: 0.375rem; + --bs-card-box-shadow: ; + --bs-card-inner-border-radius: calc(0.375rem - 1px); + --bs-card-cap-padding-y: 0.5rem; + --bs-card-cap-padding-x: 1rem; + --bs-card-cap-bg: rgba(0, 0, 0, 0.03); + --bs-card-cap-color: ; + --bs-card-height: ; + --bs-card-color: ; + --bs-card-bg: #fff; + --bs-card-img-overlay-padding: 1rem; + --bs-card-group-margin: 0.75rem; + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + height: var(--bs-card-height); + word-wrap: break-word; + background-color: var(--bs-card-bg); + background-clip: border-box; + border: var(--bs-card-border-width) solid var(--bs-card-border-color); + border-radius: var(--bs-card-border-radius); +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group { + border-top: inherit; + border-bottom: inherit; +} +.card > .list-group:first-child { + border-top-width: 0; + border-top-left-radius: var(--bs-card-inner-border-radius); + border-top-right-radius: var(--bs-card-inner-border-radius); +} +.card > .list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: var(--bs-card-inner-border-radius); + border-bottom-left-radius: var(--bs-card-inner-border-radius); +} +.card > .card-header + .list-group, +.card > .list-group + .card-footer { + border-top: 0; +} + +.card-body { + flex: 1 1 auto; + padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); + color: var(--bs-card-color); +} + +.card-title { + margin-bottom: var(--bs-card-title-spacer-y); +} + +.card-subtitle { + margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link + .card-link { + margin-left: var(--bs-card-spacer-x); +} + +.card-header { + padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); + margin-bottom: 0; + color: var(--bs-card-cap-color); + background-color: var(--bs-card-cap-bg); + border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); +} +.card-header:first-child { + border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; +} + +.card-footer { + padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); + color: var(--bs-card-cap-color); + background-color: var(--bs-card-cap-bg); + border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); +} +.card-footer:last-child { + border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); +} + +.card-header-tabs { + margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); + margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); + margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); + border-bottom: 0; +} +.card-header-tabs .nav-link.active { + background-color: var(--bs-card-bg); + border-bottom-color: var(--bs-card-bg); +} + +.card-header-pills { + margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); + margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: var(--bs-card-img-overlay-padding); + border-radius: var(--bs-card-inner-border-radius); +} + +.card-img, +.card-img-top, +.card-img-bottom { + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: var(--bs-card-inner-border-radius); + border-top-right-radius: var(--bs-card-inner-border-radius); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: var(--bs-card-inner-border-radius); + border-bottom-left-radius: var(--bs-card-inner-border-radius); +} + +.card-group > .card { + margin-bottom: var(--bs-card-group-margin); +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, +.card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, +.card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, +.card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.accordion { + --bs-accordion-color: #000; + --bs-accordion-bg: #fff; + --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; + --bs-accordion-border-color: var(--bs-border-color); + --bs-accordion-border-width: 1px; + --bs-accordion-border-radius: 0.375rem; + --bs-accordion-inner-border-radius: calc(0.375rem - 1px); + --bs-accordion-btn-padding-x: 1.25rem; + --bs-accordion-btn-padding-y: 1rem; + --bs-accordion-btn-color: var(--bs-body-color); + --bs-accordion-btn-bg: var(--bs-accordion-bg); + --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --bs-accordion-btn-icon-width: 1.25rem; + --bs-accordion-btn-icon-transform: rotate(-180deg); + --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --bs-accordion-btn-focus-border-color: #86b7fe; + --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + --bs-accordion-body-padding-x: 1.25rem; + --bs-accordion-body-padding-y: 1rem; + --bs-accordion-active-color: #0c63e4; + --bs-accordion-active-bg: #e7f1ff; +} + +.accordion-button { + position: relative; + display: flex; + align-items: center; + width: 100%; + padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); + font-size: 1rem; + color: var(--bs-accordion-btn-color); + text-align: left; + background-color: var(--bs-accordion-btn-bg); + border: 0; + border-radius: 0; + overflow-anchor: none; + transition: var(--bs-accordion-transition); +} +@media (prefers-reduced-motion: reduce) { + .accordion-button { + transition: none; + } +} +.accordion-button:not(.collapsed) { + color: var(--bs-accordion-active-color); + background-color: var(--bs-accordion-active-bg); + box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color); +} +.accordion-button:not(.collapsed)::after { + background-image: var(--bs-accordion-btn-active-icon); + transform: var(--bs-accordion-btn-icon-transform); +} +.accordion-button::after { + flex-shrink: 0; + width: var(--bs-accordion-btn-icon-width); + height: var(--bs-accordion-btn-icon-width); + margin-left: auto; + content: ""; + background-image: var(--bs-accordion-btn-icon); + background-repeat: no-repeat; + background-size: var(--bs-accordion-btn-icon-width); + transition: var(--bs-accordion-btn-icon-transition); +} +@media (prefers-reduced-motion: reduce) { + .accordion-button::after { + transition: none; + } +} +.accordion-button:hover { + z-index: 2; +} +.accordion-button:focus { + z-index: 3; + border-color: var(--bs-accordion-btn-focus-border-color); + outline: 0; + box-shadow: var(--bs-accordion-btn-focus-box-shadow); +} + +.accordion-header { + margin-bottom: 0; +} + +.accordion-item { + color: var(--bs-accordion-color); + background-color: var(--bs-accordion-bg); + border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); +} +.accordion-item:first-of-type { + border-top-left-radius: var(--bs-accordion-border-radius); + border-top-right-radius: var(--bs-accordion-border-radius); +} +.accordion-item:first-of-type .accordion-button { + border-top-left-radius: var(--bs-accordion-inner-border-radius); + border-top-right-radius: var(--bs-accordion-inner-border-radius); +} +.accordion-item:not(:first-of-type) { + border-top: 0; +} +.accordion-item:last-of-type { + border-bottom-right-radius: var(--bs-accordion-border-radius); + border-bottom-left-radius: var(--bs-accordion-border-radius); +} +.accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-right-radius: var(--bs-accordion-inner-border-radius); + border-bottom-left-radius: var(--bs-accordion-inner-border-radius); +} +.accordion-item:last-of-type .accordion-collapse { + border-bottom-right-radius: var(--bs-accordion-border-radius); + border-bottom-left-radius: var(--bs-accordion-border-radius); +} + +.accordion-body { + padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); +} + +.accordion-flush .accordion-collapse { + border-width: 0; +} +.accordion-flush .accordion-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} +.accordion-flush .accordion-item:first-child { + border-top: 0; +} +.accordion-flush .accordion-item:last-child { + border-bottom: 0; +} +.accordion-flush .accordion-item .accordion-button { + border-radius: 0; +} + +.breadcrumb { + --bs-breadcrumb-padding-x: 0; + --bs-breadcrumb-padding-y: 0; + --bs-breadcrumb-margin-bottom: 1rem; + --bs-breadcrumb-bg: ; + --bs-breadcrumb-border-radius: ; + --bs-breadcrumb-divider-color: #6c757d; + --bs-breadcrumb-item-padding-x: 0.5rem; + --bs-breadcrumb-item-active-color: #6c757d; + display: flex; + flex-wrap: wrap; + padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); + margin-bottom: var(--bs-breadcrumb-margin-bottom); + font-size: var(--bs-breadcrumb-font-size); + list-style: none; + background-color: var(--bs-breadcrumb-bg); + border-radius: var(--bs-breadcrumb-border-radius); +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: var(--bs-breadcrumb-item-padding-x); +} +.breadcrumb-item + .breadcrumb-item::before { + float: left; + padding-right: var(--bs-breadcrumb-item-padding-x); + color: var(--bs-breadcrumb-divider-color); + content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; +} +.breadcrumb-item.active { + color: var(--bs-breadcrumb-item-active-color); +} + +.pagination { + --bs-pagination-padding-x: 0.75rem; + --bs-pagination-padding-y: 0.375rem; + --bs-pagination-font-size: 1rem; + --bs-pagination-color: var(--bs-link-color); + --bs-pagination-bg: #fff; + --bs-pagination-border-width: 1px; + --bs-pagination-border-color: #dee2e6; + --bs-pagination-border-radius: 0.375rem; + --bs-pagination-hover-color: var(--bs-link-hover-color); + --bs-pagination-hover-bg: #e9ecef; + --bs-pagination-hover-border-color: #dee2e6; + --bs-pagination-focus-color: var(--bs-link-hover-color); + --bs-pagination-focus-bg: #e9ecef; + --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + --bs-pagination-active-color: #fff; + --bs-pagination-active-bg: #0d6efd; + --bs-pagination-active-border-color: #0d6efd; + --bs-pagination-disabled-color: #6c757d; + --bs-pagination-disabled-bg: #fff; + --bs-pagination-disabled-border-color: #dee2e6; + display: flex; + padding-left: 0; + list-style: none; +} + +.page-link { + position: relative; + display: block; + padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); + font-size: var(--bs-pagination-font-size); + color: var(--bs-pagination-color); + text-decoration: none; + background-color: var(--bs-pagination-bg); + border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .page-link { + transition: none; + } +} +.page-link:hover { + z-index: 2; + color: var(--bs-pagination-hover-color); + background-color: var(--bs-pagination-hover-bg); + border-color: var(--bs-pagination-hover-border-color); +} +.page-link:focus { + z-index: 3; + color: var(--bs-pagination-focus-color); + background-color: var(--bs-pagination-focus-bg); + outline: 0; + box-shadow: var(--bs-pagination-focus-box-shadow); +} +.page-link.active, .active > .page-link { + z-index: 3; + color: var(--bs-pagination-active-color); + background-color: var(--bs-pagination-active-bg); + border-color: var(--bs-pagination-active-border-color); +} +.page-link.disabled, .disabled > .page-link { + color: var(--bs-pagination-disabled-color); + pointer-events: none; + background-color: var(--bs-pagination-disabled-bg); + border-color: var(--bs-pagination-disabled-border-color); +} + +.page-item:not(:first-child) .page-link { + margin-left: -1px; +} +.page-item:first-child .page-link { + border-top-left-radius: var(--bs-pagination-border-radius); + border-bottom-left-radius: var(--bs-pagination-border-radius); +} +.page-item:last-child .page-link { + border-top-right-radius: var(--bs-pagination-border-radius); + border-bottom-right-radius: var(--bs-pagination-border-radius); +} + +.pagination-lg { + --bs-pagination-padding-x: 1.5rem; + --bs-pagination-padding-y: 0.75rem; + --bs-pagination-font-size: 1.25rem; + --bs-pagination-border-radius: 0.5rem; +} + +.pagination-sm { + --bs-pagination-padding-x: 0.5rem; + --bs-pagination-padding-y: 0.25rem; + --bs-pagination-font-size: 0.875rem; + --bs-pagination-border-radius: 0.25rem; +} + +.badge { + --bs-badge-padding-x: 0.65em; + --bs-badge-padding-y: 0.35em; + --bs-badge-font-size: 0.75em; + --bs-badge-font-weight: 700; + --bs-badge-color: #fff; + --bs-badge-border-radius: 0.375rem; + display: inline-block; + padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); + font-size: var(--bs-badge-font-size); + font-weight: var(--bs-badge-font-weight); + line-height: 1; + color: var(--bs-badge-color); + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--bs-badge-border-radius); +} +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.alert { + --bs-alert-bg: transparent; + --bs-alert-padding-x: 1rem; + --bs-alert-padding-y: 1rem; + --bs-alert-margin-bottom: 1rem; + --bs-alert-color: inherit; + --bs-alert-border-color: transparent; + --bs-alert-border: 1px solid var(--bs-alert-border-color); + --bs-alert-border-radius: 0.375rem; + position: relative; + padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); + margin-bottom: var(--bs-alert-margin-bottom); + color: var(--bs-alert-color); + background-color: var(--bs-alert-bg); + border: var(--bs-alert-border); + border-radius: var(--bs-alert-border-radius); +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 3rem; +} +.alert-dismissible .btn-close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 1.25rem 1rem; +} + +.alert-primary { + --bs-alert-color: #084298; + --bs-alert-bg: #cfe2ff; + --bs-alert-border-color: #b6d4fe; +} +.alert-primary .alert-link { + color: #06357a; +} + +.alert-secondary { + --bs-alert-color: #41464b; + --bs-alert-bg: #e2e3e5; + --bs-alert-border-color: #d3d6d8; +} +.alert-secondary .alert-link { + color: #34383c; +} + +.alert-success { + --bs-alert-color: #0f5132; + --bs-alert-bg: #d1e7dd; + --bs-alert-border-color: #badbcc; +} +.alert-success .alert-link { + color: #0c4128; +} + +.alert-info { + --bs-alert-color: #055160; + --bs-alert-bg: #cff4fc; + --bs-alert-border-color: #b6effb; +} +.alert-info .alert-link { + color: #04414d; +} + +.alert-warning { + --bs-alert-color: #664d03; + --bs-alert-bg: #fff3cd; + --bs-alert-border-color: #ffecb5; +} +.alert-warning .alert-link { + color: #523e02; +} + +.alert-danger { + --bs-alert-color: #842029; + --bs-alert-bg: #f8d7da; + --bs-alert-border-color: #f5c2c7; +} +.alert-danger .alert-link { + color: #6a1a21; +} + +.alert-light { + --bs-alert-color: #636464; + --bs-alert-bg: #fefefe; + --bs-alert-border-color: #fdfdfe; +} +.alert-light .alert-link { + color: #4f5050; +} + +.alert-dark { + --bs-alert-color: #141619; + --bs-alert-bg: #d3d3d4; + --bs-alert-border-color: #bcbebf; +} +.alert-dark .alert-link { + color: #101214; +} + +@-webkit-keyframes progress-bar-stripes { + 0% { + background-position-x: 1rem; + } +} + +@keyframes progress-bar-stripes { + 0% { + background-position-x: 1rem; + } +} +.progress { + --bs-progress-height: 1rem; + --bs-progress-font-size: 0.75rem; + --bs-progress-bg: #e9ecef; + --bs-progress-border-radius: 0.375rem; + --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + --bs-progress-bar-color: #fff; + --bs-progress-bar-bg: #0d6efd; + --bs-progress-bar-transition: width 0.6s ease; + display: flex; + height: var(--bs-progress-height); + overflow: hidden; + font-size: var(--bs-progress-font-size); + background-color: var(--bs-progress-bg); + border-radius: var(--bs-progress-border-radius); +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: var(--bs-progress-bar-color); + text-align: center; + white-space: nowrap; + background-color: var(--bs-progress-bar-bg); + transition: var(--bs-progress-bar-transition); +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: var(--bs-progress-height) var(--bs-progress-height); +} + +.progress-bar-animated { + -webkit-animation: 1s linear infinite progress-bar-stripes; + animation: 1s linear infinite progress-bar-stripes; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + -webkit-animation: none; + animation: none; + } +} + +.list-group { + --bs-list-group-color: #212529; + --bs-list-group-bg: #fff; + --bs-list-group-border-color: rgba(0, 0, 0, 0.125); + --bs-list-group-border-width: 1px; + --bs-list-group-border-radius: 0.375rem; + --bs-list-group-item-padding-x: 1rem; + --bs-list-group-item-padding-y: 0.5rem; + --bs-list-group-action-color: #495057; + --bs-list-group-action-hover-color: #495057; + --bs-list-group-action-hover-bg: #f8f9fa; + --bs-list-group-action-active-color: #212529; + --bs-list-group-action-active-bg: #e9ecef; + --bs-list-group-disabled-color: #6c757d; + --bs-list-group-disabled-bg: #fff; + --bs-list-group-active-color: #fff; + --bs-list-group-active-bg: #0d6efd; + --bs-list-group-active-border-color: #0d6efd; + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: var(--bs-list-group-border-radius); +} + +.list-group-numbered { + list-style-type: none; + counter-reset: section; +} +.list-group-numbered > .list-group-item::before { + content: counters(section, ".") ". "; + counter-increment: section; +} + +.list-group-item-action { + width: 100%; + color: var(--bs-list-group-action-color); + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: var(--bs-list-group-action-hover-color); + text-decoration: none; + background-color: var(--bs-list-group-action-hover-bg); +} +.list-group-item-action:active { + color: var(--bs-list-group-action-active-color); + background-color: var(--bs-list-group-action-active-bg); +} + +.list-group-item { + position: relative; + display: block; + padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); + color: var(--bs-list-group-color); + text-decoration: none; + background-color: var(--bs-list-group-bg); + border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); +} +.list-group-item:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} +.list-group-item:last-child { + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; +} +.list-group-item.disabled, .list-group-item:disabled { + color: var(--bs-list-group-disabled-color); + pointer-events: none; + background-color: var(--bs-list-group-disabled-bg); +} +.list-group-item.active { + z-index: 2; + color: var(--bs-list-group-active-color); + background-color: var(--bs-list-group-active-bg); + border-color: var(--bs-list-group-active-border-color); +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: calc(var(--bs-list-group-border-width) * -1); + border-top-width: var(--bs-list-group-border-width); +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal > .list-group-item:first-child { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; +} +.list-group-horizontal > .list-group-item:last-child { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; +} +.list-group-horizontal > .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; +} +.list-group-horizontal > .list-group-item + .list-group-item.active { + margin-left: calc(var(--bs-list-group-border-width) * -1); + border-left-width: var(--bs-list-group-border-width); +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm > .list-group-item:first-child { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-sm > .list-group-item:last-child { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-sm > .list-group-item + .list-group-item.active { + margin-left: calc(var(--bs-list-group-border-width) * -1); + border-left-width: var(--bs-list-group-border-width); + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md > .list-group-item:first-child { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-md > .list-group-item:last-child { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-md > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-md > .list-group-item + .list-group-item.active { + margin-left: calc(var(--bs-list-group-border-width) * -1); + border-left-width: var(--bs-list-group-border-width); + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg > .list-group-item:first-child { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-lg > .list-group-item:last-child { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-lg > .list-group-item + .list-group-item.active { + margin-left: calc(var(--bs-list-group-border-width) * -1); + border-left-width: var(--bs-list-group-border-width); + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl > .list-group-item:first-child { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-xl > .list-group-item:last-child { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-xl > .list-group-item + .list-group-item.active { + margin-left: calc(var(--bs-list-group-border-width) * -1); + border-left-width: var(--bs-list-group-border-width); + } +} +@media (min-width: 1400px) { + .list-group-horizontal-xxl { + flex-direction: row; + } + .list-group-horizontal-xxl > .list-group-item:first-child { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-xxl > .list-group-item:last-child { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-xxl > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xxl > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { + margin-left: calc(var(--bs-list-group-border-width) * -1); + border-left-width: var(--bs-list-group-border-width); + } +} +.list-group-flush { + border-radius: 0; +} +.list-group-flush > .list-group-item { + border-width: 0 0 var(--bs-list-group-border-width); +} +.list-group-flush > .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #084298; + background-color: #cfe2ff; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #084298; + background-color: #bacbe6; +} +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #084298; + border-color: #084298; +} + +.list-group-item-secondary { + color: #41464b; + background-color: #e2e3e5; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #41464b; + background-color: #cbccce; +} +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #41464b; + border-color: #41464b; +} + +.list-group-item-success { + color: #0f5132; + background-color: #d1e7dd; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #0f5132; + background-color: #bcd0c7; +} +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #0f5132; + border-color: #0f5132; +} + +.list-group-item-info { + color: #055160; + background-color: #cff4fc; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #055160; + background-color: #badce3; +} +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #055160; + border-color: #055160; +} + +.list-group-item-warning { + color: #664d03; + background-color: #fff3cd; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #664d03; + background-color: #e6dbb9; +} +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #664d03; + border-color: #664d03; +} + +.list-group-item-danger { + color: #842029; + background-color: #f8d7da; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #842029; + background-color: #dfc2c4; +} +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #842029; + border-color: #842029; +} + +.list-group-item-light { + color: #636464; + background-color: #fefefe; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636464; + background-color: #e5e5e5; +} +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #636464; + border-color: #636464; +} + +.list-group-item-dark { + color: #141619; + background-color: #d3d3d4; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #141619; + background-color: #bebebf; +} +.list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #141619; + border-color: #141619; +} + +.btn-close { + box-sizing: content-box; + width: 1em; + height: 1em; + padding: 0.25em 0.25em; + color: #000; + background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; + border: 0; + border-radius: 0.375rem; + opacity: 0.5; +} +.btn-close:hover { + color: #000; + text-decoration: none; + opacity: 0.75; +} +.btn-close:focus { + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + opacity: 1; +} +.btn-close:disabled, .btn-close.disabled { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + opacity: 0.25; +} + +.btn-close-white { + filter: invert(1) grayscale(100%) brightness(200%); +} + +.toast { + --bs-toast-padding-x: 0.75rem; + --bs-toast-padding-y: 0.5rem; + --bs-toast-spacing: 1.5rem; + --bs-toast-max-width: 350px; + --bs-toast-font-size: 0.875rem; + --bs-toast-color: ; + --bs-toast-bg: rgba(255, 255, 255, 0.85); + --bs-toast-border-width: 1px; + --bs-toast-border-color: var(--bs-border-color-translucent); + --bs-toast-border-radius: 0.375rem; + --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + --bs-toast-header-color: #6c757d; + --bs-toast-header-bg: rgba(255, 255, 255, 0.85); + --bs-toast-header-border-color: rgba(0, 0, 0, 0.05); + width: var(--bs-toast-max-width); + max-width: 100%; + font-size: var(--bs-toast-font-size); + color: var(--bs-toast-color); + pointer-events: auto; + background-color: var(--bs-toast-bg); + background-clip: padding-box; + border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); + box-shadow: var(--bs-toast-box-shadow); + border-radius: var(--bs-toast-border-radius); +} +.toast.showing { + opacity: 0; +} +.toast:not(.show) { + display: none; +} + +.toast-container { + position: absolute; + z-index: 1090; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + max-width: 100%; + pointer-events: none; +} +.toast-container > :not(:last-child) { + margin-bottom: var(--bs-toast-spacing); +} + +.toast-header { + display: flex; + align-items: center; + padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); + color: var(--bs-toast-header-color); + background-color: var(--bs-toast-header-bg); + background-clip: padding-box; + border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); + border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); + border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); +} +.toast-header .btn-close { + margin-right: calc(var(--bs-toast-padding-x) * -0.5); + margin-left: var(--bs-toast-padding-x); +} + +.toast-body { + padding: var(--bs-toast-padding-x); + word-wrap: break-word; +} + +.modal { + --bs-modal-zindex: 1055; + --bs-modal-width: 500px; + --bs-modal-padding: 1rem; + --bs-modal-margin: 0.5rem; + --bs-modal-color: ; + --bs-modal-bg: #fff; + --bs-modal-border-color: var(--bs-border-color-translucent); + --bs-modal-border-width: 1px; + --bs-modal-border-radius: 0.5rem; + --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + --bs-modal-inner-border-radius: calc(0.5rem - 1px); + --bs-modal-header-padding-x: 1rem; + --bs-modal-header-padding-y: 1rem; + --bs-modal-header-padding: 1rem 1rem; + --bs-modal-header-border-color: var(--bs-border-color); + --bs-modal-header-border-width: 1px; + --bs-modal-title-line-height: 1.5; + --bs-modal-footer-gap: 0.5rem; + --bs-modal-footer-bg: ; + --bs-modal-footer-border-color: var(--bs-border-color); + --bs-modal-footer-border-width: 1px; + position: fixed; + top: 0; + left: 0; + z-index: var(--bs-modal-zindex); + display: none; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: var(--bs-modal-margin); + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + height: calc(100% - var(--bs-modal-margin) * 2); +} +.modal-dialog-scrollable .modal-content { + max-height: 100%; + overflow: hidden; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - var(--bs-modal-margin) * 2); +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + color: var(--bs-modal-color); + pointer-events: auto; + background-color: var(--bs-modal-bg); + background-clip: padding-box; + border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); + border-radius: var(--bs-modal-border-radius); + outline: 0; +} + +.modal-backdrop { + --bs-backdrop-zindex: 1050; + --bs-backdrop-bg: #000; + --bs-backdrop-opacity: 0.5; + position: fixed; + top: 0; + left: 0; + z-index: var(--bs-backdrop-zindex); + width: 100vw; + height: 100vh; + background-color: var(--bs-backdrop-bg); +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: var(--bs-backdrop-opacity); +} + +.modal-header { + display: flex; + flex-shrink: 0; + align-items: center; + justify-content: space-between; + padding: var(--bs-modal-header-padding); + border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); + border-top-left-radius: var(--bs-modal-inner-border-radius); + border-top-right-radius: var(--bs-modal-inner-border-radius); +} +.modal-header .btn-close { + padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); + margin: calc(var(--bs-modal-header-padding-y) * -0.5) calc(var(--bs-modal-header-padding-x) * -0.5) calc(var(--bs-modal-header-padding-y) * -0.5) auto; +} + +.modal-title { + margin-bottom: 0; + line-height: var(--bs-modal-title-line-height); +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: var(--bs-modal-padding); +} + +.modal-footer { + display: flex; + flex-shrink: 0; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); + background-color: var(--bs-modal-footer-bg); + border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); + border-bottom-right-radius: var(--bs-modal-inner-border-radius); + border-bottom-left-radius: var(--bs-modal-inner-border-radius); +} +.modal-footer > * { + margin: calc(var(--bs-modal-footer-gap) * 0.5); +} + +@media (min-width: 576px) { + .modal { + --bs-modal-margin: 1.75rem; + --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + } + .modal-dialog { + max-width: var(--bs-modal-width); + margin-right: auto; + margin-left: auto; + } + .modal-sm { + --bs-modal-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, +.modal-xl { + --bs-modal-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + --bs-modal-width: 1140px; + } +} +.modal-fullscreen { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} +.modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} +.modal-fullscreen .modal-header, +.modal-fullscreen .modal-footer { + border-radius: 0; +} +.modal-fullscreen .modal-body { + overflow-y: auto; +} + +@media (max-width: 575.98px) { + .modal-fullscreen-sm-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-sm-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-sm-down .modal-header, +.modal-fullscreen-sm-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-sm-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 767.98px) { + .modal-fullscreen-md-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-md-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-md-down .modal-header, +.modal-fullscreen-md-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-md-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 991.98px) { + .modal-fullscreen-lg-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-lg-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-lg-down .modal-header, +.modal-fullscreen-lg-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-lg-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 1199.98px) { + .modal-fullscreen-xl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-xl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-xl-down .modal-header, +.modal-fullscreen-xl-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-xl-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 1399.98px) { + .modal-fullscreen-xxl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-xxl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-xxl-down .modal-header, +.modal-fullscreen-xxl-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; + } +} +.tooltip { + --bs-tooltip-zindex: 1080; + --bs-tooltip-max-width: 200px; + --bs-tooltip-padding-x: 0.5rem; + --bs-tooltip-padding-y: 0.25rem; + --bs-tooltip-margin: ; + --bs-tooltip-font-size: 0.875rem; + --bs-tooltip-color: #fff; + --bs-tooltip-bg: #000; + --bs-tooltip-border-radius: 0.375rem; + --bs-tooltip-opacity: 0.9; + --bs-tooltip-arrow-width: 0.8rem; + --bs-tooltip-arrow-height: 0.4rem; + z-index: var(--bs-tooltip-zindex); + display: block; + padding: var(--bs-tooltip-arrow-height); + margin: var(--bs-tooltip-margin); + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--bs-tooltip-font-size); + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: var(--bs-tooltip-opacity); +} +.tooltip .tooltip-arrow { + display: block; + width: var(--bs-tooltip-arrow-width); + height: var(--bs-tooltip-arrow-height); +} +.tooltip .tooltip-arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { + bottom: 0; +} +.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { + top: -1px; + border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; + border-top-color: var(--bs-tooltip-bg); +} + +/* rtl:begin:ignore */ +.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { + left: 0; + width: var(--bs-tooltip-arrow-height); + height: var(--bs-tooltip-arrow-width); +} +.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { + right: -1px; + border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; + border-right-color: var(--bs-tooltip-bg); +} + +/* rtl:end:ignore */ +.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { + top: 0; +} +.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { + bottom: -1px; + border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); + border-bottom-color: var(--bs-tooltip-bg); +} + +/* rtl:begin:ignore */ +.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { + right: 0; + width: var(--bs-tooltip-arrow-height); + height: var(--bs-tooltip-arrow-width); +} +.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { + left: -1px; + border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); + border-left-color: var(--bs-tooltip-bg); +} + +/* rtl:end:ignore */ +.tooltip-inner { + max-width: var(--bs-tooltip-max-width); + padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); + color: var(--bs-tooltip-color); + text-align: center; + background-color: var(--bs-tooltip-bg); + border-radius: var(--bs-tooltip-border-radius); +} + +.popover { + --bs-popover-zindex: 1070; + --bs-popover-max-width: 276px; + --bs-popover-font-size: 0.875rem; + --bs-popover-bg: #fff; + --bs-popover-border-width: 1px; + --bs-popover-border-color: var(--bs-border-color-translucent); + --bs-popover-border-radius: 0.5rem; + --bs-popover-inner-border-radius: calc(0.5rem - 1px); + --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + --bs-popover-header-padding-x: 1rem; + --bs-popover-header-padding-y: 0.5rem; + --bs-popover-header-font-size: 1rem; + --bs-popover-header-color: var(--bs-heading-color); + --bs-popover-header-bg: #f0f0f0; + --bs-popover-body-padding-x: 1rem; + --bs-popover-body-padding-y: 1rem; + --bs-popover-body-color: #212529; + --bs-popover-arrow-width: 1rem; + --bs-popover-arrow-height: 0.5rem; + --bs-popover-arrow-border: var(--bs-popover-border-color); + z-index: var(--bs-popover-zindex); + display: block; + max-width: var(--bs-popover-max-width); + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--bs-popover-font-size); + word-wrap: break-word; + background-color: var(--bs-popover-bg); + background-clip: padding-box; + border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); + border-radius: var(--bs-popover-border-radius); +} +.popover .popover-arrow { + display: block; + width: var(--bs-popover-arrow-width); + height: var(--bs-popover-arrow-height); +} +.popover .popover-arrow::before, .popover .popover-arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; + border-width: 0; +} + +.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { + bottom: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)); +} +.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { + border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; +} +.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { + bottom: 0; + border-top-color: var(--bs-popover-arrow-border); +} +.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { + bottom: var(--bs-popover-border-width); + border-top-color: var(--bs-popover-bg); +} + +/* rtl:begin:ignore */ +.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { + left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)); + width: var(--bs-popover-arrow-height); + height: var(--bs-popover-arrow-width); +} +.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { + border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; +} +.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { + left: 0; + border-right-color: var(--bs-popover-arrow-border); +} +.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { + left: var(--bs-popover-border-width); + border-right-color: var(--bs-popover-bg); +} + +/* rtl:end:ignore */ +.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { + top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)); +} +.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { + border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); +} +.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { + top: 0; + border-bottom-color: var(--bs-popover-arrow-border); +} +.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { + top: var(--bs-popover-border-width); + border-bottom-color: var(--bs-popover-bg); +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: var(--bs-popover-arrow-width); + margin-left: calc(var(--bs-popover-arrow-width) * -0.5); + content: ""; + border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); +} + +/* rtl:begin:ignore */ +.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { + right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)); + width: var(--bs-popover-arrow-height); + height: var(--bs-popover-arrow-width); +} +.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { + border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); +} +.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { + right: 0; + border-left-color: var(--bs-popover-arrow-border); +} +.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { + right: var(--bs-popover-border-width); + border-left-color: var(--bs-popover-bg); +} + +/* rtl:end:ignore */ +.popover-header { + padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); + margin-bottom: 0; + font-size: var(--bs-popover-header-font-size); + color: var(--bs-popover-header-color); + background-color: var(--bs-popover-header-bg); + border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); + border-top-left-radius: var(--bs-popover-inner-border-radius); + border-top-right-radius: var(--bs-popover-inner-border-radius); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); + color: var(--bs-popover-body-color); +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +/* rtl:begin:ignore */ +.carousel-item-next:not(.carousel-item-start), +.active.carousel-item-end { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-end), +.active.carousel-item-start { + transform: translateX(-100%); +} + +/* rtl:end:ignore */ +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-start, +.carousel-fade .carousel-item-prev.carousel-item-end { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-start, +.carousel-fade .active.carousel-item-end { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-start, +.carousel-fade .active.carousel-item-end { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + padding: 0; + color: #fff; + text-align: center; + background: none; + border: 0; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, +.carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 2rem; + height: 2rem; + background-repeat: no-repeat; + background-position: 50%; + background-size: 100% 100%; +} + +/* rtl:options: { + "autoRename": true, + "stringMap":[ { + "name" : "prev-next", + "search" : "prev", + "replace" : "next" + } ] +} */ +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + display: flex; + justify-content: center; + padding: 0; + margin-right: 15%; + margin-bottom: 1rem; + margin-left: 15%; + list-style: none; +} +.carousel-indicators [data-bs-target] { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + padding: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators [data-bs-target] { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 1.25rem; + left: 15%; + padding-top: 1.25rem; + padding-bottom: 1.25rem; + color: #fff; + text-align: center; +} + +.carousel-dark .carousel-control-prev-icon, +.carousel-dark .carousel-control-next-icon { + filter: invert(1) grayscale(100); +} +.carousel-dark .carousel-indicators [data-bs-target] { + background-color: #000; +} +.carousel-dark .carousel-caption { + color: #000; +} + +.spinner-grow, +.spinner-border { + display: inline-block; + width: var(--bs-spinner-width); + height: var(--bs-spinner-height); + vertical-align: var(--bs-spinner-vertical-align); + border-radius: 50%; + -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); + animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); +} + +@-webkit-keyframes spinner-border { + to { + transform: rotate(360deg) /* rtl:ignore */; + } +} + +@keyframes spinner-border { + to { + transform: rotate(360deg) /* rtl:ignore */; + } +} +.spinner-border { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-border-width: 0.25em; + --bs-spinner-animation-speed: 0.75s; + --bs-spinner-animation-name: spinner-border; + border: var(--bs-spinner-border-width) solid currentcolor; + border-right-color: transparent; +} + +.spinner-border-sm { + --bs-spinner-width: 1rem; + --bs-spinner-height: 1rem; + --bs-spinner-border-width: 0.2em; +} + +@-webkit-keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + transform: none; + } +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + transform: none; + } +} +.spinner-grow { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-animation-speed: 0.75s; + --bs-spinner-animation-name: spinner-grow; + background-color: currentcolor; + opacity: 0; +} + +.spinner-grow-sm { + --bs-spinner-width: 1rem; + --bs-spinner-height: 1rem; +} + +@media (prefers-reduced-motion: reduce) { + .spinner-border, +.spinner-grow { + --bs-spinner-animation-speed: 1.5s; + } +} +.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { + --bs-offcanvas-width: 400px; + --bs-offcanvas-height: 30vh; + --bs-offcanvas-padding-x: 1rem; + --bs-offcanvas-padding-y: 1rem; + --bs-offcanvas-color: ; + --bs-offcanvas-bg: #fff; + --bs-offcanvas-border-width: 1px; + --bs-offcanvas-border-color: var(--bs-border-color-translucent); + --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); +} + +@media (max-width: 575.98px) { + .offcanvas-sm { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } +} +@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-sm { + transition: none; + } +} +@media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } +} +@media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } +} +@media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } +} +@media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } +} +@media (max-width: 575.98px) { + .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { + transform: none; + } +} +@media (max-width: 575.98px) { + .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { + visibility: visible; + } +} +@media (min-width: 576px) { + .offcanvas-sm { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-sm .offcanvas-header { + display: none; + } + .offcanvas-sm .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 767.98px) { + .offcanvas-md { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } +} +@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-md { + transition: none; + } +} +@media (max-width: 767.98px) { + .offcanvas-md.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } +} +@media (max-width: 767.98px) { + .offcanvas-md.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } +} +@media (max-width: 767.98px) { + .offcanvas-md.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } +} +@media (max-width: 767.98px) { + .offcanvas-md.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } +} +@media (max-width: 767.98px) { + .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { + transform: none; + } +} +@media (max-width: 767.98px) { + .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { + visibility: visible; + } +} +@media (min-width: 768px) { + .offcanvas-md { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-md .offcanvas-header { + display: none; + } + .offcanvas-md .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 991.98px) { + .offcanvas-lg { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } +} +@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-lg { + transition: none; + } +} +@media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } +} +@media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } +} +@media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } +} +@media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } +} +@media (max-width: 991.98px) { + .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { + transform: none; + } +} +@media (max-width: 991.98px) { + .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { + visibility: visible; + } +} +@media (min-width: 992px) { + .offcanvas-lg { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-lg .offcanvas-header { + display: none; + } + .offcanvas-lg .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 1199.98px) { + .offcanvas-xl { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } +} +@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xl { + transition: none; + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { + transform: none; + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { + visibility: visible; + } +} +@media (min-width: 1200px) { + .offcanvas-xl { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-xl .offcanvas-header { + display: none; + } + .offcanvas-xl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 1399.98px) { + .offcanvas-xxl { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } +} +@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xxl { + transition: none; + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { + transform: none; + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { + visibility: visible; + } +} +@media (min-width: 1400px) { + .offcanvas-xxl { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-xxl .offcanvas-header { + display: none; + } + .offcanvas-xxl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +.offcanvas { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .offcanvas { + transition: none; + } +} +.offcanvas.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); +} +.offcanvas.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); +} +.offcanvas.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); +} +.offcanvas.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); +} +.offcanvas.showing, .offcanvas.show:not(.hiding) { + transform: none; +} +.offcanvas.showing, .offcanvas.hiding, .offcanvas.show { + visibility: visible; +} + +.offcanvas-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; +} +.offcanvas-backdrop.fade { + opacity: 0; +} +.offcanvas-backdrop.show { + opacity: 0.5; +} + +.offcanvas-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); +} +.offcanvas-header .btn-close { + padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); + margin-top: calc(var(--bs-offcanvas-padding-y) * -0.5); + margin-right: calc(var(--bs-offcanvas-padding-x) * -0.5); + margin-bottom: calc(var(--bs-offcanvas-padding-y) * -0.5); +} + +.offcanvas-title { + margin-bottom: 0; + line-height: 1.5; +} + +.offcanvas-body { + flex-grow: 1; + padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); + overflow-y: auto; +} + +.placeholder { + display: inline-block; + min-height: 1em; + vertical-align: middle; + cursor: wait; + background-color: currentcolor; + opacity: 0.5; +} +.placeholder.btn::before { + display: inline-block; + content: ""; +} + +.placeholder-xs { + min-height: 0.6em; +} + +.placeholder-sm { + min-height: 0.8em; +} + +.placeholder-lg { + min-height: 1.2em; +} + +.placeholder-glow .placeholder { + -webkit-animation: placeholder-glow 2s ease-in-out infinite; + animation: placeholder-glow 2s ease-in-out infinite; +} + +@-webkit-keyframes placeholder-glow { + 50% { + opacity: 0.2; + } +} + +@keyframes placeholder-glow { + 50% { + opacity: 0.2; + } +} +.placeholder-wave { + -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + -webkit-mask-size: 200% 100%; + mask-size: 200% 100%; + -webkit-animation: placeholder-wave 2s linear infinite; + animation: placeholder-wave 2s linear infinite; +} + +@-webkit-keyframes placeholder-wave { + 100% { + -webkit-mask-position: -200% 0%; + mask-position: -200% 0%; + } +} + +@keyframes placeholder-wave { + 100% { + -webkit-mask-position: -200% 0%; + mask-position: -200% 0%; + } +} +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.text-bg-primary { + color: #fff !important; + background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-secondary { + color: #fff !important; + background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-success { + color: #fff !important; + background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-info { + color: #000 !important; + background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-warning { + color: #000 !important; + background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-danger { + color: #fff !important; + background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-light { + color: #000 !important; + background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-dark { + color: #fff !important; + background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important; +} + +.link-primary { + color: #0d6efd !important; +} +.link-primary:hover, .link-primary:focus { + color: #0a58ca !important; +} + +.link-secondary { + color: #6c757d !important; +} +.link-secondary:hover, .link-secondary:focus { + color: #565e64 !important; +} + +.link-success { + color: #198754 !important; +} +.link-success:hover, .link-success:focus { + color: #146c43 !important; +} + +.link-info { + color: #0dcaf0 !important; +} +.link-info:hover, .link-info:focus { + color: #3dd5f3 !important; +} + +.link-warning { + color: #ffc107 !important; +} +.link-warning:hover, .link-warning:focus { + color: #ffcd39 !important; +} + +.link-danger { + color: #dc3545 !important; +} +.link-danger:hover, .link-danger:focus { + color: #b02a37 !important; +} + +.link-light { + color: #f8f9fa !important; +} +.link-light:hover, .link-light:focus { + color: #f9fafb !important; +} + +.link-dark { + color: #212529 !important; +} +.link-dark:hover, .link-dark:focus { + color: #1a1e21 !important; +} + +.ratio { + position: relative; + width: 100%; +} +.ratio::before { + display: block; + padding-top: var(--bs-aspect-ratio); + content: ""; +} +.ratio > * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.ratio-1x1 { + --bs-aspect-ratio: 100%; +} + +.ratio-4x3 { + --bs-aspect-ratio: 75%; +} + +.ratio-16x9 { + --bs-aspect-ratio: 56.25%; +} + +.ratio-21x9 { + --bs-aspect-ratio: 42.8571428571%; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +.sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; +} + +.sticky-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; +} + +@media (min-width: 576px) { + .sticky-sm-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-sm-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 768px) { + .sticky-md-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-md-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 992px) { + .sticky-lg-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-lg-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 1200px) { + .sticky-xl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-xl-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 1400px) { + .sticky-xxl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-xxl-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +.hstack { + display: flex; + flex-direction: row; + align-items: center; + align-self: stretch; +} + +.vstack { + display: flex; + flex: 1 1 auto; + flex-direction: column; + align-self: stretch; +} + +.visually-hidden, +.visually-hidden-focusable:not(:focus):not(:focus-within) { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + content: ""; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.vr { + display: inline-block; + align-self: stretch; + width: 1px; + min-height: 1em; + background-color: currentcolor; + opacity: 0.25; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.float-start { + float: left !important; +} + +.float-end { + float: right !important; +} + +.float-none { + float: none !important; +} + +.opacity-0 { + opacity: 0 !important; +} + +.opacity-25 { + opacity: 0.25 !important; +} + +.opacity-50 { + opacity: 0.5 !important; +} + +.opacity-75 { + opacity: 0.75 !important; +} + +.opacity-100 { + opacity: 1 !important; +} + +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.overflow-visible { + overflow: visible !important; +} + +.overflow-scroll { + overflow: scroll !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-grid { + display: grid !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +.d-none { + display: none !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: -webkit-sticky !important; + position: sticky !important; +} + +.top-0 { + top: 0 !important; +} + +.top-50 { + top: 50% !important; +} + +.top-100 { + top: 100% !important; +} + +.bottom-0 { + bottom: 0 !important; +} + +.bottom-50 { + bottom: 50% !important; +} + +.bottom-100 { + bottom: 100% !important; +} + +.start-0 { + left: 0 !important; +} + +.start-50 { + left: 50% !important; +} + +.start-100 { + left: 100% !important; +} + +.end-0 { + right: 0 !important; +} + +.end-50 { + right: 50% !important; +} + +.end-100 { + right: 100% !important; +} + +.translate-middle { + transform: translate(-50%, -50%) !important; +} + +.translate-middle-x { + transform: translateX(-50%) !important; +} + +.translate-middle-y { + transform: translateY(-50%) !important; +} + +.border { + border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top { + border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-end { + border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-end-0 { + border-right: 0 !important; +} + +.border-bottom { + border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-start { + border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-start-0 { + border-left: 0 !important; +} + +.border-primary { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; +} + +.border-secondary { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; +} + +.border-success { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; +} + +.border-info { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; +} + +.border-warning { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; +} + +.border-danger { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; +} + +.border-light { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; +} + +.border-dark { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; +} + +.border-white { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; +} + +.border-1 { + --bs-border-width: 1px; +} + +.border-2 { + --bs-border-width: 2px; +} + +.border-3 { + --bs-border-width: 3px; +} + +.border-4 { + --bs-border-width: 4px; +} + +.border-5 { + --bs-border-width: 5px; +} + +.border-opacity-10 { + --bs-border-opacity: 0.1; +} + +.border-opacity-25 { + --bs-border-opacity: 0.25; +} + +.border-opacity-50 { + --bs-border-opacity: 0.5; +} + +.border-opacity-75 { + --bs-border-opacity: 0.75; +} + +.border-opacity-100 { + --bs-border-opacity: 1; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.vw-100 { + width: 100vw !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.vh-100 { + height: 100vh !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.justify-content-evenly { + justify-content: space-evenly !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +.order-first { + order: -1 !important; +} + +.order-0 { + order: 0 !important; +} + +.order-1 { + order: 1 !important; +} + +.order-2 { + order: 2 !important; +} + +.order-3 { + order: 3 !important; +} + +.order-4 { + order: 4 !important; +} + +.order-5 { + order: 5 !important; +} + +.order-last { + order: 6 !important; +} + +.m-0 { + margin: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} + +.mx-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; +} + +.mx-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; +} + +.mx-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} + +.mx-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; +} + +.mx-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; +} + +.mx-auto { + margin-right: auto !important; + margin-left: auto !important; +} + +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; +} + +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} + +.my-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} + +.my-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} + +.my-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} + +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} + +.mt-0 { + margin-top: 0 !important; +} + +.mt-1 { + margin-top: 0.25rem !important; +} + +.mt-2 { + margin-top: 0.5rem !important; +} + +.mt-3 { + margin-top: 1rem !important; +} + +.mt-4 { + margin-top: 1.5rem !important; +} + +.mt-5 { + margin-top: 3rem !important; +} + +.mt-auto { + margin-top: auto !important; +} + +.me-0 { + margin-right: 0 !important; +} + +.me-1 { + margin-right: 0.25rem !important; +} + +.me-2 { + margin-right: 0.5rem !important; +} + +.me-3 { + margin-right: 1rem !important; +} + +.me-4 { + margin-right: 1.5rem !important; +} + +.me-5 { + margin-right: 3rem !important; +} + +.me-auto { + margin-right: auto !important; +} + +.mb-0 { + margin-bottom: 0 !important; +} + +.mb-1 { + margin-bottom: 0.25rem !important; +} + +.mb-2 { + margin-bottom: 0.5rem !important; +} + +.mb-3 { + margin-bottom: 1rem !important; +} + +.mb-4 { + margin-bottom: 1.5rem !important; +} + +.mb-5 { + margin-bottom: 3rem !important; +} + +.mb-auto { + margin-bottom: auto !important; +} + +.ms-0 { + margin-left: 0 !important; +} + +.ms-1 { + margin-left: 0.25rem !important; +} + +.ms-2 { + margin-left: 0.5rem !important; +} + +.ms-3 { + margin-left: 1rem !important; +} + +.ms-4 { + margin-left: 1.5rem !important; +} + +.ms-5 { + margin-left: 3rem !important; +} + +.ms-auto { + margin-left: auto !important; +} + +.p-0 { + padding: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.px-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} + +.px-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; +} + +.px-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; +} + +.px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; +} + +.px-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; +} + +.px-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; +} + +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} + +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} + +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} + +.py-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} + +.py-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} + +.py-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} + +.pt-0 { + padding-top: 0 !important; +} + +.pt-1 { + padding-top: 0.25rem !important; +} + +.pt-2 { + padding-top: 0.5rem !important; +} + +.pt-3 { + padding-top: 1rem !important; +} + +.pt-4 { + padding-top: 1.5rem !important; +} + +.pt-5 { + padding-top: 3rem !important; +} + +.pe-0 { + padding-right: 0 !important; +} + +.pe-1 { + padding-right: 0.25rem !important; +} + +.pe-2 { + padding-right: 0.5rem !important; +} + +.pe-3 { + padding-right: 1rem !important; +} + +.pe-4 { + padding-right: 1.5rem !important; +} + +.pe-5 { + padding-right: 3rem !important; +} + +.pb-0 { + padding-bottom: 0 !important; +} + +.pb-1 { + padding-bottom: 0.25rem !important; +} + +.pb-2 { + padding-bottom: 0.5rem !important; +} + +.pb-3 { + padding-bottom: 1rem !important; +} + +.pb-4 { + padding-bottom: 1.5rem !important; +} + +.pb-5 { + padding-bottom: 3rem !important; +} + +.ps-0 { + padding-left: 0 !important; +} + +.ps-1 { + padding-left: 0.25rem !important; +} + +.ps-2 { + padding-left: 0.5rem !important; +} + +.ps-3 { + padding-left: 1rem !important; +} + +.ps-4 { + padding-left: 1.5rem !important; +} + +.ps-5 { + padding-left: 3rem !important; +} + +.gap-0 { + gap: 0 !important; +} + +.gap-1 { + gap: 0.25rem !important; +} + +.gap-2 { + gap: 0.5rem !important; +} + +.gap-3 { + gap: 1rem !important; +} + +.gap-4 { + gap: 1.5rem !important; +} + +.gap-5 { + gap: 3rem !important; +} + +.font-monospace { + font-family: var(--bs-font-monospace) !important; +} + +.fs-1 { + font-size: calc(1.375rem + 1.5vw) !important; +} + +.fs-2 { + font-size: calc(1.325rem + 0.9vw) !important; +} + +.fs-3 { + font-size: calc(1.3rem + 0.6vw) !important; +} + +.fs-4 { + font-size: calc(1.275rem + 0.3vw) !important; +} + +.fs-5 { + font-size: 1.25rem !important; +} + +.fs-6 { + font-size: 1rem !important; +} + +.fst-italic { + font-style: italic !important; +} + +.fst-normal { + font-style: normal !important; +} + +.fw-light { + font-weight: 300 !important; +} + +.fw-lighter { + font-weight: lighter !important; +} + +.fw-normal { + font-weight: 400 !important; +} + +.fw-bold { + font-weight: 700 !important; +} + +.fw-semibold { + font-weight: 600 !important; +} + +.fw-bolder { + font-weight: bolder !important; +} + +.lh-1 { + line-height: 1 !important; +} + +.lh-sm { + line-height: 1.25 !important; +} + +.lh-base { + line-height: 1.5 !important; +} + +.lh-lg { + line-height: 2 !important; +} + +.text-start { + text-align: left !important; +} + +.text-end { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-decoration-underline { + text-decoration: underline !important; +} + +.text-decoration-line-through { + text-decoration: line-through !important; +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +/* rtl:begin:remove */ +.text-break { + word-wrap: break-word !important; + word-break: break-word !important; +} + +/* rtl:end:remove */ +.text-primary { + --bs-text-opacity: 1; + color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; +} + +.text-secondary { + --bs-text-opacity: 1; + color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; +} + +.text-success { + --bs-text-opacity: 1; + color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; +} + +.text-info { + --bs-text-opacity: 1; + color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; +} + +.text-warning { + --bs-text-opacity: 1; + color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; +} + +.text-danger { + --bs-text-opacity: 1; + color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; +} + +.text-light { + --bs-text-opacity: 1; + color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; +} + +.text-dark { + --bs-text-opacity: 1; + color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; +} + +.text-black { + --bs-text-opacity: 1; + color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; +} + +.text-white { + --bs-text-opacity: 1; + color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; +} + +.text-body { + --bs-text-opacity: 1; + color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; +} + +.text-muted { + --bs-text-opacity: 1; + color: #6c757d !important; +} + +.text-black-50 { + --bs-text-opacity: 1; + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + --bs-text-opacity: 1; + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-reset { + --bs-text-opacity: 1; + color: inherit !important; +} + +.text-opacity-25 { + --bs-text-opacity: 0.25; +} + +.text-opacity-50 { + --bs-text-opacity: 0.5; +} + +.text-opacity-75 { + --bs-text-opacity: 0.75; +} + +.text-opacity-100 { + --bs-text-opacity: 1; +} + +.bg-primary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-secondary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-success { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-info { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-warning { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-danger { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-light { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-dark { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-black { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-white { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-body { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-transparent { + --bs-bg-opacity: 1; + background-color: transparent !important; +} + +.bg-opacity-10 { + --bs-bg-opacity: 0.1; +} + +.bg-opacity-25 { + --bs-bg-opacity: 0.25; +} + +.bg-opacity-50 { + --bs-bg-opacity: 0.5; +} + +.bg-opacity-75 { + --bs-bg-opacity: 0.75; +} + +.bg-opacity-100 { + --bs-bg-opacity: 1; +} + +.bg-gradient { + background-image: var(--bs-gradient) !important; +} + +.user-select-all { + -webkit-user-select: all !important; + -moz-user-select: all !important; + user-select: all !important; +} + +.user-select-auto { + -webkit-user-select: auto !important; + -moz-user-select: auto !important; + user-select: auto !important; +} + +.user-select-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + user-select: none !important; +} + +.pe-none { + pointer-events: none !important; +} + +.pe-auto { + pointer-events: auto !important; +} + +.rounded { + border-radius: var(--bs-border-radius) !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.rounded-1 { + border-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-2 { + border-radius: var(--bs-border-radius) !important; +} + +.rounded-3 { + border-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-4 { + border-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-5 { + border-radius: var(--bs-border-radius-2xl) !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-top { + border-top-left-radius: var(--bs-border-radius) !important; + border-top-right-radius: var(--bs-border-radius) !important; +} + +.rounded-end { + border-top-right-radius: var(--bs-border-radius) !important; + border-bottom-right-radius: var(--bs-border-radius) !important; +} + +.rounded-bottom { + border-bottom-right-radius: var(--bs-border-radius) !important; + border-bottom-left-radius: var(--bs-border-radius) !important; +} + +.rounded-start { + border-bottom-left-radius: var(--bs-border-radius) !important; + border-top-left-radius: var(--bs-border-radius) !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media (min-width: 576px) { + .float-sm-start { + float: left !important; + } + .float-sm-end { + float: right !important; + } + .float-sm-none { + float: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-grid { + display: grid !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } + .d-sm-none { + display: none !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .justify-content-sm-evenly { + justify-content: space-evenly !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } + .order-sm-first { + order: -1 !important; + } + .order-sm-0 { + order: 0 !important; + } + .order-sm-1 { + order: 1 !important; + } + .order-sm-2 { + order: 2 !important; + } + .order-sm-3 { + order: 3 !important; + } + .order-sm-4 { + order: 4 !important; + } + .order-sm-5 { + order: 5 !important; + } + .order-sm-last { + order: 6 !important; + } + .m-sm-0 { + margin: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-sm-0 { + margin-top: 0 !important; + } + .mt-sm-1 { + margin-top: 0.25rem !important; + } + .mt-sm-2 { + margin-top: 0.5rem !important; + } + .mt-sm-3 { + margin-top: 1rem !important; + } + .mt-sm-4 { + margin-top: 1.5rem !important; + } + .mt-sm-5 { + margin-top: 3rem !important; + } + .mt-sm-auto { + margin-top: auto !important; + } + .me-sm-0 { + margin-right: 0 !important; + } + .me-sm-1 { + margin-right: 0.25rem !important; + } + .me-sm-2 { + margin-right: 0.5rem !important; + } + .me-sm-3 { + margin-right: 1rem !important; + } + .me-sm-4 { + margin-right: 1.5rem !important; + } + .me-sm-5 { + margin-right: 3rem !important; + } + .me-sm-auto { + margin-right: auto !important; + } + .mb-sm-0 { + margin-bottom: 0 !important; + } + .mb-sm-1 { + margin-bottom: 0.25rem !important; + } + .mb-sm-2 { + margin-bottom: 0.5rem !important; + } + .mb-sm-3 { + margin-bottom: 1rem !important; + } + .mb-sm-4 { + margin-bottom: 1.5rem !important; + } + .mb-sm-5 { + margin-bottom: 3rem !important; + } + .mb-sm-auto { + margin-bottom: auto !important; + } + .ms-sm-0 { + margin-left: 0 !important; + } + .ms-sm-1 { + margin-left: 0.25rem !important; + } + .ms-sm-2 { + margin-left: 0.5rem !important; + } + .ms-sm-3 { + margin-left: 1rem !important; + } + .ms-sm-4 { + margin-left: 1.5rem !important; + } + .ms-sm-5 { + margin-left: 3rem !important; + } + .ms-sm-auto { + margin-left: auto !important; + } + .p-sm-0 { + padding: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-sm-0 { + padding-top: 0 !important; + } + .pt-sm-1 { + padding-top: 0.25rem !important; + } + .pt-sm-2 { + padding-top: 0.5rem !important; + } + .pt-sm-3 { + padding-top: 1rem !important; + } + .pt-sm-4 { + padding-top: 1.5rem !important; + } + .pt-sm-5 { + padding-top: 3rem !important; + } + .pe-sm-0 { + padding-right: 0 !important; + } + .pe-sm-1 { + padding-right: 0.25rem !important; + } + .pe-sm-2 { + padding-right: 0.5rem !important; + } + .pe-sm-3 { + padding-right: 1rem !important; + } + .pe-sm-4 { + padding-right: 1.5rem !important; + } + .pe-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-0 { + padding-bottom: 0 !important; + } + .pb-sm-1 { + padding-bottom: 0.25rem !important; + } + .pb-sm-2 { + padding-bottom: 0.5rem !important; + } + .pb-sm-3 { + padding-bottom: 1rem !important; + } + .pb-sm-4 { + padding-bottom: 1.5rem !important; + } + .pb-sm-5 { + padding-bottom: 3rem !important; + } + .ps-sm-0 { + padding-left: 0 !important; + } + .ps-sm-1 { + padding-left: 0.25rem !important; + } + .ps-sm-2 { + padding-left: 0.5rem !important; + } + .ps-sm-3 { + padding-left: 1rem !important; + } + .ps-sm-4 { + padding-left: 1.5rem !important; + } + .ps-sm-5 { + padding-left: 3rem !important; + } + .gap-sm-0 { + gap: 0 !important; + } + .gap-sm-1 { + gap: 0.25rem !important; + } + .gap-sm-2 { + gap: 0.5rem !important; + } + .gap-sm-3 { + gap: 1rem !important; + } + .gap-sm-4 { + gap: 1.5rem !important; + } + .gap-sm-5 { + gap: 3rem !important; + } + .text-sm-start { + text-align: left !important; + } + .text-sm-end { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .float-md-start { + float: left !important; + } + .float-md-end { + float: right !important; + } + .float-md-none { + float: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-grid { + display: grid !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } + .d-md-none { + display: none !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .justify-content-md-evenly { + justify-content: space-evenly !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } + .order-md-first { + order: -1 !important; + } + .order-md-0 { + order: 0 !important; + } + .order-md-1 { + order: 1 !important; + } + .order-md-2 { + order: 2 !important; + } + .order-md-3 { + order: 3 !important; + } + .order-md-4 { + order: 4 !important; + } + .order-md-5 { + order: 5 !important; + } + .order-md-last { + order: 6 !important; + } + .m-md-0 { + margin: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-md-0 { + margin-top: 0 !important; + } + .mt-md-1 { + margin-top: 0.25rem !important; + } + .mt-md-2 { + margin-top: 0.5rem !important; + } + .mt-md-3 { + margin-top: 1rem !important; + } + .mt-md-4 { + margin-top: 1.5rem !important; + } + .mt-md-5 { + margin-top: 3rem !important; + } + .mt-md-auto { + margin-top: auto !important; + } + .me-md-0 { + margin-right: 0 !important; + } + .me-md-1 { + margin-right: 0.25rem !important; + } + .me-md-2 { + margin-right: 0.5rem !important; + } + .me-md-3 { + margin-right: 1rem !important; + } + .me-md-4 { + margin-right: 1.5rem !important; + } + .me-md-5 { + margin-right: 3rem !important; + } + .me-md-auto { + margin-right: auto !important; + } + .mb-md-0 { + margin-bottom: 0 !important; + } + .mb-md-1 { + margin-bottom: 0.25rem !important; + } + .mb-md-2 { + margin-bottom: 0.5rem !important; + } + .mb-md-3 { + margin-bottom: 1rem !important; + } + .mb-md-4 { + margin-bottom: 1.5rem !important; + } + .mb-md-5 { + margin-bottom: 3rem !important; + } + .mb-md-auto { + margin-bottom: auto !important; + } + .ms-md-0 { + margin-left: 0 !important; + } + .ms-md-1 { + margin-left: 0.25rem !important; + } + .ms-md-2 { + margin-left: 0.5rem !important; + } + .ms-md-3 { + margin-left: 1rem !important; + } + .ms-md-4 { + margin-left: 1.5rem !important; + } + .ms-md-5 { + margin-left: 3rem !important; + } + .ms-md-auto { + margin-left: auto !important; + } + .p-md-0 { + padding: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-md-0 { + padding-top: 0 !important; + } + .pt-md-1 { + padding-top: 0.25rem !important; + } + .pt-md-2 { + padding-top: 0.5rem !important; + } + .pt-md-3 { + padding-top: 1rem !important; + } + .pt-md-4 { + padding-top: 1.5rem !important; + } + .pt-md-5 { + padding-top: 3rem !important; + } + .pe-md-0 { + padding-right: 0 !important; + } + .pe-md-1 { + padding-right: 0.25rem !important; + } + .pe-md-2 { + padding-right: 0.5rem !important; + } + .pe-md-3 { + padding-right: 1rem !important; + } + .pe-md-4 { + padding-right: 1.5rem !important; + } + .pe-md-5 { + padding-right: 3rem !important; + } + .pb-md-0 { + padding-bottom: 0 !important; + } + .pb-md-1 { + padding-bottom: 0.25rem !important; + } + .pb-md-2 { + padding-bottom: 0.5rem !important; + } + .pb-md-3 { + padding-bottom: 1rem !important; + } + .pb-md-4 { + padding-bottom: 1.5rem !important; + } + .pb-md-5 { + padding-bottom: 3rem !important; + } + .ps-md-0 { + padding-left: 0 !important; + } + .ps-md-1 { + padding-left: 0.25rem !important; + } + .ps-md-2 { + padding-left: 0.5rem !important; + } + .ps-md-3 { + padding-left: 1rem !important; + } + .ps-md-4 { + padding-left: 1.5rem !important; + } + .ps-md-5 { + padding-left: 3rem !important; + } + .gap-md-0 { + gap: 0 !important; + } + .gap-md-1 { + gap: 0.25rem !important; + } + .gap-md-2 { + gap: 0.5rem !important; + } + .gap-md-3 { + gap: 1rem !important; + } + .gap-md-4 { + gap: 1.5rem !important; + } + .gap-md-5 { + gap: 3rem !important; + } + .text-md-start { + text-align: left !important; + } + .text-md-end { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .float-lg-start { + float: left !important; + } + .float-lg-end { + float: right !important; + } + .float-lg-none { + float: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-grid { + display: grid !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } + .d-lg-none { + display: none !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .justify-content-lg-evenly { + justify-content: space-evenly !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } + .order-lg-first { + order: -1 !important; + } + .order-lg-0 { + order: 0 !important; + } + .order-lg-1 { + order: 1 !important; + } + .order-lg-2 { + order: 2 !important; + } + .order-lg-3 { + order: 3 !important; + } + .order-lg-4 { + order: 4 !important; + } + .order-lg-5 { + order: 5 !important; + } + .order-lg-last { + order: 6 !important; + } + .m-lg-0 { + margin: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-lg-0 { + margin-top: 0 !important; + } + .mt-lg-1 { + margin-top: 0.25rem !important; + } + .mt-lg-2 { + margin-top: 0.5rem !important; + } + .mt-lg-3 { + margin-top: 1rem !important; + } + .mt-lg-4 { + margin-top: 1.5rem !important; + } + .mt-lg-5 { + margin-top: 3rem !important; + } + .mt-lg-auto { + margin-top: auto !important; + } + .me-lg-0 { + margin-right: 0 !important; + } + .me-lg-1 { + margin-right: 0.25rem !important; + } + .me-lg-2 { + margin-right: 0.5rem !important; + } + .me-lg-3 { + margin-right: 1rem !important; + } + .me-lg-4 { + margin-right: 1.5rem !important; + } + .me-lg-5 { + margin-right: 3rem !important; + } + .me-lg-auto { + margin-right: auto !important; + } + .mb-lg-0 { + margin-bottom: 0 !important; + } + .mb-lg-1 { + margin-bottom: 0.25rem !important; + } + .mb-lg-2 { + margin-bottom: 0.5rem !important; + } + .mb-lg-3 { + margin-bottom: 1rem !important; + } + .mb-lg-4 { + margin-bottom: 1.5rem !important; + } + .mb-lg-5 { + margin-bottom: 3rem !important; + } + .mb-lg-auto { + margin-bottom: auto !important; + } + .ms-lg-0 { + margin-left: 0 !important; + } + .ms-lg-1 { + margin-left: 0.25rem !important; + } + .ms-lg-2 { + margin-left: 0.5rem !important; + } + .ms-lg-3 { + margin-left: 1rem !important; + } + .ms-lg-4 { + margin-left: 1.5rem !important; + } + .ms-lg-5 { + margin-left: 3rem !important; + } + .ms-lg-auto { + margin-left: auto !important; + } + .p-lg-0 { + padding: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-lg-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-lg-0 { + padding-top: 0 !important; + } + .pt-lg-1 { + padding-top: 0.25rem !important; + } + .pt-lg-2 { + padding-top: 0.5rem !important; + } + .pt-lg-3 { + padding-top: 1rem !important; + } + .pt-lg-4 { + padding-top: 1.5rem !important; + } + .pt-lg-5 { + padding-top: 3rem !important; + } + .pe-lg-0 { + padding-right: 0 !important; + } + .pe-lg-1 { + padding-right: 0.25rem !important; + } + .pe-lg-2 { + padding-right: 0.5rem !important; + } + .pe-lg-3 { + padding-right: 1rem !important; + } + .pe-lg-4 { + padding-right: 1.5rem !important; + } + .pe-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-0 { + padding-bottom: 0 !important; + } + .pb-lg-1 { + padding-bottom: 0.25rem !important; + } + .pb-lg-2 { + padding-bottom: 0.5rem !important; + } + .pb-lg-3 { + padding-bottom: 1rem !important; + } + .pb-lg-4 { + padding-bottom: 1.5rem !important; + } + .pb-lg-5 { + padding-bottom: 3rem !important; + } + .ps-lg-0 { + padding-left: 0 !important; + } + .ps-lg-1 { + padding-left: 0.25rem !important; + } + .ps-lg-2 { + padding-left: 0.5rem !important; + } + .ps-lg-3 { + padding-left: 1rem !important; + } + .ps-lg-4 { + padding-left: 1.5rem !important; + } + .ps-lg-5 { + padding-left: 3rem !important; + } + .gap-lg-0 { + gap: 0 !important; + } + .gap-lg-1 { + gap: 0.25rem !important; + } + .gap-lg-2 { + gap: 0.5rem !important; + } + .gap-lg-3 { + gap: 1rem !important; + } + .gap-lg-4 { + gap: 1.5rem !important; + } + .gap-lg-5 { + gap: 3rem !important; + } + .text-lg-start { + text-align: left !important; + } + .text-lg-end { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .float-xl-start { + float: left !important; + } + .float-xl-end { + float: right !important; + } + .float-xl-none { + float: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-grid { + display: grid !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } + .d-xl-none { + display: none !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .justify-content-xl-evenly { + justify-content: space-evenly !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } + .order-xl-first { + order: -1 !important; + } + .order-xl-0 { + order: 0 !important; + } + .order-xl-1 { + order: 1 !important; + } + .order-xl-2 { + order: 2 !important; + } + .order-xl-3 { + order: 3 !important; + } + .order-xl-4 { + order: 4 !important; + } + .order-xl-5 { + order: 5 !important; + } + .order-xl-last { + order: 6 !important; + } + .m-xl-0 { + margin: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-xl-0 { + margin-top: 0 !important; + } + .mt-xl-1 { + margin-top: 0.25rem !important; + } + .mt-xl-2 { + margin-top: 0.5rem !important; + } + .mt-xl-3 { + margin-top: 1rem !important; + } + .mt-xl-4 { + margin-top: 1.5rem !important; + } + .mt-xl-5 { + margin-top: 3rem !important; + } + .mt-xl-auto { + margin-top: auto !important; + } + .me-xl-0 { + margin-right: 0 !important; + } + .me-xl-1 { + margin-right: 0.25rem !important; + } + .me-xl-2 { + margin-right: 0.5rem !important; + } + .me-xl-3 { + margin-right: 1rem !important; + } + .me-xl-4 { + margin-right: 1.5rem !important; + } + .me-xl-5 { + margin-right: 3rem !important; + } + .me-xl-auto { + margin-right: auto !important; + } + .mb-xl-0 { + margin-bottom: 0 !important; + } + .mb-xl-1 { + margin-bottom: 0.25rem !important; + } + .mb-xl-2 { + margin-bottom: 0.5rem !important; + } + .mb-xl-3 { + margin-bottom: 1rem !important; + } + .mb-xl-4 { + margin-bottom: 1.5rem !important; + } + .mb-xl-5 { + margin-bottom: 3rem !important; + } + .mb-xl-auto { + margin-bottom: auto !important; + } + .ms-xl-0 { + margin-left: 0 !important; + } + .ms-xl-1 { + margin-left: 0.25rem !important; + } + .ms-xl-2 { + margin-left: 0.5rem !important; + } + .ms-xl-3 { + margin-left: 1rem !important; + } + .ms-xl-4 { + margin-left: 1.5rem !important; + } + .ms-xl-5 { + margin-left: 3rem !important; + } + .ms-xl-auto { + margin-left: auto !important; + } + .p-xl-0 { + padding: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-xl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-xl-0 { + padding-top: 0 !important; + } + .pt-xl-1 { + padding-top: 0.25rem !important; + } + .pt-xl-2 { + padding-top: 0.5rem !important; + } + .pt-xl-3 { + padding-top: 1rem !important; + } + .pt-xl-4 { + padding-top: 1.5rem !important; + } + .pt-xl-5 { + padding-top: 3rem !important; + } + .pe-xl-0 { + padding-right: 0 !important; + } + .pe-xl-1 { + padding-right: 0.25rem !important; + } + .pe-xl-2 { + padding-right: 0.5rem !important; + } + .pe-xl-3 { + padding-right: 1rem !important; + } + .pe-xl-4 { + padding-right: 1.5rem !important; + } + .pe-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-0 { + padding-bottom: 0 !important; + } + .pb-xl-1 { + padding-bottom: 0.25rem !important; + } + .pb-xl-2 { + padding-bottom: 0.5rem !important; + } + .pb-xl-3 { + padding-bottom: 1rem !important; + } + .pb-xl-4 { + padding-bottom: 1.5rem !important; + } + .pb-xl-5 { + padding-bottom: 3rem !important; + } + .ps-xl-0 { + padding-left: 0 !important; + } + .ps-xl-1 { + padding-left: 0.25rem !important; + } + .ps-xl-2 { + padding-left: 0.5rem !important; + } + .ps-xl-3 { + padding-left: 1rem !important; + } + .ps-xl-4 { + padding-left: 1.5rem !important; + } + .ps-xl-5 { + padding-left: 3rem !important; + } + .gap-xl-0 { + gap: 0 !important; + } + .gap-xl-1 { + gap: 0.25rem !important; + } + .gap-xl-2 { + gap: 0.5rem !important; + } + .gap-xl-3 { + gap: 1rem !important; + } + .gap-xl-4 { + gap: 1.5rem !important; + } + .gap-xl-5 { + gap: 3rem !important; + } + .text-xl-start { + text-align: left !important; + } + .text-xl-end { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} +@media (min-width: 1400px) { + .float-xxl-start { + float: left !important; + } + .float-xxl-end { + float: right !important; + } + .float-xxl-none { + float: none !important; + } + .d-xxl-inline { + display: inline !important; + } + .d-xxl-inline-block { + display: inline-block !important; + } + .d-xxl-block { + display: block !important; + } + .d-xxl-grid { + display: grid !important; + } + .d-xxl-table { + display: table !important; + } + .d-xxl-table-row { + display: table-row !important; + } + .d-xxl-table-cell { + display: table-cell !important; + } + .d-xxl-flex { + display: flex !important; + } + .d-xxl-inline-flex { + display: inline-flex !important; + } + .d-xxl-none { + display: none !important; + } + .flex-xxl-fill { + flex: 1 1 auto !important; + } + .flex-xxl-row { + flex-direction: row !important; + } + .flex-xxl-column { + flex-direction: column !important; + } + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xxl-grow-0 { + flex-grow: 0 !important; + } + .flex-xxl-grow-1 { + flex-grow: 1 !important; + } + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; + } + .flex-xxl-wrap { + flex-wrap: wrap !important; + } + .flex-xxl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-xxl-start { + justify-content: flex-start !important; + } + .justify-content-xxl-end { + justify-content: flex-end !important; + } + .justify-content-xxl-center { + justify-content: center !important; + } + .justify-content-xxl-between { + justify-content: space-between !important; + } + .justify-content-xxl-around { + justify-content: space-around !important; + } + .justify-content-xxl-evenly { + justify-content: space-evenly !important; + } + .align-items-xxl-start { + align-items: flex-start !important; + } + .align-items-xxl-end { + align-items: flex-end !important; + } + .align-items-xxl-center { + align-items: center !important; + } + .align-items-xxl-baseline { + align-items: baseline !important; + } + .align-items-xxl-stretch { + align-items: stretch !important; + } + .align-content-xxl-start { + align-content: flex-start !important; + } + .align-content-xxl-end { + align-content: flex-end !important; + } + .align-content-xxl-center { + align-content: center !important; + } + .align-content-xxl-between { + align-content: space-between !important; + } + .align-content-xxl-around { + align-content: space-around !important; + } + .align-content-xxl-stretch { + align-content: stretch !important; + } + .align-self-xxl-auto { + align-self: auto !important; + } + .align-self-xxl-start { + align-self: flex-start !important; + } + .align-self-xxl-end { + align-self: flex-end !important; + } + .align-self-xxl-center { + align-self: center !important; + } + .align-self-xxl-baseline { + align-self: baseline !important; + } + .align-self-xxl-stretch { + align-self: stretch !important; + } + .order-xxl-first { + order: -1 !important; + } + .order-xxl-0 { + order: 0 !important; + } + .order-xxl-1 { + order: 1 !important; + } + .order-xxl-2 { + order: 2 !important; + } + .order-xxl-3 { + order: 3 !important; + } + .order-xxl-4 { + order: 4 !important; + } + .order-xxl-5 { + order: 5 !important; + } + .order-xxl-last { + order: 6 !important; + } + .m-xxl-0 { + margin: 0 !important; + } + .m-xxl-1 { + margin: 0.25rem !important; + } + .m-xxl-2 { + margin: 0.5rem !important; + } + .m-xxl-3 { + margin: 1rem !important; + } + .m-xxl-4 { + margin: 1.5rem !important; + } + .m-xxl-5 { + margin: 3rem !important; + } + .m-xxl-auto { + margin: auto !important; + } + .mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-xxl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-xxl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-xxl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-xxl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-xxl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-xxl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-xxl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-xxl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-xxl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-xxl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-xxl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-xxl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-xxl-0 { + margin-top: 0 !important; + } + .mt-xxl-1 { + margin-top: 0.25rem !important; + } + .mt-xxl-2 { + margin-top: 0.5rem !important; + } + .mt-xxl-3 { + margin-top: 1rem !important; + } + .mt-xxl-4 { + margin-top: 1.5rem !important; + } + .mt-xxl-5 { + margin-top: 3rem !important; + } + .mt-xxl-auto { + margin-top: auto !important; + } + .me-xxl-0 { + margin-right: 0 !important; + } + .me-xxl-1 { + margin-right: 0.25rem !important; + } + .me-xxl-2 { + margin-right: 0.5rem !important; + } + .me-xxl-3 { + margin-right: 1rem !important; + } + .me-xxl-4 { + margin-right: 1.5rem !important; + } + .me-xxl-5 { + margin-right: 3rem !important; + } + .me-xxl-auto { + margin-right: auto !important; + } + .mb-xxl-0 { + margin-bottom: 0 !important; + } + .mb-xxl-1 { + margin-bottom: 0.25rem !important; + } + .mb-xxl-2 { + margin-bottom: 0.5rem !important; + } + .mb-xxl-3 { + margin-bottom: 1rem !important; + } + .mb-xxl-4 { + margin-bottom: 1.5rem !important; + } + .mb-xxl-5 { + margin-bottom: 3rem !important; + } + .mb-xxl-auto { + margin-bottom: auto !important; + } + .ms-xxl-0 { + margin-left: 0 !important; + } + .ms-xxl-1 { + margin-left: 0.25rem !important; + } + .ms-xxl-2 { + margin-left: 0.5rem !important; + } + .ms-xxl-3 { + margin-left: 1rem !important; + } + .ms-xxl-4 { + margin-left: 1.5rem !important; + } + .ms-xxl-5 { + margin-left: 3rem !important; + } + .ms-xxl-auto { + margin-left: auto !important; + } + .p-xxl-0 { + padding: 0 !important; + } + .p-xxl-1 { + padding: 0.25rem !important; + } + .p-xxl-2 { + padding: 0.5rem !important; + } + .p-xxl-3 { + padding: 1rem !important; + } + .p-xxl-4 { + padding: 1.5rem !important; + } + .p-xxl-5 { + padding: 3rem !important; + } + .px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-xxl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-xxl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-xxl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-xxl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-xxl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-xxl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-xxl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-xxl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-xxl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-xxl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-xxl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-xxl-0 { + padding-top: 0 !important; + } + .pt-xxl-1 { + padding-top: 0.25rem !important; + } + .pt-xxl-2 { + padding-top: 0.5rem !important; + } + .pt-xxl-3 { + padding-top: 1rem !important; + } + .pt-xxl-4 { + padding-top: 1.5rem !important; + } + .pt-xxl-5 { + padding-top: 3rem !important; + } + .pe-xxl-0 { + padding-right: 0 !important; + } + .pe-xxl-1 { + padding-right: 0.25rem !important; + } + .pe-xxl-2 { + padding-right: 0.5rem !important; + } + .pe-xxl-3 { + padding-right: 1rem !important; + } + .pe-xxl-4 { + padding-right: 1.5rem !important; + } + .pe-xxl-5 { + padding-right: 3rem !important; + } + .pb-xxl-0 { + padding-bottom: 0 !important; + } + .pb-xxl-1 { + padding-bottom: 0.25rem !important; + } + .pb-xxl-2 { + padding-bottom: 0.5rem !important; + } + .pb-xxl-3 { + padding-bottom: 1rem !important; + } + .pb-xxl-4 { + padding-bottom: 1.5rem !important; + } + .pb-xxl-5 { + padding-bottom: 3rem !important; + } + .ps-xxl-0 { + padding-left: 0 !important; + } + .ps-xxl-1 { + padding-left: 0.25rem !important; + } + .ps-xxl-2 { + padding-left: 0.5rem !important; + } + .ps-xxl-3 { + padding-left: 1rem !important; + } + .ps-xxl-4 { + padding-left: 1.5rem !important; + } + .ps-xxl-5 { + padding-left: 3rem !important; + } + .gap-xxl-0 { + gap: 0 !important; + } + .gap-xxl-1 { + gap: 0.25rem !important; + } + .gap-xxl-2 { + gap: 0.5rem !important; + } + .gap-xxl-3 { + gap: 1rem !important; + } + .gap-xxl-4 { + gap: 1.5rem !important; + } + .gap-xxl-5 { + gap: 3rem !important; + } + .text-xxl-start { + text-align: left !important; + } + .text-xxl-end { + text-align: right !important; + } + .text-xxl-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .fs-1 { + font-size: 2.5rem !important; + } + .fs-2 { + font-size: 2rem !important; + } + .fs-3 { + font-size: 1.75rem !important; + } + .fs-4 { + font-size: 1.5rem !important; + } +} +@media print { + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-grid { + display: grid !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } + .d-print-none { + display: none !important; + } +} + +/*# sourceMappingURL=bootstrap.css.map */ \ No newline at end of file diff --git a/flask-project/static/css/color.css b/flask-project/static/css/color.css new file mode 100644 index 0000000000000000000000000000000000000000..d130613bf2c1918d7a36992dcdfc62f8e213922b --- /dev/null +++ b/flask-project/static/css/color.css @@ -0,0 +1,10 @@ + +/* template-color */ + +.handle-preloader{ + background: #EC4E4F; +} + +.preloader-close{ + color: #EC4E4F; +} \ No newline at end of file diff --git a/flask-project/static/css/color/.DS_Store b/flask-project/static/css/color/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..6f63c688b3212e2962aa39c0025b4541b47d29b7 Binary files /dev/null and b/flask-project/static/css/color/.DS_Store differ diff --git a/flask-project/static/css/color/crimson.css b/flask-project/static/css/color/crimson.css new file mode 100644 index 0000000000000000000000000000000000000000..4b2868bdd32689a3b8ec673ce7045c212b19740c --- /dev/null +++ b/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; +} diff --git a/flask-project/static/css/color/orange.css b/flask-project/static/css/color/orange.css new file mode 100644 index 0000000000000000000000000000000000000000..77fceec74923aa71d3243d4db68a9ba5d935bf45 --- /dev/null +++ b/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; +} + diff --git a/flask-project/static/css/color/pink.css b/flask-project/static/css/color/pink.css new file mode 100644 index 0000000000000000000000000000000000000000..f90dab217393377f1f3b52033edf08ae3935cfb2 --- /dev/null +++ b/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; +} + diff --git a/flask-project/static/css/color/theme-color.css b/flask-project/static/css/color/theme-color.css new file mode 100644 index 0000000000000000000000000000000000000000..84e5ebd34aaae4e9dd4b45cac3b9492afd3f419b --- /dev/null +++ b/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; +} + diff --git a/flask-project/static/css/color/violet.css b/flask-project/static/css/color/violet.css new file mode 100644 index 0000000000000000000000000000000000000000..0f69d3befef5ac98bac2cba0eb445ad7cdca4317 --- /dev/null +++ b/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; +} + diff --git a/flask-project/static/css/elpath.css b/flask-project/static/css/elpath.css new file mode 100644 index 0000000000000000000000000000000000000000..cbbc42534c9f6aebf0c15e9371fc0acb3a2ed428 --- /dev/null +++ b/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; +} + + + + diff --git a/flask-project/static/css/flaticon.css b/flask-project/static/css/flaticon.css new file mode 100644 index 0000000000000000000000000000000000000000..cd77a6823f4a1be481982c11924bf8957097c64b --- /dev/null +++ b/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"; +} \ No newline at end of file diff --git a/flask-project/static/css/font-awesome-all.css b/flask-project/static/css/font-awesome-all.css new file mode 100644 index 0000000000000000000000000000000000000000..b3d7e58185580c9cc882095ac351c9c2a04bb634 --- /dev/null +++ b/flask-project/static/css/font-awesome-all.css @@ -0,0 +1,6203 @@ +/*! + * Font Awesome Pro 5.8.0 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license (Commercial License) + */ +.fa, +.fas, +.far, +.fal, +.fab { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; } + +.fa-lg { + font-size: 1.33333em; + line-height: 0.75em; + vertical-align: -.0667em; } + +.fa-xs { + font-size: .75em; } + +.fa-sm { + font-size: .875em; } + +.fa-1x { + font-size: 1em; } + +.fa-2x { + font-size: 2em; } + +.fa-3x { + font-size: 3em; } + +.fa-4x { + font-size: 4em; } + +.fa-5x { + font-size: 5em; } + +.fa-6x { + font-size: 6em; } + +.fa-7x { + font-size: 7em; } + +.fa-8x { + font-size: 8em; } + +.fa-9x { + font-size: 9em; } + +.fa-10x { + font-size: 10em; } + +.fa-fw { + text-align: center; + width: 1.25em; } + +.fa-ul { + list-style-type: none; + margin-left: 2.5em; + padding-left: 0; } + .fa-ul > li { + position: relative; } + +.fa-li { + left: -2em; + position: absolute; + text-align: center; + width: 2em; + line-height: inherit; } + +.fa-border { + border: solid 0.08em #eee; + border-radius: .1em; + padding: .2em .25em .15em; } + +.fa-pull-left { + float: left; } + +.fa-pull-right { + float: right; } + +.fa.fa-pull-left, +.fas.fa-pull-left, +.far.fa-pull-left, +.fal.fa-pull-left, +.fab.fa-pull-left { + margin-right: .3em; } + +.fa.fa-pull-right, +.fas.fa-pull-right, +.far.fa-pull-right, +.fal.fa-pull-right, +.fab.fa-pull-right { + margin-left: .3em; } + +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; } + +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); } + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +.fa-rotate-90 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + +.fa-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + +.fa-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + -webkit-transform: rotate(270deg); + transform: rotate(270deg); } + +.fa-flip-horizontal { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; + -webkit-transform: scale(-1, 1); + transform: scale(-1, 1); } + +.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(1, -1); + transform: scale(1, -1); } + +.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(-1, -1); + transform: scale(-1, -1); } + +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical, +:root .fa-flip-both { + -webkit-filter: none; + filter: none; } + +.fa-stack { + display: inline-block; + height: 2em; + line-height: 2em; + position: relative; + vertical-align: middle; + width: 2.5em; } + +.fa-stack-1x, +.fa-stack-2x { + left: 0; + position: absolute; + text-align: center; + width: 100%; } + +.fa-stack-1x { + line-height: inherit; } + +.fa-stack-2x { + font-size: 2em; } + +.fa-inverse { + color: #fff; } + +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen +readers do not read off random characters that represent icons */ +.fa-500px:before { + content: "\f26e"; } + +.fa-abacus:before { + content: "\f640"; } + +.fa-accessible-icon:before { + content: "\f368"; } + +.fa-accusoft:before { + content: "\f369"; } + +.fa-acorn:before { + content: "\f6ae"; } + +.fa-acquisitions-incorporated:before { + content: "\f6af"; } + +.fa-ad:before { + content: "\f641"; } + +.fa-address-book:before { + content: "\f2b9"; } + +.fa-address-card:before { + content: "\f2bb"; } + +.fa-adjust:before { + content: "\f042"; } + +.fa-adn:before { + content: "\f170"; } + +.fa-adobe:before { + content: "\f778"; } + +.fa-adversal:before { + content: "\f36a"; } + +.fa-affiliatetheme:before { + content: "\f36b"; } + +.fa-air-freshener:before { + content: "\f5d0"; } + +.fa-airbnb:before { + content: "\f834"; } + +.fa-alarm-clock:before { + content: "\f34e"; } + +.fa-algolia:before { + content: "\f36c"; } + +.fa-alicorn:before { + content: "\f6b0"; } + +.fa-align-center:before { + content: "\f037"; } + +.fa-align-justify:before { + content: "\f039"; } + +.fa-align-left:before { + content: "\f036"; } + +.fa-align-right:before { + content: "\f038"; } + +.fa-alipay:before { + content: "\f642"; } + +.fa-allergies:before { + content: "\f461"; } + +.fa-amazon:before { + content: "\f270"; } + +.fa-amazon-pay:before { + content: "\f42c"; } + +.fa-ambulance:before { + content: "\f0f9"; } + +.fa-american-sign-language-interpreting:before { + content: "\f2a3"; } + +.fa-amilia:before { + content: "\f36d"; } + +.fa-analytics:before { + content: "\f643"; } + +.fa-anchor:before { + content: "\f13d"; } + +.fa-android:before { + content: "\f17b"; } + +.fa-angel:before { + content: "\f779"; } + +.fa-angellist:before { + content: "\f209"; } + +.fa-angle-double-down:before { + content: "\f103"; } + +.fa-angle-double-left:before { + content: "\f100"; } + +.fa-angle-double-right:before { + content: "\f101"; } + +.fa-angle-double-up:before { + content: "\f102"; } + +.fa-angle-down:before { + content: "\f107"; } + +.fa-angle-left:before { + content: "\f104"; } + +.fa-angle-right:before { + content: "\f105"; } + +.fa-angle-up:before { + content: "\f106"; } + +.fa-angry:before { + content: "\f556"; } + +.fa-angrycreative:before { + content: "\f36e"; } + +.fa-angular:before { + content: "\f420"; } + +.fa-ankh:before { + content: "\f644"; } + +.fa-app-store:before { + content: "\f36f"; } + +.fa-app-store-ios:before { + content: "\f370"; } + +.fa-apper:before { + content: "\f371"; } + +.fa-apple:before { + content: "\f179"; } + +.fa-apple-alt:before { + content: "\f5d1"; } + +.fa-apple-crate:before { + content: "\f6b1"; } + +.fa-apple-pay:before { + content: "\f415"; } + +.fa-archive:before { + content: "\f187"; } + +.fa-archway:before { + content: "\f557"; } + +.fa-arrow-alt-circle-down:before { + content: "\f358"; } + +.fa-arrow-alt-circle-left:before { + content: "\f359"; } + +.fa-arrow-alt-circle-right:before { + content: "\f35a"; } + +.fa-arrow-alt-circle-up:before { + content: "\f35b"; } + +.fa-arrow-alt-down:before { + content: "\f354"; } + +.fa-arrow-alt-from-bottom:before { + content: "\f346"; } + +.fa-arrow-alt-from-left:before { + content: "\f347"; } + +.fa-arrow-alt-from-right:before { + content: "\f348"; } + +.fa-arrow-alt-from-top:before { + content: "\f349"; } + +.fa-arrow-alt-left:before { + content: "\f355"; } + +.fa-arrow-alt-right:before { + content: "\f356"; } + +.fa-arrow-alt-square-down:before { + content: "\f350"; } + +.fa-arrow-alt-square-left:before { + content: "\f351"; } + +.fa-arrow-alt-square-right:before { + content: "\f352"; } + +.fa-arrow-alt-square-up:before { + content: "\f353"; } + +.fa-arrow-alt-to-bottom:before { + content: "\f34a"; } + +.fa-arrow-alt-to-left:before { + content: "\f34b"; } + +.fa-arrow-alt-to-right:before { + content: "\f34c"; } + +.fa-arrow-alt-to-top:before { + content: "\f34d"; } + +.fa-arrow-alt-up:before { + content: "\f357"; } + +.fa-arrow-circle-down:before { + content: "\f0ab"; } + +.fa-arrow-circle-left:before { + content: "\f0a8"; } + +.fa-arrow-circle-right:before { + content: "\f0a9"; } + +.fa-arrow-circle-up:before { + content: "\f0aa"; } + +.fa-arrow-down:before { + content: "\f063"; } + +.fa-arrow-from-bottom:before { + content: "\f342"; } + +.fa-arrow-from-left:before { + content: "\f343"; } + +.fa-arrow-from-right:before { + content: "\f344"; } + +.fa-arrow-from-top:before { + content: "\f345"; } + +.fa-arrow-left:before { + content: "\f060"; } + +.fa-arrow-right:before { + content: "\f061"; } + +.fa-arrow-square-down:before { + content: "\f339"; } + +.fa-arrow-square-left:before { + content: "\f33a"; } + +.fa-arrow-square-right:before { + content: "\f33b"; } + +.fa-arrow-square-up:before { + content: "\f33c"; } + +.fa-arrow-to-bottom:before { + content: "\f33d"; } + +.fa-arrow-to-left:before { + content: "\f33e"; } + +.fa-arrow-to-right:before { + content: "\f340"; } + +.fa-arrow-to-top:before { + content: "\f341"; } + +.fa-arrow-up:before { + content: "\f062"; } + +.fa-arrows:before { + content: "\f047"; } + +.fa-arrows-alt:before { + content: "\f0b2"; } + +.fa-arrows-alt-h:before { + content: "\f337"; } + +.fa-arrows-alt-v:before { + content: "\f338"; } + +.fa-arrows-h:before { + content: "\f07e"; } + +.fa-arrows-v:before { + content: "\f07d"; } + +.fa-artstation:before { + content: "\f77a"; } + +.fa-assistive-listening-systems:before { + content: "\f2a2"; } + +.fa-asterisk:before { + content: "\f069"; } + +.fa-asymmetrik:before { + content: "\f372"; } + +.fa-at:before { + content: "\f1fa"; } + +.fa-atlas:before { + content: "\f558"; } + +.fa-atlassian:before { + content: "\f77b"; } + +.fa-atom:before { + content: "\f5d2"; } + +.fa-atom-alt:before { + content: "\f5d3"; } + +.fa-audible:before { + content: "\f373"; } + +.fa-audio-description:before { + content: "\f29e"; } + +.fa-autoprefixer:before { + content: "\f41c"; } + +.fa-avianex:before { + content: "\f374"; } + +.fa-aviato:before { + content: "\f421"; } + +.fa-award:before { + content: "\f559"; } + +.fa-aws:before { + content: "\f375"; } + +.fa-axe:before { + content: "\f6b2"; } + +.fa-axe-battle:before { + content: "\f6b3"; } + +.fa-baby:before { + content: "\f77c"; } + +.fa-baby-carriage:before { + content: "\f77d"; } + +.fa-backpack:before { + content: "\f5d4"; } + +.fa-backspace:before { + content: "\f55a"; } + +.fa-backward:before { + content: "\f04a"; } + +.fa-bacon:before { + content: "\f7e5"; } + +.fa-badge:before { + content: "\f335"; } + +.fa-badge-check:before { + content: "\f336"; } + +.fa-badge-dollar:before { + content: "\f645"; } + +.fa-badge-percent:before { + content: "\f646"; } + +.fa-badger-honey:before { + content: "\f6b4"; } + +.fa-balance-scale:before { + content: "\f24e"; } + +.fa-balance-scale-left:before { + content: "\f515"; } + +.fa-balance-scale-right:before { + content: "\f516"; } + +.fa-ball-pile:before { + content: "\f77e"; } + +.fa-ballot:before { + content: "\f732"; } + +.fa-ballot-check:before { + content: "\f733"; } + +.fa-ban:before { + content: "\f05e"; } + +.fa-band-aid:before { + content: "\f462"; } + +.fa-bandcamp:before { + content: "\f2d5"; } + +.fa-barcode:before { + content: "\f02a"; } + +.fa-barcode-alt:before { + content: "\f463"; } + +.fa-barcode-read:before { + content: "\f464"; } + +.fa-barcode-scan:before { + content: "\f465"; } + +.fa-bars:before { + content: "\f0c9"; } + +.fa-baseball:before { + content: "\f432"; } + +.fa-baseball-ball:before { + content: "\f433"; } + +.fa-basketball-ball:before { + content: "\f434"; } + +.fa-basketball-hoop:before { + content: "\f435"; } + +.fa-bat:before { + content: "\f6b5"; } + +.fa-bath:before { + content: "\f2cd"; } + +.fa-battery-bolt:before { + content: "\f376"; } + +.fa-battery-empty:before { + content: "\f244"; } + +.fa-battery-full:before { + content: "\f240"; } + +.fa-battery-half:before { + content: "\f242"; } + +.fa-battery-quarter:before { + content: "\f243"; } + +.fa-battery-slash:before { + content: "\f377"; } + +.fa-battery-three-quarters:before { + content: "\f241"; } + +.fa-battle-net:before { + content: "\f835"; } + +.fa-bed:before { + content: "\f236"; } + +.fa-beer:before { + content: "\f0fc"; } + +.fa-behance:before { + content: "\f1b4"; } + +.fa-behance-square:before { + content: "\f1b5"; } + +.fa-bell:before { + content: "\f0f3"; } + +.fa-bell-school:before { + content: "\f5d5"; } + +.fa-bell-school-slash:before { + content: "\f5d6"; } + +.fa-bell-slash:before { + content: "\f1f6"; } + +.fa-bells:before { + content: "\f77f"; } + +.fa-bezier-curve:before { + content: "\f55b"; } + +.fa-bible:before { + content: "\f647"; } + +.fa-bicycle:before { + content: "\f206"; } + +.fa-bimobject:before { + content: "\f378"; } + +.fa-binoculars:before { + content: "\f1e5"; } + +.fa-biohazard:before { + content: "\f780"; } + +.fa-birthday-cake:before { + content: "\f1fd"; } + +.fa-bitbucket:before { + content: "\f171"; } + +.fa-bitcoin:before { + content: "\f379"; } + +.fa-bity:before { + content: "\f37a"; } + +.fa-black-tie:before { + content: "\f27e"; } + +.fa-blackberry:before { + content: "\f37b"; } + +.fa-blanket:before { + content: "\f498"; } + +.fa-blender:before { + content: "\f517"; } + +.fa-blender-phone:before { + content: "\f6b6"; } + +.fa-blind:before { + content: "\f29d"; } + +.fa-blog:before { + content: "\f781"; } + +.fa-blogger:before { + content: "\f37c"; } + +.fa-blogger-b:before { + content: "\f37d"; } + +.fa-bluetooth:before { + content: "\f293"; } + +.fa-bluetooth-b:before { + content: "\f294"; } + +.fa-bold:before { + content: "\f032"; } + +.fa-bolt:before { + content: "\f0e7"; } + +.fa-bomb:before { + content: "\f1e2"; } + +.fa-bone:before { + content: "\f5d7"; } + +.fa-bone-break:before { + content: "\f5d8"; } + +.fa-bong:before { + content: "\f55c"; } + +.fa-book:before { + content: "\f02d"; } + +.fa-book-alt:before { + content: "\f5d9"; } + +.fa-book-dead:before { + content: "\f6b7"; } + +.fa-book-heart:before { + content: "\f499"; } + +.fa-book-medical:before { + content: "\f7e6"; } + +.fa-book-open:before { + content: "\f518"; } + +.fa-book-reader:before { + content: "\f5da"; } + +.fa-book-spells:before { + content: "\f6b8"; } + +.fa-book-user:before { + content: "\f7e7"; } + +.fa-bookmark:before { + content: "\f02e"; } + +.fa-books:before { + content: "\f5db"; } + +.fa-books-medical:before { + content: "\f7e8"; } + +.fa-boot:before { + content: "\f782"; } + +.fa-booth-curtain:before { + content: "\f734"; } + +.fa-bootstrap:before { + content: "\f836"; } + +.fa-bow-arrow:before { + content: "\f6b9"; } + +.fa-bowling-ball:before { + content: "\f436"; } + +.fa-bowling-pins:before { + content: "\f437"; } + +.fa-box:before { + content: "\f466"; } + +.fa-box-alt:before { + content: "\f49a"; } + +.fa-box-ballot:before { + content: "\f735"; } + +.fa-box-check:before { + content: "\f467"; } + +.fa-box-fragile:before { + content: "\f49b"; } + +.fa-box-full:before { + content: "\f49c"; } + +.fa-box-heart:before { + content: "\f49d"; } + +.fa-box-open:before { + content: "\f49e"; } + +.fa-box-up:before { + content: "\f49f"; } + +.fa-box-usd:before { + content: "\f4a0"; } + +.fa-boxes:before { + content: "\f468"; } + +.fa-boxes-alt:before { + content: "\f4a1"; } + +.fa-boxing-glove:before { + content: "\f438"; } + +.fa-brackets:before { + content: "\f7e9"; } + +.fa-brackets-curly:before { + content: "\f7ea"; } + +.fa-braille:before { + content: "\f2a1"; } + +.fa-brain:before { + content: "\f5dc"; } + +.fa-bread-loaf:before { + content: "\f7eb"; } + +.fa-bread-slice:before { + content: "\f7ec"; } + +.fa-briefcase:before { + content: "\f0b1"; } + +.fa-briefcase-medical:before { + content: "\f469"; } + +.fa-broadcast-tower:before { + content: "\f519"; } + +.fa-broom:before { + content: "\f51a"; } + +.fa-browser:before { + content: "\f37e"; } + +.fa-brush:before { + content: "\f55d"; } + +.fa-btc:before { + content: "\f15a"; } + +.fa-buffer:before { + content: "\f837"; } + +.fa-bug:before { + content: "\f188"; } + +.fa-building:before { + content: "\f1ad"; } + +.fa-bullhorn:before { + content: "\f0a1"; } + +.fa-bullseye:before { + content: "\f140"; } + +.fa-bullseye-arrow:before { + content: "\f648"; } + +.fa-bullseye-pointer:before { + content: "\f649"; } + +.fa-burn:before { + content: "\f46a"; } + +.fa-buromobelexperte:before { + content: "\f37f"; } + +.fa-burrito:before { + content: "\f7ed"; } + +.fa-bus:before { + content: "\f207"; } + +.fa-bus-alt:before { + content: "\f55e"; } + +.fa-bus-school:before { + content: "\f5dd"; } + +.fa-business-time:before { + content: "\f64a"; } + +.fa-buysellads:before { + content: "\f20d"; } + +.fa-cabinet-filing:before { + content: "\f64b"; } + +.fa-calculator:before { + content: "\f1ec"; } + +.fa-calculator-alt:before { + content: "\f64c"; } + +.fa-calendar:before { + content: "\f133"; } + +.fa-calendar-alt:before { + content: "\f073"; } + +.fa-calendar-check:before { + content: "\f274"; } + +.fa-calendar-day:before { + content: "\f783"; } + +.fa-calendar-edit:before { + content: "\f333"; } + +.fa-calendar-exclamation:before { + content: "\f334"; } + +.fa-calendar-minus:before { + content: "\f272"; } + +.fa-calendar-plus:before { + content: "\f271"; } + +.fa-calendar-star:before { + content: "\f736"; } + +.fa-calendar-times:before { + content: "\f273"; } + +.fa-calendar-week:before { + content: "\f784"; } + +.fa-camera:before { + content: "\f030"; } + +.fa-camera-alt:before { + content: "\f332"; } + +.fa-camera-retro:before { + content: "\f083"; } + +.fa-campfire:before { + content: "\f6ba"; } + +.fa-campground:before { + content: "\f6bb"; } + +.fa-canadian-maple-leaf:before { + content: "\f785"; } + +.fa-candle-holder:before { + content: "\f6bc"; } + +.fa-candy-cane:before { + content: "\f786"; } + +.fa-candy-corn:before { + content: "\f6bd"; } + +.fa-cannabis:before { + content: "\f55f"; } + +.fa-capsules:before { + content: "\f46b"; } + +.fa-car:before { + content: "\f1b9"; } + +.fa-car-alt:before { + content: "\f5de"; } + +.fa-car-battery:before { + content: "\f5df"; } + +.fa-car-bump:before { + content: "\f5e0"; } + +.fa-car-crash:before { + content: "\f5e1"; } + +.fa-car-garage:before { + content: "\f5e2"; } + +.fa-car-mechanic:before { + content: "\f5e3"; } + +.fa-car-side:before { + content: "\f5e4"; } + +.fa-car-tilt:before { + content: "\f5e5"; } + +.fa-car-wash:before { + content: "\f5e6"; } + +.fa-caret-circle-down:before { + content: "\f32d"; } + +.fa-caret-circle-left:before { + content: "\f32e"; } + +.fa-caret-circle-right:before { + content: "\f330"; } + +.fa-caret-circle-up:before { + content: "\f331"; } + +.fa-caret-down:before { + content: "\f0d7"; } + +.fa-caret-left:before { + content: "\f0d9"; } + +.fa-caret-right:before { + content: "\f0da"; } + +.fa-caret-square-down:before { + content: "\f150"; } + +.fa-caret-square-left:before { + content: "\f191"; } + +.fa-caret-square-right:before { + content: "\f152"; } + +.fa-caret-square-up:before { + content: "\f151"; } + +.fa-caret-up:before { + content: "\f0d8"; } + +.fa-carrot:before { + content: "\f787"; } + +.fa-cart-arrow-down:before { + content: "\f218"; } + +.fa-cart-plus:before { + content: "\f217"; } + +.fa-cash-register:before { + content: "\f788"; } + +.fa-cat:before { + content: "\f6be"; } + +.fa-cauldron:before { + content: "\f6bf"; } + +.fa-cc-amazon-pay:before { + content: "\f42d"; } + +.fa-cc-amex:before { + content: "\f1f3"; } + +.fa-cc-apple-pay:before { + content: "\f416"; } + +.fa-cc-diners-club:before { + content: "\f24c"; } + +.fa-cc-discover:before { + content: "\f1f2"; } + +.fa-cc-jcb:before { + content: "\f24b"; } + +.fa-cc-mastercard:before { + content: "\f1f1"; } + +.fa-cc-paypal:before { + content: "\f1f4"; } + +.fa-cc-stripe:before { + content: "\f1f5"; } + +.fa-cc-visa:before { + content: "\f1f0"; } + +.fa-centercode:before { + content: "\f380"; } + +.fa-centos:before { + content: "\f789"; } + +.fa-certificate:before { + content: "\f0a3"; } + +.fa-chair:before { + content: "\f6c0"; } + +.fa-chair-office:before { + content: "\f6c1"; } + +.fa-chalkboard:before { + content: "\f51b"; } + +.fa-chalkboard-teacher:before { + content: "\f51c"; } + +.fa-charging-station:before { + content: "\f5e7"; } + +.fa-chart-area:before { + content: "\f1fe"; } + +.fa-chart-bar:before { + content: "\f080"; } + +.fa-chart-line:before { + content: "\f201"; } + +.fa-chart-line-down:before { + content: "\f64d"; } + +.fa-chart-network:before { + content: "\f78a"; } + +.fa-chart-pie:before { + content: "\f200"; } + +.fa-chart-pie-alt:before { + content: "\f64e"; } + +.fa-chart-scatter:before { + content: "\f7ee"; } + +.fa-check:before { + content: "\f00c"; } + +.fa-check-circle:before { + content: "\f058"; } + +.fa-check-double:before { + content: "\f560"; } + +.fa-check-square:before { + content: "\f14a"; } + +.fa-cheese:before { + content: "\f7ef"; } + +.fa-cheese-swiss:before { + content: "\f7f0"; } + +.fa-cheeseburger:before { + content: "\f7f1"; } + +.fa-chess:before { + content: "\f439"; } + +.fa-chess-bishop:before { + content: "\f43a"; } + +.fa-chess-bishop-alt:before { + content: "\f43b"; } + +.fa-chess-board:before { + content: "\f43c"; } + +.fa-chess-clock:before { + content: "\f43d"; } + +.fa-chess-clock-alt:before { + content: "\f43e"; } + +.fa-chess-king:before { + content: "\f43f"; } + +.fa-chess-king-alt:before { + content: "\f440"; } + +.fa-chess-knight:before { + content: "\f441"; } + +.fa-chess-knight-alt:before { + content: "\f442"; } + +.fa-chess-pawn:before { + content: "\f443"; } + +.fa-chess-pawn-alt:before { + content: "\f444"; } + +.fa-chess-queen:before { + content: "\f445"; } + +.fa-chess-queen-alt:before { + content: "\f446"; } + +.fa-chess-rook:before { + content: "\f447"; } + +.fa-chess-rook-alt:before { + content: "\f448"; } + +.fa-chevron-circle-down:before { + content: "\f13a"; } + +.fa-chevron-circle-left:before { + content: "\f137"; } + +.fa-chevron-circle-right:before { + content: "\f138"; } + +.fa-chevron-circle-up:before { + content: "\f139"; } + +.fa-chevron-double-down:before { + content: "\f322"; } + +.fa-chevron-double-left:before { + content: "\f323"; } + +.fa-chevron-double-right:before { + content: "\f324"; } + +.fa-chevron-double-up:before { + content: "\f325"; } + +.fa-chevron-down:before { + content: "\f078"; } + +.fa-chevron-left:before { + content: "\f053"; } + +.fa-chevron-right:before { + content: "\f054"; } + +.fa-chevron-square-down:before { + content: "\f329"; } + +.fa-chevron-square-left:before { + content: "\f32a"; } + +.fa-chevron-square-right:before { + content: "\f32b"; } + +.fa-chevron-square-up:before { + content: "\f32c"; } + +.fa-chevron-up:before { + content: "\f077"; } + +.fa-child:before { + content: "\f1ae"; } + +.fa-chimney:before { + content: "\f78b"; } + +.fa-chrome:before { + content: "\f268"; } + +.fa-chromecast:before { + content: "\f838"; } + +.fa-church:before { + content: "\f51d"; } + +.fa-circle:before { + content: "\f111"; } + +.fa-circle-notch:before { + content: "\f1ce"; } + +.fa-city:before { + content: "\f64f"; } + +.fa-claw-marks:before { + content: "\f6c2"; } + +.fa-clinic-medical:before { + content: "\f7f2"; } + +.fa-clipboard:before { + content: "\f328"; } + +.fa-clipboard-check:before { + content: "\f46c"; } + +.fa-clipboard-list:before { + content: "\f46d"; } + +.fa-clipboard-list-check:before { + content: "\f737"; } + +.fa-clipboard-prescription:before { + content: "\f5e8"; } + +.fa-clipboard-user:before { + content: "\f7f3"; } + +.fa-clock:before { + content: "\f017"; } + +.fa-clone:before { + content: "\f24d"; } + +.fa-closed-captioning:before { + content: "\f20a"; } + +.fa-cloud:before { + content: "\f0c2"; } + +.fa-cloud-download:before { + content: "\f0ed"; } + +.fa-cloud-download-alt:before { + content: "\f381"; } + +.fa-cloud-drizzle:before { + content: "\f738"; } + +.fa-cloud-hail:before { + content: "\f739"; } + +.fa-cloud-hail-mixed:before { + content: "\f73a"; } + +.fa-cloud-meatball:before { + content: "\f73b"; } + +.fa-cloud-moon:before { + content: "\f6c3"; } + +.fa-cloud-moon-rain:before { + content: "\f73c"; } + +.fa-cloud-rain:before { + content: "\f73d"; } + +.fa-cloud-rainbow:before { + content: "\f73e"; } + +.fa-cloud-showers:before { + content: "\f73f"; } + +.fa-cloud-showers-heavy:before { + content: "\f740"; } + +.fa-cloud-sleet:before { + content: "\f741"; } + +.fa-cloud-snow:before { + content: "\f742"; } + +.fa-cloud-sun:before { + content: "\f6c4"; } + +.fa-cloud-sun-rain:before { + content: "\f743"; } + +.fa-cloud-upload:before { + content: "\f0ee"; } + +.fa-cloud-upload-alt:before { + content: "\f382"; } + +.fa-clouds:before { + content: "\f744"; } + +.fa-clouds-moon:before { + content: "\f745"; } + +.fa-clouds-sun:before { + content: "\f746"; } + +.fa-cloudscale:before { + content: "\f383"; } + +.fa-cloudsmith:before { + content: "\f384"; } + +.fa-cloudversify:before { + content: "\f385"; } + +.fa-club:before { + content: "\f327"; } + +.fa-cocktail:before { + content: "\f561"; } + +.fa-code:before { + content: "\f121"; } + +.fa-code-branch:before { + content: "\f126"; } + +.fa-code-commit:before { + content: "\f386"; } + +.fa-code-merge:before { + content: "\f387"; } + +.fa-codepen:before { + content: "\f1cb"; } + +.fa-codiepie:before { + content: "\f284"; } + +.fa-coffee:before { + content: "\f0f4"; } + +.fa-coffee-togo:before { + content: "\f6c5"; } + +.fa-coffin:before { + content: "\f6c6"; } + +.fa-cog:before { + content: "\f013"; } + +.fa-cogs:before { + content: "\f085"; } + +.fa-coins:before { + content: "\f51e"; } + +.fa-columns:before { + content: "\f0db"; } + +.fa-comment:before { + content: "\f075"; } + +.fa-comment-alt:before { + content: "\f27a"; } + +.fa-comment-alt-check:before { + content: "\f4a2"; } + +.fa-comment-alt-dollar:before { + content: "\f650"; } + +.fa-comment-alt-dots:before { + content: "\f4a3"; } + +.fa-comment-alt-edit:before { + content: "\f4a4"; } + +.fa-comment-alt-exclamation:before { + content: "\f4a5"; } + +.fa-comment-alt-lines:before { + content: "\f4a6"; } + +.fa-comment-alt-medical:before { + content: "\f7f4"; } + +.fa-comment-alt-minus:before { + content: "\f4a7"; } + +.fa-comment-alt-plus:before { + content: "\f4a8"; } + +.fa-comment-alt-slash:before { + content: "\f4a9"; } + +.fa-comment-alt-smile:before { + content: "\f4aa"; } + +.fa-comment-alt-times:before { + content: "\f4ab"; } + +.fa-comment-check:before { + content: "\f4ac"; } + +.fa-comment-dollar:before { + content: "\f651"; } + +.fa-comment-dots:before { + content: "\f4ad"; } + +.fa-comment-edit:before { + content: "\f4ae"; } + +.fa-comment-exclamation:before { + content: "\f4af"; } + +.fa-comment-lines:before { + content: "\f4b0"; } + +.fa-comment-medical:before { + content: "\f7f5"; } + +.fa-comment-minus:before { + content: "\f4b1"; } + +.fa-comment-plus:before { + content: "\f4b2"; } + +.fa-comment-slash:before { + content: "\f4b3"; } + +.fa-comment-smile:before { + content: "\f4b4"; } + +.fa-comment-times:before { + content: "\f4b5"; } + +.fa-comments:before { + content: "\f086"; } + +.fa-comments-alt:before { + content: "\f4b6"; } + +.fa-comments-alt-dollar:before { + content: "\f652"; } + +.fa-comments-dollar:before { + content: "\f653"; } + +.fa-compact-disc:before { + content: "\f51f"; } + +.fa-compass:before { + content: "\f14e"; } + +.fa-compass-slash:before { + content: "\f5e9"; } + +.fa-compress:before { + content: "\f066"; } + +.fa-compress-alt:before { + content: "\f422"; } + +.fa-compress-arrows-alt:before { + content: "\f78c"; } + +.fa-compress-wide:before { + content: "\f326"; } + +.fa-concierge-bell:before { + content: "\f562"; } + +.fa-confluence:before { + content: "\f78d"; } + +.fa-connectdevelop:before { + content: "\f20e"; } + +.fa-container-storage:before { + content: "\f4b7"; } + +.fa-contao:before { + content: "\f26d"; } + +.fa-conveyor-belt:before { + content: "\f46e"; } + +.fa-conveyor-belt-alt:before { + content: "\f46f"; } + +.fa-cookie:before { + content: "\f563"; } + +.fa-cookie-bite:before { + content: "\f564"; } + +.fa-copy:before { + content: "\f0c5"; } + +.fa-copyright:before { + content: "\f1f9"; } + +.fa-corn:before { + content: "\f6c7"; } + +.fa-couch:before { + content: "\f4b8"; } + +.fa-cow:before { + content: "\f6c8"; } + +.fa-cpanel:before { + content: "\f388"; } + +.fa-creative-commons:before { + content: "\f25e"; } + +.fa-creative-commons-by:before { + content: "\f4e7"; } + +.fa-creative-commons-nc:before { + content: "\f4e8"; } + +.fa-creative-commons-nc-eu:before { + content: "\f4e9"; } + +.fa-creative-commons-nc-jp:before { + content: "\f4ea"; } + +.fa-creative-commons-nd:before { + content: "\f4eb"; } + +.fa-creative-commons-pd:before { + content: "\f4ec"; } + +.fa-creative-commons-pd-alt:before { + content: "\f4ed"; } + +.fa-creative-commons-remix:before { + content: "\f4ee"; } + +.fa-creative-commons-sa:before { + content: "\f4ef"; } + +.fa-creative-commons-sampling:before { + content: "\f4f0"; } + +.fa-creative-commons-sampling-plus:before { + content: "\f4f1"; } + +.fa-creative-commons-share:before { + content: "\f4f2"; } + +.fa-creative-commons-zero:before { + content: "\f4f3"; } + +.fa-credit-card:before { + content: "\f09d"; } + +.fa-credit-card-blank:before { + content: "\f389"; } + +.fa-credit-card-front:before { + content: "\f38a"; } + +.fa-cricket:before { + content: "\f449"; } + +.fa-critical-role:before { + content: "\f6c9"; } + +.fa-croissant:before { + content: "\f7f6"; } + +.fa-crop:before { + content: "\f125"; } + +.fa-crop-alt:before { + content: "\f565"; } + +.fa-cross:before { + content: "\f654"; } + +.fa-crosshairs:before { + content: "\f05b"; } + +.fa-crow:before { + content: "\f520"; } + +.fa-crown:before { + content: "\f521"; } + +.fa-crutch:before { + content: "\f7f7"; } + +.fa-crutches:before { + content: "\f7f8"; } + +.fa-css3:before { + content: "\f13c"; } + +.fa-css3-alt:before { + content: "\f38b"; } + +.fa-cube:before { + content: "\f1b2"; } + +.fa-cubes:before { + content: "\f1b3"; } + +.fa-curling:before { + content: "\f44a"; } + +.fa-cut:before { + content: "\f0c4"; } + +.fa-cuttlefish:before { + content: "\f38c"; } + +.fa-d-and-d:before { + content: "\f38d"; } + +.fa-d-and-d-beyond:before { + content: "\f6ca"; } + +.fa-dagger:before { + content: "\f6cb"; } + +.fa-dashcube:before { + content: "\f210"; } + +.fa-database:before { + content: "\f1c0"; } + +.fa-deaf:before { + content: "\f2a4"; } + +.fa-debug:before { + content: "\f7f9"; } + +.fa-deer:before { + content: "\f78e"; } + +.fa-deer-rudolph:before { + content: "\f78f"; } + +.fa-delicious:before { + content: "\f1a5"; } + +.fa-democrat:before { + content: "\f747"; } + +.fa-deploydog:before { + content: "\f38e"; } + +.fa-deskpro:before { + content: "\f38f"; } + +.fa-desktop:before { + content: "\f108"; } + +.fa-desktop-alt:before { + content: "\f390"; } + +.fa-dev:before { + content: "\f6cc"; } + +.fa-deviantart:before { + content: "\f1bd"; } + +.fa-dewpoint:before { + content: "\f748"; } + +.fa-dharmachakra:before { + content: "\f655"; } + +.fa-dhl:before { + content: "\f790"; } + +.fa-diagnoses:before { + content: "\f470"; } + +.fa-diamond:before { + content: "\f219"; } + +.fa-diaspora:before { + content: "\f791"; } + +.fa-dice:before { + content: "\f522"; } + +.fa-dice-d10:before { + content: "\f6cd"; } + +.fa-dice-d12:before { + content: "\f6ce"; } + +.fa-dice-d20:before { + content: "\f6cf"; } + +.fa-dice-d4:before { + content: "\f6d0"; } + +.fa-dice-d6:before { + content: "\f6d1"; } + +.fa-dice-d8:before { + content: "\f6d2"; } + +.fa-dice-five:before { + content: "\f523"; } + +.fa-dice-four:before { + content: "\f524"; } + +.fa-dice-one:before { + content: "\f525"; } + +.fa-dice-six:before { + content: "\f526"; } + +.fa-dice-three:before { + content: "\f527"; } + +.fa-dice-two:before { + content: "\f528"; } + +.fa-digg:before { + content: "\f1a6"; } + +.fa-digital-ocean:before { + content: "\f391"; } + +.fa-digital-tachograph:before { + content: "\f566"; } + +.fa-diploma:before { + content: "\f5ea"; } + +.fa-directions:before { + content: "\f5eb"; } + +.fa-discord:before { + content: "\f392"; } + +.fa-discourse:before { + content: "\f393"; } + +.fa-disease:before { + content: "\f7fa"; } + +.fa-divide:before { + content: "\f529"; } + +.fa-dizzy:before { + content: "\f567"; } + +.fa-dna:before { + content: "\f471"; } + +.fa-do-not-enter:before { + content: "\f5ec"; } + +.fa-dochub:before { + content: "\f394"; } + +.fa-docker:before { + content: "\f395"; } + +.fa-dog:before { + content: "\f6d3"; } + +.fa-dog-leashed:before { + content: "\f6d4"; } + +.fa-dollar-sign:before { + content: "\f155"; } + +.fa-dolly:before { + content: "\f472"; } + +.fa-dolly-empty:before { + content: "\f473"; } + +.fa-dolly-flatbed:before { + content: "\f474"; } + +.fa-dolly-flatbed-alt:before { + content: "\f475"; } + +.fa-dolly-flatbed-empty:before { + content: "\f476"; } + +.fa-donate:before { + content: "\f4b9"; } + +.fa-door-closed:before { + content: "\f52a"; } + +.fa-door-open:before { + content: "\f52b"; } + +.fa-dot-circle:before { + content: "\f192"; } + +.fa-dove:before { + content: "\f4ba"; } + +.fa-download:before { + content: "\f019"; } + +.fa-draft2digital:before { + content: "\f396"; } + +.fa-drafting-compass:before { + content: "\f568"; } + +.fa-dragon:before { + content: "\f6d5"; } + +.fa-draw-circle:before { + content: "\f5ed"; } + +.fa-draw-polygon:before { + content: "\f5ee"; } + +.fa-draw-square:before { + content: "\f5ef"; } + +.fa-dreidel:before { + content: "\f792"; } + +.fa-dribbble:before { + content: "\f17d"; } + +.fa-dribbble-square:before { + content: "\f397"; } + +.fa-dropbox:before { + content: "\f16b"; } + +.fa-drum:before { + content: "\f569"; } + +.fa-drum-steelpan:before { + content: "\f56a"; } + +.fa-drumstick:before { + content: "\f6d6"; } + +.fa-drumstick-bite:before { + content: "\f6d7"; } + +.fa-drupal:before { + content: "\f1a9"; } + +.fa-duck:before { + content: "\f6d8"; } + +.fa-dumbbell:before { + content: "\f44b"; } + +.fa-dumpster:before { + content: "\f793"; } + +.fa-dumpster-fire:before { + content: "\f794"; } + +.fa-dungeon:before { + content: "\f6d9"; } + +.fa-dyalog:before { + content: "\f399"; } + +.fa-ear:before { + content: "\f5f0"; } + +.fa-ear-muffs:before { + content: "\f795"; } + +.fa-earlybirds:before { + content: "\f39a"; } + +.fa-ebay:before { + content: "\f4f4"; } + +.fa-eclipse:before { + content: "\f749"; } + +.fa-eclipse-alt:before { + content: "\f74a"; } + +.fa-edge:before { + content: "\f282"; } + +.fa-edit:before { + content: "\f044"; } + +.fa-egg:before { + content: "\f7fb"; } + +.fa-egg-fried:before { + content: "\f7fc"; } + +.fa-eject:before { + content: "\f052"; } + +.fa-elementor:before { + content: "\f430"; } + +.fa-elephant:before { + content: "\f6da"; } + +.fa-ellipsis-h:before { + content: "\f141"; } + +.fa-ellipsis-h-alt:before { + content: "\f39b"; } + +.fa-ellipsis-v:before { + content: "\f142"; } + +.fa-ellipsis-v-alt:before { + content: "\f39c"; } + +.fa-ello:before { + content: "\f5f1"; } + +.fa-ember:before { + content: "\f423"; } + +.fa-empire:before { + content: "\f1d1"; } + +.fa-empty-set:before { + content: "\f656"; } + +.fa-engine-warning:before { + content: "\f5f2"; } + +.fa-envelope:before { + content: "\f0e0"; } + +.fa-envelope-open:before { + content: "\f2b6"; } + +.fa-envelope-open-dollar:before { + content: "\f657"; } + +.fa-envelope-open-text:before { + content: "\f658"; } + +.fa-envelope-square:before { + content: "\f199"; } + +.fa-envira:before { + content: "\f299"; } + +.fa-equals:before { + content: "\f52c"; } + +.fa-eraser:before { + content: "\f12d"; } + +.fa-erlang:before { + content: "\f39d"; } + +.fa-ethereum:before { + content: "\f42e"; } + +.fa-ethernet:before { + content: "\f796"; } + +.fa-etsy:before { + content: "\f2d7"; } + +.fa-euro-sign:before { + content: "\f153"; } + +.fa-evernote:before { + content: "\f839"; } + +.fa-exchange:before { + content: "\f0ec"; } + +.fa-exchange-alt:before { + content: "\f362"; } + +.fa-exclamation:before { + content: "\f12a"; } + +.fa-exclamation-circle:before { + content: "\f06a"; } + +.fa-exclamation-square:before { + content: "\f321"; } + +.fa-exclamation-triangle:before { + content: "\f071"; } + +.fa-expand:before { + content: "\f065"; } + +.fa-expand-alt:before { + content: "\f424"; } + +.fa-expand-arrows:before { + content: "\f31d"; } + +.fa-expand-arrows-alt:before { + content: "\f31e"; } + +.fa-expand-wide:before { + content: "\f320"; } + +.fa-expeditedssl:before { + content: "\f23e"; } + +.fa-external-link:before { + content: "\f08e"; } + +.fa-external-link-alt:before { + content: "\f35d"; } + +.fa-external-link-square:before { + content: "\f14c"; } + +.fa-external-link-square-alt:before { + content: "\f360"; } + +.fa-eye:before { + content: "\f06e"; } + +.fa-eye-dropper:before { + content: "\f1fb"; } + +.fa-eye-evil:before { + content: "\f6db"; } + +.fa-eye-slash:before { + content: "\f070"; } + +.fa-facebook:before { + content: "\f09a"; } + +.fa-facebook-f:before { + content: "\f39e"; } + +.fa-facebook-messenger:before { + content: "\f39f"; } + +.fa-facebook-square:before { + content: "\f082"; } + +.fa-fantasy-flight-games:before { + content: "\f6dc"; } + +.fa-fast-backward:before { + content: "\f049"; } + +.fa-fast-forward:before { + content: "\f050"; } + +.fa-fax:before { + content: "\f1ac"; } + +.fa-feather:before { + content: "\f52d"; } + +.fa-feather-alt:before { + content: "\f56b"; } + +.fa-fedex:before { + content: "\f797"; } + +.fa-fedora:before { + content: "\f798"; } + +.fa-female:before { + content: "\f182"; } + +.fa-field-hockey:before { + content: "\f44c"; } + +.fa-fighter-jet:before { + content: "\f0fb"; } + +.fa-figma:before { + content: "\f799"; } + +.fa-file:before { + content: "\f15b"; } + +.fa-file-alt:before { + content: "\f15c"; } + +.fa-file-archive:before { + content: "\f1c6"; } + +.fa-file-audio:before { + content: "\f1c7"; } + +.fa-file-certificate:before { + content: "\f5f3"; } + +.fa-file-chart-line:before { + content: "\f659"; } + +.fa-file-chart-pie:before { + content: "\f65a"; } + +.fa-file-check:before { + content: "\f316"; } + +.fa-file-code:before { + content: "\f1c9"; } + +.fa-file-contract:before { + content: "\f56c"; } + +.fa-file-csv:before { + content: "\f6dd"; } + +.fa-file-download:before { + content: "\f56d"; } + +.fa-file-edit:before { + content: "\f31c"; } + +.fa-file-excel:before { + content: "\f1c3"; } + +.fa-file-exclamation:before { + content: "\f31a"; } + +.fa-file-export:before { + content: "\f56e"; } + +.fa-file-image:before { + content: "\f1c5"; } + +.fa-file-import:before { + content: "\f56f"; } + +.fa-file-invoice:before { + content: "\f570"; } + +.fa-file-invoice-dollar:before { + content: "\f571"; } + +.fa-file-medical:before { + content: "\f477"; } + +.fa-file-medical-alt:before { + content: "\f478"; } + +.fa-file-minus:before { + content: "\f318"; } + +.fa-file-pdf:before { + content: "\f1c1"; } + +.fa-file-plus:before { + content: "\f319"; } + +.fa-file-powerpoint:before { + content: "\f1c4"; } + +.fa-file-prescription:before { + content: "\f572"; } + +.fa-file-signature:before { + content: "\f573"; } + +.fa-file-spreadsheet:before { + content: "\f65b"; } + +.fa-file-times:before { + content: "\f317"; } + +.fa-file-upload:before { + content: "\f574"; } + +.fa-file-user:before { + content: "\f65c"; } + +.fa-file-video:before { + content: "\f1c8"; } + +.fa-file-word:before { + content: "\f1c2"; } + +.fa-files-medical:before { + content: "\f7fd"; } + +.fa-fill:before { + content: "\f575"; } + +.fa-fill-drip:before { + content: "\f576"; } + +.fa-film:before { + content: "\f008"; } + +.fa-film-alt:before { + content: "\f3a0"; } + +.fa-filter:before { + content: "\f0b0"; } + +.fa-fingerprint:before { + content: "\f577"; } + +.fa-fire:before { + content: "\f06d"; } + +.fa-fire-alt:before { + content: "\f7e4"; } + +.fa-fire-extinguisher:before { + content: "\f134"; } + +.fa-fire-smoke:before { + content: "\f74b"; } + +.fa-firefox:before { + content: "\f269"; } + +.fa-fireplace:before { + content: "\f79a"; } + +.fa-first-aid:before { + content: "\f479"; } + +.fa-first-order:before { + content: "\f2b0"; } + +.fa-first-order-alt:before { + content: "\f50a"; } + +.fa-firstdraft:before { + content: "\f3a1"; } + +.fa-fish:before { + content: "\f578"; } + +.fa-fish-cooked:before { + content: "\f7fe"; } + +.fa-fist-raised:before { + content: "\f6de"; } + +.fa-flag:before { + content: "\f024"; } + +.fa-flag-alt:before { + content: "\f74c"; } + +.fa-flag-checkered:before { + content: "\f11e"; } + +.fa-flag-usa:before { + content: "\f74d"; } + +.fa-flame:before { + content: "\f6df"; } + +.fa-flask:before { + content: "\f0c3"; } + +.fa-flask-poison:before { + content: "\f6e0"; } + +.fa-flask-potion:before { + content: "\f6e1"; } + +.fa-flickr:before { + content: "\f16e"; } + +.fa-flipboard:before { + content: "\f44d"; } + +.fa-flower:before { + content: "\f7ff"; } + +.fa-flower-daffodil:before { + content: "\f800"; } + +.fa-flower-tulip:before { + content: "\f801"; } + +.fa-flushed:before { + content: "\f579"; } + +.fa-fly:before { + content: "\f417"; } + +.fa-fog:before { + content: "\f74e"; } + +.fa-folder:before { + content: "\f07b"; } + +.fa-folder-minus:before { + content: "\f65d"; } + +.fa-folder-open:before { + content: "\f07c"; } + +.fa-folder-plus:before { + content: "\f65e"; } + +.fa-folder-times:before { + content: "\f65f"; } + +.fa-folder-tree:before { + content: "\f802"; } + +.fa-folders:before { + content: "\f660"; } + +.fa-font:before { + content: "\f031"; } + +.fa-font-awesome:before { + content: "\f2b4"; } + +.fa-font-awesome-alt:before { + content: "\f35c"; } + +.fa-font-awesome-flag:before { + content: "\f425"; } + +.fa-font-awesome-logo-full:before { + content: "\f4e6"; } + +.fa-fonticons:before { + content: "\f280"; } + +.fa-fonticons-fi:before { + content: "\f3a2"; } + +.fa-football-ball:before { + content: "\f44e"; } + +.fa-football-helmet:before { + content: "\f44f"; } + +.fa-forklift:before { + content: "\f47a"; } + +.fa-fort-awesome:before { + content: "\f286"; } + +.fa-fort-awesome-alt:before { + content: "\f3a3"; } + +.fa-forumbee:before { + content: "\f211"; } + +.fa-forward:before { + content: "\f04e"; } + +.fa-foursquare:before { + content: "\f180"; } + +.fa-fragile:before { + content: "\f4bb"; } + +.fa-free-code-camp:before { + content: "\f2c5"; } + +.fa-freebsd:before { + content: "\f3a4"; } + +.fa-french-fries:before { + content: "\f803"; } + +.fa-frog:before { + content: "\f52e"; } + +.fa-frosty-head:before { + content: "\f79b"; } + +.fa-frown:before { + content: "\f119"; } + +.fa-frown-open:before { + content: "\f57a"; } + +.fa-fulcrum:before { + content: "\f50b"; } + +.fa-function:before { + content: "\f661"; } + +.fa-funnel-dollar:before { + content: "\f662"; } + +.fa-futbol:before { + content: "\f1e3"; } + +.fa-galactic-republic:before { + content: "\f50c"; } + +.fa-galactic-senate:before { + content: "\f50d"; } + +.fa-gamepad:before { + content: "\f11b"; } + +.fa-gas-pump:before { + content: "\f52f"; } + +.fa-gas-pump-slash:before { + content: "\f5f4"; } + +.fa-gavel:before { + content: "\f0e3"; } + +.fa-gem:before { + content: "\f3a5"; } + +.fa-genderless:before { + content: "\f22d"; } + +.fa-get-pocket:before { + content: "\f265"; } + +.fa-gg:before { + content: "\f260"; } + +.fa-gg-circle:before { + content: "\f261"; } + +.fa-ghost:before { + content: "\f6e2"; } + +.fa-gift:before { + content: "\f06b"; } + +.fa-gift-card:before { + content: "\f663"; } + +.fa-gifts:before { + content: "\f79c"; } + +.fa-gingerbread-man:before { + content: "\f79d"; } + +.fa-git:before { + content: "\f1d3"; } + +.fa-git-square:before { + content: "\f1d2"; } + +.fa-github:before { + content: "\f09b"; } + +.fa-github-alt:before { + content: "\f113"; } + +.fa-github-square:before { + content: "\f092"; } + +.fa-gitkraken:before { + content: "\f3a6"; } + +.fa-gitlab:before { + content: "\f296"; } + +.fa-gitter:before { + content: "\f426"; } + +.fa-glass:before { + content: "\f804"; } + +.fa-glass-champagne:before { + content: "\f79e"; } + +.fa-glass-cheers:before { + content: "\f79f"; } + +.fa-glass-martini:before { + content: "\f000"; } + +.fa-glass-martini-alt:before { + content: "\f57b"; } + +.fa-glass-whiskey:before { + content: "\f7a0"; } + +.fa-glass-whiskey-rocks:before { + content: "\f7a1"; } + +.fa-glasses:before { + content: "\f530"; } + +.fa-glasses-alt:before { + content: "\f5f5"; } + +.fa-glide:before { + content: "\f2a5"; } + +.fa-glide-g:before { + content: "\f2a6"; } + +.fa-globe:before { + content: "\f0ac"; } + +.fa-globe-africa:before { + content: "\f57c"; } + +.fa-globe-americas:before { + content: "\f57d"; } + +.fa-globe-asia:before { + content: "\f57e"; } + +.fa-globe-europe:before { + content: "\f7a2"; } + +.fa-globe-snow:before { + content: "\f7a3"; } + +.fa-globe-stand:before { + content: "\f5f6"; } + +.fa-gofore:before { + content: "\f3a7"; } + +.fa-golf-ball:before { + content: "\f450"; } + +.fa-golf-club:before { + content: "\f451"; } + +.fa-goodreads:before { + content: "\f3a8"; } + +.fa-goodreads-g:before { + content: "\f3a9"; } + +.fa-google:before { + content: "\f1a0"; } + +.fa-google-drive:before { + content: "\f3aa"; } + +.fa-google-play:before { + content: "\f3ab"; } + +.fa-google-plus:before { + content: "\f2b3"; } + +.fa-google-plus-g:before { + content: "\f0d5"; } + +.fa-google-plus-square:before { + content: "\f0d4"; } + +.fa-google-wallet:before { + content: "\f1ee"; } + +.fa-gopuram:before { + content: "\f664"; } + +.fa-graduation-cap:before { + content: "\f19d"; } + +.fa-gratipay:before { + content: "\f184"; } + +.fa-grav:before { + content: "\f2d6"; } + +.fa-greater-than:before { + content: "\f531"; } + +.fa-greater-than-equal:before { + content: "\f532"; } + +.fa-grimace:before { + content: "\f57f"; } + +.fa-grin:before { + content: "\f580"; } + +.fa-grin-alt:before { + content: "\f581"; } + +.fa-grin-beam:before { + content: "\f582"; } + +.fa-grin-beam-sweat:before { + content: "\f583"; } + +.fa-grin-hearts:before { + content: "\f584"; } + +.fa-grin-squint:before { + content: "\f585"; } + +.fa-grin-squint-tears:before { + content: "\f586"; } + +.fa-grin-stars:before { + content: "\f587"; } + +.fa-grin-tears:before { + content: "\f588"; } + +.fa-grin-tongue:before { + content: "\f589"; } + +.fa-grin-tongue-squint:before { + content: "\f58a"; } + +.fa-grin-tongue-wink:before { + content: "\f58b"; } + +.fa-grin-wink:before { + content: "\f58c"; } + +.fa-grip-horizontal:before { + content: "\f58d"; } + +.fa-grip-lines:before { + content: "\f7a4"; } + +.fa-grip-lines-vertical:before { + content: "\f7a5"; } + +.fa-grip-vertical:before { + content: "\f58e"; } + +.fa-gripfire:before { + content: "\f3ac"; } + +.fa-grunt:before { + content: "\f3ad"; } + +.fa-guitar:before { + content: "\f7a6"; } + +.fa-gulp:before { + content: "\f3ae"; } + +.fa-h-square:before { + content: "\f0fd"; } + +.fa-h1:before { + content: "\f313"; } + +.fa-h2:before { + content: "\f314"; } + +.fa-h3:before { + content: "\f315"; } + +.fa-hacker-news:before { + content: "\f1d4"; } + +.fa-hacker-news-square:before { + content: "\f3af"; } + +.fa-hackerrank:before { + content: "\f5f7"; } + +.fa-hamburger:before { + content: "\f805"; } + +.fa-hammer:before { + content: "\f6e3"; } + +.fa-hammer-war:before { + content: "\f6e4"; } + +.fa-hamsa:before { + content: "\f665"; } + +.fa-hand-heart:before { + content: "\f4bc"; } + +.fa-hand-holding:before { + content: "\f4bd"; } + +.fa-hand-holding-box:before { + content: "\f47b"; } + +.fa-hand-holding-heart:before { + content: "\f4be"; } + +.fa-hand-holding-magic:before { + content: "\f6e5"; } + +.fa-hand-holding-seedling:before { + content: "\f4bf"; } + +.fa-hand-holding-usd:before { + content: "\f4c0"; } + +.fa-hand-holding-water:before { + content: "\f4c1"; } + +.fa-hand-lizard:before { + content: "\f258"; } + +.fa-hand-middle-finger:before { + content: "\f806"; } + +.fa-hand-paper:before { + content: "\f256"; } + +.fa-hand-peace:before { + content: "\f25b"; } + +.fa-hand-point-down:before { + content: "\f0a7"; } + +.fa-hand-point-left:before { + content: "\f0a5"; } + +.fa-hand-point-right:before { + content: "\f0a4"; } + +.fa-hand-point-up:before { + content: "\f0a6"; } + +.fa-hand-pointer:before { + content: "\f25a"; } + +.fa-hand-receiving:before { + content: "\f47c"; } + +.fa-hand-rock:before { + content: "\f255"; } + +.fa-hand-scissors:before { + content: "\f257"; } + +.fa-hand-spock:before { + content: "\f259"; } + +.fa-hands:before { + content: "\f4c2"; } + +.fa-hands-heart:before { + content: "\f4c3"; } + +.fa-hands-helping:before { + content: "\f4c4"; } + +.fa-hands-usd:before { + content: "\f4c5"; } + +.fa-handshake:before { + content: "\f2b5"; } + +.fa-handshake-alt:before { + content: "\f4c6"; } + +.fa-hanukiah:before { + content: "\f6e6"; } + +.fa-hard-hat:before { + content: "\f807"; } + +.fa-hashtag:before { + content: "\f292"; } + +.fa-hat-santa:before { + content: "\f7a7"; } + +.fa-hat-winter:before { + content: "\f7a8"; } + +.fa-hat-witch:before { + content: "\f6e7"; } + +.fa-hat-wizard:before { + content: "\f6e8"; } + +.fa-haykal:before { + content: "\f666"; } + +.fa-hdd:before { + content: "\f0a0"; } + +.fa-head-side:before { + content: "\f6e9"; } + +.fa-head-side-brain:before { + content: "\f808"; } + +.fa-head-side-medical:before { + content: "\f809"; } + +.fa-head-vr:before { + content: "\f6ea"; } + +.fa-heading:before { + content: "\f1dc"; } + +.fa-headphones:before { + content: "\f025"; } + +.fa-headphones-alt:before { + content: "\f58f"; } + +.fa-headset:before { + content: "\f590"; } + +.fa-heart:before { + content: "\f004"; } + +.fa-heart-broken:before { + content: "\f7a9"; } + +.fa-heart-circle:before { + content: "\f4c7"; } + +.fa-heart-rate:before { + content: "\f5f8"; } + +.fa-heart-square:before { + content: "\f4c8"; } + +.fa-heartbeat:before { + content: "\f21e"; } + +.fa-helicopter:before { + content: "\f533"; } + +.fa-helmet-battle:before { + content: "\f6eb"; } + +.fa-hexagon:before { + content: "\f312"; } + +.fa-highlighter:before { + content: "\f591"; } + +.fa-hiking:before { + content: "\f6ec"; } + +.fa-hippo:before { + content: "\f6ed"; } + +.fa-hips:before { + content: "\f452"; } + +.fa-hire-a-helper:before { + content: "\f3b0"; } + +.fa-history:before { + content: "\f1da"; } + +.fa-hockey-mask:before { + content: "\f6ee"; } + +.fa-hockey-puck:before { + content: "\f453"; } + +.fa-hockey-sticks:before { + content: "\f454"; } + +.fa-holly-berry:before { + content: "\f7aa"; } + +.fa-home:before { + content: "\f015"; } + +.fa-home-alt:before { + content: "\f80a"; } + +.fa-home-heart:before { + content: "\f4c9"; } + +.fa-home-lg:before { + content: "\f80b"; } + +.fa-home-lg-alt:before { + content: "\f80c"; } + +.fa-hood-cloak:before { + content: "\f6ef"; } + +.fa-hooli:before { + content: "\f427"; } + +.fa-hornbill:before { + content: "\f592"; } + +.fa-horse:before { + content: "\f6f0"; } + +.fa-horse-head:before { + content: "\f7ab"; } + +.fa-hospital:before { + content: "\f0f8"; } + +.fa-hospital-alt:before { + content: "\f47d"; } + +.fa-hospital-symbol:before { + content: "\f47e"; } + +.fa-hospital-user:before { + content: "\f80d"; } + +.fa-hospitals:before { + content: "\f80e"; } + +.fa-hot-tub:before { + content: "\f593"; } + +.fa-hotdog:before { + content: "\f80f"; } + +.fa-hotel:before { + content: "\f594"; } + +.fa-hotjar:before { + content: "\f3b1"; } + +.fa-hourglass:before { + content: "\f254"; } + +.fa-hourglass-end:before { + content: "\f253"; } + +.fa-hourglass-half:before { + content: "\f252"; } + +.fa-hourglass-start:before { + content: "\f251"; } + +.fa-house-damage:before { + content: "\f6f1"; } + +.fa-house-flood:before { + content: "\f74f"; } + +.fa-houzz:before { + content: "\f27c"; } + +.fa-hryvnia:before { + content: "\f6f2"; } + +.fa-html5:before { + content: "\f13b"; } + +.fa-hubspot:before { + content: "\f3b2"; } + +.fa-humidity:before { + content: "\f750"; } + +.fa-hurricane:before { + content: "\f751"; } + +.fa-i-cursor:before { + content: "\f246"; } + +.fa-ice-cream:before { + content: "\f810"; } + +.fa-ice-skate:before { + content: "\f7ac"; } + +.fa-icicles:before { + content: "\f7ad"; } + +.fa-id-badge:before { + content: "\f2c1"; } + +.fa-id-card:before { + content: "\f2c2"; } + +.fa-id-card-alt:before { + content: "\f47f"; } + +.fa-igloo:before { + content: "\f7ae"; } + +.fa-image:before { + content: "\f03e"; } + +.fa-images:before { + content: "\f302"; } + +.fa-imdb:before { + content: "\f2d8"; } + +.fa-inbox:before { + content: "\f01c"; } + +.fa-inbox-in:before { + content: "\f310"; } + +.fa-inbox-out:before { + content: "\f311"; } + +.fa-indent:before { + content: "\f03c"; } + +.fa-industry:before { + content: "\f275"; } + +.fa-industry-alt:before { + content: "\f3b3"; } + +.fa-infinity:before { + content: "\f534"; } + +.fa-info:before { + content: "\f129"; } + +.fa-info-circle:before { + content: "\f05a"; } + +.fa-info-square:before { + content: "\f30f"; } + +.fa-inhaler:before { + content: "\f5f9"; } + +.fa-instagram:before { + content: "\f16d"; } + +.fa-integral:before { + content: "\f667"; } + +.fa-intercom:before { + content: "\f7af"; } + +.fa-internet-explorer:before { + content: "\f26b"; } + +.fa-intersection:before { + content: "\f668"; } + +.fa-inventory:before { + content: "\f480"; } + +.fa-invision:before { + content: "\f7b0"; } + +.fa-ioxhost:before { + content: "\f208"; } + +.fa-island-tropical:before { + content: "\f811"; } + +.fa-italic:before { + content: "\f033"; } + +.fa-itch-io:before { + content: "\f83a"; } + +.fa-itunes:before { + content: "\f3b4"; } + +.fa-itunes-note:before { + content: "\f3b5"; } + +.fa-jack-o-lantern:before { + content: "\f30e"; } + +.fa-java:before { + content: "\f4e4"; } + +.fa-jedi:before { + content: "\f669"; } + +.fa-jedi-order:before { + content: "\f50e"; } + +.fa-jenkins:before { + content: "\f3b6"; } + +.fa-jira:before { + content: "\f7b1"; } + +.fa-joget:before { + content: "\f3b7"; } + +.fa-joint:before { + content: "\f595"; } + +.fa-joomla:before { + content: "\f1aa"; } + +.fa-journal-whills:before { + content: "\f66a"; } + +.fa-js:before { + content: "\f3b8"; } + +.fa-js-square:before { + content: "\f3b9"; } + +.fa-jsfiddle:before { + content: "\f1cc"; } + +.fa-kaaba:before { + content: "\f66b"; } + +.fa-kaggle:before { + content: "\f5fa"; } + +.fa-key:before { + content: "\f084"; } + +.fa-key-skeleton:before { + content: "\f6f3"; } + +.fa-keybase:before { + content: "\f4f5"; } + +.fa-keyboard:before { + content: "\f11c"; } + +.fa-keycdn:before { + content: "\f3ba"; } + +.fa-keynote:before { + content: "\f66c"; } + +.fa-khanda:before { + content: "\f66d"; } + +.fa-kickstarter:before { + content: "\f3bb"; } + +.fa-kickstarter-k:before { + content: "\f3bc"; } + +.fa-kidneys:before { + content: "\f5fb"; } + +.fa-kiss:before { + content: "\f596"; } + +.fa-kiss-beam:before { + content: "\f597"; } + +.fa-kiss-wink-heart:before { + content: "\f598"; } + +.fa-kite:before { + content: "\f6f4"; } + +.fa-kiwi-bird:before { + content: "\f535"; } + +.fa-knife-kitchen:before { + content: "\f6f5"; } + +.fa-korvue:before { + content: "\f42f"; } + +.fa-lambda:before { + content: "\f66e"; } + +.fa-lamp:before { + content: "\f4ca"; } + +.fa-landmark:before { + content: "\f66f"; } + +.fa-landmark-alt:before { + content: "\f752"; } + +.fa-language:before { + content: "\f1ab"; } + +.fa-laptop:before { + content: "\f109"; } + +.fa-laptop-code:before { + content: "\f5fc"; } + +.fa-laptop-medical:before { + content: "\f812"; } + +.fa-laravel:before { + content: "\f3bd"; } + +.fa-lastfm:before { + content: "\f202"; } + +.fa-lastfm-square:before { + content: "\f203"; } + +.fa-laugh:before { + content: "\f599"; } + +.fa-laugh-beam:before { + content: "\f59a"; } + +.fa-laugh-squint:before { + content: "\f59b"; } + +.fa-laugh-wink:before { + content: "\f59c"; } + +.fa-layer-group:before { + content: "\f5fd"; } + +.fa-layer-minus:before { + content: "\f5fe"; } + +.fa-layer-plus:before { + content: "\f5ff"; } + +.fa-leaf:before { + content: "\f06c"; } + +.fa-leaf-heart:before { + content: "\f4cb"; } + +.fa-leaf-maple:before { + content: "\f6f6"; } + +.fa-leaf-oak:before { + content: "\f6f7"; } + +.fa-leanpub:before { + content: "\f212"; } + +.fa-lemon:before { + content: "\f094"; } + +.fa-less:before { + content: "\f41d"; } + +.fa-less-than:before { + content: "\f536"; } + +.fa-less-than-equal:before { + content: "\f537"; } + +.fa-level-down:before { + content: "\f149"; } + +.fa-level-down-alt:before { + content: "\f3be"; } + +.fa-level-up:before { + content: "\f148"; } + +.fa-level-up-alt:before { + content: "\f3bf"; } + +.fa-life-ring:before { + content: "\f1cd"; } + +.fa-lightbulb:before { + content: "\f0eb"; } + +.fa-lightbulb-dollar:before { + content: "\f670"; } + +.fa-lightbulb-exclamation:before { + content: "\f671"; } + +.fa-lightbulb-on:before { + content: "\f672"; } + +.fa-lightbulb-slash:before { + content: "\f673"; } + +.fa-lights-holiday:before { + content: "\f7b2"; } + +.fa-line:before { + content: "\f3c0"; } + +.fa-link:before { + content: "\f0c1"; } + +.fa-linkedin:before { + content: "\f08c"; } + +.fa-linkedin-in:before { + content: "\f0e1"; } + +.fa-linode:before { + content: "\f2b8"; } + +.fa-linux:before { + content: "\f17c"; } + +.fa-lips:before { + content: "\f600"; } + +.fa-lira-sign:before { + content: "\f195"; } + +.fa-list:before { + content: "\f03a"; } + +.fa-list-alt:before { + content: "\f022"; } + +.fa-list-ol:before { + content: "\f0cb"; } + +.fa-list-ul:before { + content: "\f0ca"; } + +.fa-location:before { + content: "\f601"; } + +.fa-location-arrow:before { + content: "\f124"; } + +.fa-location-circle:before { + content: "\f602"; } + +.fa-location-slash:before { + content: "\f603"; } + +.fa-lock:before { + content: "\f023"; } + +.fa-lock-alt:before { + content: "\f30d"; } + +.fa-lock-open:before { + content: "\f3c1"; } + +.fa-lock-open-alt:before { + content: "\f3c2"; } + +.fa-long-arrow-alt-down:before { + content: "\f309"; } + +.fa-long-arrow-alt-left:before { + content: "\f30a"; } + +.fa-long-arrow-alt-right:before { + content: "\f30b"; } + +.fa-long-arrow-alt-up:before { + content: "\f30c"; } + +.fa-long-arrow-down:before { + content: "\f175"; } + +.fa-long-arrow-left:before { + content: "\f177"; } + +.fa-long-arrow-right:before { + content: "\f178"; } + +.fa-long-arrow-up:before { + content: "\f176"; } + +.fa-loveseat:before { + content: "\f4cc"; } + +.fa-low-vision:before { + content: "\f2a8"; } + +.fa-luchador:before { + content: "\f455"; } + +.fa-luggage-cart:before { + content: "\f59d"; } + +.fa-lungs:before { + content: "\f604"; } + +.fa-lyft:before { + content: "\f3c3"; } + +.fa-mace:before { + content: "\f6f8"; } + +.fa-magento:before { + content: "\f3c4"; } + +.fa-magic:before { + content: "\f0d0"; } + +.fa-magnet:before { + content: "\f076"; } + +.fa-mail-bulk:before { + content: "\f674"; } + +.fa-mailbox:before { + content: "\f813"; } + +.fa-mailchimp:before { + content: "\f59e"; } + +.fa-male:before { + content: "\f183"; } + +.fa-mandalorian:before { + content: "\f50f"; } + +.fa-mandolin:before { + content: "\f6f9"; } + +.fa-map:before { + content: "\f279"; } + +.fa-map-marked:before { + content: "\f59f"; } + +.fa-map-marked-alt:before { + content: "\f5a0"; } + +.fa-map-marker:before { + content: "\f041"; } + +.fa-map-marker-alt:before { + content: "\f3c5"; } + +.fa-map-marker-alt-slash:before { + content: "\f605"; } + +.fa-map-marker-check:before { + content: "\f606"; } + +.fa-map-marker-edit:before { + content: "\f607"; } + +.fa-map-marker-exclamation:before { + content: "\f608"; } + +.fa-map-marker-minus:before { + content: "\f609"; } + +.fa-map-marker-plus:before { + content: "\f60a"; } + +.fa-map-marker-question:before { + content: "\f60b"; } + +.fa-map-marker-slash:before { + content: "\f60c"; } + +.fa-map-marker-smile:before { + content: "\f60d"; } + +.fa-map-marker-times:before { + content: "\f60e"; } + +.fa-map-pin:before { + content: "\f276"; } + +.fa-map-signs:before { + content: "\f277"; } + +.fa-markdown:before { + content: "\f60f"; } + +.fa-marker:before { + content: "\f5a1"; } + +.fa-mars:before { + content: "\f222"; } + +.fa-mars-double:before { + content: "\f227"; } + +.fa-mars-stroke:before { + content: "\f229"; } + +.fa-mars-stroke-h:before { + content: "\f22b"; } + +.fa-mars-stroke-v:before { + content: "\f22a"; } + +.fa-mask:before { + content: "\f6fa"; } + +.fa-mastodon:before { + content: "\f4f6"; } + +.fa-maxcdn:before { + content: "\f136"; } + +.fa-meat:before { + content: "\f814"; } + +.fa-medal:before { + content: "\f5a2"; } + +.fa-medapps:before { + content: "\f3c6"; } + +.fa-medium:before { + content: "\f23a"; } + +.fa-medium-m:before { + content: "\f3c7"; } + +.fa-medkit:before { + content: "\f0fa"; } + +.fa-medrt:before { + content: "\f3c8"; } + +.fa-meetup:before { + content: "\f2e0"; } + +.fa-megaphone:before { + content: "\f675"; } + +.fa-megaport:before { + content: "\f5a3"; } + +.fa-meh:before { + content: "\f11a"; } + +.fa-meh-blank:before { + content: "\f5a4"; } + +.fa-meh-rolling-eyes:before { + content: "\f5a5"; } + +.fa-memory:before { + content: "\f538"; } + +.fa-mendeley:before { + content: "\f7b3"; } + +.fa-menorah:before { + content: "\f676"; } + +.fa-mercury:before { + content: "\f223"; } + +.fa-meteor:before { + content: "\f753"; } + +.fa-microchip:before { + content: "\f2db"; } + +.fa-microphone:before { + content: "\f130"; } + +.fa-microphone-alt:before { + content: "\f3c9"; } + +.fa-microphone-alt-slash:before { + content: "\f539"; } + +.fa-microphone-slash:before { + content: "\f131"; } + +.fa-microscope:before { + content: "\f610"; } + +.fa-microsoft:before { + content: "\f3ca"; } + +.fa-mind-share:before { + content: "\f677"; } + +.fa-minus:before { + content: "\f068"; } + +.fa-minus-circle:before { + content: "\f056"; } + +.fa-minus-hexagon:before { + content: "\f307"; } + +.fa-minus-octagon:before { + content: "\f308"; } + +.fa-minus-square:before { + content: "\f146"; } + +.fa-mistletoe:before { + content: "\f7b4"; } + +.fa-mitten:before { + content: "\f7b5"; } + +.fa-mix:before { + content: "\f3cb"; } + +.fa-mixcloud:before { + content: "\f289"; } + +.fa-mizuni:before { + content: "\f3cc"; } + +.fa-mobile:before { + content: "\f10b"; } + +.fa-mobile-alt:before { + content: "\f3cd"; } + +.fa-mobile-android:before { + content: "\f3ce"; } + +.fa-mobile-android-alt:before { + content: "\f3cf"; } + +.fa-modx:before { + content: "\f285"; } + +.fa-monero:before { + content: "\f3d0"; } + +.fa-money-bill:before { + content: "\f0d6"; } + +.fa-money-bill-alt:before { + content: "\f3d1"; } + +.fa-money-bill-wave:before { + content: "\f53a"; } + +.fa-money-bill-wave-alt:before { + content: "\f53b"; } + +.fa-money-check:before { + content: "\f53c"; } + +.fa-money-check-alt:before { + content: "\f53d"; } + +.fa-monitor-heart-rate:before { + content: "\f611"; } + +.fa-monkey:before { + content: "\f6fb"; } + +.fa-monument:before { + content: "\f5a6"; } + +.fa-moon:before { + content: "\f186"; } + +.fa-moon-cloud:before { + content: "\f754"; } + +.fa-moon-stars:before { + content: "\f755"; } + +.fa-mortar-pestle:before { + content: "\f5a7"; } + +.fa-mosque:before { + content: "\f678"; } + +.fa-motorcycle:before { + content: "\f21c"; } + +.fa-mountain:before { + content: "\f6fc"; } + +.fa-mountains:before { + content: "\f6fd"; } + +.fa-mouse-pointer:before { + content: "\f245"; } + +.fa-mug-hot:before { + content: "\f7b6"; } + +.fa-mug-marshmallows:before { + content: "\f7b7"; } + +.fa-music:before { + content: "\f001"; } + +.fa-napster:before { + content: "\f3d2"; } + +.fa-narwhal:before { + content: "\f6fe"; } + +.fa-neos:before { + content: "\f612"; } + +.fa-network-wired:before { + content: "\f6ff"; } + +.fa-neuter:before { + content: "\f22c"; } + +.fa-newspaper:before { + content: "\f1ea"; } + +.fa-nimblr:before { + content: "\f5a8"; } + +.fa-nintendo-switch:before { + content: "\f418"; } + +.fa-node:before { + content: "\f419"; } + +.fa-node-js:before { + content: "\f3d3"; } + +.fa-not-equal:before { + content: "\f53e"; } + +.fa-notes-medical:before { + content: "\f481"; } + +.fa-npm:before { + content: "\f3d4"; } + +.fa-ns8:before { + content: "\f3d5"; } + +.fa-nutritionix:before { + content: "\f3d6"; } + +.fa-object-group:before { + content: "\f247"; } + +.fa-object-ungroup:before { + content: "\f248"; } + +.fa-octagon:before { + content: "\f306"; } + +.fa-odnoklassniki:before { + content: "\f263"; } + +.fa-odnoklassniki-square:before { + content: "\f264"; } + +.fa-oil-can:before { + content: "\f613"; } + +.fa-oil-temp:before { + content: "\f614"; } + +.fa-old-republic:before { + content: "\f510"; } + +.fa-om:before { + content: "\f679"; } + +.fa-omega:before { + content: "\f67a"; } + +.fa-opencart:before { + content: "\f23d"; } + +.fa-openid:before { + content: "\f19b"; } + +.fa-opera:before { + content: "\f26a"; } + +.fa-optin-monster:before { + content: "\f23c"; } + +.fa-ornament:before { + content: "\f7b8"; } + +.fa-osi:before { + content: "\f41a"; } + +.fa-otter:before { + content: "\f700"; } + +.fa-outdent:before { + content: "\f03b"; } + +.fa-page4:before { + content: "\f3d7"; } + +.fa-pagelines:before { + content: "\f18c"; } + +.fa-pager:before { + content: "\f815"; } + +.fa-paint-brush:before { + content: "\f1fc"; } + +.fa-paint-brush-alt:before { + content: "\f5a9"; } + +.fa-paint-roller:before { + content: "\f5aa"; } + +.fa-palette:before { + content: "\f53f"; } + +.fa-palfed:before { + content: "\f3d8"; } + +.fa-pallet:before { + content: "\f482"; } + +.fa-pallet-alt:before { + content: "\f483"; } + +.fa-paper-plane:before { + content: "\f1d8"; } + +.fa-paperclip:before { + content: "\f0c6"; } + +.fa-parachute-box:before { + content: "\f4cd"; } + +.fa-paragraph:before { + content: "\f1dd"; } + +.fa-parking:before { + content: "\f540"; } + +.fa-parking-circle:before { + content: "\f615"; } + +.fa-parking-circle-slash:before { + content: "\f616"; } + +.fa-parking-slash:before { + content: "\f617"; } + +.fa-passport:before { + content: "\f5ab"; } + +.fa-pastafarianism:before { + content: "\f67b"; } + +.fa-paste:before { + content: "\f0ea"; } + +.fa-patreon:before { + content: "\f3d9"; } + +.fa-pause:before { + content: "\f04c"; } + +.fa-pause-circle:before { + content: "\f28b"; } + +.fa-paw:before { + content: "\f1b0"; } + +.fa-paw-alt:before { + content: "\f701"; } + +.fa-paw-claws:before { + content: "\f702"; } + +.fa-paypal:before { + content: "\f1ed"; } + +.fa-peace:before { + content: "\f67c"; } + +.fa-pegasus:before { + content: "\f703"; } + +.fa-pen:before { + content: "\f304"; } + +.fa-pen-alt:before { + content: "\f305"; } + +.fa-pen-fancy:before { + content: "\f5ac"; } + +.fa-pen-nib:before { + content: "\f5ad"; } + +.fa-pen-square:before { + content: "\f14b"; } + +.fa-pencil:before { + content: "\f040"; } + +.fa-pencil-alt:before { + content: "\f303"; } + +.fa-pencil-paintbrush:before { + content: "\f618"; } + +.fa-pencil-ruler:before { + content: "\f5ae"; } + +.fa-pennant:before { + content: "\f456"; } + +.fa-penny-arcade:before { + content: "\f704"; } + +.fa-people-carry:before { + content: "\f4ce"; } + +.fa-pepper-hot:before { + content: "\f816"; } + +.fa-percent:before { + content: "\f295"; } + +.fa-percentage:before { + content: "\f541"; } + +.fa-periscope:before { + content: "\f3da"; } + +.fa-person-booth:before { + content: "\f756"; } + +.fa-person-carry:before { + content: "\f4cf"; } + +.fa-person-dolly:before { + content: "\f4d0"; } + +.fa-person-dolly-empty:before { + content: "\f4d1"; } + +.fa-person-sign:before { + content: "\f757"; } + +.fa-phabricator:before { + content: "\f3db"; } + +.fa-phoenix-framework:before { + content: "\f3dc"; } + +.fa-phoenix-squadron:before { + content: "\f511"; } + +.fa-phone:before { + content: "\f095"; } + +.fa-phone-office:before { + content: "\f67d"; } + +.fa-phone-plus:before { + content: "\f4d2"; } + +.fa-phone-slash:before { + content: "\f3dd"; } + +.fa-phone-square:before { + content: "\f098"; } + +.fa-phone-volume:before { + content: "\f2a0"; } + +.fa-php:before { + content: "\f457"; } + +.fa-pi:before { + content: "\f67e"; } + +.fa-pie:before { + content: "\f705"; } + +.fa-pied-piper:before { + content: "\f2ae"; } + +.fa-pied-piper-alt:before { + content: "\f1a8"; } + +.fa-pied-piper-hat:before { + content: "\f4e5"; } + +.fa-pied-piper-pp:before { + content: "\f1a7"; } + +.fa-pig:before { + content: "\f706"; } + +.fa-piggy-bank:before { + content: "\f4d3"; } + +.fa-pills:before { + content: "\f484"; } + +.fa-pinterest:before { + content: "\f0d2"; } + +.fa-pinterest-p:before { + content: "\f231"; } + +.fa-pinterest-square:before { + content: "\f0d3"; } + +.fa-pizza:before { + content: "\f817"; } + +.fa-pizza-slice:before { + content: "\f818"; } + +.fa-place-of-worship:before { + content: "\f67f"; } + +.fa-plane:before { + content: "\f072"; } + +.fa-plane-alt:before { + content: "\f3de"; } + +.fa-plane-arrival:before { + content: "\f5af"; } + +.fa-plane-departure:before { + content: "\f5b0"; } + +.fa-play:before { + content: "\f04b"; } + +.fa-play-circle:before { + content: "\f144"; } + +.fa-playstation:before { + content: "\f3df"; } + +.fa-plug:before { + content: "\f1e6"; } + +.fa-plus:before { + content: "\f067"; } + +.fa-plus-circle:before { + content: "\f055"; } + +.fa-plus-hexagon:before { + content: "\f300"; } + +.fa-plus-octagon:before { + content: "\f301"; } + +.fa-plus-square:before { + content: "\f0fe"; } + +.fa-podcast:before { + content: "\f2ce"; } + +.fa-podium:before { + content: "\f680"; } + +.fa-podium-star:before { + content: "\f758"; } + +.fa-poll:before { + content: "\f681"; } + +.fa-poll-h:before { + content: "\f682"; } + +.fa-poll-people:before { + content: "\f759"; } + +.fa-poo:before { + content: "\f2fe"; } + +.fa-poo-storm:before { + content: "\f75a"; } + +.fa-poop:before { + content: "\f619"; } + +.fa-popcorn:before { + content: "\f819"; } + +.fa-portrait:before { + content: "\f3e0"; } + +.fa-pound-sign:before { + content: "\f154"; } + +.fa-power-off:before { + content: "\f011"; } + +.fa-pray:before { + content: "\f683"; } + +.fa-praying-hands:before { + content: "\f684"; } + +.fa-prescription:before { + content: "\f5b1"; } + +.fa-prescription-bottle:before { + content: "\f485"; } + +.fa-prescription-bottle-alt:before { + content: "\f486"; } + +.fa-presentation:before { + content: "\f685"; } + +.fa-print:before { + content: "\f02f"; } + +.fa-print-search:before { + content: "\f81a"; } + +.fa-print-slash:before { + content: "\f686"; } + +.fa-procedures:before { + content: "\f487"; } + +.fa-product-hunt:before { + content: "\f288"; } + +.fa-project-diagram:before { + content: "\f542"; } + +.fa-pumpkin:before { + content: "\f707"; } + +.fa-pushed:before { + content: "\f3e1"; } + +.fa-puzzle-piece:before { + content: "\f12e"; } + +.fa-python:before { + content: "\f3e2"; } + +.fa-qq:before { + content: "\f1d6"; } + +.fa-qrcode:before { + content: "\f029"; } + +.fa-question:before { + content: "\f128"; } + +.fa-question-circle:before { + content: "\f059"; } + +.fa-question-square:before { + content: "\f2fd"; } + +.fa-quidditch:before { + content: "\f458"; } + +.fa-quinscape:before { + content: "\f459"; } + +.fa-quora:before { + content: "\f2c4"; } + +.fa-quote-left:before { + content: "\f10d"; } + +.fa-quote-right:before { + content: "\f10e"; } + +.fa-quran:before { + content: "\f687"; } + +.fa-r-project:before { + content: "\f4f7"; } + +.fa-rabbit:before { + content: "\f708"; } + +.fa-rabbit-fast:before { + content: "\f709"; } + +.fa-racquet:before { + content: "\f45a"; } + +.fa-radiation:before { + content: "\f7b9"; } + +.fa-radiation-alt:before { + content: "\f7ba"; } + +.fa-rainbow:before { + content: "\f75b"; } + +.fa-raindrops:before { + content: "\f75c"; } + +.fa-ram:before { + content: "\f70a"; } + +.fa-ramp-loading:before { + content: "\f4d4"; } + +.fa-random:before { + content: "\f074"; } + +.fa-raspberry-pi:before { + content: "\f7bb"; } + +.fa-ravelry:before { + content: "\f2d9"; } + +.fa-react:before { + content: "\f41b"; } + +.fa-reacteurope:before { + content: "\f75d"; } + +.fa-readme:before { + content: "\f4d5"; } + +.fa-rebel:before { + content: "\f1d0"; } + +.fa-receipt:before { + content: "\f543"; } + +.fa-rectangle-landscape:before { + content: "\f2fa"; } + +.fa-rectangle-portrait:before { + content: "\f2fb"; } + +.fa-rectangle-wide:before { + content: "\f2fc"; } + +.fa-recycle:before { + content: "\f1b8"; } + +.fa-red-river:before { + content: "\f3e3"; } + +.fa-reddit:before { + content: "\f1a1"; } + +.fa-reddit-alien:before { + content: "\f281"; } + +.fa-reddit-square:before { + content: "\f1a2"; } + +.fa-redhat:before { + content: "\f7bc"; } + +.fa-redo:before { + content: "\f01e"; } + +.fa-redo-alt:before { + content: "\f2f9"; } + +.fa-registered:before { + content: "\f25d"; } + +.fa-renren:before { + content: "\f18b"; } + +.fa-repeat:before { + content: "\f363"; } + +.fa-repeat-1:before { + content: "\f365"; } + +.fa-repeat-1-alt:before { + content: "\f366"; } + +.fa-repeat-alt:before { + content: "\f364"; } + +.fa-reply:before { + content: "\f3e5"; } + +.fa-reply-all:before { + content: "\f122"; } + +.fa-replyd:before { + content: "\f3e6"; } + +.fa-republican:before { + content: "\f75e"; } + +.fa-researchgate:before { + content: "\f4f8"; } + +.fa-resolving:before { + content: "\f3e7"; } + +.fa-restroom:before { + content: "\f7bd"; } + +.fa-retweet:before { + content: "\f079"; } + +.fa-retweet-alt:before { + content: "\f361"; } + +.fa-rev:before { + content: "\f5b2"; } + +.fa-ribbon:before { + content: "\f4d6"; } + +.fa-ring:before { + content: "\f70b"; } + +.fa-rings-wedding:before { + content: "\f81b"; } + +.fa-road:before { + content: "\f018"; } + +.fa-robot:before { + content: "\f544"; } + +.fa-rocket:before { + content: "\f135"; } + +.fa-rocketchat:before { + content: "\f3e8"; } + +.fa-rockrms:before { + content: "\f3e9"; } + +.fa-route:before { + content: "\f4d7"; } + +.fa-route-highway:before { + content: "\f61a"; } + +.fa-route-interstate:before { + content: "\f61b"; } + +.fa-rss:before { + content: "\f09e"; } + +.fa-rss-square:before { + content: "\f143"; } + +.fa-ruble-sign:before { + content: "\f158"; } + +.fa-ruler:before { + content: "\f545"; } + +.fa-ruler-combined:before { + content: "\f546"; } + +.fa-ruler-horizontal:before { + content: "\f547"; } + +.fa-ruler-triangle:before { + content: "\f61c"; } + +.fa-ruler-vertical:before { + content: "\f548"; } + +.fa-running:before { + content: "\f70c"; } + +.fa-rupee-sign:before { + content: "\f156"; } + +.fa-rv:before { + content: "\f7be"; } + +.fa-sack:before { + content: "\f81c"; } + +.fa-sack-dollar:before { + content: "\f81d"; } + +.fa-sad-cry:before { + content: "\f5b3"; } + +.fa-sad-tear:before { + content: "\f5b4"; } + +.fa-safari:before { + content: "\f267"; } + +.fa-salad:before { + content: "\f81e"; } + +.fa-salesforce:before { + content: "\f83b"; } + +.fa-sandwich:before { + content: "\f81f"; } + +.fa-sass:before { + content: "\f41e"; } + +.fa-satellite:before { + content: "\f7bf"; } + +.fa-satellite-dish:before { + content: "\f7c0"; } + +.fa-sausage:before { + content: "\f820"; } + +.fa-save:before { + content: "\f0c7"; } + +.fa-scalpel:before { + content: "\f61d"; } + +.fa-scalpel-path:before { + content: "\f61e"; } + +.fa-scanner:before { + content: "\f488"; } + +.fa-scanner-keyboard:before { + content: "\f489"; } + +.fa-scanner-touchscreen:before { + content: "\f48a"; } + +.fa-scarecrow:before { + content: "\f70d"; } + +.fa-scarf:before { + content: "\f7c1"; } + +.fa-schlix:before { + content: "\f3ea"; } + +.fa-school:before { + content: "\f549"; } + +.fa-screwdriver:before { + content: "\f54a"; } + +.fa-scribd:before { + content: "\f28a"; } + +.fa-scroll:before { + content: "\f70e"; } + +.fa-scroll-old:before { + content: "\f70f"; } + +.fa-scrubber:before { + content: "\f2f8"; } + +.fa-scythe:before { + content: "\f710"; } + +.fa-sd-card:before { + content: "\f7c2"; } + +.fa-search:before { + content: "\f002"; } + +.fa-search-dollar:before { + content: "\f688"; } + +.fa-search-location:before { + content: "\f689"; } + +.fa-search-minus:before { + content: "\f010"; } + +.fa-search-plus:before { + content: "\f00e"; } + +.fa-searchengin:before { + content: "\f3eb"; } + +.fa-seedling:before { + content: "\f4d8"; } + +.fa-sellcast:before { + content: "\f2da"; } + +.fa-sellsy:before { + content: "\f213"; } + +.fa-server:before { + content: "\f233"; } + +.fa-servicestack:before { + content: "\f3ec"; } + +.fa-shapes:before { + content: "\f61f"; } + +.fa-share:before { + content: "\f064"; } + +.fa-share-all:before { + content: "\f367"; } + +.fa-share-alt:before { + content: "\f1e0"; } + +.fa-share-alt-square:before { + content: "\f1e1"; } + +.fa-share-square:before { + content: "\f14d"; } + +.fa-sheep:before { + content: "\f711"; } + +.fa-shekel-sign:before { + content: "\f20b"; } + +.fa-shield:before { + content: "\f132"; } + +.fa-shield-alt:before { + content: "\f3ed"; } + +.fa-shield-check:before { + content: "\f2f7"; } + +.fa-shield-cross:before { + content: "\f712"; } + +.fa-ship:before { + content: "\f21a"; } + +.fa-shipping-fast:before { + content: "\f48b"; } + +.fa-shipping-timed:before { + content: "\f48c"; } + +.fa-shirtsinbulk:before { + content: "\f214"; } + +.fa-shish-kebab:before { + content: "\f821"; } + +.fa-shoe-prints:before { + content: "\f54b"; } + +.fa-shopping-bag:before { + content: "\f290"; } + +.fa-shopping-basket:before { + content: "\f291"; } + +.fa-shopping-cart:before { + content: "\f07a"; } + +.fa-shopware:before { + content: "\f5b5"; } + +.fa-shovel:before { + content: "\f713"; } + +.fa-shovel-snow:before { + content: "\f7c3"; } + +.fa-shower:before { + content: "\f2cc"; } + +.fa-shredder:before { + content: "\f68a"; } + +.fa-shuttle-van:before { + content: "\f5b6"; } + +.fa-shuttlecock:before { + content: "\f45b"; } + +.fa-sickle:before { + content: "\f822"; } + +.fa-sigma:before { + content: "\f68b"; } + +.fa-sign:before { + content: "\f4d9"; } + +.fa-sign-in:before { + content: "\f090"; } + +.fa-sign-in-alt:before { + content: "\f2f6"; } + +.fa-sign-language:before { + content: "\f2a7"; } + +.fa-sign-out:before { + content: "\f08b"; } + +.fa-sign-out-alt:before { + content: "\f2f5"; } + +.fa-signal:before { + content: "\f012"; } + +.fa-signal-1:before { + content: "\f68c"; } + +.fa-signal-2:before { + content: "\f68d"; } + +.fa-signal-3:before { + content: "\f68e"; } + +.fa-signal-4:before { + content: "\f68f"; } + +.fa-signal-alt:before { + content: "\f690"; } + +.fa-signal-alt-1:before { + content: "\f691"; } + +.fa-signal-alt-2:before { + content: "\f692"; } + +.fa-signal-alt-3:before { + content: "\f693"; } + +.fa-signal-alt-slash:before { + content: "\f694"; } + +.fa-signal-slash:before { + content: "\f695"; } + +.fa-signature:before { + content: "\f5b7"; } + +.fa-sim-card:before { + content: "\f7c4"; } + +.fa-simplybuilt:before { + content: "\f215"; } + +.fa-sistrix:before { + content: "\f3ee"; } + +.fa-sitemap:before { + content: "\f0e8"; } + +.fa-sith:before { + content: "\f512"; } + +.fa-skating:before { + content: "\f7c5"; } + +.fa-skeleton:before { + content: "\f620"; } + +.fa-sketch:before { + content: "\f7c6"; } + +.fa-ski-jump:before { + content: "\f7c7"; } + +.fa-ski-lift:before { + content: "\f7c8"; } + +.fa-skiing:before { + content: "\f7c9"; } + +.fa-skiing-nordic:before { + content: "\f7ca"; } + +.fa-skull:before { + content: "\f54c"; } + +.fa-skull-crossbones:before { + content: "\f714"; } + +.fa-skyatlas:before { + content: "\f216"; } + +.fa-skype:before { + content: "\f17e"; } + +.fa-slack:before { + content: "\f198"; } + +.fa-slack-hash:before { + content: "\f3ef"; } + +.fa-slash:before { + content: "\f715"; } + +.fa-sledding:before { + content: "\f7cb"; } + +.fa-sleigh:before { + content: "\f7cc"; } + +.fa-sliders-h:before { + content: "\f1de"; } + +.fa-sliders-h-square:before { + content: "\f3f0"; } + +.fa-sliders-v:before { + content: "\f3f1"; } + +.fa-sliders-v-square:before { + content: "\f3f2"; } + +.fa-slideshare:before { + content: "\f1e7"; } + +.fa-smile:before { + content: "\f118"; } + +.fa-smile-beam:before { + content: "\f5b8"; } + +.fa-smile-plus:before { + content: "\f5b9"; } + +.fa-smile-wink:before { + content: "\f4da"; } + +.fa-smog:before { + content: "\f75f"; } + +.fa-smoke:before { + content: "\f760"; } + +.fa-smoking:before { + content: "\f48d"; } + +.fa-smoking-ban:before { + content: "\f54d"; } + +.fa-sms:before { + content: "\f7cd"; } + +.fa-snake:before { + content: "\f716"; } + +.fa-snapchat:before { + content: "\f2ab"; } + +.fa-snapchat-ghost:before { + content: "\f2ac"; } + +.fa-snapchat-square:before { + content: "\f2ad"; } + +.fa-snow-blowing:before { + content: "\f761"; } + +.fa-snowboarding:before { + content: "\f7ce"; } + +.fa-snowflake:before { + content: "\f2dc"; } + +.fa-snowflakes:before { + content: "\f7cf"; } + +.fa-snowman:before { + content: "\f7d0"; } + +.fa-snowmobile:before { + content: "\f7d1"; } + +.fa-snowplow:before { + content: "\f7d2"; } + +.fa-socks:before { + content: "\f696"; } + +.fa-solar-panel:before { + content: "\f5ba"; } + +.fa-sort:before { + content: "\f0dc"; } + +.fa-sort-alpha-down:before { + content: "\f15d"; } + +.fa-sort-alpha-up:before { + content: "\f15e"; } + +.fa-sort-amount-down:before { + content: "\f160"; } + +.fa-sort-amount-up:before { + content: "\f161"; } + +.fa-sort-down:before { + content: "\f0dd"; } + +.fa-sort-numeric-down:before { + content: "\f162"; } + +.fa-sort-numeric-up:before { + content: "\f163"; } + +.fa-sort-up:before { + content: "\f0de"; } + +.fa-soundcloud:before { + content: "\f1be"; } + +.fa-soup:before { + content: "\f823"; } + +.fa-sourcetree:before { + content: "\f7d3"; } + +.fa-spa:before { + content: "\f5bb"; } + +.fa-space-shuttle:before { + content: "\f197"; } + +.fa-spade:before { + content: "\f2f4"; } + +.fa-speakap:before { + content: "\f3f3"; } + +.fa-speaker-deck:before { + content: "\f83c"; } + +.fa-spider:before { + content: "\f717"; } + +.fa-spider-black-widow:before { + content: "\f718"; } + +.fa-spider-web:before { + content: "\f719"; } + +.fa-spinner:before { + content: "\f110"; } + +.fa-spinner-third:before { + content: "\f3f4"; } + +.fa-splotch:before { + content: "\f5bc"; } + +.fa-spotify:before { + content: "\f1bc"; } + +.fa-spray-can:before { + content: "\f5bd"; } + +.fa-square:before { + content: "\f0c8"; } + +.fa-square-full:before { + content: "\f45c"; } + +.fa-square-root:before { + content: "\f697"; } + +.fa-square-root-alt:before { + content: "\f698"; } + +.fa-squarespace:before { + content: "\f5be"; } + +.fa-squirrel:before { + content: "\f71a"; } + +.fa-stack-exchange:before { + content: "\f18d"; } + +.fa-stack-overflow:before { + content: "\f16c"; } + +.fa-staff:before { + content: "\f71b"; } + +.fa-stamp:before { + content: "\f5bf"; } + +.fa-star:before { + content: "\f005"; } + +.fa-star-and-crescent:before { + content: "\f699"; } + +.fa-star-christmas:before { + content: "\f7d4"; } + +.fa-star-exclamation:before { + content: "\f2f3"; } + +.fa-star-half:before { + content: "\f089"; } + +.fa-star-half-alt:before { + content: "\f5c0"; } + +.fa-star-of-david:before { + content: "\f69a"; } + +.fa-star-of-life:before { + content: "\f621"; } + +.fa-stars:before { + content: "\f762"; } + +.fa-staylinked:before { + content: "\f3f5"; } + +.fa-steak:before { + content: "\f824"; } + +.fa-steam:before { + content: "\f1b6"; } + +.fa-steam-square:before { + content: "\f1b7"; } + +.fa-steam-symbol:before { + content: "\f3f6"; } + +.fa-steering-wheel:before { + content: "\f622"; } + +.fa-step-backward:before { + content: "\f048"; } + +.fa-step-forward:before { + content: "\f051"; } + +.fa-stethoscope:before { + content: "\f0f1"; } + +.fa-sticker-mule:before { + content: "\f3f7"; } + +.fa-sticky-note:before { + content: "\f249"; } + +.fa-stocking:before { + content: "\f7d5"; } + +.fa-stomach:before { + content: "\f623"; } + +.fa-stop:before { + content: "\f04d"; } + +.fa-stop-circle:before { + content: "\f28d"; } + +.fa-stopwatch:before { + content: "\f2f2"; } + +.fa-store:before { + content: "\f54e"; } + +.fa-store-alt:before { + content: "\f54f"; } + +.fa-strava:before { + content: "\f428"; } + +.fa-stream:before { + content: "\f550"; } + +.fa-street-view:before { + content: "\f21d"; } + +.fa-stretcher:before { + content: "\f825"; } + +.fa-strikethrough:before { + content: "\f0cc"; } + +.fa-stripe:before { + content: "\f429"; } + +.fa-stripe-s:before { + content: "\f42a"; } + +.fa-stroopwafel:before { + content: "\f551"; } + +.fa-studiovinari:before { + content: "\f3f8"; } + +.fa-stumbleupon:before { + content: "\f1a4"; } + +.fa-stumbleupon-circle:before { + content: "\f1a3"; } + +.fa-subscript:before { + content: "\f12c"; } + +.fa-subway:before { + content: "\f239"; } + +.fa-suitcase:before { + content: "\f0f2"; } + +.fa-suitcase-rolling:before { + content: "\f5c1"; } + +.fa-sun:before { + content: "\f185"; } + +.fa-sun-cloud:before { + content: "\f763"; } + +.fa-sun-dust:before { + content: "\f764"; } + +.fa-sun-haze:before { + content: "\f765"; } + +.fa-sunrise:before { + content: "\f766"; } + +.fa-sunset:before { + content: "\f767"; } + +.fa-superpowers:before { + content: "\f2dd"; } + +.fa-superscript:before { + content: "\f12b"; } + +.fa-supple:before { + content: "\f3f9"; } + +.fa-surprise:before { + content: "\f5c2"; } + +.fa-suse:before { + content: "\f7d6"; } + +.fa-swatchbook:before { + content: "\f5c3"; } + +.fa-swimmer:before { + content: "\f5c4"; } + +.fa-swimming-pool:before { + content: "\f5c5"; } + +.fa-sword:before { + content: "\f71c"; } + +.fa-swords:before { + content: "\f71d"; } + +.fa-symfony:before { + content: "\f83d"; } + +.fa-synagogue:before { + content: "\f69b"; } + +.fa-sync:before { + content: "\f021"; } + +.fa-sync-alt:before { + content: "\f2f1"; } + +.fa-syringe:before { + content: "\f48e"; } + +.fa-table:before { + content: "\f0ce"; } + +.fa-table-tennis:before { + content: "\f45d"; } + +.fa-tablet:before { + content: "\f10a"; } + +.fa-tablet-alt:before { + content: "\f3fa"; } + +.fa-tablet-android:before { + content: "\f3fb"; } + +.fa-tablet-android-alt:before { + content: "\f3fc"; } + +.fa-tablet-rugged:before { + content: "\f48f"; } + +.fa-tablets:before { + content: "\f490"; } + +.fa-tachometer:before { + content: "\f0e4"; } + +.fa-tachometer-alt:before { + content: "\f3fd"; } + +.fa-tachometer-alt-average:before { + content: "\f624"; } + +.fa-tachometer-alt-fast:before { + content: "\f625"; } + +.fa-tachometer-alt-fastest:before { + content: "\f626"; } + +.fa-tachometer-alt-slow:before { + content: "\f627"; } + +.fa-tachometer-alt-slowest:before { + content: "\f628"; } + +.fa-tachometer-average:before { + content: "\f629"; } + +.fa-tachometer-fast:before { + content: "\f62a"; } + +.fa-tachometer-fastest:before { + content: "\f62b"; } + +.fa-tachometer-slow:before { + content: "\f62c"; } + +.fa-tachometer-slowest:before { + content: "\f62d"; } + +.fa-taco:before { + content: "\f826"; } + +.fa-tag:before { + content: "\f02b"; } + +.fa-tags:before { + content: "\f02c"; } + +.fa-tally:before { + content: "\f69c"; } + +.fa-tanakh:before { + content: "\f827"; } + +.fa-tape:before { + content: "\f4db"; } + +.fa-tasks:before { + content: "\f0ae"; } + +.fa-tasks-alt:before { + content: "\f828"; } + +.fa-taxi:before { + content: "\f1ba"; } + +.fa-teamspeak:before { + content: "\f4f9"; } + +.fa-teeth:before { + content: "\f62e"; } + +.fa-teeth-open:before { + content: "\f62f"; } + +.fa-telegram:before { + content: "\f2c6"; } + +.fa-telegram-plane:before { + content: "\f3fe"; } + +.fa-temperature-frigid:before { + content: "\f768"; } + +.fa-temperature-high:before { + content: "\f769"; } + +.fa-temperature-hot:before { + content: "\f76a"; } + +.fa-temperature-low:before { + content: "\f76b"; } + +.fa-tencent-weibo:before { + content: "\f1d5"; } + +.fa-tenge:before { + content: "\f7d7"; } + +.fa-tennis-ball:before { + content: "\f45e"; } + +.fa-terminal:before { + content: "\f120"; } + +.fa-text-height:before { + content: "\f034"; } + +.fa-text-width:before { + content: "\f035"; } + +.fa-th:before { + content: "\f00a"; } + +.fa-th-large:before { + content: "\f009"; } + +.fa-th-list:before { + content: "\f00b"; } + +.fa-the-red-yeti:before { + content: "\f69d"; } + +.fa-theater-masks:before { + content: "\f630"; } + +.fa-themeco:before { + content: "\f5c6"; } + +.fa-themeisle:before { + content: "\f2b2"; } + +.fa-thermometer:before { + content: "\f491"; } + +.fa-thermometer-empty:before { + content: "\f2cb"; } + +.fa-thermometer-full:before { + content: "\f2c7"; } + +.fa-thermometer-half:before { + content: "\f2c9"; } + +.fa-thermometer-quarter:before { + content: "\f2ca"; } + +.fa-thermometer-three-quarters:before { + content: "\f2c8"; } + +.fa-theta:before { + content: "\f69e"; } + +.fa-think-peaks:before { + content: "\f731"; } + +.fa-thumbs-down:before { + content: "\f165"; } + +.fa-thumbs-up:before { + content: "\f164"; } + +.fa-thumbtack:before { + content: "\f08d"; } + +.fa-thunderstorm:before { + content: "\f76c"; } + +.fa-thunderstorm-moon:before { + content: "\f76d"; } + +.fa-thunderstorm-sun:before { + content: "\f76e"; } + +.fa-ticket:before { + content: "\f145"; } + +.fa-ticket-alt:before { + content: "\f3ff"; } + +.fa-tilde:before { + content: "\f69f"; } + +.fa-times:before { + content: "\f00d"; } + +.fa-times-circle:before { + content: "\f057"; } + +.fa-times-hexagon:before { + content: "\f2ee"; } + +.fa-times-octagon:before { + content: "\f2f0"; } + +.fa-times-square:before { + content: "\f2d3"; } + +.fa-tint:before { + content: "\f043"; } + +.fa-tint-slash:before { + content: "\f5c7"; } + +.fa-tire:before { + content: "\f631"; } + +.fa-tire-flat:before { + content: "\f632"; } + +.fa-tire-pressure-warning:before { + content: "\f633"; } + +.fa-tire-rugged:before { + content: "\f634"; } + +.fa-tired:before { + content: "\f5c8"; } + +.fa-toggle-off:before { + content: "\f204"; } + +.fa-toggle-on:before { + content: "\f205"; } + +.fa-toilet:before { + content: "\f7d8"; } + +.fa-toilet-paper:before { + content: "\f71e"; } + +.fa-toilet-paper-alt:before { + content: "\f71f"; } + +.fa-tombstone:before { + content: "\f720"; } + +.fa-tombstone-alt:before { + content: "\f721"; } + +.fa-toolbox:before { + content: "\f552"; } + +.fa-tools:before { + content: "\f7d9"; } + +.fa-tooth:before { + content: "\f5c9"; } + +.fa-toothbrush:before { + content: "\f635"; } + +.fa-torah:before { + content: "\f6a0"; } + +.fa-torii-gate:before { + content: "\f6a1"; } + +.fa-tornado:before { + content: "\f76f"; } + +.fa-tractor:before { + content: "\f722"; } + +.fa-trade-federation:before { + content: "\f513"; } + +.fa-trademark:before { + content: "\f25c"; } + +.fa-traffic-cone:before { + content: "\f636"; } + +.fa-traffic-light:before { + content: "\f637"; } + +.fa-traffic-light-go:before { + content: "\f638"; } + +.fa-traffic-light-slow:before { + content: "\f639"; } + +.fa-traffic-light-stop:before { + content: "\f63a"; } + +.fa-train:before { + content: "\f238"; } + +.fa-tram:before { + content: "\f7da"; } + +.fa-transgender:before { + content: "\f224"; } + +.fa-transgender-alt:before { + content: "\f225"; } + +.fa-trash:before { + content: "\f1f8"; } + +.fa-trash-alt:before { + content: "\f2ed"; } + +.fa-trash-restore:before { + content: "\f829"; } + +.fa-trash-restore-alt:before { + content: "\f82a"; } + +.fa-treasure-chest:before { + content: "\f723"; } + +.fa-tree:before { + content: "\f1bb"; } + +.fa-tree-alt:before { + content: "\f400"; } + +.fa-tree-christmas:before { + content: "\f7db"; } + +.fa-tree-decorated:before { + content: "\f7dc"; } + +.fa-tree-large:before { + content: "\f7dd"; } + +.fa-tree-palm:before { + content: "\f82b"; } + +.fa-trees:before { + content: "\f724"; } + +.fa-trello:before { + content: "\f181"; } + +.fa-triangle:before { + content: "\f2ec"; } + +.fa-tripadvisor:before { + content: "\f262"; } + +.fa-trophy:before { + content: "\f091"; } + +.fa-trophy-alt:before { + content: "\f2eb"; } + +.fa-truck:before { + content: "\f0d1"; } + +.fa-truck-container:before { + content: "\f4dc"; } + +.fa-truck-couch:before { + content: "\f4dd"; } + +.fa-truck-loading:before { + content: "\f4de"; } + +.fa-truck-monster:before { + content: "\f63b"; } + +.fa-truck-moving:before { + content: "\f4df"; } + +.fa-truck-pickup:before { + content: "\f63c"; } + +.fa-truck-plow:before { + content: "\f7de"; } + +.fa-truck-ramp:before { + content: "\f4e0"; } + +.fa-tshirt:before { + content: "\f553"; } + +.fa-tty:before { + content: "\f1e4"; } + +.fa-tumblr:before { + content: "\f173"; } + +.fa-tumblr-square:before { + content: "\f174"; } + +.fa-turkey:before { + content: "\f725"; } + +.fa-turtle:before { + content: "\f726"; } + +.fa-tv:before { + content: "\f26c"; } + +.fa-tv-retro:before { + content: "\f401"; } + +.fa-twitch:before { + content: "\f1e8"; } + +.fa-twitter:before { + content: "\f099"; } + +.fa-twitter-square:before { + content: "\f081"; } + +.fa-typo3:before { + content: "\f42b"; } + +.fa-uber:before { + content: "\f402"; } + +.fa-ubuntu:before { + content: "\f7df"; } + +.fa-uikit:before { + content: "\f403"; } + +.fa-umbrella:before { + content: "\f0e9"; } + +.fa-umbrella-beach:before { + content: "\f5ca"; } + +.fa-underline:before { + content: "\f0cd"; } + +.fa-undo:before { + content: "\f0e2"; } + +.fa-undo-alt:before { + content: "\f2ea"; } + +.fa-unicorn:before { + content: "\f727"; } + +.fa-union:before { + content: "\f6a2"; } + +.fa-uniregistry:before { + content: "\f404"; } + +.fa-universal-access:before { + content: "\f29a"; } + +.fa-university:before { + content: "\f19c"; } + +.fa-unlink:before { + content: "\f127"; } + +.fa-unlock:before { + content: "\f09c"; } + +.fa-unlock-alt:before { + content: "\f13e"; } + +.fa-untappd:before { + content: "\f405"; } + +.fa-upload:before { + content: "\f093"; } + +.fa-ups:before { + content: "\f7e0"; } + +.fa-usb:before { + content: "\f287"; } + +.fa-usd-circle:before { + content: "\f2e8"; } + +.fa-usd-square:before { + content: "\f2e9"; } + +.fa-user:before { + content: "\f007"; } + +.fa-user-alt:before { + content: "\f406"; } + +.fa-user-alt-slash:before { + content: "\f4fa"; } + +.fa-user-astronaut:before { + content: "\f4fb"; } + +.fa-user-chart:before { + content: "\f6a3"; } + +.fa-user-check:before { + content: "\f4fc"; } + +.fa-user-circle:before { + content: "\f2bd"; } + +.fa-user-clock:before { + content: "\f4fd"; } + +.fa-user-cog:before { + content: "\f4fe"; } + +.fa-user-crown:before { + content: "\f6a4"; } + +.fa-user-edit:before { + content: "\f4ff"; } + +.fa-user-friends:before { + content: "\f500"; } + +.fa-user-graduate:before { + content: "\f501"; } + +.fa-user-hard-hat:before { + content: "\f82c"; } + +.fa-user-headset:before { + content: "\f82d"; } + +.fa-user-injured:before { + content: "\f728"; } + +.fa-user-lock:before { + content: "\f502"; } + +.fa-user-md:before { + content: "\f0f0"; } + +.fa-user-md-chat:before { + content: "\f82e"; } + +.fa-user-minus:before { + content: "\f503"; } + +.fa-user-ninja:before { + content: "\f504"; } + +.fa-user-nurse:before { + content: "\f82f"; } + +.fa-user-plus:before { + content: "\f234"; } + +.fa-user-secret:before { + content: "\f21b"; } + +.fa-user-shield:before { + content: "\f505"; } + +.fa-user-slash:before { + content: "\f506"; } + +.fa-user-tag:before { + content: "\f507"; } + +.fa-user-tie:before { + content: "\f508"; } + +.fa-user-times:before { + content: "\f235"; } + +.fa-users:before { + content: "\f0c0"; } + +.fa-users-class:before { + content: "\f63d"; } + +.fa-users-cog:before { + content: "\f509"; } + +.fa-users-crown:before { + content: "\f6a5"; } + +.fa-users-medical:before { + content: "\f830"; } + +.fa-usps:before { + content: "\f7e1"; } + +.fa-ussunnah:before { + content: "\f407"; } + +.fa-utensil-fork:before { + content: "\f2e3"; } + +.fa-utensil-knife:before { + content: "\f2e4"; } + +.fa-utensil-spoon:before { + content: "\f2e5"; } + +.fa-utensils:before { + content: "\f2e7"; } + +.fa-utensils-alt:before { + content: "\f2e6"; } + +.fa-vaadin:before { + content: "\f408"; } + +.fa-value-absolute:before { + content: "\f6a6"; } + +.fa-vector-square:before { + content: "\f5cb"; } + +.fa-venus:before { + content: "\f221"; } + +.fa-venus-double:before { + content: "\f226"; } + +.fa-venus-mars:before { + content: "\f228"; } + +.fa-viacoin:before { + content: "\f237"; } + +.fa-viadeo:before { + content: "\f2a9"; } + +.fa-viadeo-square:before { + content: "\f2aa"; } + +.fa-vial:before { + content: "\f492"; } + +.fa-vials:before { + content: "\f493"; } + +.fa-viber:before { + content: "\f409"; } + +.fa-video:before { + content: "\f03d"; } + +.fa-video-plus:before { + content: "\f4e1"; } + +.fa-video-slash:before { + content: "\f4e2"; } + +.fa-vihara:before { + content: "\f6a7"; } + +.fa-vimeo:before { + content: "\f40a"; } + +.fa-vimeo-square:before { + content: "\f194"; } + +.fa-vimeo-v:before { + content: "\f27d"; } + +.fa-vine:before { + content: "\f1ca"; } + +.fa-vk:before { + content: "\f189"; } + +.fa-vnv:before { + content: "\f40b"; } + +.fa-volcano:before { + content: "\f770"; } + +.fa-volleyball-ball:before { + content: "\f45f"; } + +.fa-volume:before { + content: "\f6a8"; } + +.fa-volume-down:before { + content: "\f027"; } + +.fa-volume-mute:before { + content: "\f6a9"; } + +.fa-volume-off:before { + content: "\f026"; } + +.fa-volume-slash:before { + content: "\f2e2"; } + +.fa-volume-up:before { + content: "\f028"; } + +.fa-vote-nay:before { + content: "\f771"; } + +.fa-vote-yea:before { + content: "\f772"; } + +.fa-vr-cardboard:before { + content: "\f729"; } + +.fa-vuejs:before { + content: "\f41f"; } + +.fa-walker:before { + content: "\f831"; } + +.fa-walking:before { + content: "\f554"; } + +.fa-wallet:before { + content: "\f555"; } + +.fa-wand:before { + content: "\f72a"; } + +.fa-wand-magic:before { + content: "\f72b"; } + +.fa-warehouse:before { + content: "\f494"; } + +.fa-warehouse-alt:before { + content: "\f495"; } + +.fa-watch:before { + content: "\f2e1"; } + +.fa-watch-fitness:before { + content: "\f63e"; } + +.fa-water:before { + content: "\f773"; } + +.fa-water-lower:before { + content: "\f774"; } + +.fa-water-rise:before { + content: "\f775"; } + +.fa-wave-square:before { + content: "\f83e"; } + +.fa-waze:before { + content: "\f83f"; } + +.fa-webcam:before { + content: "\f832"; } + +.fa-webcam-slash:before { + content: "\f833"; } + +.fa-weebly:before { + content: "\f5cc"; } + +.fa-weibo:before { + content: "\f18a"; } + +.fa-weight:before { + content: "\f496"; } + +.fa-weight-hanging:before { + content: "\f5cd"; } + +.fa-weixin:before { + content: "\f1d7"; } + +.fa-whale:before { + content: "\f72c"; } + +.fa-whatsapp:before { + content: "\f232"; } + +.fa-whatsapp-square:before { + content: "\f40c"; } + +.fa-wheat:before { + content: "\f72d"; } + +.fa-wheelchair:before { + content: "\f193"; } + +.fa-whistle:before { + content: "\f460"; } + +.fa-whmcs:before { + content: "\f40d"; } + +.fa-wifi:before { + content: "\f1eb"; } + +.fa-wifi-1:before { + content: "\f6aa"; } + +.fa-wifi-2:before { + content: "\f6ab"; } + +.fa-wifi-slash:before { + content: "\f6ac"; } + +.fa-wikipedia-w:before { + content: "\f266"; } + +.fa-wind:before { + content: "\f72e"; } + +.fa-wind-warning:before { + content: "\f776"; } + +.fa-window:before { + content: "\f40e"; } + +.fa-window-alt:before { + content: "\f40f"; } + +.fa-window-close:before { + content: "\f410"; } + +.fa-window-maximize:before { + content: "\f2d0"; } + +.fa-window-minimize:before { + content: "\f2d1"; } + +.fa-window-restore:before { + content: "\f2d2"; } + +.fa-windows:before { + content: "\f17a"; } + +.fa-windsock:before { + content: "\f777"; } + +.fa-wine-bottle:before { + content: "\f72f"; } + +.fa-wine-glass:before { + content: "\f4e3"; } + +.fa-wine-glass-alt:before { + content: "\f5ce"; } + +.fa-wix:before { + content: "\f5cf"; } + +.fa-wizards-of-the-coast:before { + content: "\f730"; } + +.fa-wolf-pack-battalion:before { + content: "\f514"; } + +.fa-won-sign:before { + content: "\f159"; } + +.fa-wordpress:before { + content: "\f19a"; } + +.fa-wordpress-simple:before { + content: "\f411"; } + +.fa-wpbeginner:before { + content: "\f297"; } + +.fa-wpexplorer:before { + content: "\f2de"; } + +.fa-wpforms:before { + content: "\f298"; } + +.fa-wpressr:before { + content: "\f3e4"; } + +.fa-wreath:before { + content: "\f7e2"; } + +.fa-wrench:before { + content: "\f0ad"; } + +.fa-x-ray:before { + content: "\f497"; } + +.fa-xbox:before { + content: "\f412"; } + +.fa-xing:before { + content: "\f168"; } + +.fa-xing-square:before { + content: "\f169"; } + +.fa-y-combinator:before { + content: "\f23b"; } + +.fa-yahoo:before { + content: "\f19e"; } + +.fa-yammer:before { + content: "\f840"; } + +.fa-yandex:before { + content: "\f413"; } + +.fa-yandex-international:before { + content: "\f414"; } + +.fa-yarn:before { + content: "\f7e3"; } + +.fa-yelp:before { + content: "\f1e9"; } + +.fa-yen-sign:before { + content: "\f157"; } + +.fa-yin-yang:before { + content: "\f6ad"; } + +.fa-yoast:before { + content: "\f2b1"; } + +.fa-youtube:before { + content: "\f167"; } + +.fa-youtube-square:before { + content: "\f431"; } + +.fa-zhihu:before { + content: "\f63f"; } + +.sr-only { + border: 0; + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } + +.sr-only-focusable:active, .sr-only-focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; } +@font-face { + font-family: 'Font Awesome 5 Brands'; + font-style: normal; + font-weight: normal; + font-display: auto; + src: url("../fonts/fa-brands-400.eot"); + src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); } + +.fab { + font-family: 'Font Awesome 5 Brands'; } +@font-face { + font-family: 'Font Awesome 5 Pro'; + font-style: normal; + font-weight: 300; + font-display: auto; + src: url("../fonts/fa-light-300.eot"); + src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg"); } + +.fal { + font-family: 'Font Awesome 5 Pro'; + font-weight: 300; } +@font-face { + font-family: 'Font Awesome 5 Pro'; + font-style: normal; + font-weight: 400; + font-display: auto; + src: url("../fonts/fa-regular-400.eot"); + src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); } + +.far { + font-family: 'Font Awesome 5 Pro'; + font-weight: 400; } +@font-face { + font-family: 'Font Awesome 5 Pro'; + font-style: normal; + font-weight: 900; + font-display: auto; + src: url("../fonts/fa-solid-900.eot"); + src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); } + +.fa, +.fas { + font-family: 'Font Awesome 5 Pro'; + font-weight: 900; } diff --git a/flask-project/static/css/jquery.fancybox.min.css b/flask-project/static/css/jquery.fancybox.min.css new file mode 100644 index 0000000000000000000000000000000000000000..5d804a59b00c120e535ea9a7ff16db4195398ebe --- /dev/null +++ b/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)}} \ No newline at end of file diff --git a/flask-project/static/css/module-css/.DS_Store b/flask-project/static/css/module-css/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..f747fcff9eba708a81d964980d40c1cfd86025f3 Binary files /dev/null and b/flask-project/static/css/module-css/.DS_Store differ diff --git a/flask-project/static/css/module-css/about.css b/flask-project/static/css/module-css/about.css new file mode 100644 index 0000000000000000000000000000000000000000..97794ac983b82da1fca998466a7e5c6d5008c788 --- /dev/null +++ b/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; + } +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/apps.css b/flask-project/static/css/module-css/apps.css new file mode 100644 index 0000000000000000000000000000000000000000..84a1ac3b22f16565aa062f83ac7122f632a2cce3 --- /dev/null +++ b/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; + } +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/banner.css b/flask-project/static/css/module-css/banner.css new file mode 100644 index 0000000000000000000000000000000000000000..b43aa65a310a92c2aac6897df4e5acbf00db5d4f --- /dev/null +++ b/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){ + +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/blog-details.css b/flask-project/static/css/module-css/blog-details.css new file mode 100644 index 0000000000000000000000000000000000000000..de32b239a9692c7777467e89e2a002c88ee1ae3f --- /dev/null +++ b/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; + } +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/calculator.css b/flask-project/static/css/module-css/calculator.css new file mode 100644 index 0000000000000000000000000000000000000000..4cf309371a8749d036c82d282109e0fbf975076d --- /dev/null +++ b/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%; + } +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/card.css b/flask-project/static/css/module-css/card.css new file mode 100644 index 0000000000000000000000000000000000000000..26d52672643adbb447e68206dd20a73abd5acd73 --- /dev/null +++ b/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){ + +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/career-details.css b/flask-project/static/css/module-css/career-details.css new file mode 100644 index 0000000000000000000000000000000000000000..bb2224bf89dee5856b1d7996d529bb9ee546841d --- /dev/null +++ b/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; + } +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/career.css b/flask-project/static/css/module-css/career.css new file mode 100644 index 0000000000000000000000000000000000000000..e047a92e352155999daed2cf20686f60bdf2a5cd --- /dev/null +++ b/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; + } +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/contact.css b/flask-project/static/css/module-css/contact.css new file mode 100644 index 0000000000000000000000000000000000000000..a8b856181f7737b4770fc4b5edae2a33db5738a1 --- /dev/null +++ b/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){ + +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/error.css b/flask-project/static/css/module-css/error.css new file mode 100644 index 0000000000000000000000000000000000000000..8977b01182cb733bf0b8940a46c25a17b7c5df24 --- /dev/null +++ b/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){ + +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/exchange.css b/flask-project/static/css/module-css/exchange.css new file mode 100644 index 0000000000000000000000000000000000000000..6c2685dc3fa7034fc5ef5b0b62c1da12c4b13308 --- /dev/null +++ b/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; + } +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/faq.css b/flask-project/static/css/module-css/faq.css new file mode 100644 index 0000000000000000000000000000000000000000..05dc61a1c8d907c1eb4603a0bf9227930c8740f8 --- /dev/null +++ b/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){ + +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/feature.css b/flask-project/static/css/module-css/feature.css new file mode 100644 index 0000000000000000000000000000000000000000..33fc8de304f4254bb1dedac5a0de303cf57b7dfa --- /dev/null +++ b/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){ + +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/funfact.css b/flask-project/static/css/module-css/funfact.css new file mode 100644 index 0000000000000000000000000000000000000000..45e715fbc425b95371b620a7d7b6091a720b6b99 --- /dev/null +++ b/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; + } +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/news.css b/flask-project/static/css/module-css/news.css new file mode 100644 index 0000000000000000000000000000000000000000..9462f64801704b20986542a4b189a79928706374 --- /dev/null +++ b/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; + } +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/page-title.css b/flask-project/static/css/module-css/page-title.css new file mode 100644 index 0000000000000000000000000000000000000000..435c56b744ac7c31a51e969977721927ef421d1a --- /dev/null +++ b/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){ + +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/process.css b/flask-project/static/css/module-css/process.css new file mode 100644 index 0000000000000000000000000000000000000000..2ea3efe5517b0506606939175e29b1128cbd59e8 --- /dev/null +++ b/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; + } +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/requirements.css b/flask-project/static/css/module-css/requirements.css new file mode 100644 index 0000000000000000000000000000000000000000..aa40750d8564bbfb6b5ea99d150c43ee2146ba15 --- /dev/null +++ b/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){ + +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/service.css b/flask-project/static/css/module-css/service.css new file mode 100644 index 0000000000000000000000000000000000000000..2ff15be5bf74cf7f714ecc74d2d1c2fec4b8e575 --- /dev/null +++ b/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){ + +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/sidebar.css b/flask-project/static/css/module-css/sidebar.css new file mode 100644 index 0000000000000000000000000000000000000000..fee899983cef0f521681d478b1da62fcbec65da0 --- /dev/null +++ b/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){ + +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/subscribe.css b/flask-project/static/css/module-css/subscribe.css new file mode 100644 index 0000000000000000000000000000000000000000..31f1a2f713c4ac6d5dc5889d6059f6bb209e4bbc --- /dev/null +++ b/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; + } +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/team-details.css b/flask-project/static/css/module-css/team-details.css new file mode 100644 index 0000000000000000000000000000000000000000..3679717d71a821755b3d4ae2c1023c70fb957426 --- /dev/null +++ b/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; + } +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/team.css b/flask-project/static/css/module-css/team.css new file mode 100644 index 0000000000000000000000000000000000000000..19064ec0ff054da62aea787e99f95df9bc2667d0 --- /dev/null +++ b/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){ + +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/testimonial.css b/flask-project/static/css/module-css/testimonial.css new file mode 100644 index 0000000000000000000000000000000000000000..31403a77f9aca84d81c30dbcef3382da427d8087 --- /dev/null +++ b/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; + } +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/module-css/video.css b/flask-project/static/css/module-css/video.css new file mode 100644 index 0000000000000000000000000000000000000000..e7edbc3e2176438e2561c1ba1b34dc4b155ec7cf --- /dev/null +++ b/flask-project/static/css/module-css/video.css @@ -0,0 +1,172 @@ + +/** video-section **/ + +.video-section{ + position: relative; + padding: 100px 0px 215px 0px; + overflow: hidden; +} + +.video-section .bg-layer:before{ + position: absolute; + content: ''; + background: #000; + width: 100%; + height: 100%; + left: 0px; + top: 0px; + opacity: 0.5; +} + +.video-section .inner-box{ + position: relative; + max-width: 590px; + width: 100%; + margin: 0 auto; +} + + +.video-section .inner-box h2{ + position: relative; + display: block; + font-size: 40px; + line-height: 50px; + color: #fff; + font-weight: 800; + margin-bottom: 100px; +} + + +.video-section .inner-box .video-btn a{ + position: relative; + display: inline-block; + width: 100px; + height: 100px; + line-height: 106px; + text-align: center; + font-size: 32px; + color: #fff; + border-radius: 50%; + background: var(--theme-color); +} + +.video-section .inner-box .video-btn a .border-animation { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 1px solid rgba(255,255,255,.5); + -webkit-border-radius: 50%; + -khtml-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + animation: squares 2.9s linear 0s infinite; + -webkit-animation: squares 2.9s linear 0s infinite; + -ms-animation: squares 2.9s linear 0s infinite; + -o-animation: squares 2.9s linear 0s infinite; + -webkit-animation-play-state: running; + -moz-animation-play-state: running; + -o-animation-play-state: running; + animation-play-state: running; + opacity: 0; +} + +.video-section .inner-box .video-btn a .border-animation.border-2 { + -webkit-animation-delay: 1s; + -moz-animation-delay: 1s; + -o-animation-delay: 1s; + animation-delay: 1s; +} + +.video-section .inner-box .video-btn a .border-animation.border-3 { + -webkit-animation-delay: 2s; + -moz-animation-delay: 2s; + -o-animation-delay: 2s; + animation-delay: 2s; +} + +.video-section.alternat-2{ + padding-bottom: 150px; +} + + + +/** RTL **/ + + + + + +/** responsive-css **/ + +@media only screen and (max-width: 1200px){ + +} + +@media only screen and (max-width: 991px){ + +} + +@media only screen and (max-width: 767px){ + .video-section.alternat-2{ + padding-bottom: 100px; + } + + .video-section .inner-box h2{ + font-size: 30px; + line-height: 40px; + } +} + +@media only screen and (max-width: 599px){ + +} + +@media only screen and (max-width: 499px){ + +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/nice-select.css b/flask-project/static/css/nice-select.css new file mode 100644 index 0000000000000000000000000000000000000000..41bd4ceb8fd6f7840aa444842eb7a924ac64023b --- /dev/null +++ b/flask-project/static/css/nice-select.css @@ -0,0 +1,114 @@ +.nice-select { + -webkit-tap-highlight-color: transparent; + background-color: #fff; + border-radius: 5px; + border: solid 1px #e8e8e8; + box-sizing: border-box; + clear: both; + cursor: pointer; + display: block; + float: left; + font-family: inherit; + font-size: 14px; + font-weight: normal; + height: 42px; + line-height: 40px; + outline: none; + padding-left: 18px; + padding-right: 30px; + position: relative; + text-align: left !important; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + white-space: nowrap; + width: auto; } + .nice-select:hover { + border-color: #dbdbdb; } + .nice-select:active, .nice-select.open, .nice-select:focus { + border-color: #999; } + .nice-select.open .list { + opacity: 1; + pointer-events: auto; + -webkit-transform: scale(1) translateY(0); + -ms-transform: scale(1) translateY(0); + transform: scale(1) translateY(0); } + .nice-select.disabled { + border-color: #ededed; + color: #999; + pointer-events: none; } + .nice-select.disabled:after { + border-color: #cccccc; } + .nice-select.wide { + width: 100%; } + .nice-select.wide .list { + left: 0 !important; + right: 0 !important; } + .nice-select.right { + float: right; } + .nice-select.right .list { + left: auto; + right: 0; } + .nice-select.small { + font-size: 12px; + height: 36px; + line-height: 34px; } + .nice-select.small:after { + height: 4px; + width: 4px; } + .nice-select.small .option { + line-height: 34px; + min-height: 34px; } + .nice-select .list { + background-color: #fff; + border-radius: 5px; + box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); + box-sizing: border-box; + margin-top: 4px; + opacity: 0; + overflow: hidden; + padding: 0; + pointer-events: none; + position: absolute; + top: 100%; + left: 0; + -webkit-transform-origin: 50% 0; + -ms-transform-origin: 50% 0; + transform-origin: 50% 0; + -webkit-transform: scale(0.75) translateY(-21px); + -ms-transform: scale(0.75) translateY(-21px); + transform: scale(0.75) translateY(-21px); + -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; + transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; + z-index: 9; } + .nice-select .list:hover .option:not(:hover) { + background-color: transparent !important; } + .nice-select .option { + cursor: pointer; + font-weight: 400; + line-height: 40px; + list-style: none; + min-height: 40px; + outline: none; + padding-left: 18px; + padding-right: 29px; + text-align: left; + -webkit-transition: all 0.2s; + transition: all 0.2s; } + .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { + background-color: #f6f6f6; } + .nice-select .option.selected { + font-weight: bold; } + .nice-select .option.disabled { + background-color: transparent; + color: #999; + cursor: default; } + +.no-csspointerevents .nice-select .list { + display: none; } + +.no-csspointerevents .nice-select.open .list { + display: block; } diff --git a/flask-project/static/css/owl.css b/flask-project/static/css/owl.css new file mode 100644 index 0000000000000000000000000000000000000000..096ef30923f8884cfb21f636708190d502407f53 --- /dev/null +++ b/flask-project/static/css/owl.css @@ -0,0 +1,253 @@ +/* + * Owl Carousel - Animate Plugin + */ +.owl-carousel .animated { + -webkit-animation-duration: 1000ms; + animation-duration: 1000ms; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.owl-carousel .owl-animated-in { + z-index: 0; +} +.owl-carousel .owl-animated-out { + z-index: 1; +} +.owl-carousel .fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} +@keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +/* + * Owl Carousel - Auto Height Plugin + */ +.owl-height { + -webkit-transition: height 500ms ease-in-out; + -moz-transition: height 500ms ease-in-out; + -ms-transition: height 500ms ease-in-out; + -o-transition: height 500ms ease-in-out; + transition: height 500ms ease-in-out; +} + +/* + * Core Owl Carousel CSS File + */ +.owl-carousel { + display: none; + width: 100%; + -webkit-tap-highlight-color: transparent; + /* position relative and z-index fix webkit rendering fonts issue */ + position: relative; + z-index: 1; +} +.owl-carousel .owl-stage { + position: relative; + -ms-touch-action: pan-Y; +} +.owl-carousel .owl-stage:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +.owl-carousel .owl-stage-outer { + position: relative; + overflow: hidden; + /* fix for flashing background */ + -webkit-transform: translate3d(0px, 0px, 0px); +} +.owl-carousel .owl-controls .owl-nav .owl-prev, +.owl-carousel .owl-controls .owl-nav .owl-next, +.owl-carousel .owl-controls .owl-dot { + cursor: pointer; + cursor: hand; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.owl-carousel.owl-loaded { + display: block; +} +.owl-carousel.owl-loading { + opacity: 0; + display: block; +} +.owl-carousel.owl-hidden { + opacity: 0; +} +.owl-carousel .owl-refresh .owl-item { + display: none; +} +.owl-carousel .owl-item { + position: relative; + min-height: 1px; + float: left; + -webkit-backface-visibility: hidden; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.owl-carousel .owl-item img { + display: block; + width: none; + -webkit-transform-style: preserve-3d; +} +.owl-carousel.owl-text-select-on .owl-item { + -webkit-user-select: auto; + -moz-user-select: auto; + -ms-user-select: auto; + user-select: auto; +} +.owl-carousel .owl-grab { + cursor: move; + cursor: -webkit-grab; + cursor: -o-grab; + cursor: -ms-grab; + cursor: grab; +} +.owl-carousel.owl-rtl { + direction: rtl; +} +.owl-carousel.owl-rtl .owl-item { + float: right; +} + +/* No Js */ +.no-js .owl-carousel { + display: block; +} + +/* + * Owl Carousel - Lazy Load Plugin + */ +.owl-carousel .owl-item .owl-lazy { + opacity: 0; + -webkit-transition: opacity 400ms ease; + -moz-transition: opacity 400ms ease; + -ms-transition: opacity 400ms ease; + -o-transition: opacity 400ms ease; + transition: opacity 400ms ease; +} +.owl-carousel .owl-item img { + transform-style: preserve-3d; +} + +/* + * Owl Carousel - Video Plugin + */ +.owl-carousel .owl-video-wrapper { + position: relative; + height: 100%; + background: #000; +} +.owl-carousel .owl-video-play-icon { + position: absolute; + height: 80px; + width: 80px; + left: 50%; + top: 50%; + margin-left: -40px; + margin-top: -40px; + background: url("owl.video.play.png") no-repeat; + cursor: pointer; + z-index: 1; + -webkit-backface-visibility: hidden; + -webkit-transition: scale 100ms ease; + -moz-transition: scale 100ms ease; + -ms-transition: scale 100ms ease; + -o-transition: scale 100ms ease; + transition: scale 100ms ease; +} +.owl-carousel .owl-video-play-icon:hover { + -webkit-transition: scale(1.3, 1.3); + -moz-transition: scale(1.3, 1.3); + -ms-transition: scale(1.3, 1.3); + -o-transition: scale(1.3, 1.3); + transition: scale(1.3, 1.3); +} +.owl-carousel .owl-video-playing .owl-video-tn, +.owl-carousel .owl-video-playing .owl-video-play-icon { + display: none; +} +.owl-carousel .owl-video-tn { + opacity: 0; + height: 100%; + background-position: center center; + background-repeat: no-repeat; + -webkit-background-size: contain; + -moz-background-size: contain; + -o-background-size: contain; + background-size: contain; + -webkit-transition: opacity 400ms ease; + -moz-transition: opacity 400ms ease; + -ms-transition: opacity 400ms ease; + -o-transition: opacity 400ms ease; + transition: opacity 400ms ease; +} +.owl-carousel .owl-video-frame { + position: relative; + z-index: 1; +} + +.owl-theme .owl-controls { + display:block; +} +.owl-theme .owl-controls .owl-nav [class*="owl-"] { + position: relative; + cursor: pointer; + display: inline-block; + color: #898f9f; + margin: 0px 10px; + transition: all 500ms ease; +} +.owl-theme .owl-controls .owl-nav [class*="owl-"] span:before{ + margin: 0px; + font-size: 25px; +} +.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover{ + color: #f2be00; +} +.owl-theme .owl-controls .owl-nav .disabled { + cursor: default; + opacity: 0.5; +} +.owl-theme .owl-dots .owl-dot { + display: inline-block; +} +.owl-theme .owl-dots .owl-dot span { + background: #222; + display: block; + margin: 0px 5px 0px 5px; + transition: opacity 200ms ease 0s; + width: 15px; + height: 15px; +} +.owl-theme .owl-dots .owl-dot.active span { + background: none repeat scroll 0 0 #cda274; +} diff --git a/flask-project/static/css/responsive.css b/flask-project/static/css/responsive.css new file mode 100644 index 0000000000000000000000000000000000000000..4e0fe1172196f3dfb0f79be48a3bc0be3135871a --- /dev/null +++ b/flask-project/static/css/responsive.css @@ -0,0 +1,218 @@ +/* Responsive Css */ + + +@media only screen and (max-width: 1749px){ + + + +} + + +@media only screen and (max-width: 1499px){ + + +} + + +@media only screen and (max-width: 1399px){ + + +} + + +@media only screen and (max-width: 1299px){ + + +} + + + +@media only screen and (max-width: 1200px){ + + .main-menu, + .sticky-header, + .main-header.style-one .outer-container:before{ + display: none !important; + } + + .menu-area .mobile-nav-toggler { + display: block; + padding: 10px; + } + + .megamenu ul li:first-child{ + display: none; + } + + .main-header .outer-box .logo-box{ + margin-top: 0px; + padding: 31px 30px !important; + } + + .main-header .outer-box .logo-box:before, + .main-header .outer-box .logo-box:after, + .main-header .outer-box .logo-box .shape{ + display: none; + } + + .header-top .top-inner{ + padding-left: 0px; + } + + .rtl .header-top .top-inner{ + padding-right: 0px; + } + + .header-style-two .header-top{ + padding-left: 40px; + } + + +} + + + +@media only screen and (min-width: 768px){ + .main-menu .navigation > li > ul, + .main-menu .navigation > li > ul > li > ul, + .main-menu .navigation > li > .megamenu{ + display:block !important; + visibility:hidden; + opacity:0; + } +} + + + +@media only screen and (max-width: 991px){ + .main-footer .footer-widget{ + margin: 0px 0px 30px 0px !important; + } + + .main-footer .widget-section{ + padding-bottom: 83px; + } + + .header-style-two .header-top{ + padding-left: 30px; + padding-right: 30px; + } + +} + + +@media only screen and (max-width: 767px){ + .header-top .top-inner{ + display: block; + text-align: center; + } + + .header-top .links-list, + .header-top .info-list{ + justify-content: center; + } + + .main-header .menu-right-content{ + display: none; + } + + .sec-title h2{ + font-size: 32px; + line-height: 40px; + } + + .main-footer .pattern-layer{ + display: none; + } + + .main-footer .widget-section{ + padding: 80px 0px 50px 0px; + } + +} + +@media only screen and (max-width: 599px){ + + + + +} + + +@media only screen and (max-width: 499px){ + + .mobile-menu{ + width: 100%; + } + + .header-top .info-list{ + display: block; + } + + .header-top .info-list li{ + display: inline-block; + margin: 0px 5px !important; + } + + .main-header .outer-box .logo-box{ + padding: 15px !important; + } + + .header-style-two .header-top{ + padding-left: 15px !important; + padding-right: 15px !important; + } + + .header-style-two .header-lower{ + padding-right: 15px; + } + + .rtl .header-style-two .header-lower{ + padding-left: 15px; + } + + .header-style-two.main-header .outer-box .logo-box .logo{ + max-width: 150px; + } + + .header-top .links-list li{ + margin-right: 20px; + } + + .rtl .header-top .links-list li{ + margin-left: 20px; + } + + .header-style-three .header-top .top-inner{ + padding-left: 15px; + padding-right: 15px; + } + + .pagination li a{ + width: 45px; + height: 45px; + line-height: 45px; + } + + +} + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/rtl.css b/flask-project/static/css/rtl.css new file mode 100644 index 0000000000000000000000000000000000000000..5f8fb486470e693f95f5127a1babdd1c4d653979 --- /dev/null +++ b/flask-project/static/css/rtl.css @@ -0,0 +1,205 @@ + +.rtl { + direction: rtl; +} + +.ltr { + direction: ltr; +} + +.rtl .switcher{ + right: 60px; + left: inherit; +} + +.rtl .switcher .switch_menu{ + left: inherit; + right: 0px; +} + +.rtl .owl-carousel{ + direction: ltr; +} + +.rtl .scroll-to-top .scroll-bar{ + margin-right: 0px; + margin-left: 10px; +} + +.rtl .main-menu .navigation > li{ + float: right; +} + +.rtl .main-menu .navigation > li:first-child{ + margin-left: 15px !important; + margin-right: 0px; +} + +.rtl .main-menu .navigation > li:last-child{ + margin-right: 15px !important; + margin-left: 0px; +} + +.rtl .main-menu .navigation > li > ul > li > a, +.rtl .main-menu .navigation > li > .megamenu li > a{ + text-align: right; +} + +.rtl .main-menu .navigation li.dropdown .megamenu li h4{ + text-align: right; +} + +.rtl .main-menu .navigation > li > ul > li > ul > li > a{ + text-align: right; +} + +.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{ + right: inherit; + left: 20px; + content: "\f104"; +} + +.rtl .mobile-menu{ + text-align: right; +} + +.rtl .mobile-menu .nav-logo{ + text-align: right; +} + +.rtl .mobile-menu .navigation li > a:before{ + left: inherit; + right: 0px; +} + +.rtl .mobile-menu .navigation li.dropdown .dropdown-btn{ + right: inherit; + left: 6px; +} + +.rtl .mobile-menu .navigation li.dropdown .dropdown-btn.open{ + transform: rotate(-90deg); +} + +.rtl .scroll-to-top{ + right: inherit; + left: 0px; +} + +.rtl .main-header .outer-box .logo-box{ + padding-right: 0px; + padding-left: 90px; +} + +.rtl .main-header .outer-box .logo-box:before{ + right: inherit; + left: 0px; +} + +.rtl .main-header .outer-box .logo-box:after{ + right: inherit; + left: -32px; + transform: rotate(180deg); +} + +.rtl .main-header .outer-box .logo-box .shape{ + right: inherit; + left: -24px; + transform: rotate(180deg); +} + +.rtl .header-top .top-inner{ + padding-left: 0px; + padding-right: 350px; +} + +.rtl .header-top .links-list li{ + margin-right: 0px; + margin-left: 35px; +} + +.rtl .header-top .info-list li{ + margin-right: 0px; + margin-left: 40px; +} + +.rtl .main-header .menu-right-content{ + margin-left: 0px; + margin-right: 70px; +} + +.rtl .main-header .menu-right-content .theme-btn.btn-two{ + margin-right: 0px; + margin-left: 20px; +} + +.rtl .main-footer .links-widget.ml_40{ + margin-left: 0px; + margin-right: 40px; +} + +.rtl .main-footer .links-widget .links-list li a{ + padding-left: 0px; + padding-right: 15px; +} + +.rtl .main-footer .links-widget .links-list li a:before{ + left: inherit; + right: 0px; +} + +.rtl .main-footer .social-links li{ + margin-right: 0px; + margin-left: 20px; +} + +.rtl .header-style-two .header-lower{ + padding-left: 40px; + padding-right: 0px; +} + +.rtl .header-style-two .header-top{ + padding-left: 40px; +} + +.rtl .list-style-one li{ + padding-left: 0px; + padding-right: 30px; +} + +.rtl .list-style-one li:before{ + left: inherit; + right: 0px; +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/style.css b/flask-project/static/css/style.css new file mode 100644 index 0000000000000000000000000000000000000000..eab83026562719c9fb94580e74117d9e6273a6e2 --- /dev/null +++ b/flask-project/static/css/style.css @@ -0,0 +1,1993 @@ + +/* Css For MetroBank */ + +/************ TABLE OF CONTENTS *************** +1. Fonts +2. Reset +3. Global +4. Main Header/style-one/style-two +5. Main Slider/style-one/style-two +6. Intro Section +7. Welcome Section +9. Cta Section +8. Research Fields +10. Testimonial Section +11. Researches Section +12. Team Section +14. Video +15. Fact Counter +16. News Section +19. Clients Section +20. Main Footer +21. Footer Bottom +22. Research Style Two +23. Innovative Solution +24. Discover Section +25. Testimonial Section +26. Chooseus Section +27. News Style Two +28. Page Title +29. Research Page Section +30. Research Details +31. Professor Page Section +32. Professor Details +33. About Section +34. Error Section +35. Blog Page Section +36. Blog Details +37. Blog Sidebar +38. Contact Section +39. Google Map + + +**********************************************/ + + + +/*** + +==================================================================== + Reset +==================================================================== + + ***/ +* { + margin:0px; + padding:0px; + border:none; + outline:none; +} + + +/*** + +==================================================================== + Global Settings +==================================================================== + + ***/ + + +:root{ + --theme-color: #bedaec; + --secondary-color: #c5681d; + --pink-color: #FFC0CB; + --violet-color: #7F00FF; + --crimson-color: #DC143C; + --orange-color: #FFA500; + --text-color: #676767; + --title-color: #141417; + --text-font: 'Inter', sans-serif; + --title-font: 'Manrope', sans-serif; +} + + + + + +body { + font-size:16px; + color: var(--text-color); + line-height:28px; + font-weight:400; + background:#ffffff; + font-family: var(--text-font); + background-size:cover; + background-repeat:no-repeat; + background-position:center top; + -webkit-font-smoothing: antialiased; +} + + @media (min-width:1200px) { + .container { + max-width: 1200px; + padding: 0px 15px; + } +} + +.large-container{ + max-width: 1710px; + padding: 0px 15px; + margin: 0 auto; +} + +.container-fluid{ + padding: 0px; +} + +.auto-container{ + position:static; + max-width:1320px; + padding:0px 15px; + margin:0 auto; +} + +.small-container{ + max-width:680px; + margin:0 auto; +} + +.boxed_wrapper{ + position: relative; + margin: 0 auto; + overflow: hidden !important; + width: 100%; + min-width: 300px; +} + + +a{ + text-decoration:none; + transition:all 500ms ease; + -moz-transition:all 500ms ease; + -webkit-transition:all 500ms ease; + -ms-transition:all 500ms ease; + -o-transition:all 500ms ease; +} + +a:hover{ + text-decoration:none; + outline:none; +} + +input,button,select,textarea{ + font-family: var(--text-font); + font-weight: 400; + font-size: 18px; + background: transparent; +} + +::-webkit-input-placeholder { + color: inherit; +} + +::-moz-input-placeholder { + color: inherit; +} + +::-ms-input-placeholder { + color: inherit; +} + +ul,li{ + list-style:none; + padding:0px; + margin:0px; +} + +input{ + transition: all 500ms ease; +} + +button:focus, +input:focus, +textarea:focus{ + outline: none; + box-shadow: none; + transition: all 500ms ease; +} + +p{ + position: relative; + font-family: var(--text-font); + color: var(--text-color); + font-weight: 400; + margin: 0px; + transition: all 500ms ease; +} + +h1,h2,h3,h4,h5,h6{ + position:relative; + font-family: var(--title-font); + font-weight: 700; + color: var(--title-color); + margin: 0px; + transition: all 500ms ease; +} + +/* Preloader */ + +.handle-preloader { + align-items: center; + -webkit-align-items: center; + display: flex; + display: -ms-flexbox; + height: 100%; + justify-content: center; + -webkit-justify-content: center; + position: fixed; + left: 0; + top: 0; + width: 100%; + z-index: 9999999; + background: #0E1D40; +} + +.preloader-close{ + position: fixed; + z-index: 99999999; + font-size: 14px; + background: #fff; + color: red; + width: 40px; + height: 40px; + line-height: 40px; + text-align: center; + border-radius: 50%; + cursor: pointer; + right: 30px; + top: 30px; + font-weight: 400; +} + +.handle-preloader .animation-preloader { + position: absolute; + z-index: 100; +} + +.handle-preloader .animation-preloader .spinner{ + animation: spinner 1s infinite linear; + border-radius: 50%; + height: 150px; + margin: 0 auto 45px auto; + width: 150px; +} + +.handle-preloader .animation-preloader .txt-loading { + text-align: center; + user-select: none; +} + +.handle-preloader .animation-preloader .txt-loading .letters-loading:before{ + animation: letters-loading 4s infinite; + content: attr(data-text-preloader); + left: 0; + opacity: 0; + top:0; + position: absolute; +} + +.handle-preloader .animation-preloader .txt-loading .letters-loading{ + font-family: var(--title-font); + font-weight: 500; + letter-spacing: 15px; + display: inline-block; + position: relative; + font-size: 60px; + line-height: 60px; + text-transform: uppercase; + color: transparent; + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: rgba(255, 255, 255, 0.30); +} + +.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;} +.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;} +.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;} +.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;} +.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;} +.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;} +.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;} +.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before { animation-delay: 1.6s;} +.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(10):before { animation-delay: 1.8s;} +.handle-preloader .loader-section { + background-color: #ffffff; + height: 100%; + position: fixed; + top: 0; + width: calc(50% + 1px); +} + +.preloader .loaded .animation-preloader { + opacity: 0; + transition: 0.3s ease-out; +} + +.handle-preloader .animation-preloader .txt-loading .letters-loading:before{ + color: #ffffff; +} + +.handle-preloader .animation-preloader .spinner{ + border: 3px solid #ffffff; + border-top-color: rgba(255, 255, 255, 0.5); +} + +/* Animación del preloader */ +@keyframes spinner { + to { + transform: rotateZ(360deg); + } +} +@keyframes letters-loading { + 0%, + 75%, + 100% { + opacity: 0; + transform: rotateY(-90deg); + } + + 25%, + 50% { + opacity: 1; + transform: rotateY(0deg); + } +} + +@media screen and (max-width: 767px) { + .handle-preloader .animation-preloader .spinner { + height: 8em; + width: 8em; + } +} +@media screen and (max-width: 500px) { + .handle-preloader .animation-preloader .spinner { + height: 7em; + width: 7em; + } + .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 30px; letter-spacing: 10px;} +} + + +.centred{ + text-align: center; +} + +.pull-left{ + float: left; +} + +.pull-right{ + float: right; +} + + +figure{ + margin: 0px; +} + +img { + display: inline-block; + max-width: 100%; + height: auto; + transition-delay: .1s; + transition-timing-function: ease-in-out; + transition-duration: .7s; + transition-property: all; +} + +.row{ + --bs-gutter-x: 30px; +} + +/** button **/ + + +.theme-btn{ + position: relative; + display: inline-block; + overflow: hidden; + vertical-align: middle; + font-size: 16px; + line-height: 24px; + font-weight: 700; + font-family: var(--title-font); + color: #000 !important; + text-align: center; + padding: 18px 35px; + z-index: 1; + transition: all 500ms ease; +} + +.theme-btn.btn-one{ + background: var(--theme-color); +} + +.theme-btn.btn-two{ + background: var(--secondary-color); +} + +.theme-btn.btn-three{ + background: #fff; + color: var(--theme-color); +} + +.theme-btn:before, .theme-btn:after { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: 50%; + background: var(--secondary-color); + transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); + transform-origin: center; + transform: scale(0) rotate(0); + z-index: -1; +} + +.theme-btn.btn-one::hover:before, .theme-btn.btn-one::hover:before{ + color: #fff !important; +} + +.theme-btn.btn-two:before, .theme-btn.btn-two:after{ + background: var(--theme-color); +} + +.theme-btn:hover:before { + border-radius: 0; + transform: scale(1) rotate(-180deg); +} + +.theme-btn:hover:after { + border-radius: 0; + transform: scale(1) rotate(180deg); +} + +.parallax-bg{ + position: absolute; + left: 0px; + top: -30%; + width: 100%; + height: calc(100% + 30%); + background-size: cover; + background-repeat: no-repeat; + background-position: center; +} + + +/** styled-pagination */ + +.pagination{ + position: relative; + display: block; +} + +.pagination li{ + position: relative; + display: inline-block; + margin: 0px 4px; +} + +.pagination li a{ + position: relative; + display: inline-block; + font-size: 18px; + font-weight: 500; + height: 60px; + width: 60px; + line-height: 62px; + background: #ffffff; + box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.07); + text-align: center; + color: var(--title-color); + border-radius: 50%; + z-index: 1; + transition: all 500ms ease; +} + +.pagination li a:hover, +.pagination li a.current{ + color: #fff; + background: var(--theme-color); + border-color: var(--theme-color); +} + +.pagination li a i{ + font-size: 16px; +} + +.mr-0{ + margin: 0px !important; +} + +/** scroll-to-top **/ + +.scroll-to-top{ + position: fixed; + right: 0px; + bottom: 100px; + transform: rotate(90deg); + z-index: 99; +} + +.scroll-to-top .visible { + visibility: visible!important; + opacity: 1!important; +} + +.scroll-to-top .scroll-top-inner { + opacity: 0; + visibility: hidden; +} + +.scroll-to-top .scroll-top-inner{ + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: all cubic-bezier(.4,0,.2,1) .4s; + -o-transition: all cubic-bezier(.4,0,.2,1) .4s; + transition: all cubic-bezier(.4,0,.2,1) .4s; +} + +.scroll-to-top .scroll-bar { + width: 50px; + height: 2px; + margin-right: 10px; + position: relative; +} + +.scroll-to-top .scroll-bar:before { + content: ""; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #f4244f; + opacity: .3; +} + +.scroll-to-top .scroll-bar .bar-inner { + position: absolute; + top: 0; + right: 0; + height: 100%; + background-color: currentColor; +} + +.scroll-to-top .scroll-bar-text{ + font-size: 14px; + font-weight: 600; + cursor: pointer; + color: var(--theme-color); + text-shadow: 0px 1px 0px #fff; + transition: all 500ms ease; +} + +.scroll-to-top .scroll-bar-text:hover{ + transform: scale(1.1); +} + + + +@-webkit-keyframes ripple { + 70% { + -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); + box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); + } + 100% { + -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); + box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); + } +} +@keyframes ripple { + 70% { + -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); + box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); + } + 100% { + -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); + box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); + } +} + + + +.sec-title{ + position: relative; + display: block; +} + +.sec-title h6{ + display: block; + font-size: 16px; + line-height: 22px; + text-transform: uppercase; + margin-bottom: 15px; +} + +.sec-title h2{ + display: block; + font-size: 40px; + line-height: 52px; + font-weight: 800; +} + +.sec-title.light .sub-title, +.sec-title.light h2{ + color: #fff !important; +} + +.sec-title p{ + margin-top: 17px; +} + +.sec-title h2 span{ + color: var(--theme-color); +} + + + + + +/*** + +==================================================================== + Home-Page-One +==================================================================== + +***/ + + +/** main-header **/ + +.main-header{ + position:relative; + left:0px; + top:0px; + right: 0px; + z-index:999; + width:100%; + transition:all 500ms ease; + -moz-transition:all 500ms ease; + -webkit-transition:all 500ms ease; + -ms-transition:all 500ms ease; + -o-transition:all 500ms ease; +} + +.sticky-header{ + position:fixed; + opacity:0; + visibility:hidden; + left:0px; + top:0px; + width:100%; + z-index:0; + background-color: #fff; + border-bottom: 1px solid rgba(0, 0, 0, 0.10); + transition:all 500ms ease; + -moz-transition:all 500ms ease; + -webkit-transition:all 500ms ease; + -ms-transition:all 500ms ease; + -o-transition:all 500ms ease; +} + +.fixed-header .sticky-header{ + z-index:999; + opacity:1; + visibility:visible; + -ms-animation-name: fadeInDown; + -moz-animation-name: fadeInDown; + -op-animation-name: fadeInDown; + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; + -ms-animation-duration: 500ms; + -moz-animation-duration: 500ms; + -op-animation-duration: 500ms; + -webkit-animation-duration: 500ms; + animation-duration: 500ms; + -ms-animation-timing-function: linear; + -moz-animation-timing-function: linear; + -op-animation-timing-function: linear; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -ms-animation-iteration-count: 1; + -moz-animation-iteration-count: 1; + -op-animation-iteration-count: 1; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +/** header-top **/ + +.header-top{ + position: relative; + width: 100%; + background: #212226; + padding: 16px 0px; +} + +.header-top .top-inner{ + position: relative; + display: flex; + align-items: center; + justify-content: space-between; + padding-left: 350px; +} + +.header-top .links-list{ + position: relative; + display: flex; + align-items: center; +} + +.header-top .links-list li{ + margin-right: 35px; +} + +.header-top .links-list li:last-child{ + margin: 0px !important; +} + +.header-top .links-list li a{ + position: relative; + display: inline-block; + color: #fff; +} + +.header-top .links-list li a:hover{ + color: var(--theme-color); +} + +.header-top .info-list{ + position: relative; + display: flex; + align-items: center; +} + +.header-top .info-list li{ + position: relative; + margin-right: 40px; + padding-left: 32px; + color: #fff; +} + +.header-top .info-list li:last-child{ + margin: 0px !important; +} + +.header-top .info-list li i{ + position: absolute; + left: 0px; + top: 5px; + font-size: 18px; + color: var(--theme-color); +} + +.header-top .info-list li a{ + position: relative; + display: inline-block; + color: #fff; +} + +.header-top .info-list li a:hover{ + color: var(--theme-color); +} + +.main-header .outer-box{ + position: relative; + display: flex; + align-items: center; + justify-content: space-between; +} + +.main-header .outer-box .logo-box{ + position: relative; + padding: 61px 90px 61px 0px; + margin-top: -60px; + background: var(--theme-color); + z-index: 1; +} + +.main-header .outer-box .logo-box .shape{ + position: absolute; + top: 0px; + right: -24px; + width: 24px; + height: 100%; + background: var(--theme-color); + clip-path: polygon(100% 0%, 0% 50%, 100% 100%, 0 100%, 0 50%, 0 0); +} + +.main-header .outer-box .logo-box:after{ + position: absolute; + content: ''; + top: 0px; + right: -32px; + width: 32px; + height: 100%; + background: var(--theme-color); + clip-path: polygon(100% 0%, 25% 50%, 100% 100%, 0 100%, 0 50%, 0 0); + opacity: 0.15; +} + +.main-header .outer-box .logo-box:before{ + position: absolute; + content: ''; + background: var(--theme-color); + width: 5000px; + height: 100%; + top: 0px; + right: 0px; + z-index: -1; +} + +.main-header .menu-right-content{ + position: relative; + display: flex; + align-items: center; +} + +.main-header .menu-right-content .theme-btn{ + padding: 13px 30px; +} + +.main-header .menu-area{ + position: relative; + display: flex; + align-items: center; +} + + +/** main-menu **/ + +.main-menu{ + float: left; +} + +.main-menu .navbar-collapse{ + padding:0px; + display:block !important; +} + +.main-menu .navigation{ + margin:0px; +} + +.main-menu .navigation > li{ + position:inherit; + float:left; + z-index:2; + margin: 0px 20px; + -webkit-transition:all 300ms ease; + -moz-transition:all 300ms ease; + -ms-transition:all 300ms ease; + -o-transition:all 300ms ease; + transition:all 300ms ease; +} + +.main-menu .navigation > li:last-child{ + margin-right:0px !important; +} + +.main-menu .navigation > li:first-child{ + margin-left: 0px !important; +} + +.main-menu .navigation > li > a{ + position:relative; + display:block; + text-align:center; + font-size:18px; + line-height:26px; + padding-top: 37px; + padding-bottom: 37px; + font-weight:600; + font-family: var(--title-font); + opacity:1; + color: #141417; + z-index:1; + -webkit-transition:all 500ms ease; + -moz-transition:all 500ms ease; + -ms-transition:all 500ms ease; + -o-transition:all 500ms ease; + transition:all 500ms ease; +} + +.main-menu .navigation > li.dropdown > a{ + padding-right: 17px; +} + +.main-menu .navigation > li.current > a, +.main-menu .navigation > li:hover > a{ + color: var(--secondary-color) !important +} + +.main-menu .navigation > li.dropdown > a:before{ + position: absolute; + content: "\f107"; + font-family: 'Font Awesome 5 Pro'; + top: 37px; + right: 0px; + font-weight: 500; + transition: all 500ms ease; +} + +.main-menu .navigation > li > ul, +.main-menu .navigation > li > .megamenu{ + position:absolute; + left: inherit; + top:100%; + width:230px; + margin-top: 15px; + z-index:100; + display:none; + background: var(--secondary-color); + opacity: 0; + visibility: hidden; + border-radius: 0px; + transition:all 500ms ease; + -moz-transition:all 500ms ease; + -webkit-transition:all 500ms ease; + -ms-transition:all 500ms ease; + -o-transition:all 500ms ease; +} + +.main-menu .navigation > li > ul.from-right{ + left:auto; + right:0px; +} + +.main-menu .navigation > li > ul > li{ + position:relative; + width:100%; +} + +.main-menu .navigation > li > ul > li > a, +.main-menu .navigation > li > .megamenu li > a{ + position:relative; + display:block; + padding: 10px 25px; + line-height:24px; + font-weight:600; + font-size:16px; + text-transform:capitalize; + font-family: var(--title-font); + color:#fff; + text-align: left; + transition:all 500ms ease; + -moz-transition:all 500ms ease; + -webkit-transition:all 500ms ease; + -ms-transition:all 500ms ease; + -o-transition:all 500ms ease; +} + +.main-menu .navigation > li > ul > li > a{ + border-bottom: 1px solid rgba(255,255,255,0.1); +} + +.main-menu .navigation > li > .megamenu li > a{ + padding-left: 0px; +} + +.main-menu .navigation > li > .megamenu h4{ + display: block; + font-size: 20px; + line-height: 30px; + color: #ffffff; +} + +.main-menu .navigation > li > ul > li > a:hover, +.main-menu .navigation > li > .megamenu li > a:hover{ + padding-left: 35px; +} + +.main-menu .navigation > li > ul > li:last-child > a, +.main-menu .navigation > li > .megamenu li:last-child > a{ + border-bottom: none; +} + +.main-menu .navigation > li > ul > li.dropdown > a:after{ + font-family: 'Font Awesome 5 Pro'; + content: "\f105"; + position:absolute; + right:20px; + top:10px; + display:block; + line-height:24px; + font-size:16px; + font-weight:800; + text-align:center; + z-index:5; +} + +.main-menu .navigation > li > ul > li > ul{ + position:absolute; + left:100%; + top:0%; + margin-top: 15px; + background: var(--secondary-color); + width:230px; + z-index:100; + display:none; + border-radius: 0px; + transition:all 500ms ease; + -moz-transition:all 500ms ease; + -webkit-transition:all 500ms ease; + -ms-transition:all 500ms ease; + -o-transition:all 500ms ease; +} + +.main-menu .navigation > li > ul > li > ul.from-right{ + left:auto; + right:0px; +} + +.main-menu .navigation > li > ul > li > ul > li{ + position:relative; + width:100%; +} + +.main-menu .navigation > li > ul > li > ul > li:last-child{ + border-bottom:none; +} + +.main-menu .navigation > li > ul > li > ul > li > a{ + position:relative; + display:block; + padding:10px 25px; + line-height:24px; + font-weight:600; + font-size:16px; + text-transform:capitalize; + font-family: var(--title-font); + color:#fff; + border-bottom: 1px solid rgba(255,255,255,0.1); + text-align: left; + transition:all 500ms ease; + -moz-transition:all 500ms ease; + -webkit-transition:all 500ms ease; + -ms-transition:all 500ms ease; + -o-transition:all 500ms ease; +} + +.main-menu .navigation > li > ul > li > ul > li:last-child > a{ + border-bottom: none; +} + +.main-menu .navigation > li > ul > li > ul > li > a:hover{ + padding-left: 35px; +} + +.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{ + font-family: 'Font Awesome 5 Pro'; + content: "\f105"; + position:absolute; + right:20px; + top:12px; + display:block; + line-height:24px; + font-size:16px; + font-weight:900; + z-index:5; +} + +.main-menu .navigation > li.dropdown:hover > ul, +.main-menu .navigation > li.dropdown:hover > .megamenu{ + visibility:visible; + opacity:1; + margin-top: 0px; + top: 100%; +} + +.main-menu .navigation li > ul > li.dropdown:hover > ul{ + visibility:visible; + opacity:1; + top: 0%; + margin-top: 0px; +} + +.main-menu .navigation li.dropdown .dropdown-btn{ + position:absolute; + right:-32px; + top:66px; + width:34px; + height:30px; + text-align:center; + font-size:18px; + line-height:26px; + color:#3b3b3b; + cursor:pointer; + display: none; + z-index:5; + transition: all 500ms ease; +} + +.main-menu .navigation li.current.dropdown .dropdown-btn, +.main-menu .navigation li:hover .dropdown-btn{ + +} + +.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{ + display: none; +} + +.menu-area .mobile-nav-toggler { + position: relative; + float: right; + font-size: 40px; + line-height: 50px; + cursor: pointer; + background: var(--secondary-color); + display: none; +} + +.mobile-menu .nav-logo img{ + max-width: 160px; +} + +.menu-area .mobile-nav-toggler .icon-bar{ + position: relative; + height: 2px; + width: 30px; + display: block; + margin-bottom: 5px; + background-color: #fff; + -webkit-transition: all 300ms ease; + -moz-transition: all 300ms ease; + -ms-transition: all 300ms ease; + -o-transition: all 300ms ease; + transition: all 300ms ease; +} + +.menu-area .mobile-nav-toggler .icon-bar:last-child{ + margin-bottom: 0px; +} + + +/** megamenu-style **/ + +.main-menu .navigation > li.dropdown > .megamenu{ + position: absolute; + width: 100%; + padding: 30px 50px; + left: 0px; +} + +.main-menu .navigation li.dropdown .megamenu li h4{ + margin-bottom: 10px; +} + +.sticky-header .main-menu .navigation > li > a{ + padding-top: 27px; + padding-bottom: 27px; +} + +.sticky-header .main-menu .navigation > li.dropdown > a:before{ + top: 27px; +} + +.main-header .sticky-header .outer-box .logo-box{ + margin-top: 0px; + padding-top: 21px; + padding-bottom: 21px; +} + + +/** mobile-menu **/ + +.nav-outer .mobile-nav-toggler{ + position: relative; + float: right; + font-size: 40px; + line-height: 50px; + cursor: pointer; + color:#3786ff; + display: none; +} + +.mobile-menu{ + position: fixed; + right: 0; + top: 0; + width: 300px; + padding-right:30px; + max-width:100%; + height: 100%; + opacity: 0; + visibility: hidden; + z-index: 999999; + transition: all 900ms ease; +} + +.mobile-menu .navbar-collapse{ + display:block !important; +} + +.mobile-menu .nav-logo{ + position:relative; + padding:50px 25px; + text-align:left; + padding-bottom: 100px; +} + +.mobile-menu-visible{ + overflow: hidden; +} + +.mobile-menu-visible .mobile-menu{ + opacity: 1; + visibility: visible; +} + +.mobile-menu .menu-backdrop{ + position: fixed; + left: 0%; + top: 0; + width: 100%; + height: 100%; + z-index: 1; + transition: all 900ms ease; + background-color: #000; +} + +.mobile-menu-visible .mobile-menu .menu-backdrop{ + opacity: 0.70; + visibility: visible; + right: 100%; + -webkit-transition: all .8s ease-out 0s; + -o-transition: all .8s ease-out 0s +} + +.mobile-menu .menu-box{ + position: absolute; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + max-height: 100%; + overflow-y: auto; + background: #141417; + padding: 0px 0px; + z-index: 5; + opacity: 0; + visibility: hidden; + border-radius: 0px; + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); + transition: all 900ms ease !important; +} + +.mobile-menu-visible .mobile-menu .menu-box{ + opacity: 1; + visibility: visible; + -webkit-transition: all 0.7s ease; + -o-transition: all 0.7s ease; + transition: all 0.7s ease; + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); +} + +.mobile-menu .close-btn{ + position: absolute; + right: 25px; + top: 10px; + line-height: 30px; + width: 24px; + text-align: center; + font-size: 18px; + color: #ffffff; + cursor: pointer; + z-index: 10; + -webkit-transition:all 0.9s ease; + -moz-transition:all 0.9s ease; + -ms-transition:all 0.9s ease; + -o-transition:all 0.9s ease; + transition:all 0.9s ease; +} + +.mobile-menu-visible .mobile-menu .close-btn{ + -webkit-transform:rotate(360deg); + -ms-transform:rotate(360deg); + transform:rotate(360deg); +} + +.mobile-menu .close-btn:hover{ + -webkit-transform:rotate(90deg); + -ms-transform:rotate(90deg); + transform:rotate(90deg); +} + +.mobile-menu .navigation{ + position: relative; + display: block; + width: 100%; + float: none; +} + +.mobile-menu .navigation li{ + position: relative; + display: block; + border-top: 1px solid rgba(255,255,255,0.10); +} + +.mobile-menu .navigation:last-child{ + border-bottom: 1px solid rgba(255,255,255,0.10); +} + +.mobile-menu .navigation li > ul > li:first-child{ + border-top: 1px solid rgba(255,255,255,0.10); +} + +.mobile-menu .navigation li > a{ + position: relative; + display: block; + line-height: 24px; + padding: 10px 25px; + font-size: 15px; + font-weight: 500; + color: #ffffff; + text-transform: uppercase; + -webkit-transition: all 500ms ease; + -moz-transition: all 500ms ease; + -ms-transition: all 500ms ease; + -o-transition: all 500ms ease; + transition: all 500ms ease; +} + +.mobile-menu .navigation li ul li > a{ + font-size: 16px; + margin-left: 20px; + text-transform: capitalize; +} + +.mobile-menu .navigation li > a:before{ + content:''; + position:absolute; + left:0; + top:0; + height:0; + border-left:5px solid #fff; + -webkit-transition: all 500ms ease; + -moz-transition: all 500ms ease; + -ms-transition: all 500ms ease; + -o-transition: all 500ms ease; + transition: all 500ms ease; +} + +.mobile-menu .navigation li.current > a:before{ + height:100%; +} + +.mobile-menu .navigation li.dropdown .dropdown-btn{ + position:absolute; + right:6px; + top:6px; + width:32px; + height:32px; + text-align:center; + font-size:16px; + line-height:32px; + color:#ffffff; + background:rgba(255,255,255,0.10); + cursor:pointer; + border-radius:2px; + -webkit-transition: all 500ms ease; + -moz-transition: all 500ms ease; + -ms-transition: all 500ms ease; + -o-transition: all 500ms ease; + transition: all 500ms ease; + z-index:5; +} + +.mobile-menu .navigation li.dropdown .dropdown-btn.open{ + color: #ffffff; + -webkit-transform:rotate(90deg); + -ms-transform:rotate(90deg); + transform:rotate(90deg); +} + +.mobile-menu .navigation li > ul, +.mobile-menu .navigation li > ul > li > ul, +.mobile-menu .navigation > li.dropdown > .megamenu{ + display: none; +} + +.mobile-menu .social-links{ + position:relative; + padding:0px 25px; +} + +.mobile-menu .social-links li{ + position:relative; + display:inline-block; + margin:0px 10px 10px; +} + +.mobile-menu .social-links li a{ + position:relative; + line-height:32px; + font-size:16px; + color:#ffffff; + -webkit-transition: all 500ms ease; + -moz-transition: all 500ms ease; + -ms-transition: all 500ms ease; + -o-transition: all 500ms ease; + transition: all 500ms ease; +} + +.mobile-menu .social-links li a:hover{ + +} + +div#mCSB_1_container{ + top: 0px !important; +} + +.mobile-menu .contact-info { + position: relative; + padding: 120px 30px 20px 30px; +} + +.mobile-menu .contact-info h4 { + position: relative; + font-size: 20px; + color: #ffffff; + font-weight: 700; + margin-bottom: 20px; +} + +.mobile-menu .contact-info ul li { + position: relative; + display: block; + font-size: 15px; + color: rgba(255,255,255,0.80); + margin-bottom: 3px; +} + +.mobile-menu .contact-info ul li a{ + color: rgba(255,255,255,0.80); +} + +.mobile-menu .contact-info ul li a:hover{ + +} + +.mobile-menu .contact-info ul li:last-child{ + margin-bottom: 0px; +} + +.main-header .outer-box{ + position: relative; +} + +.owl-dots-none .owl-dots, +.owl-nav-none .owl-nav{ + display: none !important; +} + +.owl-nav button{ + background: transparent; +} + +.float-bob-y { + animation-name: float-bob-y; + animation-duration: 2s; + animation-iteration-count: infinite; + animation-timing-function: linear; + -webkit-animation-name: float-bob-y; + -webkit-animation-duration: 2s; + -webkit-animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; + -moz-animation-name: float-bob-y; + -moz-animation-duration: 2s; + -moz-animation-iteration-count: infinite; + -moz-animation-timing-function: linear; + -ms-animation-name: float-bob-y; + -ms-animation-duration: 2s; + -ms-animation-iteration-count: infinite; + -ms-animation-timing-function: linear; + -o-animation-name: float-bob-y; + -o-animation-duration: 2s; + -o-animation-iteration-count: infinite; + -o-animation-timing-function: linear; +} + +.float-bob-x{ + animation-name: float-bob-x; + animation-duration: 15s; + animation-iteration-count: infinite; + animation-timing-function: linear; + -webkit-animation-name: float-bob-x; + -webkit-animation-duration: 15s; + -webkit-animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; + -moz-animation-name: float-bob-x; + -moz-animation-duration: 15s; + -moz-animation-iteration-count: infinite; + -moz-animation-timing-function: linear; + -ms-animation-name: float-bob-x; + -ms-animation-duration: 15s; + -ms-animation-iteration-count: infinite; + -ms-animation-timing-function: linear; + -o-animation-name: float-bob-x; + -o-animation-duration: 15s; + -o-animation-iteration-count: infinite; + -o-animation-timing-function: linear; +} + + +/** rtl-switcher **/ + +.demo-rtl{ + position: fixed; + top: 390px; + left: 10px; + z-index: 9999; +} + +button.rtl{ + background: var(--theme-color); + display: block; + text-indent: inherit; + font-size: 12px; + width: 40px; + height: 40px; + line-height: 40px; + text-align: center; + font-weight: 700; + margin: 0px; + color: #fff !important; + border-radius: 50%; + box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); + transition: all 500ms ease; +} + +.demo-ltr{ + position: fixed; + top: 390px; + left: auto; + right: 10px; + z-index: 9999; +} + +button.ltr { + background: var(--theme-color); + display: block; + text-indent: inherit; + font-size: 12px; + font-weight: 700; + width: 40px; + height: 40px; + line-height: 40px; + text-align: center; + margin: 0px; + color: #fff !important; + border-radius: 50%; + box-shadow: rgba(0, 0, 0, 1.0); + transition: all 500ms ease; +} + +.boxed_wrapper.ltr .demo-rtl{ + display: block; +} + +.boxed_wrapper.ltr .demo-ltr{ + display: none; +} + +.boxed_wrapper.rtl .demo-rtl{ + display: none; +} + +.boxed_wrapper.rtl .demo-ltr{ + display: block; +} + +@-webkit-keyframes shine { + 100% { + left: 125%; + } +} + +@keyframes shine { + 100% { + left: 125%; + } +} + + +/** main-footer **/ + +.main-footer{ + position: relative; + background: var(--secondary-color); +} + +.main-footer .widget-section{ + position: relative; + padding: 110px 0px 113px 0px; + border-bottom: 1px solid rgba(255, 255, 255, 0.10); +} + +.main-footer .footer-logo{ + margin-bottom: 21px; +} + +.main-footer p, +.main-footer a{ + color: #fff; +} + +.main-footer a:hover{ + color: var(--theme-color); +} + +.main-footer .logo-widget p{ + margin-bottom: 40px; +} + +.main-footer .social-links{ + position: relative; + display: flex; + align-items: center; +} + +.main-footer .social-links li{ + margin-right: 20px; +} + +.main-footer .social-links li:last-child{ + margin: 0px !important; +} + +.main-footer .social-links li a{ + position: relative; + display: inline-block; + width: 50px; + height: 50px; + line-height: 50px; + font-size: 16px; + color: #fff !important; + background: rgba(255, 255, 255, 0.20); + text-align: center; + border-radius: 50%; +} + +.main-footer .social-links li a:hover{ + +} + +.main-footer .widget-title{ + position: relative; + display: block; + margin-bottom: 26px; +} + +.main-footer .widget-title h4{ + font-size: 20px; + line-height: 28px; + font-weight: 800; + color: #fff; +} + +.main-footer .links-widget .links-list li{ + position: relative; + display: block; + font-size: 16px; + line-height: 26px; + margin-bottom: 10px; +} + +.main-footer .links-widget .links-list li:last-child{ + margin-bottom: 0px; +} + +.main-footer .links-widget .links-list li a{ + position: relative; + display: inline-block; + padding-left: 15px; +} + +.main-footer .links-widget .links-list li a:before{ + position: absolute; + content: ''; + background: #fff; + width: 5px; + height: 5px; + border-radius: 50%; + left: 0px; + top: 11px; + transition: all 500ms ease; +} + +.main-footer .links-widget .links-list li a:hover:before{ + background: var(--theme-color); +} + +.main-footer .contact-widget .form-inner .form-group{ + position: relative; + margin-bottom: 20px; +} + +.main-footer .contact-widget .form-inner .form-group .select-box{ + min-height: 55px; +} + +.main-footer .contact-widget .form-inner .form-group:last-child{ + margin-bottom: 0px; + padding-top: 10px; +} + +.main-footer .contact-widget .form-inner .form-group .nice-select, +.main-footer .contact-widget .form-inner .form-group input[type='text']{ + position: relative; + display: block; + width: 100%; + height: 55px; + border: 1px solid rgba(255, 255, 255, 0.20); + font-size: 16px; + color: rgba(255, 255, 255, 0.50); + padding: 0px 20px; + line-height: 55px; + background: transparent; + border-radius: 0px; + transition: all 500ms ease; +} + +.main-footer .contact-widget .form-inner .form-group .nice-select .option{ + color: #222; +} + +.nice-select:before{ + position: absolute; + content: '\e92e'; + font-family: 'icomoon'; + font-size: 12px; + top: 0px; + right: 20px; + color: rgba(255, 255, 255, 0.50); +} + +.main-footer .contact-widget .form-inner .form-group .theme-btn:before, +.main-footer .contact-widget .form-inner .form-group .theme-btn:after{ + background: #fff !important; +} + +.main-footer .contact-widget .form-inner .form-group .theme-btn:hover{ + color: var(--title-color) !important; +} + +.main-footer .pattern-layer .pattern-1{ + position: absolute; + left: 0px; + bottom: 0px; + width: 193px; + height: 540px; + background-repeat: no-repeat; +} + +.main-footer .pattern-layer .pattern-2{ + position: absolute; + right: 0px; + bottom: 0px; + width: 209px; + height: 550px; + background-repeat: no-repeat; +} + +.footer-bottom{ + padding: 30px 0px; +} + +.footer-bottom p a{ + color: var(--theme-color); +} + +.footer-bottom p a:hover{ + text-decoration: underline; +} + + +/** header-style-two **/ + +.header-style-two{ + position: absolute; + left: 0px; + top: 0px; + width: 100%; +} + +.header-style-two.main-header .outer-box .logo-box{ + padding-left: 35px; + padding-right: 35px; +} + +.header-style-two .logo-box:before, +.header-style-two .logo-box:after{ + display: none; +} + +.header-style-two .header-lower{ + background: #fff; + padding-right: 40px; +} + +.header-style-two .header-top{ + padding-right: 40px; +} + +.nav-style-one .owl-nav button{ + position: relative; + display: inline-block; + width: 70px; + height: 70px; + line-height: 78px; + background: #fff; + text-align: center; + font-size: 24px; + color: var(--title-color); + box-shadow: 0px 5px 40px 20px rgba(0, 0, 0, 0.05); + border-radius: 50%; + transition: all 500ms ease; +} + +.nav-style-one .owl-nav button:hover{ + color: #fff; + background: var(--theme-color); +} + +.list-style-one{ + position: relative; + display: block; +} + +.list-style-one li{ + position: relative; + display: block; + font-size: 16px; + line-height: 30px; + color: #222; + font-weight: 500; + padding-left: 30px; + margin-bottom: 19px; +} + +.list-style-one li:last-child{ + margin-bottom: 0px; +} + +.list-style-one li:before{ + position: absolute; + content: '\e91d'; + font-family: 'icomoon'; + font-size: 18px; + left: 0px; + top: 0px; + font-weight: 400; + color: var(--theme-color); +} + +.pt_115{ + padding-top: 115px; +} + +.tabs-box .tab{ + position:relative; + display:none; + transition: all 900ms ease; + -moz-transition: all 900ms ease; + -webkit-transition: all 900ms ease; + -ms-transition: all 900ms ease; + -o-transition: all 900ms ease; +} + +.tabs-box .tab.active-tab{ + display:block; +} + +.tabs-box .tab{ + transform:scale(0.9,0.9) translateY(0px); +} + +.tabs-box .tab.active-tab{ + transform:scale(1) translateY(0px); +} + + +/** header-style-three **/ + +.header-style-three{ + position: relative; + background: #fff; +} + +.header-style-three .header-top .top-inner{ + padding-left: 40px; + padding-right: 40px; +} + +.main-header.header-style-three .outer-box .logo-box{ + background: transparent !important; + margin-top: 0px; + padding: 31px 0px; +} + +.header-style-three .logo-box:before{ + display: none; +} + +.header-style-three .outer-box .logo-box:after{ + display: none; +} + +.main-header .menu-right-content .theme-btn.btn-two{ + background: transparent; + border: 1px solid var(--secondary-color); + color: var(--secondary-color) !important; + padding: 12px 30px +} + +.main-header .menu-right-content .theme-btn.btn-two:hover{ + color: #fff !important; +} + +.accordion-box .block .acc-content{ + display:none; +} + +.accordion-box .block .acc-content.current{ + display:block; +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/flask-project/static/css/switcher-style.css b/flask-project/static/css/switcher-style.css new file mode 100644 index 0000000000000000000000000000000000000000..17d433a6775b956fbe4058bbf301d03ef27c845a --- /dev/null +++ b/flask-project/static/css/switcher-style.css @@ -0,0 +1,170 @@ + + +/*=============== Color-Layout =============*/ + +.switcher .switch_btn button { + color: #fff; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 20px; + cursor: pointer; + border-radius: 50%; + margin-left: 5px; + background: var(--theme-color); + box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); + transition: all 500ms ease; +} + +.switcher .switch_btn { + position: absolute; + right: -50px; + top: -10px; + z-index: -1; +} + +.switcher { + position: fixed; + top: 450px; + z-index: 99; +} + +.switcher .switch_menu { + position: absolute; + width:170px; + height: 30px; + background: transparent; + display: none; + top: -3px; + left: 60px; +} + +.switcher #styleOptions li { + position: relative; + display: inline-block; + width:30px; + height:30px; + margin:0px; +} + +.switcher #styleOptions li a { + position: relative; + display: inline-block; + width:100%; + height:100%; + border-radius: 50%; + box-shadow: 0 0 0 1px #fff; +} + +.switcher #styleOptions li a.theme-color{ + background: var(--theme-color); +} + +.switcher #styleOptions li a.pink-color { + background: var(--pink-color); +} + +.switcher #styleOptions li a.violet-color { + background: var(--violet-color); +} + +.switcher #styleOptions li a.crimson-color { + background: var(--crimson-color); +} + +.switcher #styleOptions li a.orange-color { + background: var(--orange-color); +} + + +/*=============== Boxed-Layout =============*/ + + +.body_switcher .body_switch_btn button { + width:50px; + height:50px; + line-height: 50px; + font-size: 24px; + background: transparent; + cursor: pointer; + transition: all 500ms ease; +} + +.body_switcher .body_switch_btn { + position: absolute; + right: -50px; + z-index: -1; +} + +.body_switcher { + position: fixed; + top:500px; + z-index: 99; + left:-200px; + -webkit-transition: all .5s ease-in-out; + transition: all .5s ease-in-out; +} + +.body_switcher .boxed_switch_menu { + width:200px; + background: #fff; + position: relative; + padding: 15px 15px 30px 15px; + text-align: center; + box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); +} + +.body_switcher .boxed_switch_menu h5{ + position: relative; + display: block; + font-weight: 600; + margin-bottom: 0px; +} + +.body_switcher.switcher-show{ + left:0; +} + +.body_switcher .boxed_switch_menu .switch_body .box { + cursor: pointer; + display: inline-block; + text-align: center; + margin-top: 12px; +} + +.body_switcher .boxed_switch_menu .switch_body .box>div { + width:80px; + height:50px; + background: #fff; + border:2px solid #999; +} + +.body_switcher .boxed_switch_menu .switch_body .box>div>span { + display: block; + width:60px; + height:100%; + margin:0 auto; + background: #fff; + border-left:2px solid #e5e5e5; + border-right:2px solid #e5e5e5; +} + +.body_switcher .boxed_switch_menu .switch_body .box p{ + position: relative; + display: block; + font-size: 16px; + color: #999; + font-weight: 500; + margin-bottom: 0px; +} + +.main_page.active_boxlayout { + max-width: 1550px; + width: 100%; + min-width: 300px; + margin: 0 auto; + background-attachment: fixed; + background-repeat: repeat-x; + background-position: center; + overflow-x:hidden; +} \ No newline at end of file diff --git a/flask-project/static/fonts/fa-brands-400.eot b/flask-project/static/fonts/fa-brands-400.eot new file mode 100644 index 0000000000000000000000000000000000000000..5563d702c692f5c87544a18ba512e61a46075fc0 Binary files /dev/null and b/flask-project/static/fonts/fa-brands-400.eot differ diff --git a/flask-project/static/fonts/fa-brands-400.ttf b/flask-project/static/fonts/fa-brands-400.ttf new file mode 100644 index 0000000000000000000000000000000000000000..8545a55372791f797f3cb48c7c3d38e90f656b58 Binary files /dev/null and b/flask-project/static/fonts/fa-brands-400.ttf differ diff --git a/flask-project/static/fonts/fa-brands-400.woff b/flask-project/static/fonts/fa-brands-400.woff new file mode 100644 index 0000000000000000000000000000000000000000..435c3feb91bcf67a8e6b220e56992489c494516e Binary files /dev/null and b/flask-project/static/fonts/fa-brands-400.woff differ diff --git a/flask-project/static/fonts/fa-brands-400.woff2 b/flask-project/static/fonts/fa-brands-400.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..84c3de303176c5f5ee312b0564901a5adae7bfee Binary files /dev/null and b/flask-project/static/fonts/fa-brands-400.woff2 differ diff --git a/flask-project/static/fonts/fa-light-300.woff b/flask-project/static/fonts/fa-light-300.woff new file mode 100644 index 0000000000000000000000000000000000000000..0eaaf250fb5a5a2a6971db650e302ffb61b72d1b Binary files /dev/null and b/flask-project/static/fonts/fa-light-300.woff differ diff --git a/flask-project/static/fonts/fa-light-300.woff2 b/flask-project/static/fonts/fa-light-300.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..21d4380c0ff747c296cd0bb29c4c0c5700897a9c Binary files /dev/null and b/flask-project/static/fonts/fa-light-300.woff2 differ diff --git a/flask-project/static/fonts/fa-regular-400.eot b/flask-project/static/fonts/fa-regular-400.eot new file mode 100644 index 0000000000000000000000000000000000000000..66f2fbc6a1b707870909b8abf121cf378f454ddb Binary files /dev/null and b/flask-project/static/fonts/fa-regular-400.eot differ diff --git a/flask-project/static/fonts/fa-regular-400.woff b/flask-project/static/fonts/fa-regular-400.woff new file mode 100644 index 0000000000000000000000000000000000000000..c5ba61a5eaf8fe779ac1d486bd7bb27d6146af52 Binary files /dev/null and b/flask-project/static/fonts/fa-regular-400.woff differ diff --git a/flask-project/static/fonts/fa-regular-400.woff2 b/flask-project/static/fonts/fa-regular-400.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..497d52c9f97efba909f01e76cc5b3234aceede0a Binary files /dev/null and b/flask-project/static/fonts/fa-regular-400.woff2 differ diff --git a/flask-project/static/fonts/fa-solid-900.woff b/flask-project/static/fonts/fa-solid-900.woff new file mode 100644 index 0000000000000000000000000000000000000000..7f6bfaa802184e4a8c75b517dac60902be42574c Binary files /dev/null and b/flask-project/static/fonts/fa-solid-900.woff differ diff --git a/flask-project/static/fonts/fa-solid-900.woff2 b/flask-project/static/fonts/fa-solid-900.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..dc2450d0868d5eef0405c72a6a89a53fe2dffe72 Binary files /dev/null and b/flask-project/static/fonts/fa-solid-900.woff2 differ diff --git a/flask-project/static/fonts/icomoon.eot b/flask-project/static/fonts/icomoon.eot new file mode 100644 index 0000000000000000000000000000000000000000..9d566ce8f04a988ddd8c65c3e0a44a4479c69094 Binary files /dev/null and b/flask-project/static/fonts/icomoon.eot differ diff --git a/flask-project/static/fonts/icomoon.svg b/flask-project/static/fonts/icomoon.svg new file mode 100644 index 0000000000000000000000000000000000000000..e06cb0b6cee21c9cf3a7a1204b5166a91029f3b3 --- /dev/null +++ b/flask-project/static/fonts/icomoon.svg @@ -0,0 +1,57 @@ + + + \ No newline at end of file diff --git a/flask-project/static/fonts/icomoon.ttf b/flask-project/static/fonts/icomoon.ttf new file mode 100644 index 0000000000000000000000000000000000000000..696ce6fd3c2e5eeb6274ea2a15e31baeb8e4c32c Binary files /dev/null and b/flask-project/static/fonts/icomoon.ttf differ diff --git a/flask-project/static/fonts/icomoon.woff b/flask-project/static/fonts/icomoon.woff new file mode 100644 index 0000000000000000000000000000000000000000..f3c5e8d1878a2f86f444e7d64de591c15f96e0ca Binary files /dev/null and b/flask-project/static/fonts/icomoon.woff differ diff --git a/flask-project/static/images/.DS_Store b/flask-project/static/images/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..aa32d985050154a1fb370d77cddfed9ed38eb968 Binary files /dev/null and b/flask-project/static/images/.DS_Store differ diff --git a/flask-project/static/images/background/.DS_Store b/flask-project/static/images/background/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 Binary files /dev/null and b/flask-project/static/images/background/.DS_Store differ diff --git a/flask-project/static/images/background/career-bg.jpg b/flask-project/static/images/background/career-bg.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e598d14d6bc421f48798855a4c258816058601b4 Binary files /dev/null and b/flask-project/static/images/background/career-bg.jpg differ diff --git a/flask-project/static/images/background/funfact-bg.jpg b/flask-project/static/images/background/funfact-bg.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e02bcefa9a56efcb592d093df686cf909f492a24 Binary files /dev/null and b/flask-project/static/images/background/funfact-bg.jpg differ diff --git a/flask-project/static/images/background/page-title.jpg b/flask-project/static/images/background/page-title.jpg new file mode 100644 index 0000000000000000000000000000000000000000..986006c2ed097241980d1c3c1aaf219c3638457c Binary files /dev/null and b/flask-project/static/images/background/page-title.jpg differ diff --git a/flask-project/static/images/background/process-bg.jpg b/flask-project/static/images/background/process-bg.jpg new file mode 100644 index 0000000000000000000000000000000000000000..b87d44c445ae566df99976540f0ab1775bf384e4 Binary files /dev/null and b/flask-project/static/images/background/process-bg.jpg differ diff --git a/flask-project/static/images/background/service-bg-2.jpg b/flask-project/static/images/background/service-bg-2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..a8ff86a9c3c516cf1aec4c44e00de23402373f5d Binary files /dev/null and b/flask-project/static/images/background/service-bg-2.jpg differ diff --git a/flask-project/static/images/background/service-bg-3.jpg b/flask-project/static/images/background/service-bg-3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..9a01ec926e3eda20d06d5e4e51fbc9af6995f36c Binary files /dev/null and b/flask-project/static/images/background/service-bg-3.jpg differ diff --git a/flask-project/static/images/background/service-bg.jpg b/flask-project/static/images/background/service-bg.jpg new file mode 100644 index 0000000000000000000000000000000000000000..930f2b5574b1828819ce6b147befbbd57ddfd4ee Binary files /dev/null and b/flask-project/static/images/background/service-bg.jpg differ diff --git a/flask-project/static/images/background/testimonial-bg-2.jpg b/flask-project/static/images/background/testimonial-bg-2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..ef9a690a67367d960426bf4eeecd700024bd03a9 Binary files /dev/null and b/flask-project/static/images/background/testimonial-bg-2.jpg differ diff --git a/flask-project/static/images/background/testimonial-bg.jpg b/flask-project/static/images/background/testimonial-bg.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7a94fc77f4c1fafce1e871f273f58f619b09053d Binary files /dev/null and b/flask-project/static/images/background/testimonial-bg.jpg differ diff --git a/flask-project/static/images/background/video-bg-2.jpg b/flask-project/static/images/background/video-bg-2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..ee0f38e250b29ae5d3cc2399836a2e014c5ace0a Binary files /dev/null and b/flask-project/static/images/background/video-bg-2.jpg differ diff --git a/flask-project/static/images/background/video-bg.jpg b/flask-project/static/images/background/video-bg.jpg new file mode 100644 index 0000000000000000000000000000000000000000..643e0a1a6fc29149e2ff2f329ef4ba1c544bf70e Binary files /dev/null and b/flask-project/static/images/background/video-bg.jpg differ diff --git a/flask-project/static/images/banner/.DS_Store b/flask-project/static/images/banner/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..b5fe67c0cc4a25b1dad748907abbc6c3ccb439db Binary files /dev/null and b/flask-project/static/images/banner/.DS_Store differ diff --git a/flask-project/static/images/banner/banner-1.jpg b/flask-project/static/images/banner/banner-1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..2aa081fd421e3043b7812388eeebaa1ac754da6f Binary files /dev/null and b/flask-project/static/images/banner/banner-1.jpg differ diff --git a/flask-project/static/images/banner/banner-2.jpg b/flask-project/static/images/banner/banner-2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..2aa081fd421e3043b7812388eeebaa1ac754da6f Binary files /dev/null and b/flask-project/static/images/banner/banner-2.jpg differ diff --git a/flask-project/static/images/banner/banner-3.jpg b/flask-project/static/images/banner/banner-3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..2aa081fd421e3043b7812388eeebaa1ac754da6f Binary files /dev/null and b/flask-project/static/images/banner/banner-3.jpg differ diff --git a/flask-project/static/images/banner/banner-4.jpg b/flask-project/static/images/banner/banner-4.jpg new file mode 100644 index 0000000000000000000000000000000000000000..a67e44aa3e0d3f13ba2e037af9b82c0ef0a38e13 Binary files /dev/null and b/flask-project/static/images/banner/banner-4.jpg differ diff --git a/flask-project/static/images/banner/banner-5.jpg b/flask-project/static/images/banner/banner-5.jpg new file mode 100644 index 0000000000000000000000000000000000000000..a67e44aa3e0d3f13ba2e037af9b82c0ef0a38e13 Binary files /dev/null and b/flask-project/static/images/banner/banner-5.jpg differ diff --git a/flask-project/static/images/banner/banner-6.jpg b/flask-project/static/images/banner/banner-6.jpg new file mode 100644 index 0000000000000000000000000000000000000000..a67e44aa3e0d3f13ba2e037af9b82c0ef0a38e13 Binary files /dev/null and b/flask-project/static/images/banner/banner-6.jpg differ diff --git a/flask-project/static/images/banner/banner-7.jpg b/flask-project/static/images/banner/banner-7.jpg new file mode 100644 index 0000000000000000000000000000000000000000..50e1d2510e67a55e7fc7ae7a7cf89c694154c3e6 Binary files /dev/null and b/flask-project/static/images/banner/banner-7.jpg differ diff --git a/flask-project/static/images/banner/banner-8.jpg b/flask-project/static/images/banner/banner-8.jpg new file mode 100644 index 0000000000000000000000000000000000000000..50e1d2510e67a55e7fc7ae7a7cf89c694154c3e6 Binary files /dev/null and b/flask-project/static/images/banner/banner-8.jpg differ diff --git a/flask-project/static/images/banner/banner-9.jpg b/flask-project/static/images/banner/banner-9.jpg new file mode 100644 index 0000000000000000000000000000000000000000..50e1d2510e67a55e7fc7ae7a7cf89c694154c3e6 Binary files /dev/null and b/flask-project/static/images/banner/banner-9.jpg differ diff --git a/flask-project/static/images/favicon.ico b/flask-project/static/images/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..0ea401ccd7d623d50ebbc321f0de6b8e31c3d4dd Binary files /dev/null and b/flask-project/static/images/favicon.ico differ diff --git a/flask-project/static/images/icons/.DS_Store b/flask-project/static/images/icons/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..592c38989035fd6d96fcdad1b28f303f7bb378e9 Binary files /dev/null and b/flask-project/static/images/icons/.DS_Store differ diff --git a/flask-project/static/images/icons/error-1.png b/flask-project/static/images/icons/error-1.png new file mode 100644 index 0000000000000000000000000000000000000000..edda91c7b650503895581b0954ce66a37e233bfe Binary files /dev/null and b/flask-project/static/images/icons/error-1.png differ diff --git a/flask-project/static/images/icons/flag-1.png b/flask-project/static/images/icons/flag-1.png new file mode 100644 index 0000000000000000000000000000000000000000..e70da991b004d56b20bd5be4773e9760c98fd314 Binary files /dev/null and b/flask-project/static/images/icons/flag-1.png differ diff --git a/flask-project/static/images/icons/flag-10.png b/flask-project/static/images/icons/flag-10.png new file mode 100644 index 0000000000000000000000000000000000000000..8d14a572ad5ff368fb28ff3c1b8f9df26bc0f809 Binary files /dev/null and b/flask-project/static/images/icons/flag-10.png differ diff --git a/flask-project/static/images/icons/flag-11.png b/flask-project/static/images/icons/flag-11.png new file mode 100644 index 0000000000000000000000000000000000000000..ef0bccf54ae73a819e7aa9eaf0dada07b41d1798 Binary files /dev/null and b/flask-project/static/images/icons/flag-11.png differ diff --git a/flask-project/static/images/icons/flag-12.png b/flask-project/static/images/icons/flag-12.png new file mode 100644 index 0000000000000000000000000000000000000000..8292c0fd43f4d90ae47af587d42eba5d0792a59c Binary files /dev/null and b/flask-project/static/images/icons/flag-12.png differ diff --git a/flask-project/static/images/icons/flag-2.png b/flask-project/static/images/icons/flag-2.png new file mode 100644 index 0000000000000000000000000000000000000000..3c064b4299239e1cf807a8b7791fe40050af6c8f Binary files /dev/null and b/flask-project/static/images/icons/flag-2.png differ diff --git a/flask-project/static/images/icons/flag-3.png b/flask-project/static/images/icons/flag-3.png new file mode 100644 index 0000000000000000000000000000000000000000..91e46c4d327c310089c881c5e0cd59d97775c6eb Binary files /dev/null and b/flask-project/static/images/icons/flag-3.png differ diff --git a/flask-project/static/images/icons/flag-4.png b/flask-project/static/images/icons/flag-4.png new file mode 100644 index 0000000000000000000000000000000000000000..5f51237cb435908e7bd216176fa9f00baad38ae5 Binary files /dev/null and b/flask-project/static/images/icons/flag-4.png differ diff --git a/flask-project/static/images/icons/flag-5.png b/flask-project/static/images/icons/flag-5.png new file mode 100644 index 0000000000000000000000000000000000000000..85f25e5cc4761e890bcbc495d1822b1e98fce861 Binary files /dev/null and b/flask-project/static/images/icons/flag-5.png differ diff --git a/flask-project/static/images/icons/flag-6.png b/flask-project/static/images/icons/flag-6.png new file mode 100644 index 0000000000000000000000000000000000000000..f3a2bae6e09e3ea29790c009d0cb014f5847459c Binary files /dev/null and b/flask-project/static/images/icons/flag-6.png differ diff --git a/flask-project/static/images/icons/flag-7.png b/flask-project/static/images/icons/flag-7.png new file mode 100644 index 0000000000000000000000000000000000000000..6aa81723add6b7241091451b936419fd558f2fe9 Binary files /dev/null and b/flask-project/static/images/icons/flag-7.png differ diff --git a/flask-project/static/images/icons/flag-8.png b/flask-project/static/images/icons/flag-8.png new file mode 100644 index 0000000000000000000000000000000000000000..dcb2c2efcbb472e834cf138ef2492938ddc12126 Binary files /dev/null and b/flask-project/static/images/icons/flag-8.png differ diff --git a/flask-project/static/images/icons/flag-9.png b/flask-project/static/images/icons/flag-9.png new file mode 100644 index 0000000000000000000000000000000000000000..9752292f0d66a17b2d37a5d1ba60b06388580ce1 Binary files /dev/null and b/flask-project/static/images/icons/flag-9.png differ diff --git a/flask-project/static/images/icons/icon-1.png b/flask-project/static/images/icons/icon-1.png new file mode 100644 index 0000000000000000000000000000000000000000..06e299344080c91add2c2d361e023551543449f6 Binary files /dev/null and b/flask-project/static/images/icons/icon-1.png differ diff --git a/flask-project/static/images/icons/icon-2.png b/flask-project/static/images/icons/icon-2.png new file mode 100644 index 0000000000000000000000000000000000000000..9a3e92ba04a94679b7cbd5cd5769426b9db03c8f Binary files /dev/null and b/flask-project/static/images/icons/icon-2.png differ diff --git a/flask-project/static/images/icons/icon-3.png b/flask-project/static/images/icons/icon-3.png new file mode 100644 index 0000000000000000000000000000000000000000..4541736c30c3366f121439d9faf6a7a56e055de5 Binary files /dev/null and b/flask-project/static/images/icons/icon-3.png differ diff --git a/flask-project/static/images/icons/icon-4.png b/flask-project/static/images/icons/icon-4.png new file mode 100644 index 0000000000000000000000000000000000000000..425ac6d547d51c411e9863c93088ed7ace61e829 Binary files /dev/null and b/flask-project/static/images/icons/icon-4.png differ diff --git a/flask-project/static/images/icons/icon-5.png b/flask-project/static/images/icons/icon-5.png new file mode 100644 index 0000000000000000000000000000000000000000..047c6304aa6c5c20c69befa5a7730ef5d3551d1f Binary files /dev/null and b/flask-project/static/images/icons/icon-5.png differ diff --git a/flask-project/static/images/icons/signature-1.png b/flask-project/static/images/icons/signature-1.png new file mode 100644 index 0000000000000000000000000000000000000000..7c2bd12486c4122cfe76b995b013fc5448a1ae6c Binary files /dev/null and b/flask-project/static/images/icons/signature-1.png differ diff --git a/flask-project/static/images/logo-2.png b/flask-project/static/images/logo-2.png new file mode 100644 index 0000000000000000000000000000000000000000..06cf07d5e1cbe53bdf8780242b81495b17708cf5 Binary files /dev/null and b/flask-project/static/images/logo-2.png differ diff --git a/flask-project/static/images/logo-3.png b/flask-project/static/images/logo-3.png new file mode 100644 index 0000000000000000000000000000000000000000..fb41c34d4fb606e3c9aa4bbec5a69222a410dff0 Binary files /dev/null and b/flask-project/static/images/logo-3.png differ diff --git a/flask-project/static/images/logo.png b/flask-project/static/images/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..b99897ee71f6f912f8102aca6080d0d98e462273 Binary files /dev/null and b/flask-project/static/images/logo.png differ diff --git a/flask-project/static/images/logo_metro.png b/flask-project/static/images/logo_metro.png new file mode 100644 index 0000000000000000000000000000000000000000..48c585b791793b0d19d4f00d937175ec304159e7 Binary files /dev/null and b/flask-project/static/images/logo_metro.png differ diff --git a/flask-project/static/images/news/.DS_Store b/flask-project/static/images/news/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..bad3621a8342ce1e8ce7c02814c855a3523fce72 Binary files /dev/null and b/flask-project/static/images/news/.DS_Store differ diff --git a/flask-project/static/images/news/author-1.jpg b/flask-project/static/images/news/author-1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..ef930c32d724a64f6571e5dc1a473a5c17245e49 Binary files /dev/null and b/flask-project/static/images/news/author-1.jpg differ diff --git a/flask-project/static/images/news/author-2.jpg b/flask-project/static/images/news/author-2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..fd07b5c1b9d682c6a2493548ca42d497c8d08797 Binary files /dev/null and b/flask-project/static/images/news/author-2.jpg differ diff --git a/flask-project/static/images/news/gallery-1.jpg b/flask-project/static/images/news/gallery-1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..adbbf59b054d4df4946fdf659e137a37de1f7d1a Binary files /dev/null and b/flask-project/static/images/news/gallery-1.jpg differ diff --git a/flask-project/static/images/news/gallery-2.jpg b/flask-project/static/images/news/gallery-2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..adbbf59b054d4df4946fdf659e137a37de1f7d1a Binary files /dev/null and b/flask-project/static/images/news/gallery-2.jpg differ diff --git a/flask-project/static/images/news/gallery-3.jpg b/flask-project/static/images/news/gallery-3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..adbbf59b054d4df4946fdf659e137a37de1f7d1a Binary files /dev/null and b/flask-project/static/images/news/gallery-3.jpg differ diff --git a/flask-project/static/images/news/gallery-4.jpg b/flask-project/static/images/news/gallery-4.jpg new file mode 100644 index 0000000000000000000000000000000000000000..adbbf59b054d4df4946fdf659e137a37de1f7d1a Binary files /dev/null and b/flask-project/static/images/news/gallery-4.jpg differ diff --git a/flask-project/static/images/news/gallery-5.jpg b/flask-project/static/images/news/gallery-5.jpg new file mode 100644 index 0000000000000000000000000000000000000000..adbbf59b054d4df4946fdf659e137a37de1f7d1a Binary files /dev/null and b/flask-project/static/images/news/gallery-5.jpg differ diff --git a/flask-project/static/images/news/gallery-6.jpg b/flask-project/static/images/news/gallery-6.jpg new file mode 100644 index 0000000000000000000000000000000000000000..adbbf59b054d4df4946fdf659e137a37de1f7d1a Binary files /dev/null and b/flask-project/static/images/news/gallery-6.jpg differ diff --git a/flask-project/static/images/news/news-1.jpg b/flask-project/static/images/news/news-1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7f5ef57cda6254be46830d81544c587770e737d0 Binary files /dev/null and b/flask-project/static/images/news/news-1.jpg differ diff --git a/flask-project/static/images/news/news-10.jpg b/flask-project/static/images/news/news-10.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3922cfd38e5b1ae20ec1c7b1efe97fa02d3e26d9 Binary files /dev/null and b/flask-project/static/images/news/news-10.jpg differ diff --git a/flask-project/static/images/news/news-11.jpg b/flask-project/static/images/news/news-11.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3922cfd38e5b1ae20ec1c7b1efe97fa02d3e26d9 Binary files /dev/null and b/flask-project/static/images/news/news-11.jpg differ diff --git a/flask-project/static/images/news/news-12.jpg b/flask-project/static/images/news/news-12.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3922cfd38e5b1ae20ec1c7b1efe97fa02d3e26d9 Binary files /dev/null and b/flask-project/static/images/news/news-12.jpg differ diff --git a/flask-project/static/images/news/news-13.jpg b/flask-project/static/images/news/news-13.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3922cfd38e5b1ae20ec1c7b1efe97fa02d3e26d9 Binary files /dev/null and b/flask-project/static/images/news/news-13.jpg differ diff --git a/flask-project/static/images/news/news-14.jpg b/flask-project/static/images/news/news-14.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3922cfd38e5b1ae20ec1c7b1efe97fa02d3e26d9 Binary files /dev/null and b/flask-project/static/images/news/news-14.jpg differ diff --git a/flask-project/static/images/news/news-15.jpg b/flask-project/static/images/news/news-15.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3922cfd38e5b1ae20ec1c7b1efe97fa02d3e26d9 Binary files /dev/null and b/flask-project/static/images/news/news-15.jpg differ diff --git a/flask-project/static/images/news/news-16.jpg b/flask-project/static/images/news/news-16.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7f5ef57cda6254be46830d81544c587770e737d0 Binary files /dev/null and b/flask-project/static/images/news/news-16.jpg differ diff --git a/flask-project/static/images/news/news-17.jpg b/flask-project/static/images/news/news-17.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7f5ef57cda6254be46830d81544c587770e737d0 Binary files /dev/null and b/flask-project/static/images/news/news-17.jpg differ diff --git a/flask-project/static/images/news/news-18.jpg b/flask-project/static/images/news/news-18.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7f5ef57cda6254be46830d81544c587770e737d0 Binary files /dev/null and b/flask-project/static/images/news/news-18.jpg differ diff --git a/flask-project/static/images/news/news-19.jpg b/flask-project/static/images/news/news-19.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7f5ef57cda6254be46830d81544c587770e737d0 Binary files /dev/null and b/flask-project/static/images/news/news-19.jpg differ diff --git a/flask-project/static/images/news/news-2.jpg b/flask-project/static/images/news/news-2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7f5ef57cda6254be46830d81544c587770e737d0 Binary files /dev/null and b/flask-project/static/images/news/news-2.jpg differ diff --git a/flask-project/static/images/news/news-20.jpg b/flask-project/static/images/news/news-20.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7f5ef57cda6254be46830d81544c587770e737d0 Binary files /dev/null and b/flask-project/static/images/news/news-20.jpg differ diff --git a/flask-project/static/images/news/news-21.jpg b/flask-project/static/images/news/news-21.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7f5ef57cda6254be46830d81544c587770e737d0 Binary files /dev/null and b/flask-project/static/images/news/news-21.jpg differ diff --git a/flask-project/static/images/news/news-22.jpg b/flask-project/static/images/news/news-22.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7f5ef57cda6254be46830d81544c587770e737d0 Binary files /dev/null and b/flask-project/static/images/news/news-22.jpg differ diff --git a/flask-project/static/images/news/news-23.jpg b/flask-project/static/images/news/news-23.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7f5ef57cda6254be46830d81544c587770e737d0 Binary files /dev/null and b/flask-project/static/images/news/news-23.jpg differ diff --git a/flask-project/static/images/news/news-24.jpg b/flask-project/static/images/news/news-24.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7f5ef57cda6254be46830d81544c587770e737d0 Binary files /dev/null and b/flask-project/static/images/news/news-24.jpg differ diff --git a/flask-project/static/images/news/news-25.jpg b/flask-project/static/images/news/news-25.jpg new file mode 100644 index 0000000000000000000000000000000000000000..347fe33bfca59d4c760e016979a37b6564283ffa Binary files /dev/null and b/flask-project/static/images/news/news-25.jpg differ diff --git a/flask-project/static/images/news/news-26.jpg b/flask-project/static/images/news/news-26.jpg new file mode 100644 index 0000000000000000000000000000000000000000..347fe33bfca59d4c760e016979a37b6564283ffa Binary files /dev/null and b/flask-project/static/images/news/news-26.jpg differ diff --git a/flask-project/static/images/news/news-27.jpg b/flask-project/static/images/news/news-27.jpg new file mode 100644 index 0000000000000000000000000000000000000000..347fe33bfca59d4c760e016979a37b6564283ffa Binary files /dev/null and b/flask-project/static/images/news/news-27.jpg differ diff --git a/flask-project/static/images/news/news-28.jpg b/flask-project/static/images/news/news-28.jpg new file mode 100644 index 0000000000000000000000000000000000000000..347fe33bfca59d4c760e016979a37b6564283ffa Binary files /dev/null and b/flask-project/static/images/news/news-28.jpg differ diff --git a/flask-project/static/images/news/news-29.jpg b/flask-project/static/images/news/news-29.jpg new file mode 100644 index 0000000000000000000000000000000000000000..347fe33bfca59d4c760e016979a37b6564283ffa Binary files /dev/null and b/flask-project/static/images/news/news-29.jpg differ diff --git a/flask-project/static/images/news/news-3.jpg b/flask-project/static/images/news/news-3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7f5ef57cda6254be46830d81544c587770e737d0 Binary files /dev/null and b/flask-project/static/images/news/news-3.jpg differ diff --git a/flask-project/static/images/news/news-30.jpg b/flask-project/static/images/news/news-30.jpg new file mode 100644 index 0000000000000000000000000000000000000000..28d1555bb01cc000fa557d51bc45b0e572e0cf5e Binary files /dev/null and b/flask-project/static/images/news/news-30.jpg differ diff --git a/flask-project/static/images/news/news-31.jpg b/flask-project/static/images/news/news-31.jpg new file mode 100644 index 0000000000000000000000000000000000000000..28d1555bb01cc000fa557d51bc45b0e572e0cf5e Binary files /dev/null and b/flask-project/static/images/news/news-31.jpg differ diff --git a/flask-project/static/images/news/news-4.jpg b/flask-project/static/images/news/news-4.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3922cfd38e5b1ae20ec1c7b1efe97fa02d3e26d9 Binary files /dev/null and b/flask-project/static/images/news/news-4.jpg differ diff --git a/flask-project/static/images/news/news-5.jpg b/flask-project/static/images/news/news-5.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3922cfd38e5b1ae20ec1c7b1efe97fa02d3e26d9 Binary files /dev/null and b/flask-project/static/images/news/news-5.jpg differ diff --git a/flask-project/static/images/news/news-6.jpg b/flask-project/static/images/news/news-6.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3922cfd38e5b1ae20ec1c7b1efe97fa02d3e26d9 Binary files /dev/null and b/flask-project/static/images/news/news-6.jpg differ diff --git a/flask-project/static/images/news/news-7.jpg b/flask-project/static/images/news/news-7.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3922cfd38e5b1ae20ec1c7b1efe97fa02d3e26d9 Binary files /dev/null and b/flask-project/static/images/news/news-7.jpg differ diff --git a/flask-project/static/images/news/news-8.jpg b/flask-project/static/images/news/news-8.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3922cfd38e5b1ae20ec1c7b1efe97fa02d3e26d9 Binary files /dev/null and b/flask-project/static/images/news/news-8.jpg differ diff --git a/flask-project/static/images/news/news-9.jpg b/flask-project/static/images/news/news-9.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3922cfd38e5b1ae20ec1c7b1efe97fa02d3e26d9 Binary files /dev/null and b/flask-project/static/images/news/news-9.jpg differ diff --git a/flask-project/static/images/news/post-1.jpg b/flask-project/static/images/news/post-1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..63cff7a2b88e4bb19bd9402a24548654bb04a24b Binary files /dev/null and b/flask-project/static/images/news/post-1.jpg differ diff --git a/flask-project/static/images/news/post-2.jpg b/flask-project/static/images/news/post-2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..63cff7a2b88e4bb19bd9402a24548654bb04a24b Binary files /dev/null and b/flask-project/static/images/news/post-2.jpg differ diff --git a/flask-project/static/images/news/post-3.jpg b/flask-project/static/images/news/post-3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..63cff7a2b88e4bb19bd9402a24548654bb04a24b Binary files /dev/null and b/flask-project/static/images/news/post-3.jpg differ diff --git a/flask-project/static/images/resource/.DS_Store b/flask-project/static/images/resource/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..37d81483e67eed3f1c44e371245dd7b34cecefdb Binary files /dev/null and b/flask-project/static/images/resource/.DS_Store differ diff --git a/flask-project/static/images/resource/about-1.jpg b/flask-project/static/images/resource/about-1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..57ba5e1989184f34e9f409307c29ca2bebf07e42 Binary files /dev/null and b/flask-project/static/images/resource/about-1.jpg differ diff --git a/flask-project/static/images/resource/about-10.jpg b/flask-project/static/images/resource/about-10.jpg new file mode 100644 index 0000000000000000000000000000000000000000..4b9ea765644b5ae5baeff4fc833b228321480854 Binary files /dev/null and b/flask-project/static/images/resource/about-10.jpg differ diff --git a/flask-project/static/images/resource/about-11.jpg b/flask-project/static/images/resource/about-11.jpg new file mode 100644 index 0000000000000000000000000000000000000000..4b9ea765644b5ae5baeff4fc833b228321480854 Binary files /dev/null and b/flask-project/static/images/resource/about-11.jpg differ diff --git a/flask-project/static/images/resource/about-2.jpg b/flask-project/static/images/resource/about-2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..c6e1a9236c0c3e1a81373470ebb8f36e4c79c82d Binary files /dev/null and b/flask-project/static/images/resource/about-2.jpg differ diff --git a/flask-project/static/images/resource/about-3.jpg b/flask-project/static/images/resource/about-3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..0c1b85d87f29b7d0e2de8f243a39261439360eda Binary files /dev/null and b/flask-project/static/images/resource/about-3.jpg differ diff --git a/flask-project/static/images/resource/about-4.jpg b/flask-project/static/images/resource/about-4.jpg new file mode 100644 index 0000000000000000000000000000000000000000..4b9ea765644b5ae5baeff4fc833b228321480854 Binary files /dev/null and b/flask-project/static/images/resource/about-4.jpg differ diff --git a/flask-project/static/images/resource/about-5.jpg b/flask-project/static/images/resource/about-5.jpg new file mode 100644 index 0000000000000000000000000000000000000000..4b9ea765644b5ae5baeff4fc833b228321480854 Binary files /dev/null and b/flask-project/static/images/resource/about-5.jpg differ diff --git a/flask-project/static/images/resource/about-6.jpg b/flask-project/static/images/resource/about-6.jpg new file mode 100644 index 0000000000000000000000000000000000000000..4b9ea765644b5ae5baeff4fc833b228321480854 Binary files /dev/null and b/flask-project/static/images/resource/about-6.jpg differ diff --git a/flask-project/static/images/resource/about-7.jpg b/flask-project/static/images/resource/about-7.jpg new file mode 100644 index 0000000000000000000000000000000000000000..4b9ea765644b5ae5baeff4fc833b228321480854 Binary files /dev/null and b/flask-project/static/images/resource/about-7.jpg differ diff --git a/flask-project/static/images/resource/about-8.jpg b/flask-project/static/images/resource/about-8.jpg new file mode 100644 index 0000000000000000000000000000000000000000..4b9ea765644b5ae5baeff4fc833b228321480854 Binary files /dev/null and b/flask-project/static/images/resource/about-8.jpg differ diff --git a/flask-project/static/images/resource/about-9.jpg b/flask-project/static/images/resource/about-9.jpg new file mode 100644 index 0000000000000000000000000000000000000000..4b9ea765644b5ae5baeff4fc833b228321480854 Binary files /dev/null and b/flask-project/static/images/resource/about-9.jpg differ diff --git a/flask-project/static/images/resource/calculator-1.jpg b/flask-project/static/images/resource/calculator-1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..5cb8d1af4eecb5a9d9b798e7867c6976687897bf Binary files /dev/null and b/flask-project/static/images/resource/calculator-1.jpg differ diff --git a/flask-project/static/images/resource/card-1.jpg b/flask-project/static/images/resource/card-1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..472ad431ec3e02a71635e9ff1cb68971bc0e7df2 Binary files /dev/null and b/flask-project/static/images/resource/card-1.jpg differ diff --git a/flask-project/static/images/resource/card-2.jpg b/flask-project/static/images/resource/card-2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..472ad431ec3e02a71635e9ff1cb68971bc0e7df2 Binary files /dev/null and b/flask-project/static/images/resource/card-2.jpg differ diff --git a/flask-project/static/images/resource/card-3.jpg b/flask-project/static/images/resource/card-3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..472ad431ec3e02a71635e9ff1cb68971bc0e7df2 Binary files /dev/null and b/flask-project/static/images/resource/card-3.jpg differ diff --git a/flask-project/static/images/resource/career-1.jpg b/flask-project/static/images/resource/career-1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..9f7c17fab629d407d3ed015f70075c825fd4d206 Binary files /dev/null and b/flask-project/static/images/resource/career-1.jpg differ diff --git a/flask-project/static/images/resource/career-2.jpg b/flask-project/static/images/resource/career-2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..9f7c17fab629d407d3ed015f70075c825fd4d206 Binary files /dev/null and b/flask-project/static/images/resource/career-2.jpg differ diff --git a/flask-project/static/images/resource/career-3.jpg b/flask-project/static/images/resource/career-3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..9f7c17fab629d407d3ed015f70075c825fd4d206 Binary files /dev/null and b/flask-project/static/images/resource/career-3.jpg differ diff --git a/flask-project/static/images/resource/career-4.jpg b/flask-project/static/images/resource/career-4.jpg new file mode 100644 index 0000000000000000000000000000000000000000..9f7c17fab629d407d3ed015f70075c825fd4d206 Binary files /dev/null and b/flask-project/static/images/resource/career-4.jpg differ diff --git a/flask-project/static/images/resource/career-5.jpg b/flask-project/static/images/resource/career-5.jpg new file mode 100644 index 0000000000000000000000000000000000000000..9f7c17fab629d407d3ed015f70075c825fd4d206 Binary files /dev/null and b/flask-project/static/images/resource/career-5.jpg differ diff --git a/flask-project/static/images/resource/mockup-1.png b/flask-project/static/images/resource/mockup-1.png new file mode 100644 index 0000000000000000000000000000000000000000..5f27bffffd4f58fe3a39c59112ccf26689086da1 Binary files /dev/null and b/flask-project/static/images/resource/mockup-1.png differ diff --git a/flask-project/static/images/resource/mockup-2.png b/flask-project/static/images/resource/mockup-2.png new file mode 100644 index 0000000000000000000000000000000000000000..e85d082059cca3a0b9843bb698c1ecea0fa25ffa Binary files /dev/null and b/flask-project/static/images/resource/mockup-2.png differ diff --git a/flask-project/static/images/resource/testimonial-1.png b/flask-project/static/images/resource/testimonial-1.png new file mode 100644 index 0000000000000000000000000000000000000000..f41944f210b5f34854be3f4b14790339820ad48d Binary files /dev/null and b/flask-project/static/images/resource/testimonial-1.png differ diff --git a/flask-project/static/images/resource/testimonial-2.png b/flask-project/static/images/resource/testimonial-2.png new file mode 100644 index 0000000000000000000000000000000000000000..55b253b02261ee52d36220fd8079d43abe9a3636 Binary files /dev/null and b/flask-project/static/images/resource/testimonial-2.png differ diff --git a/flask-project/static/images/resource/testimonial-3.png b/flask-project/static/images/resource/testimonial-3.png new file mode 100644 index 0000000000000000000000000000000000000000..890f41802e95b12e650b8bbf66d622e9b75ae362 Binary files /dev/null and b/flask-project/static/images/resource/testimonial-3.png differ diff --git a/flask-project/static/images/resource/testimonial-4.png b/flask-project/static/images/resource/testimonial-4.png new file mode 100644 index 0000000000000000000000000000000000000000..76b0854ad1207ef2b509ea92c49252a575a68ce6 Binary files /dev/null and b/flask-project/static/images/resource/testimonial-4.png differ diff --git a/flask-project/static/images/resource/testimonial-5.png b/flask-project/static/images/resource/testimonial-5.png new file mode 100644 index 0000000000000000000000000000000000000000..d416346e9452d02290ad954e5a8d28f88203667b Binary files /dev/null and b/flask-project/static/images/resource/testimonial-5.png differ diff --git a/flask-project/static/images/resource/thumb-1.png b/flask-project/static/images/resource/thumb-1.png new file mode 100644 index 0000000000000000000000000000000000000000..9e1a7a0eaba98089ac39af5bf7999842b64faf28 Binary files /dev/null and b/flask-project/static/images/resource/thumb-1.png differ diff --git a/flask-project/static/images/resource/thumb-2.png b/flask-project/static/images/resource/thumb-2.png new file mode 100644 index 0000000000000000000000000000000000000000..5492c8323401518eda5b1f2f3101d563cdc49f0f Binary files /dev/null and b/flask-project/static/images/resource/thumb-2.png differ diff --git a/flask-project/static/images/resource/thumb-3.png b/flask-project/static/images/resource/thumb-3.png new file mode 100644 index 0000000000000000000000000000000000000000..36b519a2cb05526d8fe11466e6fa6f2b005f9539 Binary files /dev/null and b/flask-project/static/images/resource/thumb-3.png differ diff --git a/flask-project/static/images/resource/thumb-4.png b/flask-project/static/images/resource/thumb-4.png new file mode 100644 index 0000000000000000000000000000000000000000..f1fb57d9651cfa2375a2429f77dfb6dd69a23aab Binary files /dev/null and b/flask-project/static/images/resource/thumb-4.png differ diff --git a/flask-project/static/images/service/.DS_Store b/flask-project/static/images/service/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 Binary files /dev/null and b/flask-project/static/images/service/.DS_Store differ diff --git a/flask-project/static/images/service/service-1.jpg b/flask-project/static/images/service/service-1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..c1d4dcd98a74e7ba9e41f3d3f226cb4112d839e7 Binary files /dev/null and b/flask-project/static/images/service/service-1.jpg differ diff --git a/flask-project/static/images/service/service-10.jpg b/flask-project/static/images/service/service-10.jpg new file mode 100644 index 0000000000000000000000000000000000000000..410de99c100504f6cd03a4924a2aedd2427b6172 Binary files /dev/null and b/flask-project/static/images/service/service-10.jpg differ diff --git a/flask-project/static/images/service/service-11.jpg b/flask-project/static/images/service/service-11.jpg new file mode 100644 index 0000000000000000000000000000000000000000..410de99c100504f6cd03a4924a2aedd2427b6172 Binary files /dev/null and b/flask-project/static/images/service/service-11.jpg differ diff --git a/flask-project/static/images/service/service-12.jpg b/flask-project/static/images/service/service-12.jpg new file mode 100644 index 0000000000000000000000000000000000000000..410de99c100504f6cd03a4924a2aedd2427b6172 Binary files /dev/null and b/flask-project/static/images/service/service-12.jpg differ diff --git a/flask-project/static/images/service/service-2.jpg b/flask-project/static/images/service/service-2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..c1d4dcd98a74e7ba9e41f3d3f226cb4112d839e7 Binary files /dev/null and b/flask-project/static/images/service/service-2.jpg differ diff --git a/flask-project/static/images/service/service-3.jpg b/flask-project/static/images/service/service-3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..c1d4dcd98a74e7ba9e41f3d3f226cb4112d839e7 Binary files /dev/null and b/flask-project/static/images/service/service-3.jpg differ diff --git a/flask-project/static/images/service/service-4.jpg b/flask-project/static/images/service/service-4.jpg new file mode 100644 index 0000000000000000000000000000000000000000..c1d4dcd98a74e7ba9e41f3d3f226cb4112d839e7 Binary files /dev/null and b/flask-project/static/images/service/service-4.jpg differ diff --git a/flask-project/static/images/service/service-5.jpg b/flask-project/static/images/service/service-5.jpg new file mode 100644 index 0000000000000000000000000000000000000000..410de99c100504f6cd03a4924a2aedd2427b6172 Binary files /dev/null and b/flask-project/static/images/service/service-5.jpg differ diff --git a/flask-project/static/images/service/service-6.jpg b/flask-project/static/images/service/service-6.jpg new file mode 100644 index 0000000000000000000000000000000000000000..410de99c100504f6cd03a4924a2aedd2427b6172 Binary files /dev/null and b/flask-project/static/images/service/service-6.jpg differ diff --git a/flask-project/static/images/service/service-7.jpg b/flask-project/static/images/service/service-7.jpg new file mode 100644 index 0000000000000000000000000000000000000000..410de99c100504f6cd03a4924a2aedd2427b6172 Binary files /dev/null and b/flask-project/static/images/service/service-7.jpg differ diff --git a/flask-project/static/images/service/service-8.jpg b/flask-project/static/images/service/service-8.jpg new file mode 100644 index 0000000000000000000000000000000000000000..410de99c100504f6cd03a4924a2aedd2427b6172 Binary files /dev/null and b/flask-project/static/images/service/service-8.jpg differ diff --git a/flask-project/static/images/service/service-9.jpg b/flask-project/static/images/service/service-9.jpg new file mode 100644 index 0000000000000000000000000000000000000000..410de99c100504f6cd03a4924a2aedd2427b6172 Binary files /dev/null and b/flask-project/static/images/service/service-9.jpg differ diff --git a/flask-project/static/images/shape/.DS_Store b/flask-project/static/images/shape/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..c3f3a91f3bab6eb896e5423f3cd81a9c8668ee61 Binary files /dev/null and b/flask-project/static/images/shape/.DS_Store differ diff --git a/flask-project/static/images/shape/shape-1.png b/flask-project/static/images/shape/shape-1.png new file mode 100644 index 0000000000000000000000000000000000000000..7a1b9473cc1a11081e3c1015a1aaf6b5ae17501c Binary files /dev/null and b/flask-project/static/images/shape/shape-1.png differ diff --git a/flask-project/static/images/shape/shape-10.png b/flask-project/static/images/shape/shape-10.png new file mode 100644 index 0000000000000000000000000000000000000000..482da527855edf65e36851e5014b0df7291e0cf4 Binary files /dev/null and b/flask-project/static/images/shape/shape-10.png differ diff --git a/flask-project/static/images/shape/shape-11.png b/flask-project/static/images/shape/shape-11.png new file mode 100644 index 0000000000000000000000000000000000000000..1d86634706fa30eaac5ae20931db6a173f2a0b60 Binary files /dev/null and b/flask-project/static/images/shape/shape-11.png differ diff --git a/flask-project/static/images/shape/shape-12.png b/flask-project/static/images/shape/shape-12.png new file mode 100644 index 0000000000000000000000000000000000000000..5806ad08a354f33f400e43154f0a9d014a4285c5 Binary files /dev/null and b/flask-project/static/images/shape/shape-12.png differ diff --git a/flask-project/static/images/shape/shape-13.png b/flask-project/static/images/shape/shape-13.png new file mode 100644 index 0000000000000000000000000000000000000000..100d9f92ca102296cf1d7c430cf495b502a94704 Binary files /dev/null and b/flask-project/static/images/shape/shape-13.png differ diff --git a/flask-project/static/images/shape/shape-14.png b/flask-project/static/images/shape/shape-14.png new file mode 100644 index 0000000000000000000000000000000000000000..b36ccb6affce6b80ffc6b083d09823b43b3da9e8 Binary files /dev/null and b/flask-project/static/images/shape/shape-14.png differ diff --git a/flask-project/static/images/shape/shape-15.png b/flask-project/static/images/shape/shape-15.png new file mode 100644 index 0000000000000000000000000000000000000000..70bba52b67619bcc1114bc2aff642e564bae2074 Binary files /dev/null and b/flask-project/static/images/shape/shape-15.png differ diff --git a/flask-project/static/images/shape/shape-16.png b/flask-project/static/images/shape/shape-16.png new file mode 100644 index 0000000000000000000000000000000000000000..fbcdfb985fe61d1190e68dd78ed13b419e32c673 Binary files /dev/null and b/flask-project/static/images/shape/shape-16.png differ diff --git a/flask-project/static/images/shape/shape-17.png b/flask-project/static/images/shape/shape-17.png new file mode 100644 index 0000000000000000000000000000000000000000..fe30caf42cf12d91a5815c0af9c7b049ac4c3196 Binary files /dev/null and b/flask-project/static/images/shape/shape-17.png differ diff --git a/flask-project/static/images/shape/shape-18.png b/flask-project/static/images/shape/shape-18.png new file mode 100644 index 0000000000000000000000000000000000000000..dcb0076d321aa8d6af210e0e6579a153206b1fe9 Binary files /dev/null and b/flask-project/static/images/shape/shape-18.png differ diff --git a/flask-project/static/images/shape/shape-19.png b/flask-project/static/images/shape/shape-19.png new file mode 100644 index 0000000000000000000000000000000000000000..f43a32dcc72dc55d7378ee809eea0afb966dbb5e Binary files /dev/null and b/flask-project/static/images/shape/shape-19.png differ diff --git a/flask-project/static/images/shape/shape-2.png b/flask-project/static/images/shape/shape-2.png new file mode 100644 index 0000000000000000000000000000000000000000..98409fcd99918df3ccb10733aec7dec0f6d158cd Binary files /dev/null and b/flask-project/static/images/shape/shape-2.png differ diff --git a/flask-project/static/images/shape/shape-3.png b/flask-project/static/images/shape/shape-3.png new file mode 100644 index 0000000000000000000000000000000000000000..9785705014183dc58a3255aa160e2a0ad250e370 Binary files /dev/null and b/flask-project/static/images/shape/shape-3.png differ diff --git a/flask-project/static/images/shape/shape-4.png b/flask-project/static/images/shape/shape-4.png new file mode 100644 index 0000000000000000000000000000000000000000..03c4ca5c90568cde46019219cf9ec270e57ad25b Binary files /dev/null and b/flask-project/static/images/shape/shape-4.png differ diff --git a/flask-project/static/images/shape/shape-5.png b/flask-project/static/images/shape/shape-5.png new file mode 100644 index 0000000000000000000000000000000000000000..623419c3ab92ced71aaed14b1a449e3b4ba6b3a5 Binary files /dev/null and b/flask-project/static/images/shape/shape-5.png differ diff --git a/flask-project/static/images/shape/shape-6.png b/flask-project/static/images/shape/shape-6.png new file mode 100644 index 0000000000000000000000000000000000000000..9ec2e125e75700ea419a0859f4385d59c3760790 Binary files /dev/null and b/flask-project/static/images/shape/shape-6.png differ diff --git a/flask-project/static/images/shape/shape-7.png b/flask-project/static/images/shape/shape-7.png new file mode 100644 index 0000000000000000000000000000000000000000..12b068391963ca9a42c6023a4ef07f45cbabf96f Binary files /dev/null and b/flask-project/static/images/shape/shape-7.png differ diff --git a/flask-project/static/images/shape/shape-8.png b/flask-project/static/images/shape/shape-8.png new file mode 100644 index 0000000000000000000000000000000000000000..863259dcf5e97880549256bb4cdfee62ccae8a0f Binary files /dev/null and b/flask-project/static/images/shape/shape-8.png differ diff --git a/flask-project/static/images/shape/shape-9.png b/flask-project/static/images/shape/shape-9.png new file mode 100644 index 0000000000000000000000000000000000000000..2bdcc132d645c5769037b8a45228b25a8aa89df1 Binary files /dev/null and b/flask-project/static/images/shape/shape-9.png differ diff --git a/flask-project/static/images/team/.DS_Store b/flask-project/static/images/team/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 Binary files /dev/null and b/flask-project/static/images/team/.DS_Store differ diff --git a/flask-project/static/images/team/team-1.jpg b/flask-project/static/images/team/team-1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e892f3a876b0968245da5c10fd66d4647c6b833b Binary files /dev/null and b/flask-project/static/images/team/team-1.jpg differ diff --git a/flask-project/static/images/team/team-2.jpg b/flask-project/static/images/team/team-2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e892f3a876b0968245da5c10fd66d4647c6b833b Binary files /dev/null and b/flask-project/static/images/team/team-2.jpg differ diff --git a/flask-project/static/images/team/team-3.jpg b/flask-project/static/images/team/team-3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e892f3a876b0968245da5c10fd66d4647c6b833b Binary files /dev/null and b/flask-project/static/images/team/team-3.jpg differ diff --git a/flask-project/static/images/team/team-4.jpg b/flask-project/static/images/team/team-4.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e892f3a876b0968245da5c10fd66d4647c6b833b Binary files /dev/null and b/flask-project/static/images/team/team-4.jpg differ diff --git a/flask-project/static/images/team/team-5.jpg b/flask-project/static/images/team/team-5.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e892f3a876b0968245da5c10fd66d4647c6b833b Binary files /dev/null and b/flask-project/static/images/team/team-5.jpg differ diff --git a/flask-project/static/images/team/team-6.jpg b/flask-project/static/images/team/team-6.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e892f3a876b0968245da5c10fd66d4647c6b833b Binary files /dev/null and b/flask-project/static/images/team/team-6.jpg differ diff --git a/flask-project/static/images/team/team-7.jpg b/flask-project/static/images/team/team-7.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e892f3a876b0968245da5c10fd66d4647c6b833b Binary files /dev/null and b/flask-project/static/images/team/team-7.jpg differ diff --git a/flask-project/static/images/team/team-8.jpg b/flask-project/static/images/team/team-8.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e892f3a876b0968245da5c10fd66d4647c6b833b Binary files /dev/null and b/flask-project/static/images/team/team-8.jpg differ diff --git a/flask-project/static/images/team/team-9.jpg b/flask-project/static/images/team/team-9.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e892f3a876b0968245da5c10fd66d4647c6b833b Binary files /dev/null and b/flask-project/static/images/team/team-9.jpg differ diff --git a/flask-project/static/js/.DS_Store b/flask-project/static/js/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..9c7d6a7eefa541d1faebb5028c275b3f48820ef6 Binary files /dev/null and b/flask-project/static/js/.DS_Store differ diff --git a/flask-project/static/js/appear.js b/flask-project/static/js/appear.js new file mode 100644 index 0000000000000000000000000000000000000000..1b8a7432179978535e11cf11d0b182d72a119c64 --- /dev/null +++ b/flask-project/static/js/appear.js @@ -0,0 +1,151 @@ +/* + * jQuery.appear + * https://github.com/bas2k/jquery.appear/ + * http://code.google.com/p/jquery-appear/ + * http://bas2k.ru/ + * + * Copyright (c) 2009 Michael Hixson + * Copyright (c) 2012-2014 Alexander Brovikov + * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php) + */ +(function($) { + $.fn.appear = function(fn, options) { + + var settings = $.extend({ + + //arbitrary data to pass to fn + data: undefined, + + //call fn only on the first appear? + one: true, + + // X & Y accuracy + accX: 0, + accY: 0 + + }, options); + + return this.each(function() { + + var t = $(this); + + //whether the element is currently visible + t.appeared = false; + + if (!fn) { + + //trigger the custom event + t.trigger('appear', settings.data); + return; + } + + var w = $(window); + + //fires the appear event when appropriate + var check = function() { + + //is the element hidden? + if (!t.is(':visible')) { + + //it became hidden + t.appeared = false; + return; + } + + //is the element inside the visible window? + var a = w.scrollLeft(); + var b = w.scrollTop(); + var o = t.offset(); + var x = o.left; + var y = o.top; + + var ax = settings.accX; + var ay = settings.accY; + var th = t.height(); + var wh = w.height(); + var tw = t.width(); + var ww = w.width(); + + if (y + th + ay >= b && + y <= b + wh + ay && + x + tw + ax >= a && + x <= a + ww + ax) { + + //trigger the custom event + if (!t.appeared) t.trigger('appear', settings.data); + + } else { + + //it scrolled out of view + t.appeared = false; + } + }; + + //create a modified fn with some additional logic + var modifiedFn = function() { + + //mark the element as visible + t.appeared = true; + + //is this supposed to happen only once? + if (settings.one) { + + //remove the check + w.unbind('scroll', check); + var i = $.inArray(check, $.fn.appear.checks); + if (i >= 0) $.fn.appear.checks.splice(i, 1); + } + + //trigger the original fn + fn.apply(this, arguments); + }; + + //bind the modified fn to the element + if (settings.one) t.one('appear', settings.data, modifiedFn); + else t.bind('appear', settings.data, modifiedFn); + + //check whenever the window scrolls + w.scroll(check); + + //check whenever the dom changes + $.fn.appear.checks.push(check); + + //check now + (check)(); + }); + }; + + //keep a queue of appearance checks + $.extend($.fn.appear, { + + checks: [], + timeout: null, + + //process the queue + checkAll: function() { + var length = $.fn.appear.checks.length; + if (length > 0) while (length--) ($.fn.appear.checks[length])(); + }, + + //check the queue asynchronously + run: function() { + if ($.fn.appear.timeout) clearTimeout($.fn.appear.timeout); + $.fn.appear.timeout = setTimeout($.fn.appear.checkAll, 20); + } + }); + + //run checks when these methods are called + $.each(['append', 'prepend', 'after', 'before', 'attr', + 'removeAttr', 'addClass', 'removeClass', 'toggleClass', + 'remove', 'css', 'show', 'hide'], function(i, n) { + var old = $.fn[n]; + if (old) { + $.fn[n] = function() { + var r = old.apply(this, arguments); + $.fn.appear.run(); + return r; + } + } + }); + +})(jQuery); diff --git a/flask-project/static/js/bootstrap.min.js b/flask-project/static/js/bootstrap.min.js new file mode 100644 index 0000000000000000000000000000000000000000..a9b347e38bc4c12fa4664eb3b8840289f22d764f --- /dev/null +++ b/flask-project/static/js/bootstrap.min.js @@ -0,0 +1,7 @@ +/*! + * Bootstrap v5.2.0 (https://getbootstrap.com/) + * Copyright 2011-2022 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("@popperjs/core")):"function"==typeof define&&define.amd?define(["@popperjs/core"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).bootstrap=e(t.Popper)}(this,(function(t){"use strict";function e(t){if(t&&t.__esModule)return t;const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const i in t)if("default"!==i){const s=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,s.get?s:{enumerable:!0,get:()=>t[i]})}return e.default=t,Object.freeze(e)}const i=e(t),s="transitionend",n=t=>{let e=t.getAttribute("data-bs-target");if(!e||"#"===e){let i=t.getAttribute("href");if(!i||!i.includes("#")&&!i.startsWith("."))return null;i.includes("#")&&!i.startsWith("#")&&(i=`#${i.split("#")[1]}`),e=i&&"#"!==i?i.trim():null}return e},o=t=>{const e=n(t);return e&&document.querySelector(e)?e:null},r=t=>{const e=n(t);return e?document.querySelector(e):null},a=t=>{t.dispatchEvent(new Event(s))},l=t=>!(!t||"object"!=typeof t)&&(void 0!==t.jquery&&(t=t[0]),void 0!==t.nodeType),c=t=>l(t)?t.jquery?t[0]:t:"string"==typeof t&&t.length>0?document.querySelector(t):null,h=t=>{if(!l(t)||0===t.getClientRects().length)return!1;const e="visible"===getComputedStyle(t).getPropertyValue("visibility"),i=t.closest("details:not([open])");if(!i)return e;if(i!==t){const e=t.closest("summary");if(e&&e.parentNode!==i)return!1;if(null===e)return!1}return e},d=t=>!t||t.nodeType!==Node.ELEMENT_NODE||!!t.classList.contains("disabled")||(void 0!==t.disabled?t.disabled:t.hasAttribute("disabled")&&"false"!==t.getAttribute("disabled")),u=t=>{if(!document.documentElement.attachShadow)return null;if("function"==typeof t.getRootNode){const e=t.getRootNode();return e instanceof ShadowRoot?e:null}return t instanceof ShadowRoot?t:t.parentNode?u(t.parentNode):null},_=()=>{},g=t=>{t.offsetHeight},f=()=>window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null,p=[],m=()=>"rtl"===document.documentElement.dir,b=t=>{var e;e=()=>{const e=f();if(e){const i=t.NAME,s=e.fn[i];e.fn[i]=t.jQueryInterface,e.fn[i].Constructor=t,e.fn[i].noConflict=()=>(e.fn[i]=s,t.jQueryInterface)}},"loading"===document.readyState?(p.length||document.addEventListener("DOMContentLoaded",(()=>{for(const t of p)t()})),p.push(e)):e()},v=t=>{"function"==typeof t&&t()},y=(t,e,i=!0)=>{if(!i)return void v(t);const n=(t=>{if(!t)return 0;let{transitionDuration:e,transitionDelay:i}=window.getComputedStyle(t);const s=Number.parseFloat(e),n=Number.parseFloat(i);return s||n?(e=e.split(",")[0],i=i.split(",")[0],1e3*(Number.parseFloat(e)+Number.parseFloat(i))):0})(e)+5;let o=!1;const r=({target:i})=>{i===e&&(o=!0,e.removeEventListener(s,r),v(t))};e.addEventListener(s,r),setTimeout((()=>{o||a(e)}),n)},w=(t,e,i,s)=>{const n=t.length;let o=t.indexOf(e);return-1===o?!i&&s?t[n-1]:t[0]:(o+=i?1:-1,s&&(o=(o+n)%n),t[Math.max(0,Math.min(o,n-1))])},A=/[^.]*(?=\..*)\.|.*/,T=/\..*/,E=/::\d+$/,C={};let k=1;const L={mouseenter:"mouseover",mouseleave:"mouseout"},O=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function I(t,e){return e&&`${e}::${k++}`||t.uidEvent||k++}function S(t){const e=I(t);return t.uidEvent=e,C[e]=C[e]||{},C[e]}function D(t,e,i=null){return Object.values(t).find((t=>t.callable===e&&t.delegationSelector===i))}function N(t,e,i){const s="string"==typeof e,n=s?i:e||i;let o=j(t);return O.has(o)||(o=t),[s,n,o]}function P(t,e,i,s,n){if("string"!=typeof e||!t)return;let[o,r,a]=N(e,i,s);if(e in L){const t=t=>function(e){if(!e.relatedTarget||e.relatedTarget!==e.delegateTarget&&!e.delegateTarget.contains(e.relatedTarget))return t.call(this,e)};r=t(r)}const l=S(t),c=l[a]||(l[a]={}),h=D(c,r,o?i:null);if(h)return void(h.oneOff=h.oneOff&&n);const d=I(r,e.replace(A,"")),u=o?function(t,e,i){return function s(n){const o=t.querySelectorAll(e);for(let{target:r}=n;r&&r!==this;r=r.parentNode)for(const a of o)if(a===r)return F(n,{delegateTarget:r}),s.oneOff&&$.off(t,n.type,e,i),i.apply(r,[n])}}(t,i,r):function(t,e){return function i(s){return F(s,{delegateTarget:t}),i.oneOff&&$.off(t,s.type,e),e.apply(t,[s])}}(t,r);u.delegationSelector=o?i:null,u.callable=r,u.oneOff=n,u.uidEvent=d,c[d]=u,t.addEventListener(a,u,o)}function x(t,e,i,s,n){const o=D(e[i],s,n);o&&(t.removeEventListener(i,o,Boolean(n)),delete e[i][o.uidEvent])}function M(t,e,i,s){const n=e[i]||{};for(const o of Object.keys(n))if(o.includes(s)){const s=n[o];x(t,e,i,s.callable,s.delegationSelector)}}function j(t){return t=t.replace(T,""),L[t]||t}const $={on(t,e,i,s){P(t,e,i,s,!1)},one(t,e,i,s){P(t,e,i,s,!0)},off(t,e,i,s){if("string"!=typeof e||!t)return;const[n,o,r]=N(e,i,s),a=r!==e,l=S(t),c=l[r]||{},h=e.startsWith(".");if(void 0===o){if(h)for(const i of Object.keys(l))M(t,l,i,e.slice(1));for(const i of Object.keys(c)){const s=i.replace(E,"");if(!a||e.includes(s)){const e=c[i];x(t,l,r,e.callable,e.delegationSelector)}}}else{if(!Object.keys(c).length)return;x(t,l,r,o,n?i:null)}},trigger(t,e,i){if("string"!=typeof e||!t)return null;const s=f();let n=null,o=!0,r=!0,a=!1;e!==j(e)&&s&&(n=s.Event(e,i),s(t).trigger(n),o=!n.isPropagationStopped(),r=!n.isImmediatePropagationStopped(),a=n.isDefaultPrevented());let l=new Event(e,{bubbles:o,cancelable:!0});return l=F(l,i),a&&l.preventDefault(),r&&t.dispatchEvent(l),l.defaultPrevented&&n&&n.preventDefault(),l}};function F(t,e){for(const[i,s]of Object.entries(e||{}))try{t[i]=s}catch(e){Object.defineProperty(t,i,{configurable:!0,get:()=>s})}return t}const z=new Map,H={set(t,e,i){z.has(t)||z.set(t,new Map);const s=z.get(t);s.has(e)||0===s.size?s.set(e,i):console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(s.keys())[0]}.`)},get:(t,e)=>z.has(t)&&z.get(t).get(e)||null,remove(t,e){if(!z.has(t))return;const i=z.get(t);i.delete(e),0===i.size&&z.delete(t)}};function q(t){if("true"===t)return!0;if("false"===t)return!1;if(t===Number(t).toString())return Number(t);if(""===t||"null"===t)return null;if("string"!=typeof t)return t;try{return JSON.parse(decodeURIComponent(t))}catch(e){return t}}function B(t){return t.replace(/[A-Z]/g,(t=>`-${t.toLowerCase()}`))}const W={setDataAttribute(t,e,i){t.setAttribute(`data-bs-${B(e)}`,i)},removeDataAttribute(t,e){t.removeAttribute(`data-bs-${B(e)}`)},getDataAttributes(t){if(!t)return{};const e={},i=Object.keys(t.dataset).filter((t=>t.startsWith("bs")&&!t.startsWith("bsConfig")));for(const s of i){let i=s.replace(/^bs/,"");i=i.charAt(0).toLowerCase()+i.slice(1,i.length),e[i]=q(t.dataset[s])}return e},getDataAttribute:(t,e)=>q(t.getAttribute(`data-bs-${B(e)}`))};class R{static get Default(){return{}}static get DefaultType(){return{}}static get NAME(){throw new Error('You have to implement the static method "NAME", for each component!')}_getConfig(t){return t=this._mergeConfigObj(t),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}_configAfterMerge(t){return t}_mergeConfigObj(t,e){const i=l(e)?W.getDataAttribute(e,"config"):{};return{...this.constructor.Default,..."object"==typeof i?i:{},...l(e)?W.getDataAttributes(e):{},..."object"==typeof t?t:{}}}_typeCheckConfig(t,e=this.constructor.DefaultType){for(const s of Object.keys(e)){const n=e[s],o=t[s],r=l(o)?"element":null==(i=o)?`${i}`:Object.prototype.toString.call(i).match(/\s([a-z]+)/i)[1].toLowerCase();if(!new RegExp(n).test(r))throw new TypeError(`${this.constructor.NAME.toUpperCase()}: Option "${s}" provided type "${r}" but expected type "${n}".`)}var i}}class V extends R{constructor(t,e){super(),(t=c(t))&&(this._element=t,this._config=this._getConfig(e),H.set(this._element,this.constructor.DATA_KEY,this))}dispose(){H.remove(this._element,this.constructor.DATA_KEY),$.off(this._element,this.constructor.EVENT_KEY);for(const t of Object.getOwnPropertyNames(this))this[t]=null}_queueCallback(t,e,i=!0){y(t,e,i)}_getConfig(t){return t=this._mergeConfigObj(t,this._element),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}static getInstance(t){return H.get(c(t),this.DATA_KEY)}static getOrCreateInstance(t,e={}){return this.getInstance(t)||new this(t,"object"==typeof e?e:null)}static get VERSION(){return"5.2.0"}static get DATA_KEY(){return`bs.${this.NAME}`}static get EVENT_KEY(){return`.${this.DATA_KEY}`}static eventName(t){return`${t}${this.EVENT_KEY}`}}const K=(t,e="hide")=>{const i=`click.dismiss${t.EVENT_KEY}`,s=t.NAME;$.on(document,i,`[data-bs-dismiss="${s}"]`,(function(i){if(["A","AREA"].includes(this.tagName)&&i.preventDefault(),d(this))return;const n=r(this)||this.closest(`.${s}`);t.getOrCreateInstance(n)[e]()}))};class Q extends V{static get NAME(){return"alert"}close(){if($.trigger(this._element,"close.bs.alert").defaultPrevented)return;this._element.classList.remove("show");const t=this._element.classList.contains("fade");this._queueCallback((()=>this._destroyElement()),this._element,t)}_destroyElement(){this._element.remove(),$.trigger(this._element,"closed.bs.alert"),this.dispose()}static jQueryInterface(t){return this.each((function(){const e=Q.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}K(Q,"close"),b(Q);const X='[data-bs-toggle="button"]';class Y extends V{static get NAME(){return"button"}toggle(){this._element.setAttribute("aria-pressed",this._element.classList.toggle("active"))}static jQueryInterface(t){return this.each((function(){const e=Y.getOrCreateInstance(this);"toggle"===t&&e[t]()}))}}$.on(document,"click.bs.button.data-api",X,(t=>{t.preventDefault();const e=t.target.closest(X);Y.getOrCreateInstance(e).toggle()})),b(Y);const U={find:(t,e=document.documentElement)=>[].concat(...Element.prototype.querySelectorAll.call(e,t)),findOne:(t,e=document.documentElement)=>Element.prototype.querySelector.call(e,t),children:(t,e)=>[].concat(...t.children).filter((t=>t.matches(e))),parents(t,e){const i=[];let s=t.parentNode.closest(e);for(;s;)i.push(s),s=s.parentNode.closest(e);return i},prev(t,e){let i=t.previousElementSibling;for(;i;){if(i.matches(e))return[i];i=i.previousElementSibling}return[]},next(t,e){let i=t.nextElementSibling;for(;i;){if(i.matches(e))return[i];i=i.nextElementSibling}return[]},focusableChildren(t){const e=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map((t=>`${t}:not([tabindex^="-"])`)).join(",");return this.find(e,t).filter((t=>!d(t)&&h(t)))}},G={endCallback:null,leftCallback:null,rightCallback:null},J={endCallback:"(function|null)",leftCallback:"(function|null)",rightCallback:"(function|null)"};class Z extends R{constructor(t,e){super(),this._element=t,t&&Z.isSupported()&&(this._config=this._getConfig(e),this._deltaX=0,this._supportPointerEvents=Boolean(window.PointerEvent),this._initEvents())}static get Default(){return G}static get DefaultType(){return J}static get NAME(){return"swipe"}dispose(){$.off(this._element,".bs.swipe")}_start(t){this._supportPointerEvents?this._eventIsPointerPenTouch(t)&&(this._deltaX=t.clientX):this._deltaX=t.touches[0].clientX}_end(t){this._eventIsPointerPenTouch(t)&&(this._deltaX=t.clientX-this._deltaX),this._handleSwipe(),v(this._config.endCallback)}_move(t){this._deltaX=t.touches&&t.touches.length>1?0:t.touches[0].clientX-this._deltaX}_handleSwipe(){const t=Math.abs(this._deltaX);if(t<=40)return;const e=t/this._deltaX;this._deltaX=0,e&&v(e>0?this._config.rightCallback:this._config.leftCallback)}_initEvents(){this._supportPointerEvents?($.on(this._element,"pointerdown.bs.swipe",(t=>this._start(t))),$.on(this._element,"pointerup.bs.swipe",(t=>this._end(t))),this._element.classList.add("pointer-event")):($.on(this._element,"touchstart.bs.swipe",(t=>this._start(t))),$.on(this._element,"touchmove.bs.swipe",(t=>this._move(t))),$.on(this._element,"touchend.bs.swipe",(t=>this._end(t))))}_eventIsPointerPenTouch(t){return this._supportPointerEvents&&("pen"===t.pointerType||"touch"===t.pointerType)}static isSupported(){return"ontouchstart"in document.documentElement||navigator.maxTouchPoints>0}}const tt="next",et="prev",it="left",st="right",nt="slid.bs.carousel",ot="carousel",rt="active",at={ArrowLeft:st,ArrowRight:it},lt={interval:5e3,keyboard:!0,pause:"hover",ride:!1,touch:!0,wrap:!0},ct={interval:"(number|boolean)",keyboard:"boolean",pause:"(string|boolean)",ride:"(boolean|string)",touch:"boolean",wrap:"boolean"};class ht extends V{constructor(t,e){super(t,e),this._interval=null,this._activeElement=null,this._isSliding=!1,this.touchTimeout=null,this._swipeHelper=null,this._indicatorsElement=U.findOne(".carousel-indicators",this._element),this._addEventListeners(),this._config.ride===ot&&this.cycle()}static get Default(){return lt}static get DefaultType(){return ct}static get NAME(){return"carousel"}next(){this._slide(tt)}nextWhenVisible(){!document.hidden&&h(this._element)&&this.next()}prev(){this._slide(et)}pause(){this._isSliding&&a(this._element),this._clearInterval()}cycle(){this._clearInterval(),this._updateInterval(),this._interval=setInterval((()=>this.nextWhenVisible()),this._config.interval)}_maybeEnableCycle(){this._config.ride&&(this._isSliding?$.one(this._element,nt,(()=>this.cycle())):this.cycle())}to(t){const e=this._getItems();if(t>e.length-1||t<0)return;if(this._isSliding)return void $.one(this._element,nt,(()=>this.to(t)));const i=this._getItemIndex(this._getActive());if(i===t)return;const s=t>i?tt:et;this._slide(s,e[t])}dispose(){this._swipeHelper&&this._swipeHelper.dispose(),super.dispose()}_configAfterMerge(t){return t.defaultInterval=t.interval,t}_addEventListeners(){this._config.keyboard&&$.on(this._element,"keydown.bs.carousel",(t=>this._keydown(t))),"hover"===this._config.pause&&($.on(this._element,"mouseenter.bs.carousel",(()=>this.pause())),$.on(this._element,"mouseleave.bs.carousel",(()=>this._maybeEnableCycle()))),this._config.touch&&Z.isSupported()&&this._addTouchEventListeners()}_addTouchEventListeners(){for(const t of U.find(".carousel-item img",this._element))$.on(t,"dragstart.bs.carousel",(t=>t.preventDefault()));const t={leftCallback:()=>this._slide(this._directionToOrder(it)),rightCallback:()=>this._slide(this._directionToOrder(st)),endCallback:()=>{"hover"===this._config.pause&&(this.pause(),this.touchTimeout&&clearTimeout(this.touchTimeout),this.touchTimeout=setTimeout((()=>this._maybeEnableCycle()),500+this._config.interval))}};this._swipeHelper=new Z(this._element,t)}_keydown(t){if(/input|textarea/i.test(t.target.tagName))return;const e=at[t.key];e&&(t.preventDefault(),this._slide(this._directionToOrder(e)))}_getItemIndex(t){return this._getItems().indexOf(t)}_setActiveIndicatorElement(t){if(!this._indicatorsElement)return;const e=U.findOne(".active",this._indicatorsElement);e.classList.remove(rt),e.removeAttribute("aria-current");const i=U.findOne(`[data-bs-slide-to="${t}"]`,this._indicatorsElement);i&&(i.classList.add(rt),i.setAttribute("aria-current","true"))}_updateInterval(){const t=this._activeElement||this._getActive();if(!t)return;const e=Number.parseInt(t.getAttribute("data-bs-interval"),10);this._config.interval=e||this._config.defaultInterval}_slide(t,e=null){if(this._isSliding)return;const i=this._getActive(),s=t===tt,n=e||w(this._getItems(),i,s,this._config.wrap);if(n===i)return;const o=this._getItemIndex(n),r=e=>$.trigger(this._element,e,{relatedTarget:n,direction:this._orderToDirection(t),from:this._getItemIndex(i),to:o});if(r("slide.bs.carousel").defaultPrevented)return;if(!i||!n)return;const a=Boolean(this._interval);this.pause(),this._isSliding=!0,this._setActiveIndicatorElement(o),this._activeElement=n;const l=s?"carousel-item-start":"carousel-item-end",c=s?"carousel-item-next":"carousel-item-prev";n.classList.add(c),g(n),i.classList.add(l),n.classList.add(l),this._queueCallback((()=>{n.classList.remove(l,c),n.classList.add(rt),i.classList.remove(rt,c,l),this._isSliding=!1,r(nt)}),i,this._isAnimated()),a&&this.cycle()}_isAnimated(){return this._element.classList.contains("slide")}_getActive(){return U.findOne(".active.carousel-item",this._element)}_getItems(){return U.find(".carousel-item",this._element)}_clearInterval(){this._interval&&(clearInterval(this._interval),this._interval=null)}_directionToOrder(t){return m()?t===it?et:tt:t===it?tt:et}_orderToDirection(t){return m()?t===et?it:st:t===et?st:it}static jQueryInterface(t){return this.each((function(){const e=ht.getOrCreateInstance(this,t);if("number"!=typeof t){if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}else e.to(t)}))}}$.on(document,"click.bs.carousel.data-api","[data-bs-slide], [data-bs-slide-to]",(function(t){const e=r(this);if(!e||!e.classList.contains(ot))return;t.preventDefault();const i=ht.getOrCreateInstance(e),s=this.getAttribute("data-bs-slide-to");return s?(i.to(s),void i._maybeEnableCycle()):"next"===W.getDataAttribute(this,"slide")?(i.next(),void i._maybeEnableCycle()):(i.prev(),void i._maybeEnableCycle())})),$.on(window,"load.bs.carousel.data-api",(()=>{const t=U.find('[data-bs-ride="carousel"]');for(const e of t)ht.getOrCreateInstance(e)})),b(ht);const dt="show",ut="collapse",_t="collapsing",gt='[data-bs-toggle="collapse"]',ft={parent:null,toggle:!0},pt={parent:"(null|element)",toggle:"boolean"};class mt extends V{constructor(t,e){super(t,e),this._isTransitioning=!1,this._triggerArray=[];const i=U.find(gt);for(const t of i){const e=o(t),i=U.find(e).filter((t=>t===this._element));null!==e&&i.length&&this._triggerArray.push(t)}this._initializeChildren(),this._config.parent||this._addAriaAndCollapsedClass(this._triggerArray,this._isShown()),this._config.toggle&&this.toggle()}static get Default(){return ft}static get DefaultType(){return pt}static get NAME(){return"collapse"}toggle(){this._isShown()?this.hide():this.show()}show(){if(this._isTransitioning||this._isShown())return;let t=[];if(this._config.parent&&(t=this._getFirstLevelChildren(".collapse.show, .collapse.collapsing").filter((t=>t!==this._element)).map((t=>mt.getOrCreateInstance(t,{toggle:!1})))),t.length&&t[0]._isTransitioning)return;if($.trigger(this._element,"show.bs.collapse").defaultPrevented)return;for(const e of t)e.hide();const e=this._getDimension();this._element.classList.remove(ut),this._element.classList.add(_t),this._element.style[e]=0,this._addAriaAndCollapsedClass(this._triggerArray,!0),this._isTransitioning=!0;const i=`scroll${e[0].toUpperCase()+e.slice(1)}`;this._queueCallback((()=>{this._isTransitioning=!1,this._element.classList.remove(_t),this._element.classList.add(ut,dt),this._element.style[e]="",$.trigger(this._element,"shown.bs.collapse")}),this._element,!0),this._element.style[e]=`${this._element[i]}px`}hide(){if(this._isTransitioning||!this._isShown())return;if($.trigger(this._element,"hide.bs.collapse").defaultPrevented)return;const t=this._getDimension();this._element.style[t]=`${this._element.getBoundingClientRect()[t]}px`,g(this._element),this._element.classList.add(_t),this._element.classList.remove(ut,dt);for(const t of this._triggerArray){const e=r(t);e&&!this._isShown(e)&&this._addAriaAndCollapsedClass([t],!1)}this._isTransitioning=!0,this._element.style[t]="",this._queueCallback((()=>{this._isTransitioning=!1,this._element.classList.remove(_t),this._element.classList.add(ut),$.trigger(this._element,"hidden.bs.collapse")}),this._element,!0)}_isShown(t=this._element){return t.classList.contains(dt)}_configAfterMerge(t){return t.toggle=Boolean(t.toggle),t.parent=c(t.parent),t}_getDimension(){return this._element.classList.contains("collapse-horizontal")?"width":"height"}_initializeChildren(){if(!this._config.parent)return;const t=this._getFirstLevelChildren(gt);for(const e of t){const t=r(e);t&&this._addAriaAndCollapsedClass([e],this._isShown(t))}}_getFirstLevelChildren(t){const e=U.find(":scope .collapse .collapse",this._config.parent);return U.find(t,this._config.parent).filter((t=>!e.includes(t)))}_addAriaAndCollapsedClass(t,e){if(t.length)for(const i of t)i.classList.toggle("collapsed",!e),i.setAttribute("aria-expanded",e)}static jQueryInterface(t){const e={};return"string"==typeof t&&/show|hide/.test(t)&&(e.toggle=!1),this.each((function(){const i=mt.getOrCreateInstance(this,e);if("string"==typeof t){if(void 0===i[t])throw new TypeError(`No method named "${t}"`);i[t]()}}))}}$.on(document,"click.bs.collapse.data-api",gt,(function(t){("A"===t.target.tagName||t.delegateTarget&&"A"===t.delegateTarget.tagName)&&t.preventDefault();const e=o(this),i=U.find(e);for(const t of i)mt.getOrCreateInstance(t,{toggle:!1}).toggle()})),b(mt);const bt="dropdown",vt="ArrowUp",yt="ArrowDown",wt="click.bs.dropdown.data-api",At="keydown.bs.dropdown.data-api",Tt="show",Et='[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)',Ct=`${Et}.show`,kt=".dropdown-menu",Lt=m()?"top-end":"top-start",Ot=m()?"top-start":"top-end",It=m()?"bottom-end":"bottom-start",St=m()?"bottom-start":"bottom-end",Dt=m()?"left-start":"right-start",Nt=m()?"right-start":"left-start",Pt={autoClose:!0,boundary:"clippingParents",display:"dynamic",offset:[0,2],popperConfig:null,reference:"toggle"},xt={autoClose:"(boolean|string)",boundary:"(string|element)",display:"string",offset:"(array|string|function)",popperConfig:"(null|object|function)",reference:"(string|element|object)"};class Mt extends V{constructor(t,e){super(t,e),this._popper=null,this._parent=this._element.parentNode,this._menu=U.findOne(kt,this._parent),this._inNavbar=this._detectNavbar()}static get Default(){return Pt}static get DefaultType(){return xt}static get NAME(){return bt}toggle(){return this._isShown()?this.hide():this.show()}show(){if(d(this._element)||this._isShown())return;const t={relatedTarget:this._element};if(!$.trigger(this._element,"show.bs.dropdown",t).defaultPrevented){if(this._createPopper(),"ontouchstart"in document.documentElement&&!this._parent.closest(".navbar-nav"))for(const t of[].concat(...document.body.children))$.on(t,"mouseover",_);this._element.focus(),this._element.setAttribute("aria-expanded",!0),this._menu.classList.add(Tt),this._element.classList.add(Tt),$.trigger(this._element,"shown.bs.dropdown",t)}}hide(){if(d(this._element)||!this._isShown())return;const t={relatedTarget:this._element};this._completeHide(t)}dispose(){this._popper&&this._popper.destroy(),super.dispose()}update(){this._inNavbar=this._detectNavbar(),this._popper&&this._popper.update()}_completeHide(t){if(!$.trigger(this._element,"hide.bs.dropdown",t).defaultPrevented){if("ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))$.off(t,"mouseover",_);this._popper&&this._popper.destroy(),this._menu.classList.remove(Tt),this._element.classList.remove(Tt),this._element.setAttribute("aria-expanded","false"),W.removeDataAttribute(this._menu,"popper"),$.trigger(this._element,"hidden.bs.dropdown",t)}}_getConfig(t){if("object"==typeof(t=super._getConfig(t)).reference&&!l(t.reference)&&"function"!=typeof t.reference.getBoundingClientRect)throw new TypeError(`${bt.toUpperCase()}: Option "reference" provided type "object" without a required "getBoundingClientRect" method.`);return t}_createPopper(){if(void 0===i)throw new TypeError("Bootstrap's dropdowns require Popper (https://popper.js.org)");let t=this._element;"parent"===this._config.reference?t=this._parent:l(this._config.reference)?t=c(this._config.reference):"object"==typeof this._config.reference&&(t=this._config.reference);const e=this._getPopperConfig();this._popper=i.createPopper(t,this._menu,e)}_isShown(){return this._menu.classList.contains(Tt)}_getPlacement(){const t=this._parent;if(t.classList.contains("dropend"))return Dt;if(t.classList.contains("dropstart"))return Nt;if(t.classList.contains("dropup-center"))return"top";if(t.classList.contains("dropdown-center"))return"bottom";const e="end"===getComputedStyle(this._menu).getPropertyValue("--bs-position").trim();return t.classList.contains("dropup")?e?Ot:Lt:e?St:It}_detectNavbar(){return null!==this._element.closest(".navbar")}_getOffset(){const{offset:t}=this._config;return"string"==typeof t?t.split(",").map((t=>Number.parseInt(t,10))):"function"==typeof t?e=>t(e,this._element):t}_getPopperConfig(){const t={placement:this._getPlacement(),modifiers:[{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"offset",options:{offset:this._getOffset()}}]};return(this._inNavbar||"static"===this._config.display)&&(W.setDataAttribute(this._menu,"popper","static"),t.modifiers=[{name:"applyStyles",enabled:!1}]),{...t,..."function"==typeof this._config.popperConfig?this._config.popperConfig(t):this._config.popperConfig}}_selectMenuItem({key:t,target:e}){const i=U.find(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",this._menu).filter((t=>h(t)));i.length&&w(i,e,t===yt,!i.includes(e)).focus()}static jQueryInterface(t){return this.each((function(){const e=Mt.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}static clearMenus(t){if(2===t.button||"keyup"===t.type&&"Tab"!==t.key)return;const e=U.find(Ct);for(const i of e){const e=Mt.getInstance(i);if(!e||!1===e._config.autoClose)continue;const s=t.composedPath(),n=s.includes(e._menu);if(s.includes(e._element)||"inside"===e._config.autoClose&&!n||"outside"===e._config.autoClose&&n)continue;if(e._menu.contains(t.target)&&("keyup"===t.type&&"Tab"===t.key||/input|select|option|textarea|form/i.test(t.target.tagName)))continue;const o={relatedTarget:e._element};"click"===t.type&&(o.clickEvent=t),e._completeHide(o)}}static dataApiKeydownHandler(t){const e=/input|textarea/i.test(t.target.tagName),i="Escape"===t.key,s=[vt,yt].includes(t.key);if(!s&&!i)return;if(e&&!i)return;t.preventDefault();const n=U.findOne(Et,t.delegateTarget.parentNode),o=Mt.getOrCreateInstance(n);if(s)return t.stopPropagation(),o.show(),void o._selectMenuItem(t);o._isShown()&&(t.stopPropagation(),o.hide(),n.focus())}}$.on(document,At,Et,Mt.dataApiKeydownHandler),$.on(document,At,kt,Mt.dataApiKeydownHandler),$.on(document,wt,Mt.clearMenus),$.on(document,"keyup.bs.dropdown.data-api",Mt.clearMenus),$.on(document,wt,Et,(function(t){t.preventDefault(),Mt.getOrCreateInstance(this).toggle()})),b(Mt);const jt=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",$t=".sticky-top",Ft="padding-right",zt="margin-right";class Ht{constructor(){this._element=document.body}getWidth(){const t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}hide(){const t=this.getWidth();this._disableOverFlow(),this._setElementAttributes(this._element,Ft,(e=>e+t)),this._setElementAttributes(jt,Ft,(e=>e+t)),this._setElementAttributes($t,zt,(e=>e-t))}reset(){this._resetElementAttributes(this._element,"overflow"),this._resetElementAttributes(this._element,Ft),this._resetElementAttributes(jt,Ft),this._resetElementAttributes($t,zt)}isOverflowing(){return this.getWidth()>0}_disableOverFlow(){this._saveInitialAttribute(this._element,"overflow"),this._element.style.overflow="hidden"}_setElementAttributes(t,e,i){const s=this.getWidth();this._applyManipulationCallback(t,(t=>{if(t!==this._element&&window.innerWidth>t.clientWidth+s)return;this._saveInitialAttribute(t,e);const n=window.getComputedStyle(t).getPropertyValue(e);t.style.setProperty(e,`${i(Number.parseFloat(n))}px`)}))}_saveInitialAttribute(t,e){const i=t.style.getPropertyValue(e);i&&W.setDataAttribute(t,e,i)}_resetElementAttributes(t,e){this._applyManipulationCallback(t,(t=>{const i=W.getDataAttribute(t,e);null!==i?(W.removeDataAttribute(t,e),t.style.setProperty(e,i)):t.style.removeProperty(e)}))}_applyManipulationCallback(t,e){if(l(t))e(t);else for(const i of U.find(t,this._element))e(i)}}const qt="show",Bt="mousedown.bs.backdrop",Wt={className:"modal-backdrop",clickCallback:null,isAnimated:!1,isVisible:!0,rootElement:"body"},Rt={className:"string",clickCallback:"(function|null)",isAnimated:"boolean",isVisible:"boolean",rootElement:"(element|string)"};class Vt extends R{constructor(t){super(),this._config=this._getConfig(t),this._isAppended=!1,this._element=null}static get Default(){return Wt}static get DefaultType(){return Rt}static get NAME(){return"backdrop"}show(t){if(!this._config.isVisible)return void v(t);this._append();const e=this._getElement();this._config.isAnimated&&g(e),e.classList.add(qt),this._emulateAnimation((()=>{v(t)}))}hide(t){this._config.isVisible?(this._getElement().classList.remove(qt),this._emulateAnimation((()=>{this.dispose(),v(t)}))):v(t)}dispose(){this._isAppended&&($.off(this._element,Bt),this._element.remove(),this._isAppended=!1)}_getElement(){if(!this._element){const t=document.createElement("div");t.className=this._config.className,this._config.isAnimated&&t.classList.add("fade"),this._element=t}return this._element}_configAfterMerge(t){return t.rootElement=c(t.rootElement),t}_append(){if(this._isAppended)return;const t=this._getElement();this._config.rootElement.append(t),$.on(t,Bt,(()=>{v(this._config.clickCallback)})),this._isAppended=!0}_emulateAnimation(t){y(t,this._getElement(),this._config.isAnimated)}}const Kt=".bs.focustrap",Qt="backward",Xt={autofocus:!0,trapElement:null},Yt={autofocus:"boolean",trapElement:"element"};class Ut extends R{constructor(t){super(),this._config=this._getConfig(t),this._isActive=!1,this._lastTabNavDirection=null}static get Default(){return Xt}static get DefaultType(){return Yt}static get NAME(){return"focustrap"}activate(){this._isActive||(this._config.autofocus&&this._config.trapElement.focus(),$.off(document,Kt),$.on(document,"focusin.bs.focustrap",(t=>this._handleFocusin(t))),$.on(document,"keydown.tab.bs.focustrap",(t=>this._handleKeydown(t))),this._isActive=!0)}deactivate(){this._isActive&&(this._isActive=!1,$.off(document,Kt))}_handleFocusin(t){const{trapElement:e}=this._config;if(t.target===document||t.target===e||e.contains(t.target))return;const i=U.focusableChildren(e);0===i.length?e.focus():this._lastTabNavDirection===Qt?i[i.length-1].focus():i[0].focus()}_handleKeydown(t){"Tab"===t.key&&(this._lastTabNavDirection=t.shiftKey?Qt:"forward")}}const Gt="hidden.bs.modal",Jt="show.bs.modal",Zt="modal-open",te="show",ee="modal-static",ie={backdrop:!0,focus:!0,keyboard:!0},se={backdrop:"(boolean|string)",focus:"boolean",keyboard:"boolean"};class ne extends V{constructor(t,e){super(t,e),this._dialog=U.findOne(".modal-dialog",this._element),this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._isShown=!1,this._isTransitioning=!1,this._scrollBar=new Ht,this._addEventListeners()}static get Default(){return ie}static get DefaultType(){return se}static get NAME(){return"modal"}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){this._isShown||this._isTransitioning||$.trigger(this._element,Jt,{relatedTarget:t}).defaultPrevented||(this._isShown=!0,this._isTransitioning=!0,this._scrollBar.hide(),document.body.classList.add(Zt),this._adjustDialog(),this._backdrop.show((()=>this._showElement(t))))}hide(){this._isShown&&!this._isTransitioning&&($.trigger(this._element,"hide.bs.modal").defaultPrevented||(this._isShown=!1,this._isTransitioning=!0,this._focustrap.deactivate(),this._element.classList.remove(te),this._queueCallback((()=>this._hideModal()),this._element,this._isAnimated())))}dispose(){for(const t of[window,this._dialog])$.off(t,".bs.modal");this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}handleUpdate(){this._adjustDialog()}_initializeBackDrop(){return new Vt({isVisible:Boolean(this._config.backdrop),isAnimated:this._isAnimated()})}_initializeFocusTrap(){return new Ut({trapElement:this._element})}_showElement(t){document.body.contains(this._element)||document.body.append(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.scrollTop=0;const e=U.findOne(".modal-body",this._dialog);e&&(e.scrollTop=0),g(this._element),this._element.classList.add(te),this._queueCallback((()=>{this._config.focus&&this._focustrap.activate(),this._isTransitioning=!1,$.trigger(this._element,"shown.bs.modal",{relatedTarget:t})}),this._dialog,this._isAnimated())}_addEventListeners(){$.on(this._element,"keydown.dismiss.bs.modal",(t=>{if("Escape"===t.key)return this._config.keyboard?(t.preventDefault(),void this.hide()):void this._triggerBackdropTransition()})),$.on(window,"resize.bs.modal",(()=>{this._isShown&&!this._isTransitioning&&this._adjustDialog()})),$.on(this._element,"mousedown.dismiss.bs.modal",(t=>{t.target===t.currentTarget&&("static"!==this._config.backdrop?this._config.backdrop&&this.hide():this._triggerBackdropTransition())}))}_hideModal(){this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._backdrop.hide((()=>{document.body.classList.remove(Zt),this._resetAdjustments(),this._scrollBar.reset(),$.trigger(this._element,Gt)}))}_isAnimated(){return this._element.classList.contains("fade")}_triggerBackdropTransition(){if($.trigger(this._element,"hidePrevented.bs.modal").defaultPrevented)return;const t=this._element.scrollHeight>document.documentElement.clientHeight,e=this._element.style.overflowY;"hidden"===e||this._element.classList.contains(ee)||(t||(this._element.style.overflowY="hidden"),this._element.classList.add(ee),this._queueCallback((()=>{this._element.classList.remove(ee),this._queueCallback((()=>{this._element.style.overflowY=e}),this._dialog)}),this._dialog),this._element.focus())}_adjustDialog(){const t=this._element.scrollHeight>document.documentElement.clientHeight,e=this._scrollBar.getWidth(),i=e>0;if(i&&!t){const t=m()?"paddingLeft":"paddingRight";this._element.style[t]=`${e}px`}if(!i&&t){const t=m()?"paddingRight":"paddingLeft";this._element.style[t]=`${e}px`}}_resetAdjustments(){this._element.style.paddingLeft="",this._element.style.paddingRight=""}static jQueryInterface(t,e){return this.each((function(){const i=ne.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===i[t])throw new TypeError(`No method named "${t}"`);i[t](e)}}))}}$.on(document,"click.bs.modal.data-api",'[data-bs-toggle="modal"]',(function(t){const e=r(this);["A","AREA"].includes(this.tagName)&&t.preventDefault(),$.one(e,Jt,(t=>{t.defaultPrevented||$.one(e,Gt,(()=>{h(this)&&this.focus()}))}));const i=U.findOne(".modal.show");i&&ne.getInstance(i).hide(),ne.getOrCreateInstance(e).toggle(this)})),K(ne),b(ne);const oe="show",re="showing",ae="hiding",le=".offcanvas.show",ce="hidePrevented.bs.offcanvas",he="hidden.bs.offcanvas",de={backdrop:!0,keyboard:!0,scroll:!1},ue={backdrop:"(boolean|string)",keyboard:"boolean",scroll:"boolean"};class _e extends V{constructor(t,e){super(t,e),this._isShown=!1,this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._addEventListeners()}static get Default(){return de}static get DefaultType(){return ue}static get NAME(){return"offcanvas"}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){this._isShown||$.trigger(this._element,"show.bs.offcanvas",{relatedTarget:t}).defaultPrevented||(this._isShown=!0,this._backdrop.show(),this._config.scroll||(new Ht).hide(),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.classList.add(re),this._queueCallback((()=>{this._config.scroll&&!this._config.backdrop||this._focustrap.activate(),this._element.classList.add(oe),this._element.classList.remove(re),$.trigger(this._element,"shown.bs.offcanvas",{relatedTarget:t})}),this._element,!0))}hide(){this._isShown&&($.trigger(this._element,"hide.bs.offcanvas").defaultPrevented||(this._focustrap.deactivate(),this._element.blur(),this._isShown=!1,this._element.classList.add(ae),this._backdrop.hide(),this._queueCallback((()=>{this._element.classList.remove(oe,ae),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._config.scroll||(new Ht).reset(),$.trigger(this._element,he)}),this._element,!0)))}dispose(){this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}_initializeBackDrop(){const t=Boolean(this._config.backdrop);return new Vt({className:"offcanvas-backdrop",isVisible:t,isAnimated:!0,rootElement:this._element.parentNode,clickCallback:t?()=>{"static"!==this._config.backdrop?this.hide():$.trigger(this._element,ce)}:null})}_initializeFocusTrap(){return new Ut({trapElement:this._element})}_addEventListeners(){$.on(this._element,"keydown.dismiss.bs.offcanvas",(t=>{"Escape"===t.key&&(this._config.keyboard?this.hide():$.trigger(this._element,ce))}))}static jQueryInterface(t){return this.each((function(){const e=_e.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}$.on(document,"click.bs.offcanvas.data-api",'[data-bs-toggle="offcanvas"]',(function(t){const e=r(this);if(["A","AREA"].includes(this.tagName)&&t.preventDefault(),d(this))return;$.one(e,he,(()=>{h(this)&&this.focus()}));const i=U.findOne(le);i&&i!==e&&_e.getInstance(i).hide(),_e.getOrCreateInstance(e).toggle(this)})),$.on(window,"load.bs.offcanvas.data-api",(()=>{for(const t of U.find(le))_e.getOrCreateInstance(t).show()})),$.on(window,"resize.bs.offcanvas",(()=>{for(const t of U.find("[aria-modal][class*=show][class*=offcanvas-]"))"fixed"!==getComputedStyle(t).position&&_e.getOrCreateInstance(t).hide()})),K(_e),b(_e);const ge=new Set(["background","cite","href","itemtype","longdesc","poster","src","xlink:href"]),fe=/^(?:(?:https?|mailto|ftp|tel|file|sms):|[^#&/:?]*(?:[#/?]|$))/i,pe=/^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[\d+/a-z]+=*$/i,me=(t,e)=>{const i=t.nodeName.toLowerCase();return e.includes(i)?!ge.has(i)||Boolean(fe.test(t.nodeValue)||pe.test(t.nodeValue)):e.filter((t=>t instanceof RegExp)).some((t=>t.test(i)))},be={"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],div:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]},ve={allowList:be,content:{},extraClass:"",html:!1,sanitize:!0,sanitizeFn:null,template:"
"},ye={allowList:"object",content:"object",extraClass:"(string|function)",html:"boolean",sanitize:"boolean",sanitizeFn:"(null|function)",template:"string"},we={entry:"(string|element|function|null)",selector:"(string|element)"};class Ae extends R{constructor(t){super(),this._config=this._getConfig(t)}static get Default(){return ve}static get DefaultType(){return ye}static get NAME(){return"TemplateFactory"}getContent(){return Object.values(this._config.content).map((t=>this._resolvePossibleFunction(t))).filter(Boolean)}hasContent(){return this.getContent().length>0}changeContent(t){return this._checkContent(t),this._config.content={...this._config.content,...t},this}toHtml(){const t=document.createElement("div");t.innerHTML=this._maybeSanitize(this._config.template);for(const[e,i]of Object.entries(this._config.content))this._setContent(t,i,e);const e=t.children[0],i=this._resolvePossibleFunction(this._config.extraClass);return i&&e.classList.add(...i.split(" ")),e}_typeCheckConfig(t){super._typeCheckConfig(t),this._checkContent(t.content)}_checkContent(t){for(const[e,i]of Object.entries(t))super._typeCheckConfig({selector:e,entry:i},we)}_setContent(t,e,i){const s=U.findOne(i,t);s&&((e=this._resolvePossibleFunction(e))?l(e)?this._putElementInTemplate(c(e),s):this._config.html?s.innerHTML=this._maybeSanitize(e):s.textContent=e:s.remove())}_maybeSanitize(t){return this._config.sanitize?function(t,e,i){if(!t.length)return t;if(i&&"function"==typeof i)return i(t);const s=(new window.DOMParser).parseFromString(t,"text/html"),n=[].concat(...s.body.querySelectorAll("*"));for(const t of n){const i=t.nodeName.toLowerCase();if(!Object.keys(e).includes(i)){t.remove();continue}const s=[].concat(...t.attributes),n=[].concat(e["*"]||[],e[i]||[]);for(const e of s)me(e,n)||t.removeAttribute(e.nodeName)}return s.body.innerHTML}(t,this._config.allowList,this._config.sanitizeFn):t}_resolvePossibleFunction(t){return"function"==typeof t?t(this):t}_putElementInTemplate(t,e){if(this._config.html)return e.innerHTML="",void e.append(t);e.textContent=t.textContent}}const Te=new Set(["sanitize","allowList","sanitizeFn"]),Ee="fade",Ce="show",ke=".modal",Le="hide.bs.modal",Oe="hover",Ie="focus",Se={AUTO:"auto",TOP:"top",RIGHT:m()?"left":"right",BOTTOM:"bottom",LEFT:m()?"right":"left"},De={allowList:be,animation:!0,boundary:"clippingParents",container:!1,customClass:"",delay:0,fallbackPlacements:["top","right","bottom","left"],html:!1,offset:[0,0],placement:"top",popperConfig:null,sanitize:!0,sanitizeFn:null,selector:!1,template:'{{ERROR}}
' + + '' + + '' + + 'Facebook' + + '' + + '' + + '' + + 'Pinterest' + + '' + + '' + + '' + + 'Twitter' + + '' + + '
' + + '' + + '