diff --git a/HellionCoders/GuidingYourWay/README.md b/HellionCoders/GuidingYourWay/README.md new file mode 100644 index 0000000..38ef430 --- /dev/null +++ b/HellionCoders/GuidingYourWay/README.md @@ -0,0 +1,31 @@ + +This application is intended for demo use only. + +## Local deployment + +This application can be deployed locally. On windows, install git and clone the repository: + +``` +git clone https://github.com/GauravPPawar/CIS-Hack.git +cd CIS-Hack/HellionCoders/GuidingYourWay +``` + +Install the dependencies: + +``` +pip install flask +``` + +and start the application: + +``` +python app.py +... +* Running on http://localhost:5000/ (Press CTRL+C to quit) +``` + +View the website in the browser. The test script can also be used to test the website: + +``` +./GuidingYourWay http://localhost:5000 +``` diff --git a/HellionCoders/GuidingYourWay/__pycache__/app.cpython-37.pyc b/HellionCoders/GuidingYourWay/__pycache__/app.cpython-37.pyc new file mode 100644 index 0000000..5e0ff8b Binary files /dev/null and b/HellionCoders/GuidingYourWay/__pycache__/app.cpython-37.pyc differ diff --git a/HellionCoders/GuidingYourWay/app.py b/HellionCoders/GuidingYourWay/app.py new file mode 100644 index 0000000..62061a6 --- /dev/null +++ b/HellionCoders/GuidingYourWay/app.py @@ -0,0 +1,437 @@ +import json as j +from flask import Flask, render_template,request +app = Flask(__name__) + +headings = [] +retData = [] +@app.route('/',methods=['GET','POST']) +def homeLode(): + if request.method == 'POST': + Msgname = request.form.get("Msgname") + Msgsurname = request.form.get("Msgsurname") + Msgemail = request.form.get("Msgemail") + Msgmessage = request.form.get("Msgmessage") + print(Msgname) + print(Msgsurname) + print(Msgemail) + print(Msgmessage) + return render_template('home.html', title='Home page') + +@app.route('/collegeFinder',methods=['GET','POST']) +def collegeFinder(): + if request.method == "POST": + subGroup = request.form.get("subDropDown") + cat = request.form.get("catDropDown") + fromPer = request.form.get("fromPer") + toPer = request.form.get("toPer") + criteria = request.form.get("critDropDown") + print(subGroup) + print(cat) + print(fromPer) + print(toPer) + headings = ['College Name','Sub Group','Category',str(criteria)] + retData = getRes(subGroup,cat,fromPer,toPer,criteria) + return render_template('service1-collegefind.html',heading = headings,useData = retData) + return render_template('service1-collegefind.html', title='College Finding page') + +@app.route('/contentFinder',methods=['GET','POST']) +def contentFinder(): + if request.method == "POST": + dept = request.form.get("deptDropDown") + sem = request.form.get("semDropDown") + course = request.form.get("courseDropDown") + print(dept) + print(sem) + headings = ['Subject','Books','Learning Resources Links'] + retData = getContent(course,dept,sem) + return render_template('service2-contentfind.html',heading = headings,useData = retData) + return render_template('service2-contentfind.html',title='Content Finding page') + +def getContent(course,dept,sem): + import json as j + from os import link + f = open('static/Content.json',"r") + x = f.read() + data = j.loads(x) + f.close() + retData = [] + try: + for i in data[course][dept][sem]: + bookList = data[course][dept][sem][i]["Books"] + links = data[course][dept][sem][i]["YouTube"] + sub = i + for j in range(max(len(bookList),len(links))): + try: + b = bookList[j] + except IndexError: + b = None + try: + l = links[j] + except IndexError: + l = None + retData.append([sub,b,l]) + sub = None + except KeyError: + print("KeyError") + + return retData + +def getRes(subGroup,cast,fromPerStr,toPerStr,criteria): + f = open('static/data.json','r') + x = f.read() + data = j.loads(x) + f.close() + + clgList = list(data.keys()) + if subGroup == 'Aeronautical Engineering': + subList = ['Aeronautical Engineering[First Shift][Sub Group : 0304]', + 'Aeronautical Engineering[First Shift][Sub Group : 0401]'] + elif subGroup == 'Agricultural Engineering' : + subList = ['Agricultural Engineering[First Shift][Sub Group : 0401]'] + elif subGroup == 'Automobile Engineering' : + subList = ['Automobile Engineering[First Shift][Sub Group : 0201]', + 'Automobile Engineering[First Shift][Sub Group : 0302]', + 'Automobile Engineering[First Shift][Sub Group : 0304]', + 'Automobile Engineering[First Shift][Sub Group : 0305]', + 'Automobile Engineering[First Shift][Sub Group : 0401]', + 'Automobile Engineering[First Shift][Sub Group : 0402]', + 'Automobile Engineering[First Shift][Sub Group : 0404]' + ] + elif subGroup == 'Bio Medical Engineering' : + subList = [ + 'Bio Medical Engineering[First Shift][Sub Group : 0301]', + 'Bio Medical Engineering[First Shift][Sub Group : 0302]', + 'Bio Medical Engineering[First Shift][Sub Group : 0303]' + ] + elif subGroup == 'Bio Technology' : + subList = [ + 'Bio Technology[First Shift][Sub Group : 0101]', + 'Bio Technology[First Shift][Sub Group : 0301]', + 'Bio Technology[First Shift][Sub Group : 0302]', + 'Bio Technology[First Shift][Sub Group : 0303]', + 'Bio Technology[First Shift][Sub Group : 0304]', + 'Bio Technology[First Shift][Sub Group : 0401]' + ] + elif subGroup == 'Chemical Engineering' : + subList = [ + 'Chemical Engineering[First Shift][Sub Group : 0101]', + 'Chemical Engineering[First Shift][Sub Group : 0102]', + 'Chemical Engineering[First Shift][Sub Group : 0103]', + 'Chemical Engineering[First Shift][Sub Group : 0401]', + 'Chemical Engineering[First Shift][Sub Group : 0702]' + ] + elif subGroup == 'Chemical Technology' : + subList = [ + 'Chemical Technology[First Shift][Sub Group : 0101]', + 'Chemical Technology[First Shift][Sub Group : 0201]', + 'Chemical Technology[First Shift][Sub Group : 0401]', + 'Chemical Technology[First Shift][Sub Group : 0404]', + 'Chemical Technology[First Shift][Sub Group : 0701]' + ] + elif subGroup == 'Civil Engineering' : + subList = [ + 'Civil Engineering[First Shift][Sub Group : 0201]', + 'Civil Engineering[First Shift][Sub Group : 0301]', + 'Civil Engineering[First Shift][Sub Group : 0302]', + 'Civil Engineering[First Shift][Sub Group : 0304]', + 'Civil Engineering[First Shift][Sub Group : 0401]', + 'Civil Engineering[First Shift][Sub Group : 0404]', + 'Civil Engineering[First Shift][Sub Group : 0701]', + 'Civil Engineering[Second Shift][Sub Group : 0201]', + 'Civil Engineering[Second Shift][Sub Group : 0401]' + ] + elif subGroup == 'Computer Engineering' : + subList = [ + 'Computer Engineering[First Shift][Sub Group : 0101]', + 'Computer Engineering[First Shift][Sub Group : 0102]', + 'Computer Engineering[First Shift][Sub Group : 0201]', + 'Computer Engineering[First Shift][Sub Group : 0301]', + 'Computer Engineering[First Shift][Sub Group : 0302]', + 'Computer Engineering[First Shift][Sub Group : 0303]', + 'Computer Engineering[First Shift][Sub Group : 0304]', + 'Computer Engineering[First Shift][Sub Group : 0401]', + 'Computer Engineering[First Shift][Sub Group : 0701]', + 'Computer Engineering[First Shift][Sub Group : 0702]', + 'Computer Engineering[Second Shift][Sub Group : 0301]', + 'Computer Science and Engineering[First Shift][Sub Group : 0201]', + 'Computer Science and Engineering[First Shift][Sub Group : 0301]', + 'Computer Science and Engineering[First Shift][Sub Group : 0302]', + 'Computer Science and Engineering[First Shift][Sub Group : 0303]', + 'Computer Science and Engineering[First Shift][Sub Group : 0304]', + 'Computer Science and Engineering[First Shift][Sub Group : 0401]', + 'Computer Science and Engineering[First Shift][Sub Group : 0501]', + 'Computer Science and Engineering[Second Shift][Sub Group : 0301]', + 'Computer Science and Engineering[Second Shift][Sub Group : 0401]', + 'Computer Science and Technology[First Shift][Sub Group : 0301]', + 'Computer Technology[First Shift][Sub Group : 0301]', + 'Computer Technology[First Shift][Sub Group : 0501]' + ] + elif subGroup == 'Electrical & Instrumentation Engineering' : + subList = [ + 'Electrical & Instrumentation Engineering[First Shift][Sub Group : 0304]' + ] + elif subGroup == 'Electrical and Electronics Engineering' : + subList = [ + 'Electrical and Electronics Engineering[First Shift][Sub Group : 0304]' + ] + elif subGroup == 'Electronics Engineering' : + subList = [ + 'Electronic and Communication Technology[First Shift][Sub Group : 0302]', + 'Electronic and Communication Technology[First Shift][Sub Group : 0401]', + 'Electronics & Communication Engineering(Sandwich)[Sub Group : 0302]', + 'Electronics & Communication Engineering(Sandwich)[Sub Group : 0304]', + 'Electronics Design Technology[First Shift][Sub Group : 0302]', + 'Electronics Engineering[First Shift][Sub Group : 0101]', + 'Electronics Engineering[First Shift][Sub Group : 0301]', + 'Electronics Engineering[First Shift][Sub Group : 0302]', + 'Electronics Engineering[First Shift][Sub Group : 0303]', + 'Electronics Engineering[First Shift][Sub Group : 0304]', + 'Electronics Engineering[First Shift][Sub Group : 0305]', + 'Electronics Engineering[First Shift][Sub Group : 0401]', + 'Electronics Engineering[First Shift][Sub Group : 0701]', + 'Electronics Engineering[First Shift][Sub Group : 0702]', + 'Electronics Engineering[Second Shift][Sub Group : 0301]', + 'Electronics Engineering[Second Shift][Sub Group : 0302]', + 'Electronics and Communication Engineering[First Shift][Sub Group : 0301]', + 'Electronics and Communication Engineering[First Shift][Sub Group : 0302]', + 'Electronics and Communication Engineering[First Shift][Sub Group : 0304]', + 'Electronics and Communication Engineering[First Shift][Sub Group : 0401]', + 'Electronics and Communication Engineering[Second Shift][Sub Group : 0302]', + 'Electronics and Electrical Engineering[First Shift][Sub Group : 0302]', + 'Electronics and Electrical Engineering[First Shift][Sub Group : 0304]', + 'Electronics and Telecommunication Engg[First Shift][Sub Group : 0201]', + 'Electronics and Telecommunication Engg[First Shift][Sub Group : 0301]', + 'Electronics and Telecommunication Engg[First Shift][Sub Group : 0302]', + 'Electronics and Telecommunication Engg[First Shift][Sub Group : 0303]', + 'Electronics and Telecommunication Engg[First Shift][Sub Group : 0304]', + 'Electronics and Telecommunication Engg[First Shift][Sub Group : 0305]', + 'Electronics and Telecommunication Engg[First Shift][Sub Group : 0401]', + 'Electronics and Telecommunication Engg[First Shift][Sub Group : 0701]', + 'Electronics and Telecommunication Engg[First Shift][Sub Group : 0702]', + 'Electronics and Telecommunication Engg[Second Shift][Sub Group : 0301]', + 'Electronics and Telecommunication Engg[Second Shift][Sub Group : 0302]', + 'Electronics and Telecommunication Engg[Second Shift][Sub Group : 0304]' + ] + elif subGroup == 'Electrical Engineering' : + subList = [ + 'Electrical Engg [Electrical and Power][First Shift][Sub Group : 0304]', + 'Electrical Engg [Electrical and Power][Second Shift][Sub Group : 0304]', + 'Electrical Engg[Electronics and Power][First Shift][Sub Group : 0301]', + 'Electrical Engg[Electronics and Power][First Shift][Sub Group : 0302]', + 'Electrical Engineering[First Shift][Sub Group : 0102]', + 'Electrical Engg[Electronics and Power][First Shift][Sub Group : 0304]', + 'Electrical Engg[Electronics and Power][First Shift][Sub Group : 0401]', + 'Electrical Engineering[First Shift][Sub Group : 0201]', + 'Electrical Engineering[First Shift][Sub Group : 0301]', + 'Electrical Engineering[First Shift][Sub Group : 0302]', + 'Electrical Engineering[First Shift][Sub Group : 0303]', + 'Electrical Engineering[First Shift][Sub Group : 0304]', + 'Electrical Engineering[First Shift][Sub Group : 0305]', + 'Electrical Engineering[First Shift][Sub Group : 0401]', + 'Electrical Engineering[First Shift][Sub Group : 0402]', + 'Electrical Engineering[Second Shift][Sub Group : 0304]' + ] + elif subGroup == 'Environmental Engineering' : + subList = [ + 'Environmental Engineering[First Shift][Sub Group : 0201]', + 'Environmental Engineering[First Shift][Sub Group : 0304]' + ] + elif subGroup == 'Food Engineering and Technology' : + subList = [ + 'Food Engineering and Technology[First Shift][Sub Group : 0103]', + 'Food Engineering and Technology[First Shift][Sub Group : 0201]', + 'Food Technology[First Shift][Sub Group : 0101]', + 'Food Technology[First Shift][Sub Group : 0103]' + ] + elif subGroup == 'Industrial Engineering' : + subList = [ + 'Industrial Engineering[First Shift][Sub Group : 0302]', + 'Industrial Engineering[First Shift][Sub Group : 0304]', + 'Industrial Engineering[First Shift][Sub Group : 0401]', + 'Industrial Engineering[First Shift][Sub Group : 0402]' + ] + elif subGroup == 'Information Technology' : + subList = [ + 'Information Technology[First Shift][Sub Group : 0301]', + 'Information Technology[First Shift][Sub Group : 0302]', + 'Information Technology[First Shift][Sub Group : 0304]', + 'Information Technology[First Shift][Sub Group : 0401]', + 'Information Technology[Second Shift][Sub Group : 0301]' + ] + elif subGroup == 'Instrumentation Engineering' : + subList = [ + 'Instrumentation Engineering[First Shift][Sub Group : 0301]', + 'Instrumentation Engineering[First Shift][Sub Group : 0302]', + 'Instrumentation Engineering[First Shift][Sub Group : 0303]', + 'Instrumentation Engineering[First Shift][Sub Group : 0304]', + 'Instrumentation Engineering[First Shift][Sub Group : 0305]', + 'Instrumentation Engineering[First Shift][Sub Group : 0401]', + 'Instrumentation Engineering[First Shift][Sub Group : 0501]', + 'Instrumentation and Control Engineering[First Shift][Sub Group : 0101]', + 'Instrumentation and Control Engineering[First Shift][Sub Group : 0301]', + 'Instrumentation and Control Engineering[First Shift][Sub Group : 0302]', + 'Instrumentation and Control Engineering[First Shift][Sub Group : 0303]', + 'Instrumentation and Control Engineering[First Shift][Sub Group : 0304]', + 'Instrumentation and Control Engineering[First Shift][Sub Group : 0305]', + 'Instrumentation and Control Engineering[First Shift][Sub Group : 0401]' + ] + elif subGroup == 'Man Made Textile Technology' : + subList = ['Man Made Textile Technology[First Shift][Sub Group : 0701]'] + elif subGroup == 'Mechanical Engineering' : + subList = [ + 'Mechanical Engineering (Auto)[Sub Group : 0401]', + 'Mechanical Engineering[First Shift][Sub Group : 0101]', + 'Mechanical Engineering[First Shift][Sub Group : 0102]', + 'Mechanical Engineering[First Shift][Sub Group : 0201]', + 'Mechanical Engineering[First Shift][Sub Group : 0301]', + 'Mechanical Engineering[First Shift][Sub Group : 0302]', + 'Mechanical Engineering[First Shift][Sub Group : 0303]', + 'Mechanical Engineering[First Shift][Sub Group : 0304]', + 'Mechanical Engineering[First Shift][Sub Group : 0401]', + 'Mechanical Engineering[First Shift][Sub Group : 0402]', + 'Mechanical Engineering[First Shift][Sub Group : 0403]', + 'Mechanical Engineering[First Shift][Sub Group : 0404]', + 'Mechanical Engineering[Sandwich][First Shift][Sub Group : 0401]', + 'Mechanical Engineering[Second Shift][Sub Group : 0201]', + 'Mechanical Engineering[Second Shift][Sub Group : 0302]', + 'Mechanical Engineering[Second Shift][Sub Group : 0304]', + 'Mechanical Engineering[Second Shift][Sub Group : 0401]', + 'Mechanical Engineering[Second Shift][Sub Group : 0402]', + 'Mechanical Engineering[Second Shift][Sub Group : 0404]' + ] + elif subGroup == 'Mechatronics Engineering' : + subList = [ + 'Mechatronics Engineering[First Shift][Sub Group : 0301]', + 'Mechatronics Engineering[First Shift][Sub Group : 0302]', + 'Mechatronics Engineering[First Shift][Sub Group : 0304]', + 'Mechatronics Engineering[First Shift][Sub Group : 0401]' + ] + elif subGroup == 'Metallurgical Engineering' : + subList = [ + 'Metallurgical Engineering[First Shift][Sub Group : 0404]' + ] + elif subGroup == 'Mining Engineering' : + subList = [ + 'Mining Engineering[First Shift][Sub Group : 0201]', + 'Mining Engineering[First Shift][Sub Group : 0301]', + 'Mining Engineering[First Shift][Sub Group : 0302]', + 'Mining Engineering[First Shift][Sub Group : 0304]', + 'Mining Engineering[First Shift][Sub Group : 0401]', + 'Mining Engineering[First Shift][Sub Group : 0501]' + ] + elif subGroup == 'Oil Fats and Waxes Technology' : + subList = [ + 'Oil Fats and Waxes Technology[First Shift][Sub Group : 0104]', + 'Oil Fats and Waxes Technology[First Shift][Sub Group : 0401]' + ] + elif subGroup == 'Oil Technology' : + subList = [ + 'Oil Technology[First Shift][Sub Group : 0104]' + ] + elif subGroup == 'Oil and Paints Technology' : + subList = [ + 'Oil and Paints Technology[First Shift][Sub Group : 0104]' + ] + elif subGroup == 'Paints Technology' : + subList = ['Paints Technology[First Shift][Sub Group : 0104]'] + elif subGroup == 'Paper and Pulp Technology' : + subList = [ + 'Paper and Pulp Technology[First Shift][Sub Group : 0101]', + 'Paper and Pulp Technology[First Shift][Sub Group : 0104]' + ] + elif subGroup == 'Petro Chemical Engineering' : + subList = [ + 'Petro Chemical Engineering[First Shift][Sub Group : 0101]', + 'Petro Chemical Engineering[First Shift][Sub Group : 0102]', + 'Petro Chemical Engineering[First Shift][Sub Group : 0201]', + 'Petro Chemical Technology[First Shift][Sub Group : 0101]' + ] + elif subGroup == 'Pharmaceutical and Fine Chemical Technology' : + subList = [ + 'Pharmaceutical and Fine Chemical Technology[First Shift][Sub Group : 0101]' + ] + elif subGroup == 'Plastic Technology' : + subList = ['Plastic Technology[First Shift][Sub Group : 0102]'] + elif subGroup == 'Plastic and Polymer Engineering' : + subList = [ + 'Plastic and Polymer Engineering[First Shift][Sub Group : 0102]', + 'Plastic and Polymer Technology[First Shift][Sub Group : 0102]' + ] + elif subGroup == 'Printing Engineering and Graphics Communication' : + subList = [ + 'Printing Engineering and Graphics Communication[First Shift][Sub Group : 0401]', + 'Printing Engineering and Graphics Communication[First Shift][Sub Group : 0601]' + ] + elif subGroup == 'Printing and Packing Technology' : + subList = [ + 'Printing and Packing Technology[First Shift][Sub Group : 0102]', + 'Printing and Packing Technology[First Shift][Sub Group : 0601]' + ] + elif subGroup == 'Production Engineering' : + subList = [ + 'Production Engineering[First Shift][Sub Group : 0102]', + 'Production Engineering[First Shift][Sub Group : 0304]', + 'Production Engineering[First Shift][Sub Group : 0401]', + 'Production Engineering[First Shift][Sub Group : 0402]', + 'Production Engineering[First Shift][Sub Group : 0404]', + 'Production Engineering[First Shift][Sub Group : 0702]', + 'Production Engineering[First Shift][Sub Group : 0801]', + 'Production Engineering[Sandwich][First Shift][Sub Group : 0301]', + 'Production Engineering[Sandwich][First Shift][Sub Group : 0401]', + 'Production Engineering[Sandwich][First Shift][Sub Group : 0402]', + 'Production Engineering[Sandwich][First Shift][Sub Group : 0404]' + ] + elif subGroup == 'Surface Coating Technology' : + subList = [ + 'Surface Coating Technology[First Shift][Sub Group : 0104]' + ] + elif subGroup == 'Textile Chemistry' : + subList = [ + 'Textile Chemistry[First Shift][Sub Group : 0701]', + 'Textile Chemistry[First Shift][Sub Group : 0702]' + ] + elif subGroup == 'Textile Engineering' : + subList = [ + 'Textile Engineering (Fashion Technology)[First Shift][Sub Group : 0701]', + 'Textile Engineering / Technology[First Shift][Sub Group : 0701]' + ] + elif subGroup == 'Textile Plant Engineering' : + subList = [ + 'Textile Plant Engineering[First Shift][Sub Group : 0301]', + 'Textile Plant Engineering[First Shift][Sub Group : 0701]' + ] + elif subGroup == 'Textile Technology' : + subList = [ + 'Textile Technology[First Shift][Sub Group : 0701]' + ] + else: + subList = [ + 'Textile Technology[First Shift][Sub Group : 0701]' + ] + fromPer = float(fromPerStr) + toPer = float(toPerStr) + + if criteria == 'Percentage': + criteria = 'percentage' + else: + criteria = 'rank'; + + retData = [] + for clg in clgList: + for sub in subList: + if data[clg].get(sub): + if data[clg][sub].get(cast): + if data[clg][sub][cast].get(criteria): + if fromPer <= data[clg][sub][cast][criteria] and data[clg][sub][cast][criteria] <= toPer: + print("College name : ",clg) + print("SubGroup name : ",sub) + print("Category : ",cast) + per = data[clg][sub][cast][criteria] + print("Percentage : ",per) + retData.append([clg,sub,cast,per]) + print(retData) + return retData + + +if __name__ == "__main__": + app.run(debug=True) \ No newline at end of file diff --git a/HellionCoders/GuidingYourWay/r.txt b/HellionCoders/GuidingYourWay/r.txt new file mode 100644 index 0000000..8b5fa55 --- /dev/null +++ b/HellionCoders/GuidingYourWay/r.txt @@ -0,0 +1 @@ +project working successfully diff --git a/HellionCoders/GuidingYourWay/requirements.txt b/HellionCoders/GuidingYourWay/requirements.txt new file mode 100644 index 0000000..a43234d Binary files /dev/null and b/HellionCoders/GuidingYourWay/requirements.txt differ diff --git a/HellionCoders/GuidingYourWay/static/Content.json b/HellionCoders/GuidingYourWay/static/Content.json new file mode 100644 index 0000000..ef55f76 --- /dev/null +++ b/HellionCoders/GuidingYourWay/static/Content.json @@ -0,0 +1,1339 @@ +{ + "Diploma": { + "Computer Engineering": { + "SEM I": { + "English": { + "Books": [ + "English for MSBTE I Scheme", + "ENGLISH FOR DIPLOMA" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=Nd4MScADY94", + "https://www.youtube.com/watch?v=LH57BAO9K88" + ] + }, + "Basic Science-Physics": { + "Books": [ + "Basic Science Physics for MSBTE I Scheme" + ], + "YouTube": [ + "https://www.toppr.com/guides/general-knowledge/basic-science/basic-physics/", + "https://courses.lumenlearning.com/boundless-physics/chapter/the-basics-of-physics/" + ] + }, + "Basic Science-Chemistry": { + "Books": [ + "Basic Science Chemistry for MSBTE I Scheme" + ], + "YouTube": [ + "https://www.toppr.com/guides/general-knowledge/basic-science/basic-chemistry/", + "https://www.youtube.com/watch?v=MYuh5yErdfA" + ] + }, + "Basic Mathematics": { + "Books": [ + "Basic Mathematics for MSBTE I Scheme", + "BASIC MATHEMATICS" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=yT3jh2aZN68", + "https://www.youtube.com/watch?v=TMubSggUOVE" + ] + } + }, + "SEM II": { + "Elements of Electrical Engineering": { + "Books": [ + "Elements Of Electrical Engineering For 2 Sem Diploma", + "Elements of Electrical Engineering TechKnowledge Book" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=OVsevSLjGeg", + "https://www.youtube.com/watch?v=X_KWJ_MinOU" + ] + }, + "Applied Mathematics": { + "Books": [ + "Applied Mathematics for Polytechnics", + "A Basic Course in Mathematics for Polytechnic" + ], + "YouTube": [ + "https://www.apam.columbia.edu/programs/applied-mathematics", + "https://www.youtube.com/watch?v=pMxYBV5_V_U" + ] + }, + "Basic Electronics": { + "Books": [ + "Basic Electronics", + "Basic Electronics: Principles and Applications" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=uXr4lXYjXuU", + "https://www.youtube.com/watch?v=w8Dq8blTmSA" + ] + }, + "Programming in c": { + "Books": [ + "Let us C", + "The C Programming Language" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=KJgsSFOSQv0", + "https://www.youtube.com/watch?v=8PopR3x-VMY" + ] + }, + "Computer Peripheral & Hardware Maintenance": { + "Books": [ + "Computer Peripheral & Hardware Maintenance – FY DIPLOMA in COMPUTER " + ], + "YouTube": [ + "https://www.youtube.com/watch?v=4KFjswXoCSc", + "https://www.youtube.com/watch?v=8VMbetSpIEo" + ] + }, + "Web Page Designing with HTML": { + "Books": [ + "WEB PAGE DESIGNING WITH HTML – FY DIPLOMA in COMPUTER" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=O1mDHQVIbLY" + ] + } + }, + "SEM III": { + "Object Oriented Programming Using C++": { + "Books": [ + "Object-Oriented Programming in C++", + "Object-Oriented Programming with C++ | 8th Edition" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=_SH1T3y_D7o", + "https://www.youtube.com/watch?v=h4kUiFOb_v0" + ] + }, + "Data Structure Using C": { + "Books": [ + "Data Structures and Algorithms using C", + "Data Structures Through C in Depth" + ], + "YouTube": [ + "https://www.mygreatlearning.com/blog/data-structures-using-c/", + "https://www.youtube.com/watch?v=11i8bRojtYk" + ] + }, + "Computer Graphics": { + "Books": [ + "Computer Graphics for Diploma", + "Computer Graphics C Version" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=U9NrXOBXA1I", + "https://www.youtube.com/watch?v=NmMky9Pg8Yc" + ] + }, + "Database Management System": { + "Books": [ + "Database Management Systems (DBMS)", + "Database System Concepts | 6th Edition" + ], + "YouTube": [ + "https://www.guru99.com/what-is-dbms.html", + "https://www.youtube.com/watch?v=T7AxM7Vqvaw" + ] + }, + "Digital Technics": { + "Books": [ + "Digital Techniques Nirali" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=rkkhddqjBao" + ] + } + }, + "SEM IV": { + "Java Programming": { + "Books": [ + "LET US JAVA", + "Java For Dummies" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=ntLJmHOJ0ME&list=PLu0W_9lII9agS67Uits0UnJyrYiXhDS6q", + "https://www.youtube.com/watch?v=WOUpjal8ee4&list=PLsyeobzWxl7oZ-fxDYkOToURHhMuWD1BK" + ] + }, + "Software Engineering": { + "Books": [ + "SOFTWARE ENGINEERING (INDIA)", + "Software Engineering: A Practitioner’s Approach" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=uJpQlyT_CK4&list=PLxCzCOWd7aiEed7SKZBnC6ypFDWYLRvB2", + "https://www.youtube.com/watch?v=4b1D1QFEel0&list=PLWPirh4EWFpG2b1L3CL-OAPYcM25jLjXH" + ] + }, + "Data Communication and Computer Network": { + "Books": [ + "Data Communications and Computer Networks", + "Data and Computer Communications | Tenth Edition | By Pearson" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=JFF2vJaN0Cw&list=PLxCzCOWd7aiGFBD2-2joCpWOLUrDLvVV_", + "https://www.youtube.com/watch?v=VwN91x5i25g&list=PLBlnK6fEyqRgMCUAG0XRw78UA8qnv6jEx" + ] + }, + "Microprocessors": { + "Books": [ + "Microprocessors 8086", + "Microprocessors Nirali" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=cxo9RgbPwg8&list=PLWPirh4EWFpFDi8bggPYOiMLlD1D_bBPM", + "https://www.youtube.com/watch?v=6R7JDkpG1Wk&list=PLrjkTql3jnm8HbdMwBYIMAd3UdstWChFH" + ] + }, + "GUI Application Development using VB.Net": { + "Books": [ + "GUI Application Development Using VB.NET", + "GUI Application Development using VB.Net MSBTE Diploma Computer" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=AJpTbPasJqI&list=PLS1QulWo1RIYLpgVN_CpXbkOQoYJTItzg", + "https://www.youtube.com/watch?v=rPxC1tMec6I&list=PL8Hi5Onqn2eVOgJDjmQXPIPun8528FNPg" + ] + } + }, + "SEM V": { + "Environmental Studies": { + "Books": [ + "Environmental Studies for MSBTE (I SCHEME PATTERN S.Y)" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=7YEgleLstDY" + ] + }, + "Operating Systems": { + "Books": [ + "OPERATING SYSTEMS - THIRD YEAR DIPLOMA IN COMPUTER", + "Operating Systems Techneo" + ], + "YouTube": [ + "https://whatis.techtarget.com/definition/operating-system-OS", + "https://www.youtube.com/watch?v=26QPDBe-NB8" + ] + }, + "Advanced Java Programming": { + "Books": [ + "ADVANCED JAVA PROGRAMMING - THIRD YEAR DIPLOMA", + "Advanced Java Programming (with MCQ)" + ], + "YouTube": [ + "https://www.edureka.co/blog/advanced-java-tutorial", + "https://www.youtube.com/watch?v=Ae-r8hsbPUo" + ] + }, + "Software Testing": { + "Books": [ + "SOFTWARE TESTING - THIRD YEAR DIPLOMA IN COMPUTER ENGG GROUP" + ], + "YouTube": [ + "https://www.guru99.com/software-testing-introduction-importance.html", + "https://www.youtube.com/watch?v=goaZTAzsLMk" + ] + }, + "Client Side Scripting Language": { + "Books": [ + "CLIENT SIDE SCRIPTING LANGUAGE - ELECTIVE - For Diploma in Computer" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=DscQZX5XHQk", + "http://codingatschool.weebly.com/client--and-server-side-scripting.html" + ] + }, + "Advanced Computer Network": { + "Books": [ + "Advanced Computer Network For T.Y. MSBTE(I SCHEME)" + ], + "YouTube": [ + "https://www.shu.ac.uk/courses/computing/msc-advanced-computer-networks/full-time" + ] + }, + "Advanced Database Management Systems": { + "Books": [ + "Advanced Database Management System" + ], + "YouTube": [ + "https://www.edx.org/course/advanced-database-administration", + "https://www.youtube.com/watch?v=poEfLYH9W2M" + ] + } + }, + "SEM VI": { + "Management": { + "Books": [ + "Management For MSBTE Diploma" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=ipAseP7DNlw" + ] + }, + "Programming with Python": { + "Books": [ + "Program with Python with a Crash Course + Workbook", + "Python QuickStart Guide: The Simplified" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=_uQrJ0TkZlc", + "https://www.youtube.com/watch?v=rfscVS0vtbw&vl=en" + ] + }, + "Mobile Application Development": { + "Books": [ + "Android App Development", + "Mobile Applications Development in Android" + ], + "YouTube": [ + "https://buildfire.com/how-to-create-a-mobile-app/", + "https://www.valuecoders.com/blog/technology-and-apps/future-of-mobile-application-development/" + ] + }, + "Emerging Trends in Computer and Information Technology": { + "Books": [ + "Emerging Trends in Computer & Information Technology: Multiple Choice Questions and Answers" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=VpKs5hUJI6M" + ] + }, + "Web Based Application Development Using PHP": { + "Books": [ + "Developing Web Applications using PHP " + ], + "YouTube": [ + "https://www.youtube.com/watch?v=2gxLcIUFs2U", + "https://www.youtube.com/watch?v=yNolUEBE3Wc" + ] + } + } + }, + "Information Technology": { + "SEM I": { + "English": { + "Books": [ + "English for MSBTE I Scheme", + "ENGLISH FOR DIPLOMA" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=Nd4MScADY94", + "https://www.youtube.com/watch?v=LH57BAO9K88" + ] + }, + "Basic Science-Physics": { + "Books": [ + "Basic Science Physics for MSBTE I Scheme" + ], + "YouTube": [ + "https://www.toppr.com/guides/general-knowledge/basic-science/basic-physics/", + "https://courses.lumenlearning.com/boundless-physics/chapter/the-basics-of-physics/" + ] + }, + "Basic Science-Chemistry": { + "Books": [ + "Basic Science Chemistry for MSBTE I Scheme" + ], + "YouTube": [ + "https://www.toppr.com/guides/general-knowledge/basic-science/basic-chemistry/", + "https://www.youtube.com/watch?v=MYuh5yErdfA" + ] + }, + "Basic Mathematics": { + "Books": [ + "Basic Mathematics for MSBTE I Scheme", + "BASIC MATHEMATICS" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=yT3jh2aZN68", + "https://www.youtube.com/watch?v=TMubSggUOVE" + ] + } + }, + "SEM II": { + "Elements of Electrical Engineering": { + "Books": [ + "Elements Of Electrical Engineering For 2 Sem Diploma", + "Elements of Electrical Engineering TechKnowledge Book" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=OVsevSLjGeg", + "https://www.youtube.com/watch?v=X_KWJ_MinOU" + ] + }, + "Applied Mathematics": { + "Books": [ + "Applied Mathematics for Polytechnics", + "A Basic Course in Mathematics for Polytechnic" + ], + "YouTube": [ + "https://www.apam.columbia.edu/programs/applied-mathematics", + "https://www.youtube.com/watch?v=pMxYBV5_V_U" + ] + }, + "Basic Electronics": { + "Books": [ + "Basic Electronics", + "Basic Electronics: Principles and Applications" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=uXr4lXYjXuU", + "https://www.youtube.com/watch?v=w8Dq8blTmSA" + ] + }, + "Programming in c": { + "Books": [ + "Let us C", + "The C Programming Language" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=KJgsSFOSQv0", + "https://www.youtube.com/watch?v=8PopR3x-VMY" + ] + }, + "Computer Peripheral & Hardware Maintenance": { + "Books": [ + "Computer Peripheral & Hardware Maintenance – FY DIPLOMA in COMPUTER " + ], + "YouTube": [ + "https://www.youtube.com/watch?v=4KFjswXoCSc", + "https://www.youtube.com/watch?v=8VMbetSpIEo" + ] + }, + "Web Page Designing with HTML": { + "Books": [ + "WEB PAGE DESIGNING WITH HTML – FY DIPLOMA in COMPUTER" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=O1mDHQVIbLY" + ] + } + }, + "SEM III": { + "Object Oriented Programming Using C++": { + "Books": [ + "Object-Oriented Programming in C++", + "Object-Oriented Programming with C++ | 8th Edition" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=_SH1T3y_D7o", + "https://www.youtube.com/watch?v=h4kUiFOb_v0" + ] + }, + "Data Structure Using C": { + "Books": [ + "Data Structures and Algorithms using C", + "Data Structures Through C in Depth" + ], + "YouTube": [ + "https://www.mygreatlearning.com/blog/data-structures-using-c/", + "https://www.youtube.com/watch?v=11i8bRojtYk" + ] + }, + "Computer Graphics": { + "Books": [ + "Computer Graphics for Diploma", + "Computer Graphics C Version" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=U9NrXOBXA1I", + "https://www.youtube.com/watch?v=NmMky9Pg8Yc" + ] + }, + "Database Management System": { + "Books": [ + "Database Management Systems (DBMS)", + "Database System Concepts | 6th Edition" + ], + "YouTube": [ + "https://www.guru99.com/what-is-dbms.html", + "https://www.youtube.com/watch?v=T7AxM7Vqvaw" + ] + }, + "Digital Technics": { + "Books": [ + "Digital Techniques Nirali" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=rkkhddqjBao" + ] + } + }, + "SEM IV": { + "Java Programming": { + "Books": [ + "LET US JAVA", + "Java For Dummies" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=WPvGqX-TXP0", + "https://www.youtube.com/watch?v=mAtkPQO1FcA" + ] + }, + "Software Engineering": { + "Books": [ + "SOFTWARE ENGINEERING (INDIA)", + "Software Engineering: A Practitioner’s Approach" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=WxkP5KR_Emk", + "https://www.youtube.com/watch?v=4b1D1QFEel0" + ] + }, + "Data Communication and Computer Network": { + "Books": [ + "Data Communications and Computer Networks", + "Data and Computer Communications | Tenth Edition | By Pearson" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=OmYHJShD_QM", + "https://www.youtube.com/watch?v=GfIvQiamXFU" + ] + }, + "Microprocessors": { + "Books": [ + "Microprocessors 8086", + "Microprocessors Nirali" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=Xl2nWDcy0To", + "https://www.youtube.com/watch?v=-558gsZ4ZrM" + ] + }, + "GUI Application Development using VB.Net": { + "Books": [ + "GUI Application Development Using VB.NET", + "GUI Application Development using VB.Net MSBTE Diploma Computer" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=cCo7XKB52N4", + "https://www.youtube.com/watch?v=rX3H8a6_1gI" + ] + } + }, + "SEM V": { + "Environmental Studies": { + "Books": [ + "Environmental Studies for MSBTE (I SCHEME PATTERN S.Y)" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=7YEgleLstDY" + ] + }, + "Operating Systems": { + "Books": [ + "OPERATING SYSTEMS - THIRD YEAR DIPLOMA IN COMPUTER", + "Operating Systems Techneo" + ], + "YouTube": [ + "https://whatis.techtarget.com/definition/operating-system-OS", + "https://www.youtube.com/watch?v=26QPDBe-NB8" + ] + }, + "Advanced Java Programming": { + "Books": [ + "ADVANCED JAVA PROGRAMMING - THIRD YEAR DIPLOMA", + "Advanced Java Programming (with MCQ)" + ], + "YouTube": [ + "https://www.edureka.co/blog/advanced-java-tutorial", + "https://www.youtube.com/watch?v=Ae-r8hsbPUo" + ] + }, + "Software Testing": { + "Books": [ + "SOFTWARE TESTING - THIRD YEAR DIPLOMA IN COMPUTER ENGG GROUP" + ], + "YouTube": [ + "https://www.guru99.com/software-testing-introduction-importance.html", + "https://www.youtube.com/watch?v=goaZTAzsLMk" + ] + }, + "Client Side Scripting Language": { + "Books": [ + "CLIENT SIDE SCRIPTING LANGUAGE - ELECTIVE - For Diploma in Computer" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=DscQZX5XHQk", + "http://codingatschool.weebly.com/client--and-server-side-scripting.html" + ] + }, + "Advanced Computer Network": { + "Books": [ + "Advanced Computer Network For T.Y. MSBTE(I SCHEME)" + ], + "YouTube": [ + "https://www.shu.ac.uk/courses/computing/msc-advanced-computer-networks/full-time" + ] + }, + "Advanced Database Management Systems": { + "Books": [ + "Advanced Database Management System" + ], + "YouTube": [ + "https://www.edx.org/course/advanced-database-administration", + "https://www.youtube.com/watch?v=poEfLYH9W2M" + ] + } + }, + "SEM VI": { + "Management": { + "Books": [ + "Management For MSBTE Diploma" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=ipAseP7DNlw" + ] + }, + "Programming with Python": { + "Books": [ + "Program with Python with a Crash Course + Workbook", + "Python QuickStart Guide: The Simplified" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=_uQrJ0TkZlc", + "https://www.youtube.com/watch?v=rfscVS0vtbw&vl=en" + ] + }, + "Mobile Application Development": { + "Books": [ + "Android App Development", + "Mobile Applications Development in Android" + ], + "YouTube": [ + "https://buildfire.com/how-to-create-a-mobile-app/", + "https://www.valuecoders.com/blog/technology-and-apps/future-of-mobile-application-development/" + ] + }, + "Emerging Trends in Computer and Information Technology": { + "Books": [ + "Emerging Trends in Computer & Information Technology: Multiple Choice Questions and Answers" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=VpKs5hUJI6M" + ] + }, + "Web Based Application Development Using PHP": { + "Books": [ + "Developing Web Applications using PHP " + ], + "YouTube": [ + "https://www.youtube.com/watch?v=2gxLcIUFs2U", + "https://www.youtube.com/watch?v=yNolUEBE3Wc" + ] + } + } + }, + "Electrical Engineering": { + "SEM I": { + "English": { + "Books": [ + "Effective English with CD", + "English Grammer at Glance" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=VVhuLMELEcY&list=PLry0Rv5X75bSCqmunscVB5FnZ_f5alwzb", + "https://www.youtube.com/watch?v=3ha-kqV0P38" + ] + }, + "Basic Science-Physics": { + "Books": [ + "Fundamentals of Physics" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLAbbqVpW4yxs7xzYMrgIbNAik-6i8FuA5", + "https://www.youtube.com/playlist?list=PLk93o2oQAL_NjxBzOCFVotAR_Zy88Hfzl" + + ] + }, + "Basic Science-Chemistry": { + "Books": [ + "Engineering chemistry", + "Fundamentals of electroChemistry" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLG0FUtUKWA9IwqUNo51KK8HGGIZZ5gQIz", + "https://www.youtube.com/playlist?list=PLQYgCxDYkIszubcP2hr48swYPaY3w-WM_" + ] + }, + "Basic Mathematics": { + "Books": [ + "Higher Engineering Matematics", + "Advance Engineering mathematics" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLU6SqdYcYsfINU_Y9CMp1pZ827ZB1U-Xn", + "https://www.youtube.com/playlist?list=PLU6SqdYcYsfLPxjd-k-MaoG7qgRQ-2fKc" + ] + } + }, + "SEM II": { + "Elements of Electrical Engineering": { + "Books": [ + "Elements of Electrical Engineering" + + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PL9RcWoqXmzaLTYUdnzKhF4bYug3GjGcEc", + "https://www.youtube.com/playlist?list=PLD85An3RPybywzrn0gGQ2-UjD7OOAa0Jc" + ] + }, + "Applied Mathematics": { + "Books": [ + "methods of applied mathematics", + "Introduction to applied mathematics" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLPIwNooIb9vg73jq-EmDHWr4S66DIrTdt", + "https://www.youtube.com/playlist?list=PL-6hVfl0LQ--wUxOmz81Sr5knEPzxNHLr" + ] + }, + "Basic Electronics": { + "Books": [ + "Micro Electronic and Mechanical Systems.", + "Electronics Basics by Hua Tang." + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLvbKJaHKFw3aHNzdm1umUtw3bMjJRAStR", + "https://www.youtube.com/playlist?list=PLvbKJaHKFw3aHNzdm1umUtw3bMjJRAStR" + ] + }, + "Programming in c": { + "Books": [ + "Let us C", + "Head first C" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLu0W_9lII9aiXlHcLx-mDH1Qul38wD3aR", + "https://www.youtube.com/playlist?list=PLBlnK6fEyqRggZZgYpPMUxdY1CYkZtARR" + ] + }, + "Computer Peripheral and Hardware Maintenance": { + "Books": [ + "Computer hardware maintance" + + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLS0spxc8nUsAt5iBvXjRlzr4fsep5Ov-o" + + ] + } + + }, + "SEM III": { + "Digital Techniques": { + "Books": [ + "modern digital electronics", + "digital electronics principles" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLBlnK6fEyqRjMH3mWf6kwqiTbT798eAOm", + "https://www.youtube.com/playlist?list=PLbGui_ZYuhiilLuOs29220lxrhl3Ee7tO" + ] + }, + "Applied Electronics": { + "Books": [ + "Applied Electronics ", + "Princples of Applied Electronics" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLm_MSClsnwm-hRnTkL_spXpADYzgyvKaL", + "https://www.youtube.com/playlist?list=PLBlnK6fEyqRiw-GZRqfnlVIBz9dxrqHJS" + ] + }, + "Electric Circuits and Networks": { + "Books": [ + "Basics of Electrical Engineering", + "Circuit and Network" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLhuphP2dsOLh52yyxrNN7tgTDZdqV8vFx", + "https://www.youtube.com/playlist?list=PLBlnK6fEyqRgLR-hMp7wem-bdVN1iEhsh" + ] + }, + "Principles of Electronic Communication": { + "Books": [ + "Electronic Communication System", + " Principles of Electronic Communication System" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLgwJf8NK-2e5PngHbdEadEun5XPvnn00N" + + ] + } + + }, + "SEM IV": { + "Linear Integrated Circuits": { + "Books": [ + "Op-Amps and Linear Integrated Circuits ", + "Operational Amplifiers and ICs" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLPD7Ds2_Il0ggKZeS7jsx8N7k1DovnjTg", + "https://www.youtube.com/playlist?list=PLtmB4Xi1QiUB_IdBMnZnFJa416Wt3xdUP" + ] + }, + "Consumer Electronics": { + "Books": [ + "Consumer Electronics", + "Television and Video Engineering" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLy3MD_-7Q9uzdwLBU48EPhSe8tw9oNylw", + "https://www.youtube.com/playlist?list=PLBlnK6fEyqRiw-GZRqfnlVIBz9dxrqHJS" + ] + }, + "Microcontroller and Applications": { + "Books": [ + "8051 micro-controller architecture and application", + "Microprocessor and Micro-Controllers " + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLm_MSClsnwm9hEIDpFfDnOEu-6kVnF4ug" + + ] + } + + }, + "SEM V": { + "Environmental Studies": { + "Books": [ + "Basic Enviromental science", + "Environmental Studies" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLWNFsVK9R1MCvvPPAzX9_cV5YnfUKQaPx", + "https://www.youtube.com/playlist?list=PLvbKJaHKFw3aHNzdm1umUtw3bMjJRAStR" + ] + }, + "Control Systems and PLC": { + "Books": [ + "Process Control instrumentation Technology ", + "Intro to Programmable Logic Control" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLBlnK6fEyqRhqzJT87LsdQKYZBC93ezDo", + "https://www.youtube.com/playlist?list=PLhuphP2dsOLjdkgkD_uqsmmj37X0mLHnW" + ] + }, + "Embedded Systems": { + "Books": [ + "Making Embedded System" + + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLYwpaL_SFmcBpuYagx0JiSaM-Bi4dm0hG" + + ] + }, + "Mobile and Wireless Communication": { + "Books": [ + "Mobile and Wireless Communication", + "Advance Mobile and Wireless Communication" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLV8vIYTIdSnZMKTQSTxWbx4NGNfxyZq_N", + "https://www.youtube.com/playlist?list=PLiRLcaESqTvo5pndADYAMcENWCNl0EpC9" + ] + } + + }, + "SEM VI": { + "Microwave and RADAR": { + "Books": [ + "Microwave and Radar Engineering", + "Fundamental of Microwave & Radar Engineering" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLgwJf8NK-2e6A4Mtxud6xPHE1UecxWsHW", + "https://www.youtube.com/playlist?list=PLOzRYVm0a65dcxLJgO0uzQ0Sad-57w37u" + ] + }, + "Industrial Automation": { + "Books": [ + "Industrial Automation: Hands On", + "Industrial Automation and Robotics: An Introduction" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLE8F9BF5CB1201D23", + "https://www.youtube.com/playlist?list=PLln3BHg93SQ9SEN8jXvhycxAeFcmkjTNs" + ] + } + } + }, + "Mechanical Engineering": { + "SEM I": { + "English": { + "Books": [ + "Effective English with CD", + "English Grammer at Glance" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=VVhuLMELEcY&list=PLry0Rv5X75bSCqmunscVB5FnZ_f5alwzb", + "https://www.youtube.com/watch?v=3ha-kqV0P38" + ] + }, + "Basic Science-Physics": { + "Books": [ + "Fundamentals of Physics" + + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLAbbqVpW4yxs7xzYMrgIbNAik-6i8FuA5", + "https://www.youtube.com/playlist?list=PLk93o2oQAL_NjxBzOCFVotAR_Zy88Hfzl" + + ] + }, + "Basic Science-Chemistry": { + "Books": [ + "Engineering chemistry", + "Fundamentals of electroChemistry" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLG0FUtUKWA9IwqUNo51KK8HGGIZZ5gQIz", + "https://www.youtube.com/playlist?list=PLQYgCxDYkIszubcP2hr48swYPaY3w-WM_" + ] + }, + "Basic Mathematics": { + "Books": [ + "Higher Engineering Matematics", + "Advance Engineering mathematics" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLU6SqdYcYsfINU_Y9CMp1pZ827ZB1U-Xn", + "https://www.youtube.com/playlist?list=PLU6SqdYcYsfLPxjd-k-MaoG7qgRQ-2fKc" + ] + } + }, + "SEM II": { + "Applied Science": { + "Books": [ + "Functional Equations in Applied Sciences", + "Mathematical Methods in Applied Sciences" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLsz05IRkJmFqZiQfTfRhgzCkKWzoemArQ" + + ] + }, + "Applied Mathematics": { + "Books": [ + "methods of applied mathematics", + "Introduction to applied mathematics" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLPIwNooIb9vg73jq-EmDHWr4S66DIrTdt", + "https://www.youtube.com/playlist?list=PL-6hVfl0LQ--wUxOmz81Sr5knEPzxNHLr" + ] + }, + "Applied Mechanics": { + "Books": [ + "A Textbook of Applied Mechanics", + "Engineering Analysis in Applied Mechanics" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLDN15nk5uLiAyM7MbRBF1eIFC8y5vMRxI", + "https://www.youtube.com/playlist?list=PLsSgFix02l7vJOOUnKaAnPNecggYDQ2Wp" + ] + } + + }, + "SEM III": { + "Strength of Materials": { + "Books": [ + "Strength Of Materials", + "Essentials of Strength of Materials" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PL9RcWoqXmzaLlfmNg2Ku1SdZtvXnYrLbc", + "https://www.youtube.com/playlist?list=PL9H2IJVEgfm_wwJm0GIfeCWjHZtpG5VQI" + ] + }, + "Basic Electrical and Thermal Engineering": { + "Books": [ + "The CRC Handbook of Thermal Engineering", + "Thermal Engineering: A Text Book of Practicals" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PL9RcWoqXmzaK6AHCCyL_J6gqc02RN-w-D" + + ] + }, + "Mechanical Working Drawing": { + "Books": [ + "Mechanical Drawing - Projection Drawing", + "Machine Drawing" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLmmAzxN3QsvAEdWkKl3GfWjnzCsmmoF2b", + "https://www.youtube.com/playlist?list=PL1xA-pZWMKpPCC2IuYVt435v_2EqcA3ar" + ] + }, + "Mechanical Engineering Materials": { + "Books": [ + "Engineering Drawing and Materials for Mechanical Engineering " + + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLbCDLPSRuhSMI4DLJ8VIpitedGc2fT_5E", + "https://www.youtube.com/playlist?list=PLyAZSyX8Qy5Am_2StOOQ5vCUE3VIcAenE" + ] + }, + "Engineering Metrology": { + "Books": [ + "Engineering Metrology and Measurements", + "Applied Metrology for Manufacturing Engineering" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLFW6lRTa1g83VG9vmMfSHf2o6q_SlcC9x", + "https://www.youtube.com/playlist?list=PLCiQX8xL_7JzfW5c9YsDfav_m8k6in4Fw" + ] + } + }, + "SEM IV": { + "Theory of Machines": { + "Books": [ + "Theory of Machines: Kinematics and Dynamics", + "Theory of Machines" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLiSPNzs4fD9v3sQhMMuihEDothsOAKJ-a", + "https://www.youtube.com/playlist?list=PLNyPK_sfNdSSmNpaWkitGnf8cQO7we_G4" + ] + }, + "Mechanical Engineering Measurements": { + "Books": [ + "Engineering Metrology and Measurements", + "Mechanical Measurements" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLwdnzlV3ogoXJLQ8lSGb1hsztt24l9kZZ", + "https://www.youtube.com/playlist?list=PL41FA714195562989" + ] + }, + "Fluid Mechanics and Machinery": { + "Books": [ + "Fluid Mechanics and Machinery", + "A Textbook of Fluid Mechanics and Hydraulic Machines" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PL9RcWoqXmzaLnlGN39w2-1jyFyI_ALVa3", + "https://www.youtube.com/playlist?list=PLfNot5_yarU3jwJl8omMCpn51BA5SUgLU" + ] + }, + "Environmental Studies": { + "Books": [ + "Basic Enviromental science", + "Environmental Studies" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLWNFsVK9R1MCvvPPAzX9_cV5YnfUKQaPx", + "https://www.youtube.com/playlist?list=PLvbKJaHKFw3aHNzdm1umUtw3bMjJRAStR" + ] + }, + "Fundamentals of Mechatronics": { + "Books": [ + "Fundamentals of Mechatronics", + "Mechatronics: Fundamentals and Applications" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLFFMIXoXGiOW01Tpv5oYg70MPMlc0tt6s", + "https://www.youtube.com/playlist?list=PLLy_2iUCG87BNHXRb6L2pWEpMcLoFaY_U" + ] + } + }, + "SEM V": { + "Power Engineering and Refrigeration": { + "Books": [ + "The Refrigerating Data Book", + "Air Conditioning and Refrigeration Engineering" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLFe9iOZ1HkC4aGxREk0D-BD5vCN_GxZ8x", + "https://www.youtube.com/watch?v=WgHb_hPji7Y&list=PL7yx7VHp1sBAwD8KKykSUbpobtbi1ST56" + ] + }, + "Advanced Manufacturing Processes": { + "Books": [ + "Advanced Manufacturing and Processing Technology", + "Modern Manufacturing Processes" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLbMVogVj5nJSzoQXmu7dsj9ZKJyZ1P4O8", + "https://www.youtube.com/playlist?list=PL9H2IJVEgfm8w10EKq2YdtMlTDXedmrdB" + ] + }, + "Elements of Machine Design": { + "Books": [ + "Design of Machine Elements", + "The Elements of Mechanical Design" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLF4rzv4nvefRPEy4X8YlW1i1K1QlKggW9", + "https://www.youtube.com/playlist?list=PLm_MSClsnwm-QwOu8EkbM7C-DOUB4DxLD" + ] + } + }, + "SEM VI": { + "Management": { + "Books": [ + "Book of apple wala", + "Book of newton" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLvbKJaHKFw3aHNzdm1umUtw3bMjJRAStR", + "https://www.youtube.com/playlist?list=PLvbKJaHKFw3aHNzdm1umUtw3bMjJRAStR" + ] + }, + "Power Plant Engineering": { + "Books": [ + "Practical Power Plant Engineering", + "Power Plant Engineering" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLvbKJaHKFw3aHNzdm1umUtw3bMjJRAStR", + "https://www.youtube.com/playlist?list=PLvbKJaHKFw3aHNzdm1umUtw3bMjJRAStR" + ] + }, + "Solid Modeling and Additive Manufacturing": { + "Books": [ + "Solid Modeling and Drafting " + + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLvbKJaHKFw3aHNzdm1umUtw3bMjJRAStR", + "https://www.youtube.com/playlist?list=PLvbKJaHKFw3aHNzdm1umUtw3bMjJRAStR" + ] + } + } + + }, + "Civil Engineering": { + "SEM I": { + "English": { + "Books": [ + "Effective English with CD", + "English Grammer at Glance" + ], + "YouTube": [ + "https://www.youtube.com/watch?v=VVhuLMELEcY&list=PLry0Rv5X75bSCqmunscVB5FnZ_f5alwzb", + "https://www.youtube.com/watch?v=3ha-kqV0P38" + ] + }, + "Basic Science-Physics": { + "Books": [ + "Fundamentals of Physics" + + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLAbbqVpW4yxs7xzYMrgIbNAik-6i8FuA5", + "https://www.youtube.com/playlist?list=PLk93o2oQAL_NjxBzOCFVotAR_Zy88Hfzl" + + ] + }, + "Basic Science-Chemistry": { + "Books": [ + "Engineering chemistry", + "Fundamentals of electroChemistry" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLG0FUtUKWA9IwqUNo51KK8HGGIZZ5gQIz", + "https://www.youtube.com/playlist?list=PLQYgCxDYkIszubcP2hr48swYPaY3w-WM_" + ] + }, + "Basic Mathematics": { + "Books": [ + "Higher Engineering Matematics", + "Advance Engineering mathematics" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLU6SqdYcYsfINU_Y9CMp1pZ827ZB1U-Xn", + "https://www.youtube.com/playlist?list=PLU6SqdYcYsfLPxjd-k-MaoG7qgRQ-2fKc" + ] + } + }, + "SEM II": { + "Applied Science": { + "Books": [ + "Functional Equations in Applied Sciences", + "Mathematical Methods in Applied Sciences" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLsz05IRkJmFqZiQfTfRhgzCkKWzoemArQ" + + ] + }, + "Applied Mathematics": { + "Books": [ + "methods of applied mathematics", + "Introduction to applied mathematics" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLPIwNooIb9vg73jq-EmDHWr4S66DIrTdt", + "https://www.youtube.com/playlist?list=PL-6hVfl0LQ--wUxOmz81Sr5knEPzxNHLr" + ] + }, + "Applied Mechanics": { + "Books": [ + "A Textbook of Applied Mechanics", + "Engineering Analysis in Applied Mechanics" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLDN15nk5uLiAyM7MbRBF1eIFC8y5vMRxI", + "https://www.youtube.com/playlist?list=PLsSgFix02l7vJOOUnKaAnPNecggYDQ2Wp" + ] + } + + }, + "SEM III": { + "Hydraulics": { + "Books": [ + "OPEN CHANNEL HYDRAULICS", + "FLUID MECHANICS" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PL9H2IJVEgfm8DeZGf5fn5cF_AFKiCyqkz", + "https://www.youtube.com/playlist?list=PL9PKXBF-BfEITbLl2y3V0p8uXxcQWbqEJ" + ] + }, + "Theory of Structures": { + "Books": [ + "The History of the Theory of Structures", + "Basic Theory of Structures" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLk7ptZcI9vmiC99nDbKPK5btwh92dueLH", + "https://www.youtube.com/playlist?list=PL9RcWoqXmzaJ_MDDo1KlkPoqg0tZgxEZY" + + ] + }, + "Railway and Bridge Engineering": { + "Books": [ + "Design and Construction of Modern Steel Railway Bridges", + "Analysis and Design of Railway Bridges" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLXKZsEFKU__HHtsCMaAIPB3tr5Ht2Bdge" + + ] + }, + "Geo-Technical Engineering": { + "Books": [ + "RISK AND RELIABILITY IN GEOTECHNICAL ENGINEERING", + "PRINCIPLES AND PRACTISE OF GROUND IMPROVEMENT" + + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLgzsL8klq6DItVXUMDXs0lsqy3S9j8gkK", + "https://www.youtube.com/playlist?list=PLk7ptZcI9vmgVCicCxeYKeyq_jfXXEmOG" + ] + } + }, + "SEM IV": { + "Theory of Machines": { + "Books": [ + "Theory of Machines: Kinematics and Dynamics", + "Theory of Machines" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLiSPNzs4fD9v3sQhMMuihEDothsOAKJ-a", + "https://www.youtube.com/playlist?list=PLNyPK_sfNdSSmNpaWkitGnf8cQO7we_G4" + ] + }, + "Building Planning and Drawing": { + "Books": [ + "CIVIL ENGINEERING DRAWING AND HOUSE PLANNING", + "DRAWING AND DESIGN OF RESISENTIAL AND COMMERCIAL BUILDINGS" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PL5S3o0bbDTuJIe7LYSD2YZG7pdt98JnFL" + + ] + }, + "Environmental Studies": { + "Books": [ + "Basic Enviromental science", + "Environmental Studies" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLWNFsVK9R1MCvvPPAzX9_cV5YnfUKQaPx", + "https://www.youtube.com/playlist?list=PLvbKJaHKFw3aHNzdm1umUtw3bMjJRAStR" + ] + } + }, + "SEM V": { + "Water Resource Engineering": { + "Books": [ + "INTRODUCTION TO WATER RESOURCES AND ENVIRONMENTAL ISSUES ", + "WATER 4.0" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PL9RcWoqXmzaJJhCtjG2WIHS4QFRzhLfk5", + "https://www.youtube.com/playlist?list=PLk7ptZcI9vmiTwRoPIt2jGFFmxLgOcqlB" + ] + }, + "Advanced Manufacturing Processes": { + "Books": [ + "Advanced Manufacturing and Processing Technology", + "Modern Manufacturing Processes" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLbMVogVj5nJSzoQXmu7dsj9ZKJyZ1P4O8", + "https://www.youtube.com/playlist?list=PL9H2IJVEgfm8w10EKq2YdtMlTDXedmrdB" + ] + }, + "Design of Steel and RCC Structures": { + "Books": [ + "DESIGN OF STEEL STRUCTURE ", + "LIMIT STATE DESIGN OF STEEL STRUCTURE" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PL51300B0778FB5784", + "https://www.youtube.com/playlist?list=PLk7ptZcI9vmhcbvZzcm0biX76uTO1u1cI" + ] + } + }, + "SEM VI": { + "Management": { + "Books": [ + "Book of apple wala", + "Book of newton" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLvbKJaHKFw3aHNzdm1umUtw3bMjJRAStR", + "https://www.youtube.com/playlist?list=PLvbKJaHKFw3aHNzdm1umUtw3bMjJRAStR" + ] + }, + "Estimating and Costing": { + "Books": [ + "ESTIMATING,COSTING,SPECIFICATION AND VALUATION IN CIVIL ENGINEERING", + "A COURSE IN ELECTRICAL INSTALLATION ESTIMATING AND COSTING" + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PL_Neuu4K0N4SLOAZrkNqnB8oboSybgA6c" + + ] + }, + "Public Health Engineering": { + "Books": [ + "Water-Supply and Public Health Engineering ", + "Public Health Engineering: Sewerage, Second Edition " + + ], + "YouTube": [ + "https://www.youtube.com/playlist?list=PLyKNSXBaJwe6VupCtDS_a1rRlXe2qvt_n" + + ] + } + } + + } + } +} \ No newline at end of file diff --git a/HellionCoders/GuidingYourWay/static/assets/css/animated.css b/HellionCoders/GuidingYourWay/static/assets/css/animated.css new file mode 100644 index 0000000..530c62b --- /dev/null +++ b/HellionCoders/GuidingYourWay/static/assets/css/animated.css @@ -0,0 +1,3284 @@ +@charset "UTF-8"; + +.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; +} + +@-webkit-keyframes bounce { + + 0%, + 20%, + 53%, + 80%, + 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-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-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-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-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-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-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-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-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-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; + -ms-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; + -ms-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 bounceIn { + + 0%, + 20%, + 40%, + 60%, + 80%, + 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-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-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes bounceInDown { + + 0%, + 60%, + 75%, + 90%, + 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-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-animation-duration: .75s; + animation-duration: .75s; +} + +@-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: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.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; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.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-transition-timing-function: ease-in; + transition-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-transition-timing-function: ease-in; + transition-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-transition-timing-function: ease-in; + transition-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-transition-timing-function: ease-in; + transition-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-transition-timing-function: ease-in; + transition-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-transition-timing-function: ease-in; + transition-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-transition-timing-function: ease-in; + transition-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-transition-timing-function: ease-in; + transition-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-animation-duration: .75s; + animation-duration: .75s; + -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-animation-duration: .75s; + animation-duration: .75s; +} + +@-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 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: translateY(-100%); + transform: translateY(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInDown { + 0% { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + 0% { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInLeft { + 0% { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + 0% { + -webkit-transform: translateX(100%); + transform: translateX(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInRight { + 0% { + -webkit-transform: translateX(100%); + transform: translateX(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideInUp { + 0% { + -webkit-transform: translateY(100%); + transform: translateY(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInUp { + 0% { + -webkit-transform: translateY(100%); + transform: translateY(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} + +@-webkit-keyframes slideOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} + +@keyframes slideOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +} + +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } +} + +@keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } +} + +@keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} \ No newline at end of file diff --git a/HellionCoders/GuidingYourWay/static/assets/css/fontawesome.css b/HellionCoders/GuidingYourWay/static/assets/css/fontawesome.css new file mode 100644 index 0000000..1c65f6c --- /dev/null +++ b/HellionCoders/GuidingYourWay/static/assets/css/fontawesome.css @@ -0,0 +1,2344 @@ +@font-face { + font-family: 'FontAwesome'; + src: url('../fonts/fontawesome-webfont.eot?v=4.3.0'); + src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal +} + +.fa { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + transform: translate(0, 0) +} + +.fa-lg { + font-size: 1.33333333em; + line-height: .75em; + vertical-align: -15% +} + +.fa-2x { + font-size: 2em +} + +.fa-3x { + font-size: 3em +} + +.fa-4x { + font-size: 4em +} + +.fa-5x { + font-size: 5em +} + +.fa-fw { + width: 1.28571429em; + text-align: center +} + +.fa-ul { + padding-left: 0; + margin-left: 2.14285714em; + list-style-type: none +} + +.fa-ul>li { + position: relative +} + +.fa-li { + position: absolute; + left: -2.14285714em; + width: 2.14285714em; + top: .14285714em; + text-align: center +} + +.fa-li.fa-lg { + left: -1.85714286em +} + +.fa-border { + padding: .2em .25em .15em; + border: solid .08em #eee; + border-radius: .1em +} + +.pull-right { + float: right +} + +.pull-left { + float: left +} + +.fa.pull-left { + margin-right: .3em +} + +.fa.pull-right { + margin-left: .3em +} + +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear +} + +.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(359deg); + transform: rotate(359deg) + } +} + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg) + } + + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg) + } +} + +.fa-rotate-90 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg) +} + +.fa-rotate-180 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg) +} + +.fa-rotate-270 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg) +} + +.fa-flip-horizontal { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1) +} + +.fa-flip-vertical { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1) +} + +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + filter: none +} + +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle +} + +.fa-stack-1x, +.fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center +} + +.fa-stack-1x { + line-height: inherit +} + +.fa-stack-2x { + font-size: 2em +} + +.fa-inverse { + color: #fff +} + +.fa-glass:before { + content: "\f000" +} + +.fa-music:before { + content: "\f001" +} + +.fa-search:before { + content: "\f002" +} + +.fa-envelope-o:before { + content: "\f003" +} + +.fa-heart:before { + content: "\f004" +} + +.fa-star:before { + content: "\f005" +} + +.fa-star-o:before { + content: "\f006" +} + +.fa-user:before { + content: "\f007" +} + +.fa-film:before { + content: "\f008" +} + +.fa-th-large:before { + content: "\f009" +} + +.fa-th:before { + content: "\f00a" +} + +.fa-th-list:before { + content: "\f00b" +} + +.fa-check:before { + content: "\f00c" +} + +.fa-remove:before, +.fa-close:before, +.fa-times:before { + content: "\f00d" +} + +.fa-search-plus:before { + content: "\f00e" +} + +.fa-search-minus:before { + content: "\f010" +} + +.fa-power-off:before { + content: "\f011" +} + +.fa-signal:before { + content: "\f012" +} + +.fa-gear:before, +.fa-cog:before { + content: "\f013" +} + +.fa-trash-o:before { + content: "\f014" +} + +.fa-home:before { + content: "\f015" +} + +.fa-file-o:before { + content: "\f016" +} + +.fa-clock-o:before { + content: "\f017" +} + +.fa-road:before { + content: "\f018" +} + +.fa-download:before { + content: "\f019" +} + +.fa-arrow-circle-o-down:before { + content: "\f01a" +} + +.fa-arrow-circle-o-up:before { + content: "\f01b" +} + +.fa-inbox:before { + content: "\f01c" +} + +.fa-play-circle-o:before { + content: "\f01d" +} + +.fa-rotate-right:before, +.fa-repeat:before { + content: "\f01e" +} + +.fa-refresh:before { + content: "\f021" +} + +.fa-list-alt:before { + content: "\f022" +} + +.fa-lock:before { + content: "\f023" +} + +.fa-flag:before { + content: "\f024" +} + +.fa-headphones:before { + content: "\f025" +} + +.fa-volume-off:before { + content: "\f026" +} + +.fa-volume-down:before { + content: "\f027" +} + +.fa-volume-up:before { + content: "\f028" +} + +.fa-qrcode:before { + content: "\f029" +} + +.fa-barcode:before { + content: "\f02a" +} + +.fa-tag:before { + content: "\f02b" +} + +.fa-tags:before { + content: "\f02c" +} + +.fa-book:before { + content: "\f02d" +} + +.fa-bookmark:before { + content: "\f02e" +} + +.fa-print:before { + content: "\f02f" +} + +.fa-camera:before { + content: "\f030" +} + +.fa-font:before { + content: "\f031" +} + +.fa-bold:before { + content: "\f032" +} + +.fa-italic:before { + content: "\f033" +} + +.fa-text-height:before { + content: "\f034" +} + +.fa-text-width:before { + content: "\f035" +} + +.fa-align-left:before { + content: "\f036" +} + +.fa-align-center:before { + content: "\f037" +} + +.fa-align-right:before { + content: "\f038" +} + +.fa-align-justify:before { + content: "\f039" +} + +.fa-list:before { + content: "\f03a" +} + +.fa-dedent:before, +.fa-outdent:before { + content: "\f03b" +} + +.fa-indent:before { + content: "\f03c" +} + +.fa-video-camera:before { + content: "\f03d" +} + +.fa-photo:before, +.fa-image:before, +.fa-picture-o:before { + content: "\f03e" +} + +.fa-pencil:before { + content: "\f040" +} + +.fa-map-marker:before { + content: "\f041" +} + +.fa-adjust:before { + content: "\f042" +} + +.fa-tint:before { + content: "\f043" +} + +.fa-edit:before, +.fa-pencil-square-o:before { + content: "\f044" +} + +.fa-share-square-o:before { + content: "\f045" +} + +.fa-check-square-o:before { + content: "\f046" +} + +.fa-arrows:before { + content: "\f047" +} + +.fa-step-backward:before { + content: "\f048" +} + +.fa-fast-backward:before { + content: "\f049" +} + +.fa-backward:before { + content: "\f04a" +} + +.fa-play:before { + content: "\f04b" +} + +.fa-pause:before { + content: "\f04c" +} + +.fa-stop:before { + content: "\f04d" +} + +.fa-forward:before { + content: "\f04e" +} + +.fa-fast-forward:before { + content: "\f050" +} + +.fa-step-forward:before { + content: "\f051" +} + +.fa-eject:before { + content: "\f052" +} + +.fa-chevron-left:before { + content: "\f053" +} + +.fa-chevron-right:before { + content: "\f054" +} + +.fa-plus-circle:before { + content: "\f055" +} + +.fa-minus-circle:before { + content: "\f056" +} + +.fa-times-circle:before { + content: "\f057" +} + +.fa-check-circle:before { + content: "\f058" +} + +.fa-question-circle:before { + content: "\f059" +} + +.fa-info-circle:before { + content: "\f05a" +} + +.fa-crosshairs:before { + content: "\f05b" +} + +.fa-times-circle-o:before { + content: "\f05c" +} + +.fa-check-circle-o:before { + content: "\f05d" +} + +.fa-ban:before { + content: "\f05e" +} + +.fa-arrow-left:before { + content: "\f060" +} + +.fa-arrow-right:before { + content: "\f061" +} + +.fa-arrow-up:before { + content: "\f062" +} + +.fa-arrow-down:before { + content: "\f063" +} + +.fa-mail-forward:before, +.fa-share:before { + content: "\f064" +} + +.fa-expand:before { + content: "\f065" +} + +.fa-compress:before { + content: "\f066" +} + +.fa-plus:before { + content: "\f067" +} + +.fa-minus:before { + content: "\f068" +} + +.fa-asterisk:before { + content: "\f069" +} + +.fa-exclamation-circle:before { + content: "\f06a" +} + +.fa-gift:before { + content: "\f06b" +} + +.fa-leaf:before { + content: "\f06c" +} + +.fa-fire:before { + content: "\f06d" +} + +.fa-eye:before { + content: "\f06e" +} + +.fa-eye-slash:before { + content: "\f070" +} + +.fa-warning:before, +.fa-exclamation-triangle:before { + content: "\f071" +} + +.fa-plane:before { + content: "\f072" +} + +.fa-calendar:before { + content: "\f073" +} + +.fa-random:before { + content: "\f074" +} + +.fa-comment:before { + content: "\f075" +} + +.fa-magnet:before { + content: "\f076" +} + +.fa-chevron-up:before { + content: "\f077" +} + +.fa-chevron-down:before { + content: "\f078" +} + +.fa-retweet:before { + content: "\f079" +} + +.fa-shopping-cart:before { + content: "\f07a" +} + +.fa-folder:before { + content: "\f07b" +} + +.fa-folder-open:before { + content: "\f07c" +} + +.fa-arrows-v:before { + content: "\f07d" +} + +.fa-arrows-h:before { + content: "\f07e" +} + +.fa-bar-chart-o:before, +.fa-bar-chart:before { + content: "\f080" +} + +.fa-twitter-square:before { + content: "\f081" +} + +.fa-facebook-square:before { + content: "\f082" +} + +.fa-camera-retro:before { + content: "\f083" +} + +.fa-key:before { + content: "\f084" +} + +.fa-gears:before, +.fa-cogs:before { + content: "\f085" +} + +.fa-comments:before { + content: "\f086" +} + +.fa-thumbs-o-up:before { + content: "\f087" +} + +.fa-thumbs-o-down:before { + content: "\f088" +} + +.fa-star-half:before { + content: "\f089" +} + +.fa-heart-o:before { + content: "\f08a" +} + +.fa-sign-out:before { + content: "\f08b" +} + +.fa-linkedin-square:before { + content: "\f08c" +} + +.fa-thumb-tack:before { + content: "\f08d" +} + +.fa-external-link:before { + content: "\f08e" +} + +.fa-sign-in:before { + content: "\f090" +} + +.fa-trophy:before { + content: "\f091" +} + +.fa-github-square:before { + content: "\f092" +} + +.fa-upload:before { + content: "\f093" +} + +.fa-lemon-o:before { + content: "\f094" +} + +.fa-phone:before { + content: "\f095" +} + +.fa-square-o:before { + content: "\f096" +} + +.fa-bookmark-o:before { + content: "\f097" +} + +.fa-phone-square:before { + content: "\f098" +} + +.fa-twitter:before { + content: "\f099" +} + +.fa-facebook-f:before, +.fa-facebook:before { + content: "\f09a" +} + +.fa-github:before { + content: "\f09b" +} + +.fa-unlock:before { + content: "\f09c" +} + +.fa-credit-card:before { + content: "\f09d" +} + +.fa-rss:before { + content: "\f09e" +} + +.fa-hdd-o:before { + content: "\f0a0" +} + +.fa-bullhorn:before { + content: "\f0a1" +} + +.fa-bell:before { + content: "\f0f3" +} + +.fa-certificate:before { + content: "\f0a3" +} + +.fa-hand-o-right:before { + content: "\f0a4" +} + +.fa-hand-o-left:before { + content: "\f0a5" +} + +.fa-hand-o-up:before { + content: "\f0a6" +} + +.fa-hand-o-down:before { + content: "\f0a7" +} + +.fa-arrow-circle-left:before { + content: "\f0a8" +} + +.fa-arrow-circle-right:before { + content: "\f0a9" +} + +.fa-arrow-circle-up:before { + content: "\f0aa" +} + +.fa-arrow-circle-down:before { + content: "\f0ab" +} + +.fa-globe:before { + content: "\f0ac" +} + +.fa-wrench:before { + content: "\f0ad" +} + +.fa-tasks:before { + content: "\f0ae" +} + +.fa-filter:before { + content: "\f0b0" +} + +.fa-briefcase:before { + content: "\f0b1" +} + +.fa-arrows-alt:before { + content: "\f0b2" +} + +.fa-group:before, +.fa-users:before { + content: "\f0c0" +} + +.fa-chain:before, +.fa-link:before { + content: "\f0c1" +} + +.fa-cloud:before { + content: "\f0c2" +} + +.fa-flask:before { + content: "\f0c3" +} + +.fa-cut:before, +.fa-scissors:before { + content: "\f0c4" +} + +.fa-copy:before, +.fa-files-o:before { + content: "\f0c5" +} + +.fa-paperclip:before { + content: "\f0c6" +} + +.fa-save:before, +.fa-floppy-o:before { + content: "\f0c7" +} + +.fa-square:before { + content: "\f0c8" +} + +.fa-navicon:before, +.fa-reorder:before, +.fa-bars:before { + content: "\f0c9" +} + +.fa-list-ul:before { + content: "\f0ca" +} + +.fa-list-ol:before { + content: "\f0cb" +} + +.fa-strikethrough:before { + content: "\f0cc" +} + +.fa-underline:before { + content: "\f0cd" +} + +.fa-table:before { + content: "\f0ce" +} + +.fa-magic:before { + content: "\f0d0" +} + +.fa-truck:before { + content: "\f0d1" +} + +.fa-pinterest:before { + content: "\f0d2" +} + +.fa-pinterest-square:before { + content: "\f0d3" +} + +.fa-google-plus-square:before { + content: "\f0d4" +} + +.fa-google-plus:before { + content: "\f0d5" +} + +.fa-money:before { + content: "\f0d6" +} + +.fa-caret-down:before { + content: "\f0d7" +} + +.fa-caret-up:before { + content: "\f0d8" +} + +.fa-caret-left:before { + content: "\f0d9" +} + +.fa-caret-right:before { + content: "\f0da" +} + +.fa-columns:before { + content: "\f0db" +} + +.fa-unsorted:before, +.fa-sort:before { + content: "\f0dc" +} + +.fa-sort-down:before, +.fa-sort-desc:before { + content: "\f0dd" +} + +.fa-sort-up:before, +.fa-sort-asc:before { + content: "\f0de" +} + +.fa-envelope:before { + content: "\f0e0" +} + +.fa-linkedin:before { + content: "\f0e1" +} + +.fa-rotate-left:before, +.fa-undo:before { + content: "\f0e2" +} + +.fa-legal:before, +.fa-gavel:before { + content: "\f0e3" +} + +.fa-dashboard:before, +.fa-tachometer:before { + content: "\f0e4" +} + +.fa-comment-o:before { + content: "\f0e5" +} + +.fa-comments-o:before { + content: "\f0e6" +} + +.fa-flash:before, +.fa-bolt:before { + content: "\f0e7" +} + +.fa-sitemap:before { + content: "\f0e8" +} + +.fa-umbrella:before { + content: "\f0e9" +} + +.fa-paste:before, +.fa-clipboard:before { + content: "\f0ea" +} + +.fa-lightbulb-o:before { + content: "\f0eb" +} + +.fa-exchange:before { + content: "\f0ec" +} + +.fa-cloud-download:before { + content: "\f0ed" +} + +.fa-cloud-upload:before { + content: "\f0ee" +} + +.fa-user-md:before { + content: "\f0f0" +} + +.fa-stethoscope:before { + content: "\f0f1" +} + +.fa-suitcase:before { + content: "\f0f2" +} + +.fa-bell-o:before { + content: "\f0a2" +} + +.fa-coffee:before { + content: "\f0f4" +} + +.fa-cutlery:before { + content: "\f0f5" +} + +.fa-file-text-o:before { + content: "\f0f6" +} + +.fa-building-o:before { + content: "\f0f7" +} + +.fa-hospital-o:before { + content: "\f0f8" +} + +.fa-ambulance:before { + content: "\f0f9" +} + +.fa-medkit:before { + content: "\f0fa" +} + +.fa-fighter-jet:before { + content: "\f0fb" +} + +.fa-beer:before { + content: "\f0fc" +} + +.fa-h-square:before { + content: "\f0fd" +} + +.fa-plus-square:before { + content: "\f0fe" +} + +.fa-angle-double-left:before { + content: "\f100" +} + +.fa-angle-double-right:before { + content: "\f101" +} + +.fa-angle-double-up:before { + content: "\f102" +} + +.fa-angle-double-down:before { + content: "\f103" +} + +.fa-angle-left:before { + content: "\f104" +} + +.fa-angle-right:before { + content: "\f105" +} + +.fa-angle-up:before { + content: "\f106" +} + +.fa-angle-down:before { + content: "\f107" +} + +.fa-desktop:before { + content: "\f108" +} + +.fa-laptop:before { + content: "\f109" +} + +.fa-tablet:before { + content: "\f10a" +} + +.fa-mobile-phone:before, +.fa-mobile:before { + content: "\f10b" +} + +.fa-circle-o:before { + content: "\f10c" +} + +.fa-quote-left:before { + content: "\f10d" +} + +.fa-quote-right:before { + content: "\f10e" +} + +.fa-spinner:before { + content: "\f110" +} + +.fa-circle:before { + content: "\f111" +} + +.fa-mail-reply:before, +.fa-reply:before { + content: "\f112" +} + +.fa-github-alt:before { + content: "\f113" +} + +.fa-folder-o:before { + content: "\f114" +} + +.fa-folder-open-o:before { + content: "\f115" +} + +.fa-smile-o:before { + content: "\f118" +} + +.fa-frown-o:before { + content: "\f119" +} + +.fa-meh-o:before { + content: "\f11a" +} + +.fa-gamepad:before { + content: "\f11b" +} + +.fa-keyboard-o:before { + content: "\f11c" +} + +.fa-flag-o:before { + content: "\f11d" +} + +.fa-flag-checkered:before { + content: "\f11e" +} + +.fa-terminal:before { + content: "\f120" +} + +.fa-code:before { + content: "\f121" +} + +.fa-mail-reply-all:before, +.fa-reply-all:before { + content: "\f122" +} + +.fa-star-half-empty:before, +.fa-star-half-full:before, +.fa-star-half-o:before { + content: "\f123" +} + +.fa-location-arrow:before { + content: "\f124" +} + +.fa-crop:before { + content: "\f125" +} + +.fa-code-fork:before { + content: "\f126" +} + +.fa-unlink:before, +.fa-chain-broken:before { + content: "\f127" +} + +.fa-question:before { + content: "\f128" +} + +.fa-info:before { + content: "\f129" +} + +.fa-exclamation:before { + content: "\f12a" +} + +.fa-superscript:before { + content: "\f12b" +} + +.fa-subscript:before { + content: "\f12c" +} + +.fa-eraser:before { + content: "\f12d" +} + +.fa-puzzle-piece:before { + content: "\f12e" +} + +.fa-microphone:before { + content: "\f130" +} + +.fa-microphone-slash:before { + content: "\f131" +} + +.fa-shield:before { + content: "\f132" +} + +.fa-calendar-o:before { + content: "\f133" +} + +.fa-fire-extinguisher:before { + content: "\f134" +} + +.fa-rocket:before { + content: "\f135" +} + +.fa-maxcdn:before { + content: "\f136" +} + +.fa-chevron-circle-left:before { + content: "\f137" +} + +.fa-chevron-circle-right:before { + content: "\f138" +} + +.fa-chevron-circle-up:before { + content: "\f139" +} + +.fa-chevron-circle-down:before { + content: "\f13a" +} + +.fa-html5:before { + content: "\f13b" +} + +.fa-css3:before { + content: "\f13c" +} + +.fa-anchor:before { + content: "\f13d" +} + +.fa-unlock-alt:before { + content: "\f13e" +} + +.fa-bullseye:before { + content: "\f140" +} + +.fa-ellipsis-h:before { + content: "\f141" +} + +.fa-ellipsis-v:before { + content: "\f142" +} + +.fa-rss-square:before { + content: "\f143" +} + +.fa-play-circle:before { + content: "\f144" +} + +.fa-ticket:before { + content: "\f145" +} + +.fa-minus-square:before { + content: "\f146" +} + +.fa-minus-square-o:before { + content: "\f147" +} + +.fa-level-up:before { + content: "\f148" +} + +.fa-level-down:before { + content: "\f149" +} + +.fa-check-square:before { + content: "\f14a" +} + +.fa-pencil-square:before { + content: "\f14b" +} + +.fa-external-link-square:before { + content: "\f14c" +} + +.fa-share-square:before { + content: "\f14d" +} + +.fa-compass:before { + content: "\f14e" +} + +.fa-toggle-down:before, +.fa-caret-square-o-down:before { + content: "\f150" +} + +.fa-toggle-up:before, +.fa-caret-square-o-up:before { + content: "\f151" +} + +.fa-toggle-right:before, +.fa-caret-square-o-right:before { + content: "\f152" +} + +.fa-euro:before, +.fa-eur:before { + content: "\f153" +} + +.fa-gbp:before { + content: "\f154" +} + +.fa-dollar:before, +.fa-usd:before { + content: "\f155" +} + +.fa-rupee:before, +.fa-inr:before { + content: "\f156" +} + +.fa-cny:before, +.fa-rmb:before, +.fa-yen:before, +.fa-jpy:before { + content: "\f157" +} + +.fa-ruble:before, +.fa-rouble:before, +.fa-rub:before { + content: "\f158" +} + +.fa-won:before, +.fa-krw:before { + content: "\f159" +} + +.fa-bitcoin:before, +.fa-btc:before { + content: "\f15a" +} + +.fa-file:before { + content: "\f15b" +} + +.fa-file-text:before { + content: "\f15c" +} + +.fa-sort-alpha-asc:before { + content: "\f15d" +} + +.fa-sort-alpha-desc:before { + content: "\f15e" +} + +.fa-sort-amount-asc:before { + content: "\f160" +} + +.fa-sort-amount-desc:before { + content: "\f161" +} + +.fa-sort-numeric-asc:before { + content: "\f162" +} + +.fa-sort-numeric-desc:before { + content: "\f163" +} + +.fa-thumbs-up:before { + content: "\f164" +} + +.fa-thumbs-down:before { + content: "\f165" +} + +.fa-youtube-square:before { + content: "\f166" +} + +.fa-youtube:before { + content: "\f167" +} + +.fa-xing:before { + content: "\f168" +} + +.fa-xing-square:before { + content: "\f169" +} + +.fa-youtube-play:before { + content: "\f16a" +} + +.fa-dropbox:before { + content: "\f16b" +} + +.fa-stack-overflow:before { + content: "\f16c" +} + +.fa-instagram:before { + content: "\f16d" +} + +.fa-flickr:before { + content: "\f16e" +} + +.fa-adn:before { + content: "\f170" +} + +.fa-bitbucket:before { + content: "\f171" +} + +.fa-bitbucket-square:before { + content: "\f172" +} + +.fa-tumblr:before { + content: "\f173" +} + +.fa-tumblr-square:before { + content: "\f174" +} + +.fa-long-arrow-down:before { + content: "\f175" +} + +.fa-long-arrow-up:before { + content: "\f176" +} + +.fa-long-arrow-left:before { + content: "\f177" +} + +.fa-long-arrow-right:before { + content: "\f178" +} + +.fa-apple:before { + content: "\f179" +} + +.fa-windows:before { + content: "\f17a" +} + +.fa-android:before { + content: "\f17b" +} + +.fa-linux:before { + content: "\f17c" +} + +.fa-dribbble:before { + content: "\f17d" +} + +.fa-skype:before { + content: "\f17e" +} + +.fa-foursquare:before { + content: "\f180" +} + +.fa-trello:before { + content: "\f181" +} + +.fa-female:before { + content: "\f182" +} + +.fa-male:before { + content: "\f183" +} + +.fa-gittip:before, +.fa-gratipay:before { + content: "\f184" +} + +.fa-sun-o:before { + content: "\f185" +} + +.fa-moon-o:before { + content: "\f186" +} + +.fa-archive:before { + content: "\f187" +} + +.fa-bug:before { + content: "\f188" +} + +.fa-vk:before { + content: "\f189" +} + +.fa-weibo:before { + content: "\f18a" +} + +.fa-renren:before { + content: "\f18b" +} + +.fa-pagelines:before { + content: "\f18c" +} + +.fa-stack-exchange:before { + content: "\f18d" +} + +.fa-arrow-circle-o-right:before { + content: "\f18e" +} + +.fa-arrow-circle-o-left:before { + content: "\f190" +} + +.fa-toggle-left:before, +.fa-caret-square-o-left:before { + content: "\f191" +} + +.fa-dot-circle-o:before { + content: "\f192" +} + +.fa-wheelchair:before { + content: "\f193" +} + +.fa-vimeo-square:before { + content: "\f194" +} + +.fa-turkish-lira:before, +.fa-try:before { + content: "\f195" +} + +.fa-plus-square-o:before { + content: "\f196" +} + +.fa-space-shuttle:before { + content: "\f197" +} + +.fa-slack:before { + content: "\f198" +} + +.fa-envelope-square:before { + content: "\f199" +} + +.fa-wordpress:before { + content: "\f19a" +} + +.fa-openid:before { + content: "\f19b" +} + +.fa-institution:before, +.fa-bank:before, +.fa-university:before { + content: "\f19c" +} + +.fa-mortar-board:before, +.fa-graduation-cap:before { + content: "\f19d" +} + +.fa-yahoo:before { + content: "\f19e" +} + +.fa-google:before { + content: "\f1a0" +} + +.fa-reddit:before { + content: "\f1a1" +} + +.fa-reddit-square:before { + content: "\f1a2" +} + +.fa-stumbleupon-circle:before { + content: "\f1a3" +} + +.fa-stumbleupon:before { + content: "\f1a4" +} + +.fa-delicious:before { + content: "\f1a5" +} + +.fa-digg:before { + content: "\f1a6" +} + +.fa-pied-piper:before { + content: "\f1a7" +} + +.fa-pied-piper-alt:before { + content: "\f1a8" +} + +.fa-drupal:before { + content: "\f1a9" +} + +.fa-joomla:before { + content: "\f1aa" +} + +.fa-language:before { + content: "\f1ab" +} + +.fa-fax:before { + content: "\f1ac" +} + +.fa-building:before { + content: "\f1ad" +} + +.fa-child:before { + content: "\f1ae" +} + +.fa-paw:before { + content: "\f1b0" +} + +.fa-spoon:before { + content: "\f1b1" +} + +.fa-cube:before { + content: "\f1b2" +} + +.fa-cubes:before { + content: "\f1b3" +} + +.fa-behance:before { + content: "\f1b4" +} + +.fa-behance-square:before { + content: "\f1b5" +} + +.fa-steam:before { + content: "\f1b6" +} + +.fa-steam-square:before { + content: "\f1b7" +} + +.fa-recycle:before { + content: "\f1b8" +} + +.fa-automobile:before, +.fa-car:before { + content: "\f1b9" +} + +.fa-cab:before, +.fa-taxi:before { + content: "\f1ba" +} + +.fa-tree:before { + content: "\f1bb" +} + +.fa-spotify:before { + content: "\f1bc" +} + +.fa-deviantart:before { + content: "\f1bd" +} + +.fa-soundcloud:before { + content: "\f1be" +} + +.fa-database:before { + content: "\f1c0" +} + +.fa-file-pdf-o:before { + content: "\f1c1" +} + +.fa-file-word-o:before { + content: "\f1c2" +} + +.fa-file-excel-o:before { + content: "\f1c3" +} + +.fa-file-powerpoint-o:before { + content: "\f1c4" +} + +.fa-file-photo-o:before, +.fa-file-picture-o:before, +.fa-file-image-o:before { + content: "\f1c5" +} + +.fa-file-zip-o:before, +.fa-file-archive-o:before { + content: "\f1c6" +} + +.fa-file-sound-o:before, +.fa-file-audio-o:before { + content: "\f1c7" +} + +.fa-file-movie-o:before, +.fa-file-video-o:before { + content: "\f1c8" +} + +.fa-file-code-o:before { + content: "\f1c9" +} + +.fa-vine:before { + content: "\f1ca" +} + +.fa-codepen:before { + content: "\f1cb" +} + +.fa-jsfiddle:before { + content: "\f1cc" +} + +.fa-life-bouy:before, +.fa-life-buoy:before, +.fa-life-saver:before, +.fa-support:before, +.fa-life-ring:before { + content: "\f1cd" +} + +.fa-circle-o-notch:before { + content: "\f1ce" +} + +.fa-ra:before, +.fa-rebel:before { + content: "\f1d0" +} + +.fa-ge:before, +.fa-empire:before { + content: "\f1d1" +} + +.fa-git-square:before { + content: "\f1d2" +} + +.fa-git:before { + content: "\f1d3" +} + +.fa-hacker-news:before { + content: "\f1d4" +} + +.fa-tencent-weibo:before { + content: "\f1d5" +} + +.fa-qq:before { + content: "\f1d6" +} + +.fa-wechat:before, +.fa-weixin:before { + content: "\f1d7" +} + +.fa-send:before, +.fa-paper-plane:before { + content: "\f1d8" +} + +.fa-send-o:before, +.fa-paper-plane-o:before { + content: "\f1d9" +} + +.fa-history:before { + content: "\f1da" +} + +.fa-genderless:before, +.fa-circle-thin:before { + content: "\f1db" +} + +.fa-header:before { + content: "\f1dc" +} + +.fa-paragraph:before { + content: "\f1dd" +} + +.fa-sliders:before { + content: "\f1de" +} + +.fa-share-alt:before { + content: "\f1e0" +} + +.fa-share-alt-square:before { + content: "\f1e1" +} + +.fa-bomb:before { + content: "\f1e2" +} + +.fa-soccer-ball-o:before, +.fa-futbol-o:before { + content: "\f1e3" +} + +.fa-tty:before { + content: "\f1e4" +} + +.fa-binoculars:before { + content: "\f1e5" +} + +.fa-plug:before { + content: "\f1e6" +} + +.fa-slideshare:before { + content: "\f1e7" +} + +.fa-twitch:before { + content: "\f1e8" +} + +.fa-yelp:before { + content: "\f1e9" +} + +.fa-newspaper-o:before { + content: "\f1ea" +} + +.fa-wifi:before { + content: "\f1eb" +} + +.fa-calculator:before { + content: "\f1ec" +} + +.fa-paypal:before { + content: "\f1ed" +} + +.fa-google-wallet:before { + content: "\f1ee" +} + +.fa-cc-visa:before { + content: "\f1f0" +} + +.fa-cc-mastercard:before { + content: "\f1f1" +} + +.fa-cc-discover:before { + content: "\f1f2" +} + +.fa-cc-amex:before { + content: "\f1f3" +} + +.fa-cc-paypal:before { + content: "\f1f4" +} + +.fa-cc-stripe:before { + content: "\f1f5" +} + +.fa-bell-slash:before { + content: "\f1f6" +} + +.fa-bell-slash-o:before { + content: "\f1f7" +} + +.fa-trash:before { + content: "\f1f8" +} + +.fa-copyright:before { + content: "\f1f9" +} + +.fa-at:before { + content: "\f1fa" +} + +.fa-eyedropper:before { + content: "\f1fb" +} + +.fa-paint-brush:before { + content: "\f1fc" +} + +.fa-birthday-cake:before { + content: "\f1fd" +} + +.fa-area-chart:before { + content: "\f1fe" +} + +.fa-pie-chart:before { + content: "\f200" +} + +.fa-line-chart:before { + content: "\f201" +} + +.fa-lastfm:before { + content: "\f202" +} + +.fa-lastfm-square:before { + content: "\f203" +} + +.fa-toggle-off:before { + content: "\f204" +} + +.fa-toggle-on:before { + content: "\f205" +} + +.fa-bicycle:before { + content: "\f206" +} + +.fa-bus:before { + content: "\f207" +} + +.fa-ioxhost:before { + content: "\f208" +} + +.fa-angellist:before { + content: "\f209" +} + +.fa-cc:before { + content: "\f20a" +} + +.fa-shekel:before, +.fa-sheqel:before, +.fa-ils:before { + content: "\f20b" +} + +.fa-meanpath:before { + content: "\f20c" +} + +.fa-buysellads:before { + content: "\f20d" +} + +.fa-connectdevelop:before { + content: "\f20e" +} + +.fa-dashcube:before { + content: "\f210" +} + +.fa-forumbee:before { + content: "\f211" +} + +.fa-leanpub:before { + content: "\f212" +} + +.fa-sellsy:before { + content: "\f213" +} + +.fa-shirtsinbulk:before { + content: "\f214" +} + +.fa-simplybuilt:before { + content: "\f215" +} + +.fa-skyatlas:before { + content: "\f216" +} + +.fa-cart-plus:before { + content: "\f217" +} + +.fa-cart-arrow-down:before { + content: "\f218" +} + +.fa-diamond:before { + content: "\f219" +} + +.fa-ship:before { + content: "\f21a" +} + +.fa-user-secret:before { + content: "\f21b" +} + +.fa-motorcycle:before { + content: "\f21c" +} + +.fa-street-view:before { + content: "\f21d" +} + +.fa-heartbeat:before { + content: "\f21e" +} + +.fa-venus:before { + content: "\f221" +} + +.fa-mars:before { + content: "\f222" +} + +.fa-mercury:before { + content: "\f223" +} + +.fa-transgender:before { + content: "\f224" +} + +.fa-transgender-alt:before { + content: "\f225" +} + +.fa-venus-double:before { + content: "\f226" +} + +.fa-mars-double:before { + content: "\f227" +} + +.fa-venus-mars:before { + content: "\f228" +} + +.fa-mars-stroke:before { + content: "\f229" +} + +.fa-mars-stroke-v:before { + content: "\f22a" +} + +.fa-mars-stroke-h:before { + content: "\f22b" +} + +.fa-neuter:before { + content: "\f22c" +} + +.fa-facebook-official:before { + content: "\f230" +} + +.fa-pinterest-p:before { + content: "\f231" +} + +.fa-whatsapp:before { + content: "\f232" +} + +.fa-server:before { + content: "\f233" +} + +.fa-user-plus:before { + content: "\f234" +} + +.fa-user-times:before { + content: "\f235" +} + +.fa-hotel:before, +.fa-bed:before { + content: "\f236" +} + +.fa-viacoin:before { + content: "\f237" +} + +.fa-train:before { + content: "\f238" +} + +.fa-subway:before { + content: "\f239" +} + +.fa-medium:before { + content: "\f23a" +} \ No newline at end of file diff --git a/HellionCoders/GuidingYourWay/static/assets/css/owl.css b/HellionCoders/GuidingYourWay/static/assets/css/owl.css new file mode 100644 index 0000000..5a4f778 --- /dev/null +++ b/HellionCoders/GuidingYourWay/static/assets/css/owl.css @@ -0,0 +1,237 @@ +.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; + touch-action: manipulation; + -moz-backface-visibility: hidden; + /* fix firefox animation glitch */ +} + +.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-wrapper, +.owl-carousel .owl-item { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); +} + +.owl-carousel .owl-item { + position: relative; + min-height: 1px; + float: left; + -webkit-backface-visibility: hidden; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; +} + +.owl-carousel .owl-item img { + display: block; + width: 100%; +} + +.owl-carousel .owl-nav.disabled, +.owl-carousel .owl-dots.disabled { + display: none; +} + +.owl-carousel .owl-nav .owl-prev, +.owl-carousel .owl-nav .owl-next, +.owl-carousel .owl-dot { + cursor: pointer; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.owl-carousel .owl-nav button.owl-prev, +.owl-carousel .owl-nav button.owl-next, +.owl-carousel button.owl-dot { + background: none; + color: inherit; + border: none; + padding: 0 !important; + font: inherit; +} + +.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 { + visibility: hidden; +} + +.owl-carousel.owl-drag .owl-item { + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.owl-carousel.owl-grab { + cursor: move; + 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 - Animate Plugin + */ +.owl-carousel .animated { + animation-duration: 1000ms; + animation-fill-mode: both; +} + +.owl-carousel .owl-animated-in { + z-index: 0; +} + +.owl-carousel .owl-animated-out { + z-index: 1; +} + +.owl-carousel .fadeOut { + animation-name: fadeOut; +} + +@keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +/* + * Owl Carousel - Auto Height Plugin + */ +.owl-height { + transition: height 500ms ease-in-out; +} + +/* + * Owl Carousel - Lazy Load Plugin + */ +.owl-carousel .owl-item { + /** + This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong + calculation of the height of the owl-item that breaks page layouts + */ +} + +.owl-carousel .owl-item .owl-lazy { + opacity: 0; + transition: opacity 400ms ease; +} + +.owl-carousel .owl-item .owl-lazy[src^=""], +.owl-carousel .owl-item .owl-lazy:not([src]) { + max-height: 0; +} + +.owl-carousel .owl-item img.owl-lazy { + 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; + transition: transform 100ms ease; +} + +.owl-carousel .owl-video-play-icon:hover { + -ms-transform: scale(1.3, 1.3); + transform: 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; + background-size: contain; + transition: opacity 400ms ease; +} + +.owl-carousel .owl-video-frame { + position: relative; + z-index: 1; + height: 100%; + width: 100%; +} \ No newline at end of file diff --git a/HellionCoders/GuidingYourWay/static/assets/css/templatemo-space-dynamic.css b/HellionCoders/GuidingYourWay/static/assets/css/templatemo-space-dynamic.css new file mode 100644 index 0000000..453ba92 --- /dev/null +++ b/HellionCoders/GuidingYourWay/static/assets/css/templatemo-space-dynamic.css @@ -0,0 +1,1676 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); + +/* +--------------------------------------------- +reset +--------------------------------------------- +*/ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +div pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +font, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +figure, +header, +nav, +section, +article, +aside, +footer, +figcaption { + margin: 0; + padding: 0; + border: 0; + outline: 0; +} + +/* clear fix */ +.grid:after { + content: ''; + display: block; + clear: both; +} + +/* ---- .grid-item ---- */ + +.grid-sizer, +.grid-item { + width: 50%; +} + +.grid-item { + float: left; +} + +.grid-item img { + display: block; + max-width: 100%; +} + +.clearfix:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} + +.clearfix { + display: inline-block; +} + +html[xmlns] .clearfix { + display: block; +} + +* html .clearfix { + height: 1%; +} + +ul, +li { + padding: 0; + margin: 0; + list-style: none; +} + +header, +nav, +section, +article, +aside, +footer, +hgroup { + display: block; +} + +* { + box-sizing: border-box; +} + +html, +body { + font-family: 'Poppins', sans-serif; + font-weight: 400; + background-color: #fff; + -ms-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +a { + text-decoration: none !important; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0px; + margin-bottom: 0px; +} + +ul { + margin-bottom: 0px; +} + +p { + font-size: 15px; + line-height: 30px; + color: #2a2a2a; +} + +img { + width: 100%; + overflow: hidden; +} + +/* +--------------------------------------------- +global styles +--------------------------------------------- +*/ +html, +body { + background: #fff; + font-family: 'Poppins', sans-serif; +} + +::selection { + background: #03a4ed; + color: #fff; +} + +::-moz-selection { + background: #03a4ed; + color: #fff; +} + +@media (max-width: 991px) { + + html, + body { + overflow-x: hidden; + } + + .mobile-top-fix { + margin-top: 30px; + margin-bottom: 0px; + } + + .mobile-bottom-fix { + margin-bottom: 30px; + } + + .mobile-bottom-fix-big { + margin-bottom: 60px; + } +} + +.page-section { + margin-top: 120px; +} + +.section-heading h2 { + font-size: 30px; + text-transform: capitalize; + color: #2a2a2a; + font-weight: 700; + letter-spacing: 0.25px; + position: relative; + z-index: 2; + line-height: 44px; +} + +.section-heading h2 em { + font-style: normal; + color: #03a4ed; +} + +.section-heading h2 span { + color: #fe3f40; +} + +.main-blue-button a { + display: inline-block; + background-color: #03a4ed; + font-size: 15px; + font-weight: 400; + color: #fff; + text-transform: capitalize; + padding: 12px 25px; + border-radius: 23px; + letter-spacing: 0.25px; +} + +.main-red-button a { + display: inline-block; + background-color: #fe3f40; + font-size: 15px; + font-weight: 400; + color: #fff; + text-transform: capitalize; + padding: 12px 25px; + border-radius: 23px; + letter-spacing: 0.25px; +} + +.main-white-button a { + display: inline-block; + background-color: #fff; + font-size: 15px; + font-weight: 400; + color: #fe3f40; + text-transform: capitalize; + padding: 12px 25px; + border-radius: 23px; + letter-spacing: 0.25px; +} + +/* +--------------------------------------------- +header +--------------------------------------------- +*/ + +.background-header { + background-color: #fff !important; + height: 80px !important; + position: fixed !important; + top: 0px; + left: 0px; + right: 0px; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) !important; +} + +.background-header .logo, +.background-header .main-nav .nav li a { + color: #1e1e1e !important; +} + +.background-header .main-nav .nav li:hover a { + color: #fe3f40 !important; +} + +.background-header .nav li a.active { + color: #fe3f40 !important; +} + +.header-area { + background-color: #fafafa; + position: absolute; + top: 0px; + left: 0px; + right: 0px; + z-index: 100; + height: 100px; + -webkit-transition: all .5s ease 0s; + -moz-transition: all .5s ease 0s; + -o-transition: all .5s ease 0s; + transition: all .5s ease 0s; +} + +.header-area .main-nav { + min-height: 80px; + background: transparent; +} + +.header-area .main-nav .logo { + line-height: 100px; + color: #fff; + font-size: 24px; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 2px; + float: left; + -webkit-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; +} + +.header-area .main-nav .logo h4 { + font-size: 24px; + font-weight: 700; + text-transform: uppercase; + color: #03a4ed; + line-height: 100px; + float: left; + -webkit-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; +} + +.logo h4 span { + color: #fe3f40; +} + +.background-header .main-nav .logo h4 { + line-height: 80px; +} + +.background-header .main-nav .nav { + margin-top: 20px !important; +} + +.header-area .main-nav .nav { + float: right; + margin-top: 30px; + margin-right: 0px; + background-color: transparent; + -webkit-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + position: relative; + z-index: 999; +} + +.header-area .main-nav .nav li { + padding-left: 20px; + padding-right: 20px; +} + +.header-area .main-nav .nav li:last-child { + padding-right: 0px; + padding-left: 40px; +} + +.header-area .main-nav .nav li:last-child a, +.background-header .main-nav .nav li:last-child a { + color: #fff !important; + padding: 0px 20px; + font-weight: 400; +} + +.header-area .main-nav .nav li:last-child a:hover, +.header-area .main-nav .nav li:last-child a.active { + color: #fff !important; +} + +.header-area .main-nav .nav li a { + display: block; + font-weight: 500; + font-size: 15px; + color: #2a2a2a; + text-transform: capitalize; + -webkit-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + height: 40px; + line-height: 40px; + border: transparent; + letter-spacing: 1px; +} + +.header-area .main-nav .nav li a { + color: #2a2a2a; +} + +.header-area .main-nav .nav li:hover a, +.header-area .main-nav .nav li a.active { + color: #fe3f40 !important; +} + +.background-header .main-nav .nav li:hover a, +.background-header .main-nav .nav li a.active { + color: #fe3f40 !important; + opacity: 1; +} + +.header-area .main-nav .nav li:last-child a:hover, +.background-header .main-nav .nav li:last-child a:hover { + background-color: #03a4ed; +} + +.header-area .main-nav .nav li.submenu { + position: relative; + padding-right: 30px; +} + +.header-area .main-nav .nav li.submenu:after { + font-family: FontAwesome; + content: "\f107"; + font-size: 12px; + color: #2a2a2a; + position: absolute; + right: 18px; + top: 12px; +} + +.background-header .main-nav .nav li.submenu:after { + color: #2a2a2a; +} + +.header-area .main-nav .nav li.submenu ul { + position: absolute; + width: 200px; + box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); + overflow: hidden; + top: 50px; + opacity: 0; + transform: translateY(+2em); + visibility: hidden; + z-index: -1; + transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; +} + +.header-area .main-nav .nav li.submenu ul li { + margin-left: 0px; + padding-left: 0px; + padding-right: 0px; +} + +.header-area .main-nav .nav li.submenu ul li a { + opacity: 1; + display: block; + background: #f7f7f7; + color: #2a2a2a !important; + padding-left: 20px; + height: 40px; + line-height: 40px; + -webkit-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; + position: relative; + font-size: 13px; + font-weight: 400; + border-bottom: 1px solid #eee; +} + +.header-area .main-nav .nav li.submenu ul li a:hover { + background: #fff; + color: #fe3f40 !important; + padding-left: 25px; +} + +.header-area .main-nav .nav li.submenu ul li a:hover:before { + width: 3px; +} + +.header-area .main-nav .nav li.submenu:hover ul { + visibility: visible; + opacity: 1; + z-index: 1; + transform: translateY(0%); + transition-delay: 0s, 0s, 0.3s; +} + +.header-area .main-nav .menu-trigger { + cursor: pointer; + display: block; + position: absolute; + top: 33px; + width: 32px; + height: 40px; + text-indent: -9999em; + z-index: 99; + right: 40px; + display: none; +} + +.background-header .main-nav .menu-trigger { + top: 23px; +} + +.header-area .main-nav .menu-trigger span, +.header-area .main-nav .menu-trigger span:before, +.header-area .main-nav .menu-trigger span:after { + -moz-transition: all 0.4s; + -o-transition: all 0.4s; + -webkit-transition: all 0.4s; + transition: all 0.4s; + background-color: #1e1e1e; + display: block; + position: absolute; + width: 30px; + height: 2px; + left: 0; +} + +.background-header .main-nav .menu-trigger span, +.background-header .main-nav .menu-trigger span:before, +.background-header .main-nav .menu-trigger span:after { + background-color: #1e1e1e; +} + +.header-area .main-nav .menu-trigger span:before, +.header-area .main-nav .menu-trigger span:after { + -moz-transition: all 0.4s; + -o-transition: all 0.4s; + -webkit-transition: all 0.4s; + transition: all 0.4s; + background-color: #1e1e1e; + display: block; + position: absolute; + width: 30px; + height: 2px; + left: 0; + width: 75%; +} + +.background-header .main-nav .menu-trigger span:before, +.background-header .main-nav .menu-trigger span:after { + background-color: #1e1e1e; +} + +.header-area .main-nav .menu-trigger span:before, +.header-area .main-nav .menu-trigger span:after { + content: ""; +} + +.header-area .main-nav .menu-trigger span { + top: 16px; +} + +.header-area .main-nav .menu-trigger span:before { + -moz-transform-origin: 33% 100%; + -ms-transform-origin: 33% 100%; + -webkit-transform-origin: 33% 100%; + transform-origin: 33% 100%; + top: -10px; + z-index: 10; +} + +.header-area .main-nav .menu-trigger span:after { + -moz-transform-origin: 33% 0; + -ms-transform-origin: 33% 0; + -webkit-transform-origin: 33% 0; + transform-origin: 33% 0; + top: 10px; +} + +.header-area .main-nav .menu-trigger.active span, +.header-area .main-nav .menu-trigger.active span:before, +.header-area .main-nav .menu-trigger.active span:after { + background-color: transparent; + width: 100%; +} + +.header-area .main-nav .menu-trigger.active span:before { + -moz-transform: translateY(6px) translateX(1px) rotate(45deg); + -ms-transform: translateY(6px) translateX(1px) rotate(45deg); + -webkit-transform: translateY(6px) translateX(1px) rotate(45deg); + transform: translateY(6px) translateX(1px) rotate(45deg); + background-color: #1e1e1e; +} + +.background-header .main-nav .menu-trigger.active span:before { + background-color: #1e1e1e; +} + +.header-area .main-nav .menu-trigger.active span:after { + -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg); + -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg); + -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg); + transform: translateY(-6px) translateX(1px) rotate(-45deg); + background-color: #1e1e1e; +} + +.background-header .main-nav .menu-trigger.active span:after { + background-color: #1e1e1e; +} + +.header-area.header-sticky { + min-height: 80px; +} + +.header-area .nav { + margin-top: 30px; +} + +.header-area.header-sticky .nav li a.active { + color: #fe3f40; +} + +@media (max-width: 1200px) { + .header-area .main-nav .nav li { + padding-left: 12px; + padding-right: 12px; + } + + .header-area .main-nav:before { + display: none; + } +} + +@media (max-width: 992px) { + + .header-area .main-nav .nav li:last-child, + .background-header .main-nav .nav li:last-child { + display: none; + } + + .header-area .main-nav .nav li:nth-child(6), + .background-header .main-nav .nav li:nth-child(6) { + padding-right: 0px; + } +} + +@media (max-width: 767px) { + .background-header .main-nav .nav { + margin-top: 80px !important; + } + + .header-area .main-nav .logo { + color: #1e1e1e; + } + + .header-area.header-sticky .nav li a:hover, + .header-area.header-sticky .nav li a.active { + color: #fe3f40 !important; + opacity: 1; + } + + .header-area.header-sticky .nav li.search-icon a { + width: 100%; + } + + .header-area { + background-color: #f7f7f7; + padding: 0px 15px; + height: 100px; + box-shadow: none; + text-align: center; + } + + .header-area .container { + padding: 0px; + } + + .header-area .logo { + margin-left: 30px; + } + + .header-area .menu-trigger { + display: block !important; + } + + .header-area .main-nav { + overflow: hidden; + } + + .header-area .main-nav .nav { + float: none; + width: 100%; + display: none; + -webkit-transition: all 0s ease 0s; + -moz-transition: all 0s ease 0s; + -o-transition: all 0s ease 0s; + transition: all 0s ease 0s; + margin-left: 0px; + } + + .background-header .nav { + margin-top: 80px; + } + + .header-area .main-nav .nav li:first-child { + border-top: 1px solid #eee; + } + + .header-area.header-sticky .nav { + margin-top: 100px; + } + + .header-area .main-nav .nav li { + width: 100%; + background: #fff; + border-bottom: 1px solid #e7e7e7; + padding-left: 0px !important; + padding-right: 0px !important; + } + + .header-area .main-nav .nav li a { + height: 50px !important; + line-height: 50px !important; + padding: 0px !important; + border: none !important; + background: #f7f7f7 !important; + color: #191a20 !important; + } + + .header-area .main-nav .nav li a:hover { + background: #eee !important; + color: #fe3f40 !important; + } + + .header-area .main-nav .nav li.submenu ul { + position: relative; + visibility: inherit; + opacity: 1; + z-index: 1; + transform: translateY(0%); + transition-delay: 0s, 0s, 0.3s; + top: 0px; + width: 100%; + box-shadow: none; + height: 0px; + } + + .header-area .main-nav .nav li.submenu ul li a { + font-size: 12px; + font-weight: 400; + } + + .header-area .main-nav .nav li.submenu ul li a:hover:before { + width: 0px; + } + + .header-area .main-nav .nav li.submenu ul.active { + height: auto !important; + } + + .header-area .main-nav .nav li.submenu:after { + color: #3B566E; + right: 25px; + font-size: 14px; + top: 15px; + } + + .header-area .main-nav .nav li.submenu:hover ul, + .header-area .main-nav .nav li.submenu:focus ul { + height: 0px; + } +} + +@media (min-width: 767px) { + .header-area .main-nav .nav { + display: flex !important; + } +} + +/* +--------------------------------------------- +preloader +--------------------------------------------- +*/ + +.js-preloader { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #fff; + display: -webkit-box; + display: flex; + -webkit-box-align: center; + align-items: center; + -webkit-box-pack: center; + justify-content: center; + opacity: 1; + visibility: visible; + z-index: 9999; + -webkit-transition: opacity 0.25s ease; + transition: opacity 0.25s ease; +} + +.js-preloader.loaded { + opacity: 0; + visibility: hidden; + pointer-events: none; +} + +@-webkit-keyframes dot { + 50% { + -webkit-transform: translateX(96px); + transform: translateX(96px); + } +} + +@keyframes dot { + 50% { + -webkit-transform: translateX(96px); + transform: translateX(96px); + } +} + +@-webkit-keyframes dots { + 50% { + -webkit-transform: translateX(-31px); + transform: translateX(-31px); + } +} + +@keyframes dots { + 50% { + -webkit-transform: translateX(-31px); + transform: translateX(-31px); + } +} + +.preloader-inner { + position: relative; + width: 142px; + height: 40px; + background: #fff; +} + +.preloader-inner .dot { + position: absolute; + width: 16px; + height: 16px; + top: 12px; + left: 15px; + background: #fe3f40; + border-radius: 50%; + -webkit-transform: translateX(0); + transform: translateX(0); + -webkit-animation: dot 2.8s infinite; + animation: dot 2.8s infinite; +} + +.preloader-inner .dots { + -webkit-transform: translateX(0); + transform: translateX(0); + margin-top: 12px; + margin-left: 31px; + -webkit-animation: dots 2.8s infinite; + animation: dots 2.8s infinite; +} + +.preloader-inner .dots span { + display: block; + float: left; + width: 16px; + height: 16px; + margin-left: 16px; + background: #fe3f40; + border-radius: 50%; +} + + + +/* +--------------------------------------------- +Banner Style +--------------------------------------------- +*/ + +.main-banner { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + padding: 226px 0px 120px 0px; + position: relative; + overflow: hidden; +} + +.main-banner:after { + content: ''; + background-image: url(../images/baner-dec-left.png); + background-repeat: no-repeat; + position: absolute; + left: 0; + top: 100px; + width: 193px; + height: 467px; +} + +.main-banner:before { + content: ''; + background-image: url(../images/baner-dec-right.png); + background-repeat: no-repeat; + position: absolute; + right: 0; + top: 100px; + width: 98px; + height: 290px; +} + +.main-banner .left-content { + margin-right: 45px; +} + +.main-banner .left-content h6 { + text-transform: uppercase; + font-size: 18px; + color: #fe3f40; + margin-bottom: 15px; +} + +.main-banner .left-content h2 { + font-size: 50px; + font-weight: 700; + color: #2a2a2a; + line-height: 72px; +} + +.main-banner .left-content h2 em { + color: #03a4ed; + font-style: normal; +} + +.main-banner .left-content h2 span { + color: #fe3f40; +} + +.main-banner .left-content p { + margin: 20px 0px; +} + +.main-banner .left-content form { + margin-top: 30px; + width: 470px; + height: 66px; + position: relative; +} + +.main-banner .left-content form button { + position: absolute; + right: 10px; + top: 10px; + display: inline-block; + background-color: #fff; + font-size: 15px; + font-weight: 500; + color: #fe3f40; + text-transform: capitalize; + padding: 12px 25px; + border-radius: 23px; + letter-spacing: 0.25px; + outline: none; + border: none; +} + +.main-banner .left-content form input { + width: 470px; + height: 66px; + background-color: #03a4ed; + border-radius: 33px; + border: none; + outline: none; + padding: 0px 25px; + color: #fff; + letter-spacing: 0.25px; + font-size: 15px; + font-weight: 300; +} + +.main-banner .left-content form input::placeholder { + color: #fff; +} + + + +/* +--------------------------------------------- +About Us Style +--------------------------------------------- +*/ + +#about { + margin-top: 120px; +} + +.about-us { + background-image: url(../images/about-bg.png); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + padding: 140px 0px 120px 0px; +} + +.about-us .left-image { + margin-right: 45px; +} + +.about-us .services .item { + margin-bottom: 30px; +} + +.about-us .services .item .icon { + float: left; + margin-right: 25px; +} + +.about-us .services .item .icon img { + max-width: 70px; +} + +.about-us .services .item h4 { + color: #fff; + font-size: 20px; + font-weight: 700; + margin-bottom: 12px; +} + +.about-us .services .item p { + color: #fff; +} + + +/* +--------------------------------------------- +Services Style +--------------------------------------------- +*/ + +.our-services { + margin-top: 0px; + padding-top: 120px; +} + +.our-services .left-image { + margin-right: 45px; +} + +.our-services .section-heading h2 { + margin-right: 100px; +} + +.our-services .section-heading p { + margin-top: 30px; + margin-bottom: 60px; +} + +.our-services .progress-skill-bar { + margin-bottom: 30px; + position: relative; + width: 100%; +} + +.our-services .progress-skill-bar span { + position: absolute; + top: 0; + font-size: 18px; + font-weight: 600; + color: #03a4ed; +} + +.our-services .first-bar span { + left: 69%; +} + +.our-services .second-bar span { + left: 81%; +} + +.our-services .third-bar span { + left: 88%; +} + +.our-services .progress-skill-bar h4 { + font-size: 18px; + font-weight: 700; + color: #2a2a2a; + margin-bottom: 14px; +} + +.our-services .progress-skill-bar .full-bar { + width: 100%; + height: 6px; + border-radius: 3px; + background-color: #f7eff1; + position: relative; + z-index: 1; +} + +.our-services .progress-skill-bar .filled-bar { + background: rgb(255, 77, 30); + background: linear-gradient(105deg, rgba(255, 77, 30, 1) 0%, rgba(255, 44, 109, 1) 100%); + height: 6px; + border-radius: 3px; + margin-bottom: -6px; + position: relative; + z-index: 2; +} + +.our-services .first-bar .filled-bar { + width: 71%; +} + +.our-services .second-bar .filled-bar { + width: 83%; +} + +.our-services .third-bar .filled-bar { + width: 90%; +} + + +/* +--------------------------------------------- +Portfolio +--------------------------------------------- +*/ + +.our-portfolio { + padding-top: 120px; + margin-top: 0px; +} + +.our-portfolio .section-heading h2 { + text-align: center; + margin: 0px 90px 0px 90px; + margin-bottom: 120px; + position: relative; + z-index: 1; +} + +.our-portfolio .item { + position: relative; +} + +.our-portfolio .item:hover .hidden-content { + top: -100px; + opacity: 1; + visibility: visible; +} + +.our-portfolio .item:hover .showed-content { + top: 90px; +} + +.our-portfolio .hidden-content { + background: rgb(255, 77, 30); + background: linear-gradient(105deg, rgba(255, 77, 30, 1) 0%, rgba(255, 44, 109, 1) 100%); + padding: 30px; + border-radius: 20px; + text-align: center; + opacity: 0; + top: 0; + visibility: hidden; + position: absolute; + z-index: 2; + transition: all 0.5s; +} + +.our-portfolio .hidden-content:after { + width: 20px; + height: 20px; + position: absolute; + background: rgb(255, 77, 30); + content: ''; + left: 50%; + bottom: -8px; + margin-left: -5px; + transform: rotate(45deg); + background: linear-gradient(105deg, rgba(255, 52, 69, 1) 0%, rgba(255, 51, 78, 1) 100%); + z-index: -1; +} + +.our-portfolio .hidden-content h4 { + font-size: 20px; + font-weight: 700; + color: #fff; + margin-bottom: 20px; +} + +.our-portfolio .hidden-content p { + color: #fff; +} + +.our-portfolio .showed-content { + top: 0px; + position: relative; + z-index: 3; + background-color: #fff; + text-align: center; + padding: 50px; + border-radius: 20px; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); + transition: all 0.5s; +} + +.our-portfolio .showed-content img { + max-width: 100px; +} + + +/* +--------------------------------------------- +Blog +--------------------------------------------- +*/ + +.our-blog { + position: relative; + margin-top: 80px; + padding-top: 120px; +} + +.our-blog .section-heading h2 { + margin-right: 180px; +} + +.our-blog .top-dec { + text-align: right; + margin-top: -80px; +} + +.our-blog .top-dec img { + max-width: 270px; +} + +.our-blog .left-image { + position: relative; +} + +.our-blog .left-image img { + border-radius: 20px; + box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); +} + +.our-blog .left-image .info { + position: relative; +} + +.our-blog .left-image .info .inner-content { + background-color: #fff; + box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); + border-radius: 20px; + margin-right: 75px; + position: absolute; + margin-top: -100px; + padding: 30px; +} + +.our-blog .left-image ul li { + display: inline-block; + font-size: 15px; + color: #afafaf; + font-weight: 300; + margin-right: 20px; +} + +.our-blog .left-image ul li:last-child { + margin-right: 0px; +} + +.our-blog .left-image ul li i { + color: #ff4d61; + font-size: 16px; + margin-right: 8px; +} + +.our-blog .left-image h4 { + font-size: 20px; + font-weight: 700; + color: #2a2a2a; + margin: 20px 0px 15px 0px; +} + +.our-blog .left-image .info .main-blue-button { + position: absolute; + bottom: -80px; + left: 0; +} + +.our-blog .right-list { + margin-left: 30px; +} + +.our-blog .right-list ul li { + display: inline-flex; + width: 100%; + margin-bottom: 30px; +} + +.our-blog .right-list .left-content { + margin-right: 45px; +} + +.our-blog .right-list .left-content span { + font-size: 15px; + color: #afafaf; + font-weight: 300; +} + +.our-blog .right-list .left-content span i { + color: #ff4d61; + font-size: 16px; + margin-right: 8px; +} + +.our-blog .right-list .left-content h4 { + font-size: 20px; + font-weight: 700; + color: #2a2a2a; + margin: 20px 0px 15px 0px; +} + + +.our-blog .right-list .right-image img { + width: 250px; + border-radius: 20px; +} + + +/* +--------------------------------------------- +contact +--------------------------------------------- +*/ + +.contact-us { + padding: 160px 0px; + background-image: url(../images/contact-bg.png); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} + +.contact-us .section-heading h2, +.contact-us .section-heading h2 em, +.contact-us .section-heading h2 span { + color: #fff; +} + +.contact-us .section-heading p { + color: #fff; + margin-top: 30px; +} + +.phone-info { + margin-top: 40px; +} + +.phone-info h4 { + font-size: 20px; + font-weight: 700; + color: #fff; +} + +.phone-info h4 span i { + width: 46px; + height: 46px; + display: inline-block; + text-align: center; + line-height: 46px; + background-color: #fff; + border-radius: 50%; + color: #ff3b2c; + font-size: 22px; + margin-left: 30px; + margin-right: 15px; +} + +.phone-info h4 span a { + color: #fff; + font-size: 15px; + font-weight: 400; +} + +form#contact .contact-dec { + position: absolute; + right: -166px; + bottom: 0; +} + +form#contact .contact-dec img { + max-width: 178px; +} + +form#contact { + margin-left: 30px; + position: relative; + background-color: #fff; + padding: 60px 30px; + border-radius: 20px; +} + +form#contact input { + width: 100%; + height: 46px; + border-radius: 33px; + background-color: #d1f3ff; + border: none; + outline: none; + font-size: 15px; + font-weight: 300; + color: #2a2a2a; + padding: 0px 20px; + margin-bottom: 20px; +} + +form#contact input::placeholder { + color: #2a2a2a; +} + +form#contact textarea { + width: 100%; + min-width: 100%; + max-width: 100%; + max-height: 180px; + min-height: 140px; + height: 140px; + border-radius: 20px; + background-color: #d1f3ff; + border: none; + outline: none; + font-size: 15px; + font-weight: 300; + color: #2a2a2a; + padding: 15px 20px; + margin-bottom: 20px; +} + +form#contact textarea::placeholder { + color: #2a2a2a; +} + +form#contact button { + display: inline-block; + background-color: #03a4ed; + font-size: 15px; + font-weight: 400; + color: #fff; + text-transform: capitalize; + padding: 12px 25px; + border-radius: 23px; + letter-spacing: 0.25px; + border: none; + outline: none; + transition: all .3s; +} + +form#contact button:hover { + background-color: #fe3f40; +} + + +/* +--------------------------------------------- +Footer Style +--------------------------------------------- +*/ + +footer p { + text-align: center; + margin: 30px 0px 45px 0px; +} + +footer p a { + color: #fe3f40; +} + +/* +--------------------------------------------- +responsive +--------------------------------------------- +*/ + +@media (max-width: 1645px) { + form#contact .contact-dec { + display: none; + } +} + +@media (max-width: 992px) { + .main-banner { + padding-top: 196px; + } + + .main-banner .left-content { + margin-right: 0px; + text-align: center; + margin-bottom: 45px; + } + + .main-banner:after { + top: 76px; + z-index: -1; + } + + .main-banner .left-content form, + .main-banner .left-content form input { + width: 100% !important; + } + + #about { + margin-top: 0px; + } + + .about-us { + position: relative; + background-image: none; + padding: 0px; + } + + .about-us .left-image { + margin-right: 0px; + position: absolute; + bottom: -220px; + right: 0; + } + + .about-us .services { + text-align: center; + } + + .about-us .services .item { + background: rgb(255, 77, 30); + background: linear-gradient(105deg, rgba(255, 77, 30, 1) 0%, rgba(255, 44, 109, 1) 100%); + padding: 30px; + border-radius: 20px; + display: inline-block; + } + + .about-us .services .item .right-text { + text-align: left; + } + + .our-services { + margin-top: 200px; + } + + .our-services .left-image { + margin-right: 0px; + margin-bottom: 45px; + } + + .our-services .section-heading h2, + .our-services .section-heading p { + margin-right: 0px; + text-align: center; + } + + .our-portfolio .section-heading h2 { + margin: 0px 0px 80px 0px; + } + + .our-portfolio .item { + margin-bottom: 15px; + } + + .our-blog { + margin-top: 0px; + } + + .our-blog .top-dec { + display: none; + } + + .our-blog .section-heading h2 { + margin-right: 0px; + text-align: center; + margin-bottom: 45px; + } + + .our-blog .left-image .info .inner-content { + position: relative; + margin-right: 0px; + } + + .our-blog .left-image .info .main-blue-button { + position: relative; + bottom: 0px; + margin-top: 30px; + } + + .our-blog .left-image { + margin-bottom: 45px; + } + + .contact-us { + margin-top: 60px; + padding: 120px 0px; + } + + .contact-us .section-heading { + text-align: center; + } + + form#contact { + margin-left: 0px; + margin-top: 30px; + } + + form#contact .contact-dec { + display: none; + } + + footer p { + margin: 15px 0px 30px 0px; + } +} + +@media (max-width: 767px) { + .about-us .left-image { + bottom: -280px; + } + + .our-blog .right-list { + margin-left: 0px; + } + + .our-blog .right-list ul li { + display: inline-block; + margin-top: 0px; + padding-top: 30px; + border-top: 1px solid #eee; + } + + .our-blog .right-list .left-content { + margin-right: 0px; + width: 100%; + margin-bottom: 15px; + } + + .our-blog .right-list .right-image, + .our-blog .right-list .right-image img { + width: 100%; + } + + .phone-info h4 span { + display: block; + margin-top: 15px; + } + + .phone-info h4 span i { + margin-left: 0px; + } +} \ No newline at end of file diff --git a/HellionCoders/GuidingYourWay/static/assets/fonts/Flaticon.woff b/HellionCoders/GuidingYourWay/static/assets/fonts/Flaticon.woff new file mode 100644 index 0000000..8b057c3 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/fonts/Flaticon.woff differ diff --git a/HellionCoders/GuidingYourWay/static/assets/fonts/FontAwesome.otf b/HellionCoders/GuidingYourWay/static/assets/fonts/FontAwesome.otf new file mode 100644 index 0000000..f7936cc Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/fonts/FontAwesome.otf differ diff --git a/HellionCoders/GuidingYourWay/static/assets/fonts/flexslider-icon.eot b/HellionCoders/GuidingYourWay/static/assets/fonts/flexslider-icon.eot new file mode 100644 index 0000000..97c4196 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/fonts/flexslider-icon.eot differ diff --git a/HellionCoders/GuidingYourWay/static/assets/fonts/flexslider-icon.svg b/HellionCoders/GuidingYourWay/static/assets/fonts/flexslider-icon.svg new file mode 100644 index 0000000..dff93f0 --- /dev/null +++ b/HellionCoders/GuidingYourWay/static/assets/fonts/flexslider-icon.svg @@ -0,0 +1,19 @@ + + + + +This is a custom SVG font generated by IcoMoon. + + + + + + + + + + + + + + \ No newline at end of file diff --git a/HellionCoders/GuidingYourWay/static/assets/fonts/flexslider-icon.ttf b/HellionCoders/GuidingYourWay/static/assets/fonts/flexslider-icon.ttf new file mode 100644 index 0000000..0543298 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/fonts/flexslider-icon.ttf differ diff --git a/HellionCoders/GuidingYourWay/static/assets/fonts/flexslider-icon.woff b/HellionCoders/GuidingYourWay/static/assets/fonts/flexslider-icon.woff new file mode 100644 index 0000000..10c4eeb Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/fonts/flexslider-icon.woff differ diff --git a/HellionCoders/GuidingYourWay/static/assets/fonts/fontawesome-webfont.eot b/HellionCoders/GuidingYourWay/static/assets/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..33b2bb8 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/fonts/fontawesome-webfont.eot differ diff --git a/HellionCoders/GuidingYourWay/static/assets/fonts/fontawesome-webfont.svg b/HellionCoders/GuidingYourWay/static/assets/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..0d2afc7 --- /dev/null +++ b/HellionCoders/GuidingYourWay/static/assets/fonts/fontawesome-webfont.svg @@ -0,0 +1,565 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/HellionCoders/GuidingYourWay/static/assets/fonts/fontawesome-webfont.ttf b/HellionCoders/GuidingYourWay/static/assets/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..ed9372f Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/fonts/fontawesome-webfont.ttf differ diff --git a/HellionCoders/GuidingYourWay/static/assets/fonts/fontawesome-webfont.woff b/HellionCoders/GuidingYourWay/static/assets/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..8b280b9 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/fonts/fontawesome-webfont.woff differ diff --git a/HellionCoders/GuidingYourWay/static/assets/fonts/fontawesome-webfont.woff2 b/HellionCoders/GuidingYourWay/static/assets/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..3311d58 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/fonts/fontawesome-webfont.woff2 differ diff --git a/HellionCoders/GuidingYourWay/static/assets/fonts/slick.eot b/HellionCoders/GuidingYourWay/static/assets/fonts/slick.eot new file mode 100644 index 0000000..2cbab9c Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/fonts/slick.eot differ diff --git a/HellionCoders/GuidingYourWay/static/assets/fonts/slick.svg b/HellionCoders/GuidingYourWay/static/assets/fonts/slick.svg new file mode 100644 index 0000000..60fbaf1 --- /dev/null +++ b/HellionCoders/GuidingYourWay/static/assets/fonts/slick.svg @@ -0,0 +1,14 @@ + + + +Generated by Fontastic.me + + + + + + + + + + diff --git a/HellionCoders/GuidingYourWay/static/assets/fonts/slick.ttf b/HellionCoders/GuidingYourWay/static/assets/fonts/slick.ttf new file mode 100644 index 0000000..9d03461 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/fonts/slick.ttf differ diff --git a/HellionCoders/GuidingYourWay/static/assets/fonts/slick.woff b/HellionCoders/GuidingYourWay/static/assets/fonts/slick.woff new file mode 100644 index 0000000..8ee9972 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/fonts/slick.woff differ diff --git a/HellionCoders/GuidingYourWay/static/assets/images/about-bg.png b/HellionCoders/GuidingYourWay/static/assets/images/about-bg.png new file mode 100644 index 0000000..64eaa17 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/images/about-bg.png differ diff --git a/HellionCoders/GuidingYourWay/static/assets/images/about-left-image.png b/HellionCoders/GuidingYourWay/static/assets/images/about-left-image.png new file mode 100644 index 0000000..21e6e11 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/images/about-left-image.png differ diff --git a/HellionCoders/GuidingYourWay/static/assets/images/baner-dec-left.png b/HellionCoders/GuidingYourWay/static/assets/images/baner-dec-left.png new file mode 100644 index 0000000..58b9bf3 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/images/baner-dec-left.png differ diff --git a/HellionCoders/GuidingYourWay/static/assets/images/baner-dec-right.png b/HellionCoders/GuidingYourWay/static/assets/images/baner-dec-right.png new file mode 100644 index 0000000..a45390b Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/images/baner-dec-right.png differ diff --git a/HellionCoders/GuidingYourWay/static/assets/images/banner-right-image.jpg b/HellionCoders/GuidingYourWay/static/assets/images/banner-right-image.jpg new file mode 100644 index 0000000..44ea33b Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/images/banner-right-image.jpg differ diff --git a/HellionCoders/GuidingYourWay/static/assets/images/collage-finder.png b/HellionCoders/GuidingYourWay/static/assets/images/collage-finder.png new file mode 100644 index 0000000..6e24c78 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/images/collage-finder.png differ diff --git a/HellionCoders/GuidingYourWay/static/assets/images/contact-bg.png b/HellionCoders/GuidingYourWay/static/assets/images/contact-bg.png new file mode 100644 index 0000000..21a57f6 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/images/contact-bg.png differ diff --git a/HellionCoders/GuidingYourWay/static/assets/images/contact-decoration.png b/HellionCoders/GuidingYourWay/static/assets/images/contact-decoration.png new file mode 100644 index 0000000..1d8fa98 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/images/contact-decoration.png differ diff --git a/HellionCoders/GuidingYourWay/static/assets/images/course-content.webp b/HellionCoders/GuidingYourWay/static/assets/images/course-content.webp new file mode 100644 index 0000000..051dc43 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/images/course-content.webp differ diff --git a/HellionCoders/GuidingYourWay/static/assets/images/portfolio-image.png b/HellionCoders/GuidingYourWay/static/assets/images/portfolio-image.png new file mode 100644 index 0000000..24d9660 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/images/portfolio-image.png differ diff --git a/HellionCoders/GuidingYourWay/static/assets/images/service-icon-01.png b/HellionCoders/GuidingYourWay/static/assets/images/service-icon-01.png new file mode 100644 index 0000000..bae344a Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/images/service-icon-01.png differ diff --git a/HellionCoders/GuidingYourWay/static/assets/images/service-icon-02.png b/HellionCoders/GuidingYourWay/static/assets/images/service-icon-02.png new file mode 100644 index 0000000..560c2be Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/images/service-icon-02.png differ diff --git a/HellionCoders/GuidingYourWay/static/assets/images/service-icon-03.png b/HellionCoders/GuidingYourWay/static/assets/images/service-icon-03.png new file mode 100644 index 0000000..03dfa50 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/images/service-icon-03.png differ diff --git a/HellionCoders/GuidingYourWay/static/assets/images/service-icon-04.png b/HellionCoders/GuidingYourWay/static/assets/images/service-icon-04.png new file mode 100644 index 0000000..e4480e5 Binary files /dev/null and b/HellionCoders/GuidingYourWay/static/assets/images/service-icon-04.png differ diff --git a/HellionCoders/GuidingYourWay/static/assets/js/animation.js b/HellionCoders/GuidingYourWay/static/assets/js/animation.js new file mode 100644 index 0000000..282081f --- /dev/null +++ b/HellionCoders/GuidingYourWay/static/assets/js/animation.js @@ -0,0 +1,193 @@ +(function() { + var Util, + __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; }; + + Util = (function() { + function Util() {} + + Util.prototype.extend = function(custom, defaults) { + var key, value; + for (key in custom) { + value = custom[key]; + if (value != null) { + defaults[key] = value; + } + } + return defaults; + }; + + Util.prototype.isMobile = function(agent) { + return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(agent); + }; + + return Util; + + })(); + + this.WOW = (function() { + WOW.prototype.defaults = { + boxClass: 'wow', + animateClass: 'animated', + offset: 0, + mobile: true + }; + + function WOW(options) { + if (options == null) { + options = {}; + } + this.scrollCallback = __bind(this.scrollCallback, this); + this.scrollHandler = __bind(this.scrollHandler, this); + this.start = __bind(this.start, this); + this.scrolled = true; + this.config = this.util().extend(options, this.defaults); + } + + WOW.prototype.init = function() { + var _ref; + this.element = window.document.documentElement; + if ((_ref = document.readyState) === "interactive" || _ref === "complete") { + return this.start(); + } else { + return document.addEventListener('DOMContentLoaded', this.start); + } + }; + + WOW.prototype.start = function() { + var box, _i, _len, _ref; + this.boxes = this.element.getElementsByClassName(this.config.boxClass); + if (this.boxes.length) { + if (this.disabled()) { + return this.resetStyle(); + } else { + _ref = this.boxes; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + box = _ref[_i]; + this.applyStyle(box, true); + } + window.addEventListener('scroll', this.scrollHandler, false); + window.addEventListener('resize', this.scrollHandler, false); + return this.interval = setInterval(this.scrollCallback, 50); + } + } + }; + + WOW.prototype.stop = function() { + window.removeEventListener('scroll', this.scrollHandler, false); + window.removeEventListener('resize', this.scrollHandler, false); + if (this.interval != null) { + return clearInterval(this.interval); + } + }; + + WOW.prototype.show = function(box) { + this.applyStyle(box); + return box.className = "" + box.className + " " + this.config.animateClass; + }; + + WOW.prototype.applyStyle = function(box, hidden) { + var delay, duration, iteration; + duration = box.getAttribute('data-wow-duration'); + delay = box.getAttribute('data-wow-delay'); + iteration = box.getAttribute('data-wow-iteration'); + return box.setAttribute('style', this.customStyle(hidden, duration, delay, iteration)); + }; + + WOW.prototype.resetStyle = function() { + var box, _i, _len, _ref, _results; + _ref = this.boxes; + _results = []; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + box = _ref[_i]; + _results.push(box.setAttribute('style', 'visibility: visible;')); + } + return _results; + }; + + WOW.prototype.customStyle = function(hidden, duration, delay, iteration) { + var style; + style = hidden ? "visibility: hidden; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none;" : "visibility: visible;"; + if (duration) { + style += "-webkit-animation-duration: " + duration + "; -moz-animation-duration: " + duration + "; animation-duration: " + duration + ";"; + } + if (delay) { + style += "-webkit-animation-delay: " + delay + "; -moz-animation-delay: " + delay + "; animation-delay: " + delay + ";"; + } + if (iteration) { + style += "-webkit-animation-iteration-count: " + iteration + "; -moz-animation-iteration-count: " + iteration + "; animation-iteration-count: " + iteration + ";"; + } + return style; + }; + + WOW.prototype.scrollHandler = function() { + return this.scrolled = true; + }; + + WOW.prototype.scrollCallback = function() { + var box; + if (this.scrolled) { + this.scrolled = false; + this.boxes = (function() { + var _i, _len, _ref, _results; + _ref = this.boxes; + _results = []; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + box = _ref[_i]; + if (!(box)) { + continue; + } + if (this.isVisible(box)) { + this.show(box); + continue; + } + _results.push(box); + } + return _results; + }).call(this); + if (!this.boxes.length) { + return this.stop(); + } + } + }; + + WOW.prototype.offsetTop = function(element) { + var top; + top = element.offsetTop; + while (element = element.offsetParent) { + top += element.offsetTop; + } + return top; + }; + + WOW.prototype.isVisible = function(box) { + var bottom, offset, top, viewBottom, viewTop; + offset = box.getAttribute('data-wow-offset') || this.config.offset; + viewTop = window.pageYOffset; + viewBottom = viewTop + this.element.clientHeight - offset; + top = this.offsetTop(box); + bottom = top + box.clientHeight; + return top <= viewBottom && bottom >= viewTop; + }; + + WOW.prototype.util = function() { + return this._util || (this._util = new Util()); + }; + + WOW.prototype.disabled = function() { + return !this.config.mobile && this.util().isMobile(navigator.userAgent); + }; + + return WOW; + + })(); + +}).call(this); + + +wow = new WOW( + { + animateClass: 'animated', + offset: 50 + } +); +wow.init(); diff --git a/HellionCoders/GuidingYourWay/static/assets/js/imagesloaded.js b/HellionCoders/GuidingYourWay/static/assets/js/imagesloaded.js new file mode 100644 index 0000000..0eb242e --- /dev/null +++ b/HellionCoders/GuidingYourWay/static/assets/js/imagesloaded.js @@ -0,0 +1,496 @@ +/*! + * imagesLoaded PACKAGED v4.1.4 + * JavaScript is all like "You images are done yet or what?" + * MIT License + */ + +/** + * EvEmitter v1.1.0 + * Lil' event emitter + * MIT License + */ + +/* jshint unused: true, undef: true, strict: true */ + +( function( global, factory ) { + // universal module definition + /* jshint strict: false */ /* globals define, module, window */ + if ( typeof define == 'function' && define.amd ) { + // AMD - RequireJS + define( 'ev-emitter/ev-emitter',factory ); + } else if ( typeof module == 'object' && module.exports ) { + // CommonJS - Browserify, Webpack + module.exports = factory(); + } else { + // Browser globals + global.EvEmitter = factory(); + } + +}( typeof window != 'undefined' ? window : this, function() { + + + +function EvEmitter() {} + +var proto = EvEmitter.prototype; + +proto.on = function( eventName, listener ) { + if ( !eventName || !listener ) { + return; + } + // set events hash + var events = this._events = this._events || {}; + // set listeners array + var listeners = events[ eventName ] = events[ eventName ] || []; + // only add once + if ( listeners.indexOf( listener ) == -1 ) { + listeners.push( listener ); + } + + return this; +}; + +proto.once = function( eventName, listener ) { + if ( !eventName || !listener ) { + return; + } + // add event + this.on( eventName, listener ); + // set once flag + // set onceEvents hash + var onceEvents = this._onceEvents = this._onceEvents || {}; + // set onceListeners object + var onceListeners = onceEvents[ eventName ] = onceEvents[ eventName ] || {}; + // set flag + onceListeners[ listener ] = true; + + return this; +}; + +proto.off = function( eventName, listener ) { + var listeners = this._events && this._events[ eventName ]; + if ( !listeners || !listeners.length ) { + return; + } + var index = listeners.indexOf( listener ); + if ( index != -1 ) { + listeners.splice( index, 1 ); + } + + return this; +}; + +proto.emitEvent = function( eventName, args ) { + var listeners = this._events && this._events[ eventName ]; + if ( !listeners || !listeners.length ) { + return; + } + // copy over to avoid interference if .off() in listener + listeners = listeners.slice(0); + args = args || []; + // once stuff + var onceListeners = this._onceEvents && this._onceEvents[ eventName ]; + + for ( var i=0; i < listeners.length; i++ ) { + var listener = listeners[i] + var isOnce = onceListeners && onceListeners[ listener ]; + if ( isOnce ) { + // remove listener + // remove before trigger to prevent recursion + this.off( eventName, listener ); + // unset once flag + delete onceListeners[ listener ]; + } + // trigger listener + listener.apply( this, args ); + } + + return this; +}; + +proto.allOff = function() { + delete this._events; + delete this._onceEvents; +}; + +return EvEmitter; + +})); + +/*! + * imagesLoaded v4.1.4 + * JavaScript is all like "You images are done yet or what?" + * MIT License + */ + +( function( window, factory ) { 'use strict'; + // universal module definition + + /*global define: false, module: false, require: false */ + + if ( typeof define == 'function' && define.amd ) { + // AMD + define( [ + 'ev-emitter/ev-emitter' + ], function( EvEmitter ) { + return factory( window, EvEmitter ); + }); + } else if ( typeof module == 'object' && module.exports ) { + // CommonJS + module.exports = factory( + window, + require('ev-emitter') + ); + } else { + // browser global + window.imagesLoaded = factory( + window, + window.EvEmitter + ); + } + +})( typeof window !== 'undefined' ? window : this, + +// -------------------------- factory -------------------------- // + +function factory( window, EvEmitter ) { + + + +var $ = window.jQuery; +var console = window.console; + +// -------------------------- helpers -------------------------- // + +// extend objects +function extend( a, b ) { + for ( var prop in b ) { + a[ prop ] = b[ prop ]; + } + return a; +} + +var arraySlice = Array.prototype.slice; + +// turn element or nodeList into an array +function makeArray( obj ) { + if ( Array.isArray( obj ) ) { + // use object if already an array + return obj; + } + + var isArrayLike = typeof obj == 'object' && typeof obj.length == 'number'; + if ( isArrayLike ) { + // convert nodeList to array + return arraySlice.call( obj ); + } + + // array of single index + return [ obj ]; +} + +// -------------------------- imagesLoaded -------------------------- // + +/** + * @param {Array, Element, NodeList, String} elem + * @param {Object or Function} options - if function, use as callback + * @param {Function} onAlways - callback function + */ +function ImagesLoaded( elem, options, onAlways ) { + // coerce ImagesLoaded() without new, to be new ImagesLoaded() + if ( !( this instanceof ImagesLoaded ) ) { + return new ImagesLoaded( elem, options, onAlways ); + } + // use elem as selector string + var queryElem = elem; + if ( typeof elem == 'string' ) { + queryElem = document.querySelectorAll( elem ); + } + // bail if bad element + if ( !queryElem ) { + console.error( 'Bad element for imagesLoaded ' + ( queryElem || elem ) ); + return; + } + + this.elements = makeArray( queryElem ); + this.options = extend( {}, this.options ); + // shift arguments if no options set + if ( typeof options == 'function' ) { + onAlways = options; + } else { + extend( this.options, options ); + } + + if ( onAlways ) { + this.on( 'always', onAlways ); + } + + this.getImages(); + + if ( $ ) { + // add jQuery Deferred object + this.jqDeferred = new $.Deferred(); + } + + // HACK check async to allow time to bind listeners + setTimeout( this.check.bind( this ) ); +} + +ImagesLoaded.prototype = Object.create( EvEmitter.prototype ); + +ImagesLoaded.prototype.options = {}; + +ImagesLoaded.prototype.getImages = function() { + this.images = []; + + // filter & find items if we have an item selector + this.elements.forEach( this.addElementImages, this ); +}; + +/** + * @param {Node} element + */ +ImagesLoaded.prototype.addElementImages = function( elem ) { + // filter siblings + if ( elem.nodeName == 'IMG' ) { + this.addImage( elem ); + } + // get background image on element + if ( this.options.background === true ) { + this.addElementBackgroundImages( elem ); + } + + // find children + // no non-element nodes, #143 + var nodeType = elem.nodeType; + if ( !nodeType || !elementNodeTypes[ nodeType ] ) { + return; + } + var childImgs = elem.querySelectorAll('img'); + // concat childElems to filterFound array + for ( var i=0; i < childImgs.length; i++ ) { + var img = childImgs[i]; + this.addImage( img ); + } + + // get child background images + if ( typeof this.options.background == 'string' ) { + var children = elem.querySelectorAll( this.options.background ); + for ( i=0; i < children.length; i++ ) { + var child = children[i]; + this.addElementBackgroundImages( child ); + } + } +}; + +var elementNodeTypes = { + 1: true, + 9: true, + 11: true +}; + +ImagesLoaded.prototype.addElementBackgroundImages = function( elem ) { + var style = getComputedStyle( elem ); + if ( !style ) { + // Firefox returns null if in a hidden iframe https://bugzil.la/548397 + return; + } + // get url inside url("...") + var reURL = /url\((['"])?(.*?)\1\)/gi; + var matches = reURL.exec( style.backgroundImage ); + while ( matches !== null ) { + var url = matches && matches[2]; + if ( url ) { + this.addBackground( url, elem ); + } + matches = reURL.exec( style.backgroundImage ); + } +}; + +/** + * @param {Image} img + */ +ImagesLoaded.prototype.addImage = function( img ) { + var loadingImage = new LoadingImage( img ); + this.images.push( loadingImage ); +}; + +ImagesLoaded.prototype.addBackground = function( url, elem ) { + var background = new Background( url, elem ); + this.images.push( background ); +}; + +ImagesLoaded.prototype.check = function() { + var _this = this; + this.progressedCount = 0; + this.hasAnyBroken = false; + // complete if no images + if ( !this.images.length ) { + this.complete(); + return; + } + + function onProgress( image, elem, message ) { + // HACK - Chrome triggers event before object properties have changed. #83 + setTimeout( function() { + _this.progress( image, elem, message ); + }); + } + + this.images.forEach( function( loadingImage ) { + loadingImage.once( 'progress', onProgress ); + loadingImage.check(); + }); +}; + +ImagesLoaded.prototype.progress = function( image, elem, message ) { + this.progressedCount++; + this.hasAnyBroken = this.hasAnyBroken || !image.isLoaded; + // progress event + this.emitEvent( 'progress', [ this, image, elem ] ); + if ( this.jqDeferred && this.jqDeferred.notify ) { + this.jqDeferred.notify( this, image ); + } + // check if completed + if ( this.progressedCount == this.images.length ) { + this.complete(); + } + + if ( this.options.debug && console ) { + console.log( 'progress: ' + message, image, elem ); + } +}; + +ImagesLoaded.prototype.complete = function() { + var eventName = this.hasAnyBroken ? 'fail' : 'done'; + this.isComplete = true; + this.emitEvent( eventName, [ this ] ); + this.emitEvent( 'always', [ this ] ); + if ( this.jqDeferred ) { + var jqMethod = this.hasAnyBroken ? 'reject' : 'resolve'; + this.jqDeferred[ jqMethod ]( this ); + } +}; + +// -------------------------- -------------------------- // + +function LoadingImage( img ) { + this.img = img; +} + +LoadingImage.prototype = Object.create( EvEmitter.prototype ); + +LoadingImage.prototype.check = function() { + // If complete is true and browser supports natural sizes, + // try to check for image status manually. + var isComplete = this.getIsImageComplete(); + if ( isComplete ) { + // report based on naturalWidth + this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' ); + return; + } + + // If none of the checks above matched, simulate loading on detached element. + this.proxyImage = new Image(); + this.proxyImage.addEventListener( 'load', this ); + this.proxyImage.addEventListener( 'error', this ); + // bind to image as well for Firefox. #191 + this.img.addEventListener( 'load', this ); + this.img.addEventListener( 'error', this ); + this.proxyImage.src = this.img.src; +}; + +LoadingImage.prototype.getIsImageComplete = function() { + // check for non-zero, non-undefined naturalWidth + // fixes Safari+InfiniteScroll+Masonry bug infinite-scroll#671 + return this.img.complete && this.img.naturalWidth; +}; + +LoadingImage.prototype.confirm = function( isLoaded, message ) { + this.isLoaded = isLoaded; + this.emitEvent( 'progress', [ this, this.img, message ] ); +}; + +// ----- events ----- // + +// trigger specified handler for event type +LoadingImage.prototype.handleEvent = function( event ) { + var method = 'on' + event.type; + if ( this[ method ] ) { + this[ method ]( event ); + } +}; + +LoadingImage.prototype.onload = function() { + this.confirm( true, 'onload' ); + this.unbindEvents(); +}; + +LoadingImage.prototype.onerror = function() { + this.confirm( false, 'onerror' ); + this.unbindEvents(); +}; + +LoadingImage.prototype.unbindEvents = function() { + this.proxyImage.removeEventListener( 'load', this ); + this.proxyImage.removeEventListener( 'error', this ); + this.img.removeEventListener( 'load', this ); + this.img.removeEventListener( 'error', this ); +}; + +// -------------------------- Background -------------------------- // + +function Background( url, element ) { + this.url = url; + this.element = element; + this.img = new Image(); +} + +// inherit LoadingImage prototype +Background.prototype = Object.create( LoadingImage.prototype ); + +Background.prototype.check = function() { + this.img.addEventListener( 'load', this ); + this.img.addEventListener( 'error', this ); + this.img.src = this.url; + // check if image is already complete + var isComplete = this.getIsImageComplete(); + if ( isComplete ) { + this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' ); + this.unbindEvents(); + } +}; + +Background.prototype.unbindEvents = function() { + this.img.removeEventListener( 'load', this ); + this.img.removeEventListener( 'error', this ); +}; + +Background.prototype.confirm = function( isLoaded, message ) { + this.isLoaded = isLoaded; + this.emitEvent( 'progress', [ this, this.element, message ] ); +}; + +// -------------------------- jQuery -------------------------- // + +ImagesLoaded.makeJQueryPlugin = function( jQuery ) { + jQuery = jQuery || window.jQuery; + if ( !jQuery ) { + return; + } + // set local variable + $ = jQuery; + // $().imagesLoaded() + $.fn.imagesLoaded = function( options, callback ) { + var instance = new ImagesLoaded( this, options, callback ); + return instance.jqDeferred.promise( $(this) ); + }; +}; +// try making plugin +ImagesLoaded.makeJQueryPlugin(); + +// -------------------------- -------------------------- // + +return ImagesLoaded; + +}); diff --git a/HellionCoders/GuidingYourWay/static/assets/js/isotope.js b/HellionCoders/GuidingYourWay/static/assets/js/isotope.js new file mode 100644 index 0000000..c60929a --- /dev/null +++ b/HellionCoders/GuidingYourWay/static/assets/js/isotope.js @@ -0,0 +1,12 @@ +/*! + * Isotope PACKAGED v3.0.6 + * + * Licensed GPLv3 for open source use + * or Isotope Commercial License for commercial use + * + * https://isotope.metafizzy.co + * Copyright 2010-2018 Metafizzy + */ + +!function(t,e){"function"==typeof define&&define.amd?define("jquery-bridget/jquery-bridget",["jquery"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("jquery")):t.jQueryBridget=e(t,t.jQuery)}(window,function(t,e){"use strict";function i(i,s,a){function u(t,e,o){var n,s="$()."+i+'("'+e+'")';return t.each(function(t,u){var h=a.data(u,i);if(!h)return void r(i+" not initialized. Cannot call methods, i.e. "+s);var d=h[e];if(!d||"_"==e.charAt(0))return void r(s+" is not a valid method");var l=d.apply(h,o);n=void 0===n?l:n}),void 0!==n?n:t}function h(t,e){t.each(function(t,o){var n=a.data(o,i);n?(n.option(e),n._init()):(n=new s(o,e),a.data(o,i,n))})}a=a||e||t.jQuery,a&&(s.prototype.option||(s.prototype.option=function(t){a.isPlainObject(t)&&(this.options=a.extend(!0,this.options,t))}),a.fn[i]=function(t){if("string"==typeof t){var e=n.call(arguments,1);return u(this,t,e)}return h(this,t),this},o(a))}function o(t){!t||t&&t.bridget||(t.bridget=i)}var n=Array.prototype.slice,s=t.console,r="undefined"==typeof s?function(){}:function(t){s.error(t)};return o(e||t.jQuery),i}),function(t,e){"function"==typeof define&&define.amd?define("ev-emitter/ev-emitter",e):"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var i=this._events=this._events||{},o=i[t]=i[t]||[];return o.indexOf(e)==-1&&o.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var i=this._onceEvents=this._onceEvents||{},o=i[t]=i[t]||{};return o[e]=!0,this}},e.off=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){var o=i.indexOf(e);return o!=-1&&i.splice(o,1),this}},e.emitEvent=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){i=i.slice(0),e=e||[];for(var o=this._onceEvents&&this._onceEvents[t],n=0;n