diff --git a/api/controllers/blogPostController.js b/api/controllers/blogPostController.js
index 6b6a6fa..f8ac86c 100644
--- a/api/controllers/blogPostController.js
+++ b/api/controllers/blogPostController.js
@@ -39,9 +39,13 @@ module.exports.create = [
 
       // short description
       body('fa_short_description')
-         .notEmpty().withMessage(v_m['fa'].required.description),
+         .notEmpty().withMessage(v_m['fa'].required.description)
+         .bail()
+         .isLength({max: 200}).withMessage(v_m['fa'].max_char.max200),
       body('en_short_description')
-         .notEmpty().withMessage(v_m['fa'].required.description),
+         .notEmpty().withMessage(v_m['fa'].required.description)
+         .bail()
+         .isLength({max: 200}).withMessage(v_m['fa'].max_char.max200),
 
       body('category')
          .notEmpty().withMessage(v_m['fa'].required.category)
@@ -157,9 +161,13 @@ module.exports.update = [
 
       // short description
       body('fa_short_description')
-         .notEmpty().withMessage(v_m['fa'].required.description),
+         .notEmpty().withMessage(v_m['fa'].required.description)
+         .bail()
+         .isLength({max: 200}).withMessage(v_m['fa'].max_char.max200),
       body('en_short_description')
-         .notEmpty().withMessage(v_m['fa'].required.description),
+         .notEmpty().withMessage(v_m['fa'].required.description)
+         .bail()
+         .isLength({max: 200}).withMessage(v_m['fa'].max_char.max200),
 
 
       body('category')
diff --git a/api/controllers/calculationModule.js b/api/controllers/calculationModule.js
new file mode 100644
index 0000000..06e5ba5
--- /dev/null
+++ b/api/controllers/calculationModule.js
@@ -0,0 +1,35 @@
+const {body, validationResult} = require('express-validator')
+const v_m = require('../validation_messages')
+
+const validationMessages = {
+   fa: {},
+   en: {}
+}
+
+module.exports = [
+   [
+      body('method')
+         .notEmpty().withMessage(),
+      body('type')
+         .notEmpty().withMessage(),
+      body('class')
+         .notEmpty().withMessage(),
+      body('pointLoad')
+         .notEmpty().withMessage(),
+      body('distributedLoad')
+         .notEmpty().withMessage(),
+      body('bearingBarPitch')
+         .notEmpty().withMessage(),
+      body('crossBarPitCh')
+         .notEmpty().withMessage(),
+      body('clearSpan')
+         .notEmpty().withMessage(),
+      body('bearingBarThickness')
+         .notEmpty().withMessage(),
+      body('bearingBarHeight')
+         .notEmpty().withMessage()
+   ],
+   (req, res) => {
+
+   }
+]
diff --git a/api/controllers/historyController.js b/api/controllers/historyController.js
new file mode 100644
index 0000000..b0b7049
--- /dev/null
+++ b/api/controllers/historyController.js
@@ -0,0 +1,166 @@
+const History = require('../models/History')
+const dateformat = require('dateformat')
+const {body, validationResult} = require('express-validator')
+const jimp = require('jimp')
+const fs = require('fs')
+const v_m = require('../validation_messages')
+
+
+module.exports.create = [
+   [
+      body('fa_title')
+         .notEmpty().withMessage(v_m['fa'].required.title),
+
+      body('en_title')
+         .notEmpty().withMessage(v_m['fa'].required.title),
+
+      body('year')
+         .notEmpty().withMessage(v_m['fa'].required.date)
+         .bail()
+         .isNumeric().withMessage(v_m['fa'].format.number)
+         .bail()
+         .isLength({min: 4}).withMessage(v_m['fa'].min_char.min4)
+         .bail()
+         .isLength({max: 4}).withMessage(v_m['fa'].max_char.max4)
+   ],
+   (req, res) => {
+      const errors = validationResult(req)
+      if (!errors.isEmpty()) return res.status(422).json({validation: errors.mapped()})
+      if (!req.files || !req.files.image) return res.status(422).json({validation: {image: {msg: v_m['fa'].required.image}}})
+
+      const fileName = 'history_' + Date.now() + '.' + req.files.image.mimetype.split('/')[1]
+
+      const data = {
+         image: fileName,
+         year: Number(req.body.year),
+         history_details: {
+            fa: {
+               title: req.body.fa_title,
+               caption: req.body.fa_caption
+            },
+            en: {
+               title: req.body.en_title,
+               caption: req.body.en_caption
+            }
+         },
+         created_at: dateformat(Date.now(), 'yyyy-mm-dd HH:MM:ss')
+      }
+
+      jimp.read(req.files.image.data)
+         .then(img => {
+            img
+               .resize(380, jimp.AUTO)
+               .cover(380, 260)
+               .write(`./static/uploads/images/history/${fileName}`, cb => {
+                  const history = new History(data)
+                  history.save(err => {
+                     if (err) console.log(err)
+                     return res.json(v_m['fa'].response.success_save)
+                  })
+               })
+         })
+         .catch(err => {
+            console.log(err)
+         })
+   }
+]
+
+
+module.exports.getAll = [
+   (req, res) => {
+      History.find({}).sort({year: 1}).exec((err, data) => {
+         if (err) console.log(err)
+         return res.json(data)
+      })
+   }
+]
+
+
+module.exports.getOne = [
+   (req, res) => {
+      History.findById(req.params.id, (err, data) => {
+         if (err) return res.status(404).json(err)
+         return res.json(data)
+      })
+   }
+]
+
+
+module.exports.update = [
+   [
+      body('fa_title')
+         .notEmpty().withMessage(v_m['fa'].required.title),
+
+      body('en_title')
+         .notEmpty().withMessage(v_m['fa'].required.title),
+
+      body('year')
+         .notEmpty().withMessage(v_m['fa'].required.date)
+         .bail()
+         .isNumeric().withMessage(v_m['fa'].format.number)
+         .bail()
+         .isLength({min: 4}).withMessage(v_m['fa'].min_char.min4)
+         .bail()
+         .isLength({max: 4}).withMessage(v_m['fa'].max_char.max4)
+   ],
+   (req, res) => {
+      const errors = validationResult(req)
+      if (!errors.isEmpty()) return res.status(422).json({validation: errors.mapped()})
+
+      const data = {
+         year: Number(req.body.year),
+         history_details: {
+            fa: {
+               title: req.body.fa_title,
+               caption: req.body.fa_caption
+            },
+            en: {
+               title: req.body.en_title,
+               caption: req.body.en_caption
+            }
+         },
+         updated_at: dateformat(Date.now(), 'yyyy-mm-dd HH:MM:ss')
+      }
+
+      if (req.files && req.files.image) {
+         let fileName = 'history_' + Date.now() + '.' + req.files.image.mimetype.split('/')[1]
+         data.image = fileName
+         jimp.read(req.files.image.data)
+            .then(img => {
+               img
+                  .resize(380, jimp.AUTO)
+                  .cover(380, 260)
+                  .write(`./static/uploads/images/history/${fileName}`, cb => {
+                     History.findByIdAndUpdate(req.params.id, data, (err, oldData) => {
+                        if (err) console.log(err)
+                        fs.unlink(`./static/${oldData.image}`, err => {
+                           if (err) console.log(err)
+                           return res.json(v_m['fa'].response.success_save)
+                        })
+                     })
+                  })
+            })
+            .catch(err => {
+               console.log(err)
+            })
+      } else {
+         History.findByIdAndUpdate(req.params.id, data, (err, oldData) => {
+            if (err) console.log(err)
+            return res.json(v_m['fa'].response.success_save)
+         })
+      }
+   }
+]
+
+
+module.exports.delete = [
+   (req, res) => {
+      History.findByIdAndDelete(req.params.id, (err, data) => {
+         if (err) console.log(err)
+         fs.unlink(`./static/${data.image}`, err => {
+            if (err) console.log(err)
+            return res.json(v_m['fa'].response.success_remove)
+         })
+      })
+   }
+]
diff --git a/api/models/History.js b/api/models/History.js
new file mode 100644
index 0000000..6c5e697
--- /dev/null
+++ b/api/models/History.js
@@ -0,0 +1,27 @@
+const mongoose = require('mongoose')
+
+function image(img) {
+   return '/uploads/images/history/' + img
+}
+
+const HistorySchema = mongoose.Schema({
+   image: {type: String, get: image},
+   year: Number,
+   history_details: {
+      fa: {
+         title: String,
+         caption: String
+      },
+      en: {
+         title: String,
+         caption: String
+      }
+   },
+   created_at: String,
+   updated_at: String
+}, {
+   toObject: {getters: true},
+   toJSON: {getters: true}
+})
+
+module.exports = mongoose.model('History', HistorySchema)
diff --git a/api/routes/private.js b/api/routes/private.js
index 88bae84..5ab57d8 100644
--- a/api/routes/private.js
+++ b/api/routes/private.js
@@ -10,6 +10,7 @@ const projectController = require('../controllers/projectController')
 const contactPageController = require('../controllers/contactPageController')
 const contactUsReasonController = require('../controllers/contactUsReasonController')
 const mainCatalogController = require('../controllers/mainCatalogController')
+const historyController = require('../controllers/historyController')
 
 /////////////////////////////////////////////////////////// routes
 //////////////// slider
@@ -63,4 +64,9 @@ router.delete('/contact/reason/:id', contactUsReasonController.delete)
 ///////////////// main catalog
 router.post('/catalog', mainCatalogController.create)
 
+///////////////// history
+router.post('/history', historyController.create)
+router.put('/history/:id', historyController.update)
+router.delete('/history/:id', historyController.delete)
+
 module.exports = router
diff --git a/api/routes/public.js b/api/routes/public.js
index 46f7533..1ed7fa4 100644
--- a/api/routes/public.js
+++ b/api/routes/public.js
@@ -11,6 +11,7 @@ const projectController = require('../controllers/projectController')
 const contactPageController = require('../controllers/contactPageController')
 const contactUsReasonController = require('../controllers/contactUsReasonController')
 const mainCatalogController = require('../controllers/mainCatalogController')
+const historyController = require('../controllers/historyController')
 /////////////////////////////////////////////////////////// routes
 
 //////////////// slider
@@ -46,4 +47,8 @@ router.get('/contact/reason', contactUsReasonController.getAll)
 //////////////// main catalog
 router.get('/catalog', mainCatalogController.get)
 
+//////////////// history
+router.get('/history', historyController.getAll)
+router.get('/history/:id', historyController.getOne)
+
 module.exports = router
diff --git a/assets/admin/css/bootstrap-grid-customized.css b/assets/admin/css/bootstrap-grid-customized.css
deleted file mode 100644
index d5a6b56..0000000
--- a/assets/admin/css/bootstrap-grid-customized.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
- * Copyright 2011-2019 The Bootstrap Authors
- * Copyright 2011-2019 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1370px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;margin:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{line-height:1.15;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}::selection{background:#468fd2;color:#fff}::-webkit-selection{background:#468fd2;color:#fff}::-moz-selection{background:#468fd2;color:#fff}.clearfix{zoom:1}.clearfix:after,.clearfix:before,.row:after,.row:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.row:after{clear:both}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}a{text-decoration:none}.relativePos{position:relative;width:100%;height:100%}
diff --git a/assets/admin/css/bootstrap-grid.css b/assets/admin/css/bootstrap-grid.css
new file mode 100644
index 0000000..63104a5
--- /dev/null
+++ b/assets/admin/css/bootstrap-grid.css
@@ -0,0 +1,5013 @@
+/*!
+ * Bootstrap Grid v5.0.0-beta1 (https://getbootstrap.com/)
+ * Copyright 2011-2020 The Bootstrap Authors
+ * Copyright 2011-2020 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+.container,
+.container-fluid,
+.container-xxl,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm{
+	width: 100%;
+	padding-right: var(--bs-gutter-x, 0.75rem);
+	padding-left: var(--bs-gutter-x, 0.75rem);
+	margin-right: auto;
+	margin-left: auto;
+}
+
+@media (min-width: 576px){
+	.container-sm, .container{
+		max-width: 540px;
+	}
+}
+
+@media (min-width: 768px){
+	.container-md, .container-sm, .container{
+		max-width: 720px;
+	}
+}
+
+@media (min-width: 992px){
+	.container-lg, .container-md, .container-sm, .container{
+		max-width: 960px;
+	}
+}
+
+@media (min-width: 1200px){
+	.container-xl, .container-lg, .container-md, .container-sm, .container{
+		max-width: 1140px;
+	}
+}
+
+@media (min-width: 1400px){
+	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container{
+		max-width: 1320px;
+	}
+}
+
+.row{
+	--bs-gutter-x: 1.5rem;
+	--bs-gutter-y: 0;
+	display: flex;
+	flex-wrap: wrap;
+	margin-top: calc(var(--bs-gutter-y) * -1);
+	margin-right: calc(var(--bs-gutter-x) / -2);
+	margin-left: calc(var(--bs-gutter-x) / -2);
+}
+
+.row > *{
+	box-sizing: border-box;
+	flex-shrink: 0;
+	width: 100%;
+	max-width: 100%;
+	padding-right: calc(var(--bs-gutter-x) / 2);
+	padding-left: calc(var(--bs-gutter-x) / 2);
+	margin-top: var(--bs-gutter-y);
+}
+
+.col{
+	flex: 1 0 0%;
+}
+
+.row-cols-auto > *{
+	flex: 0 0 auto;
+	width: auto;
+}
+
+.row-cols-1 > *{
+	flex: 0 0 auto;
+	width: 100%;
+}
+
+.row-cols-2 > *{
+	flex: 0 0 auto;
+	width: 50%;
+}
+
+.row-cols-3 > *{
+	flex: 0 0 auto;
+	width: 33.3333333333%;
+}
+
+.row-cols-4 > *{
+	flex: 0 0 auto;
+	width: 25%;
+}
+
+.row-cols-5 > *{
+	flex: 0 0 auto;
+	width: 20%;
+}
+
+.row-cols-6 > *{
+	flex: 0 0 auto;
+	width: 16.6666666667%;
+}
+
+.col-auto{
+	flex: 0 0 auto;
+	width: auto;
+}
+
+.col-1{
+	flex: 0 0 auto;
+	width: 8.3333333333%;
+}
+
+.col-2{
+	flex: 0 0 auto;
+	width: 16.6666666667%;
+}
+
+.col-3{
+	flex: 0 0 auto;
+	width: 25%;
+}
+
+.col-4{
+	flex: 0 0 auto;
+	width: 33.3333333333%;
+}
+
+.col-5{
+	flex: 0 0 auto;
+	width: 41.6666666667%;
+}
+
+.col-6{
+	flex: 0 0 auto;
+	width: 50%;
+}
+
+.col-7{
+	flex: 0 0 auto;
+	width: 58.3333333333%;
+}
+
+.col-8{
+	flex: 0 0 auto;
+	width: 66.6666666667%;
+}
+
+.col-9{
+	flex: 0 0 auto;
+	width: 75%;
+}
+
+.col-10{
+	flex: 0 0 auto;
+	width: 83.3333333333%;
+}
+
+.col-11{
+	flex: 0 0 auto;
+	width: 91.6666666667%;
+}
+
+.col-12{
+	flex: 0 0 auto;
+	width: 100%;
+}
+
+.offset-1{
+	margin-left: 8.3333333333%;
+}
+
+.offset-2{
+	margin-left: 16.6666666667%;
+}
+
+.offset-3{
+	margin-left: 25%;
+}
+
+.offset-4{
+	margin-left: 33.3333333333%;
+}
+
+.offset-5{
+	margin-left: 41.6666666667%;
+}
+
+.offset-6{
+	margin-left: 50%;
+}
+
+.offset-7{
+	margin-left: 58.3333333333%;
+}
+
+.offset-8{
+	margin-left: 66.6666666667%;
+}
+
+.offset-9{
+	margin-left: 75%;
+}
+
+.offset-10{
+	margin-left: 83.3333333333%;
+}
+
+.offset-11{
+	margin-left: 91.6666666667%;
+}
+
+.g-0,
+.gx-0{
+	--bs-gutter-x: 0;
+}
+
+.g-0,
+.gy-0{
+	--bs-gutter-y: 0;
+}
+
+.g-1,
+.gx-1{
+	--bs-gutter-x: 0.25rem;
+}
+
+.g-1,
+.gy-1{
+	--bs-gutter-y: 0.25rem;
+}
+
+.g-2,
+.gx-2{
+	--bs-gutter-x: 0.5rem;
+}
+
+.g-2,
+.gy-2{
+	--bs-gutter-y: 0.5rem;
+}
+
+.g-3,
+.gx-3{
+	--bs-gutter-x: 1rem;
+}
+
+.g-3,
+.gy-3{
+	--bs-gutter-y: 1rem;
+}
+
+.g-4,
+.gx-4{
+	--bs-gutter-x: 1.5rem;
+}
+
+.g-4,
+.gy-4{
+	--bs-gutter-y: 1.5rem;
+}
+
+.g-5,
+.gx-5{
+	--bs-gutter-x: 3rem;
+}
+
+.g-5,
+.gy-5{
+	--bs-gutter-y: 3rem;
+}
+
+@media (min-width: 576px){
+	.col-sm{
+		flex: 1 0 0%;
+	}
+
+	.row-cols-sm-auto > *{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.row-cols-sm-1 > *{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.row-cols-sm-2 > *{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.row-cols-sm-3 > *{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.row-cols-sm-4 > *{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.row-cols-sm-5 > *{
+		flex: 0 0 auto;
+		width: 20%;
+	}
+
+	.row-cols-sm-6 > *{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-sm-auto{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.col-sm-1{
+		flex: 0 0 auto;
+		width: 8.3333333333%;
+	}
+
+	.col-sm-2{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-sm-3{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.col-sm-4{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.col-sm-5{
+		flex: 0 0 auto;
+		width: 41.6666666667%;
+	}
+
+	.col-sm-6{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.col-sm-7{
+		flex: 0 0 auto;
+		width: 58.3333333333%;
+	}
+
+	.col-sm-8{
+		flex: 0 0 auto;
+		width: 66.6666666667%;
+	}
+
+	.col-sm-9{
+		flex: 0 0 auto;
+		width: 75%;
+	}
+
+	.col-sm-10{
+		flex: 0 0 auto;
+		width: 83.3333333333%;
+	}
+
+	.col-sm-11{
+		flex: 0 0 auto;
+		width: 91.6666666667%;
+	}
+
+	.col-sm-12{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.offset-sm-0{
+		margin-left: 0;
+	}
+
+	.offset-sm-1{
+		margin-left: 8.3333333333%;
+	}
+
+	.offset-sm-2{
+		margin-left: 16.6666666667%;
+	}
+
+	.offset-sm-3{
+		margin-left: 25%;
+	}
+
+	.offset-sm-4{
+		margin-left: 33.3333333333%;
+	}
+
+	.offset-sm-5{
+		margin-left: 41.6666666667%;
+	}
+
+	.offset-sm-6{
+		margin-left: 50%;
+	}
+
+	.offset-sm-7{
+		margin-left: 58.3333333333%;
+	}
+
+	.offset-sm-8{
+		margin-left: 66.6666666667%;
+	}
+
+	.offset-sm-9{
+		margin-left: 75%;
+	}
+
+	.offset-sm-10{
+		margin-left: 83.3333333333%;
+	}
+
+	.offset-sm-11{
+		margin-left: 91.6666666667%;
+	}
+
+	.g-sm-0,
+	.gx-sm-0{
+		--bs-gutter-x: 0;
+	}
+
+	.g-sm-0,
+	.gy-sm-0{
+		--bs-gutter-y: 0;
+	}
+
+	.g-sm-1,
+	.gx-sm-1{
+		--bs-gutter-x: 0.25rem;
+	}
+
+	.g-sm-1,
+	.gy-sm-1{
+		--bs-gutter-y: 0.25rem;
+	}
+
+	.g-sm-2,
+	.gx-sm-2{
+		--bs-gutter-x: 0.5rem;
+	}
+
+	.g-sm-2,
+	.gy-sm-2{
+		--bs-gutter-y: 0.5rem;
+	}
+
+	.g-sm-3,
+	.gx-sm-3{
+		--bs-gutter-x: 1rem;
+	}
+
+	.g-sm-3,
+	.gy-sm-3{
+		--bs-gutter-y: 1rem;
+	}
+
+	.g-sm-4,
+	.gx-sm-4{
+		--bs-gutter-x: 1.5rem;
+	}
+
+	.g-sm-4,
+	.gy-sm-4{
+		--bs-gutter-y: 1.5rem;
+	}
+
+	.g-sm-5,
+	.gx-sm-5{
+		--bs-gutter-x: 3rem;
+	}
+
+	.g-sm-5,
+	.gy-sm-5{
+		--bs-gutter-y: 3rem;
+	}
+}
+
+@media (min-width: 768px){
+	.col-md{
+		flex: 1 0 0%;
+	}
+
+	.row-cols-md-auto > *{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.row-cols-md-1 > *{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.row-cols-md-2 > *{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.row-cols-md-3 > *{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.row-cols-md-4 > *{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.row-cols-md-5 > *{
+		flex: 0 0 auto;
+		width: 20%;
+	}
+
+	.row-cols-md-6 > *{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-md-auto{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.col-md-1{
+		flex: 0 0 auto;
+		width: 8.3333333333%;
+	}
+
+	.col-md-2{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-md-3{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.col-md-4{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.col-md-5{
+		flex: 0 0 auto;
+		width: 41.6666666667%;
+	}
+
+	.col-md-6{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.col-md-7{
+		flex: 0 0 auto;
+		width: 58.3333333333%;
+	}
+
+	.col-md-8{
+		flex: 0 0 auto;
+		width: 66.6666666667%;
+	}
+
+	.col-md-9{
+		flex: 0 0 auto;
+		width: 75%;
+	}
+
+	.col-md-10{
+		flex: 0 0 auto;
+		width: 83.3333333333%;
+	}
+
+	.col-md-11{
+		flex: 0 0 auto;
+		width: 91.6666666667%;
+	}
+
+	.col-md-12{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.offset-md-0{
+		margin-left: 0;
+	}
+
+	.offset-md-1{
+		margin-left: 8.3333333333%;
+	}
+
+	.offset-md-2{
+		margin-left: 16.6666666667%;
+	}
+
+	.offset-md-3{
+		margin-left: 25%;
+	}
+
+	.offset-md-4{
+		margin-left: 33.3333333333%;
+	}
+
+	.offset-md-5{
+		margin-left: 41.6666666667%;
+	}
+
+	.offset-md-6{
+		margin-left: 50%;
+	}
+
+	.offset-md-7{
+		margin-left: 58.3333333333%;
+	}
+
+	.offset-md-8{
+		margin-left: 66.6666666667%;
+	}
+
+	.offset-md-9{
+		margin-left: 75%;
+	}
+
+	.offset-md-10{
+		margin-left: 83.3333333333%;
+	}
+
+	.offset-md-11{
+		margin-left: 91.6666666667%;
+	}
+
+	.g-md-0,
+	.gx-md-0{
+		--bs-gutter-x: 0;
+	}
+
+	.g-md-0,
+	.gy-md-0{
+		--bs-gutter-y: 0;
+	}
+
+	.g-md-1,
+	.gx-md-1{
+		--bs-gutter-x: 0.25rem;
+	}
+
+	.g-md-1,
+	.gy-md-1{
+		--bs-gutter-y: 0.25rem;
+	}
+
+	.g-md-2,
+	.gx-md-2{
+		--bs-gutter-x: 0.5rem;
+	}
+
+	.g-md-2,
+	.gy-md-2{
+		--bs-gutter-y: 0.5rem;
+	}
+
+	.g-md-3,
+	.gx-md-3{
+		--bs-gutter-x: 1rem;
+	}
+
+	.g-md-3,
+	.gy-md-3{
+		--bs-gutter-y: 1rem;
+	}
+
+	.g-md-4,
+	.gx-md-4{
+		--bs-gutter-x: 1.5rem;
+	}
+
+	.g-md-4,
+	.gy-md-4{
+		--bs-gutter-y: 1.5rem;
+	}
+
+	.g-md-5,
+	.gx-md-5{
+		--bs-gutter-x: 3rem;
+	}
+
+	.g-md-5,
+	.gy-md-5{
+		--bs-gutter-y: 3rem;
+	}
+}
+
+@media (min-width: 992px){
+	.col-lg{
+		flex: 1 0 0%;
+	}
+
+	.row-cols-lg-auto > *{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.row-cols-lg-1 > *{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.row-cols-lg-2 > *{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.row-cols-lg-3 > *{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.row-cols-lg-4 > *{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.row-cols-lg-5 > *{
+		flex: 0 0 auto;
+		width: 20%;
+	}
+
+	.row-cols-lg-6 > *{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-lg-auto{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.col-lg-1{
+		flex: 0 0 auto;
+		width: 8.3333333333%;
+	}
+
+	.col-lg-2{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-lg-3{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.col-lg-4{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.col-lg-5{
+		flex: 0 0 auto;
+		width: 41.6666666667%;
+	}
+
+	.col-lg-6{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.col-lg-7{
+		flex: 0 0 auto;
+		width: 58.3333333333%;
+	}
+
+	.col-lg-8{
+		flex: 0 0 auto;
+		width: 66.6666666667%;
+	}
+
+	.col-lg-9{
+		flex: 0 0 auto;
+		width: 75%;
+	}
+
+	.col-lg-10{
+		flex: 0 0 auto;
+		width: 83.3333333333%;
+	}
+
+	.col-lg-11{
+		flex: 0 0 auto;
+		width: 91.6666666667%;
+	}
+
+	.col-lg-12{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.offset-lg-0{
+		margin-left: 0;
+	}
+
+	.offset-lg-1{
+		margin-left: 8.3333333333%;
+	}
+
+	.offset-lg-2{
+		margin-left: 16.6666666667%;
+	}
+
+	.offset-lg-3{
+		margin-left: 25%;
+	}
+
+	.offset-lg-4{
+		margin-left: 33.3333333333%;
+	}
+
+	.offset-lg-5{
+		margin-left: 41.6666666667%;
+	}
+
+	.offset-lg-6{
+		margin-left: 50%;
+	}
+
+	.offset-lg-7{
+		margin-left: 58.3333333333%;
+	}
+
+	.offset-lg-8{
+		margin-left: 66.6666666667%;
+	}
+
+	.offset-lg-9{
+		margin-left: 75%;
+	}
+
+	.offset-lg-10{
+		margin-left: 83.3333333333%;
+	}
+
+	.offset-lg-11{
+		margin-left: 91.6666666667%;
+	}
+
+	.g-lg-0,
+	.gx-lg-0{
+		--bs-gutter-x: 0;
+	}
+
+	.g-lg-0,
+	.gy-lg-0{
+		--bs-gutter-y: 0;
+	}
+
+	.g-lg-1,
+	.gx-lg-1{
+		--bs-gutter-x: 0.25rem;
+	}
+
+	.g-lg-1,
+	.gy-lg-1{
+		--bs-gutter-y: 0.25rem;
+	}
+
+	.g-lg-2,
+	.gx-lg-2{
+		--bs-gutter-x: 0.5rem;
+	}
+
+	.g-lg-2,
+	.gy-lg-2{
+		--bs-gutter-y: 0.5rem;
+	}
+
+	.g-lg-3,
+	.gx-lg-3{
+		--bs-gutter-x: 1rem;
+	}
+
+	.g-lg-3,
+	.gy-lg-3{
+		--bs-gutter-y: 1rem;
+	}
+
+	.g-lg-4,
+	.gx-lg-4{
+		--bs-gutter-x: 1.5rem;
+	}
+
+	.g-lg-4,
+	.gy-lg-4{
+		--bs-gutter-y: 1.5rem;
+	}
+
+	.g-lg-5,
+	.gx-lg-5{
+		--bs-gutter-x: 3rem;
+	}
+
+	.g-lg-5,
+	.gy-lg-5{
+		--bs-gutter-y: 3rem;
+	}
+}
+
+@media (min-width: 1200px){
+	.col-xl{
+		flex: 1 0 0%;
+	}
+
+	.row-cols-xl-auto > *{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.row-cols-xl-1 > *{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.row-cols-xl-2 > *{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.row-cols-xl-3 > *{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.row-cols-xl-4 > *{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.row-cols-xl-5 > *{
+		flex: 0 0 auto;
+		width: 20%;
+	}
+
+	.row-cols-xl-6 > *{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-xl-auto{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.col-xl-1{
+		flex: 0 0 auto;
+		width: 8.3333333333%;
+	}
+
+	.col-xl-2{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-xl-3{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.col-xl-4{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.col-xl-5{
+		flex: 0 0 auto;
+		width: 41.6666666667%;
+	}
+
+	.col-xl-6{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.col-xl-7{
+		flex: 0 0 auto;
+		width: 58.3333333333%;
+	}
+
+	.col-xl-8{
+		flex: 0 0 auto;
+		width: 66.6666666667%;
+	}
+
+	.col-xl-9{
+		flex: 0 0 auto;
+		width: 75%;
+	}
+
+	.col-xl-10{
+		flex: 0 0 auto;
+		width: 83.3333333333%;
+	}
+
+	.col-xl-11{
+		flex: 0 0 auto;
+		width: 91.6666666667%;
+	}
+
+	.col-xl-12{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.offset-xl-0{
+		margin-left: 0;
+	}
+
+	.offset-xl-1{
+		margin-left: 8.3333333333%;
+	}
+
+	.offset-xl-2{
+		margin-left: 16.6666666667%;
+	}
+
+	.offset-xl-3{
+		margin-left: 25%;
+	}
+
+	.offset-xl-4{
+		margin-left: 33.3333333333%;
+	}
+
+	.offset-xl-5{
+		margin-left: 41.6666666667%;
+	}
+
+	.offset-xl-6{
+		margin-left: 50%;
+	}
+
+	.offset-xl-7{
+		margin-left: 58.3333333333%;
+	}
+
+	.offset-xl-8{
+		margin-left: 66.6666666667%;
+	}
+
+	.offset-xl-9{
+		margin-left: 75%;
+	}
+
+	.offset-xl-10{
+		margin-left: 83.3333333333%;
+	}
+
+	.offset-xl-11{
+		margin-left: 91.6666666667%;
+	}
+
+	.g-xl-0,
+	.gx-xl-0{
+		--bs-gutter-x: 0;
+	}
+
+	.g-xl-0,
+	.gy-xl-0{
+		--bs-gutter-y: 0;
+	}
+
+	.g-xl-1,
+	.gx-xl-1{
+		--bs-gutter-x: 0.25rem;
+	}
+
+	.g-xl-1,
+	.gy-xl-1{
+		--bs-gutter-y: 0.25rem;
+	}
+
+	.g-xl-2,
+	.gx-xl-2{
+		--bs-gutter-x: 0.5rem;
+	}
+
+	.g-xl-2,
+	.gy-xl-2{
+		--bs-gutter-y: 0.5rem;
+	}
+
+	.g-xl-3,
+	.gx-xl-3{
+		--bs-gutter-x: 1rem;
+	}
+
+	.g-xl-3,
+	.gy-xl-3{
+		--bs-gutter-y: 1rem;
+	}
+
+	.g-xl-4,
+	.gx-xl-4{
+		--bs-gutter-x: 1.5rem;
+	}
+
+	.g-xl-4,
+	.gy-xl-4{
+		--bs-gutter-y: 1.5rem;
+	}
+
+	.g-xl-5,
+	.gx-xl-5{
+		--bs-gutter-x: 3rem;
+	}
+
+	.g-xl-5,
+	.gy-xl-5{
+		--bs-gutter-y: 3rem;
+	}
+}
+
+@media (min-width: 1400px){
+	.col-xxl{
+		flex: 1 0 0%;
+	}
+
+	.row-cols-xxl-auto > *{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.row-cols-xxl-1 > *{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.row-cols-xxl-2 > *{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.row-cols-xxl-3 > *{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.row-cols-xxl-4 > *{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.row-cols-xxl-5 > *{
+		flex: 0 0 auto;
+		width: 20%;
+	}
+
+	.row-cols-xxl-6 > *{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-xxl-auto{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.col-xxl-1{
+		flex: 0 0 auto;
+		width: 8.3333333333%;
+	}
+
+	.col-xxl-2{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-xxl-3{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.col-xxl-4{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.col-xxl-5{
+		flex: 0 0 auto;
+		width: 41.6666666667%;
+	}
+
+	.col-xxl-6{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.col-xxl-7{
+		flex: 0 0 auto;
+		width: 58.3333333333%;
+	}
+
+	.col-xxl-8{
+		flex: 0 0 auto;
+		width: 66.6666666667%;
+	}
+
+	.col-xxl-9{
+		flex: 0 0 auto;
+		width: 75%;
+	}
+
+	.col-xxl-10{
+		flex: 0 0 auto;
+		width: 83.3333333333%;
+	}
+
+	.col-xxl-11{
+		flex: 0 0 auto;
+		width: 91.6666666667%;
+	}
+
+	.col-xxl-12{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.offset-xxl-0{
+		margin-left: 0;
+	}
+
+	.offset-xxl-1{
+		margin-left: 8.3333333333%;
+	}
+
+	.offset-xxl-2{
+		margin-left: 16.6666666667%;
+	}
+
+	.offset-xxl-3{
+		margin-left: 25%;
+	}
+
+	.offset-xxl-4{
+		margin-left: 33.3333333333%;
+	}
+
+	.offset-xxl-5{
+		margin-left: 41.6666666667%;
+	}
+
+	.offset-xxl-6{
+		margin-left: 50%;
+	}
+
+	.offset-xxl-7{
+		margin-left: 58.3333333333%;
+	}
+
+	.offset-xxl-8{
+		margin-left: 66.6666666667%;
+	}
+
+	.offset-xxl-9{
+		margin-left: 75%;
+	}
+
+	.offset-xxl-10{
+		margin-left: 83.3333333333%;
+	}
+
+	.offset-xxl-11{
+		margin-left: 91.6666666667%;
+	}
+
+	.g-xxl-0,
+	.gx-xxl-0{
+		--bs-gutter-x: 0;
+	}
+
+	.g-xxl-0,
+	.gy-xxl-0{
+		--bs-gutter-y: 0;
+	}
+
+	.g-xxl-1,
+	.gx-xxl-1{
+		--bs-gutter-x: 0.25rem;
+	}
+
+	.g-xxl-1,
+	.gy-xxl-1{
+		--bs-gutter-y: 0.25rem;
+	}
+
+	.g-xxl-2,
+	.gx-xxl-2{
+		--bs-gutter-x: 0.5rem;
+	}
+
+	.g-xxl-2,
+	.gy-xxl-2{
+		--bs-gutter-y: 0.5rem;
+	}
+
+	.g-xxl-3,
+	.gx-xxl-3{
+		--bs-gutter-x: 1rem;
+	}
+
+	.g-xxl-3,
+	.gy-xxl-3{
+		--bs-gutter-y: 1rem;
+	}
+
+	.g-xxl-4,
+	.gx-xxl-4{
+		--bs-gutter-x: 1.5rem;
+	}
+
+	.g-xxl-4,
+	.gy-xxl-4{
+		--bs-gutter-y: 1.5rem;
+	}
+
+	.g-xxl-5,
+	.gx-xxl-5{
+		--bs-gutter-x: 3rem;
+	}
+
+	.g-xxl-5,
+	.gy-xxl-5{
+		--bs-gutter-y: 3rem;
+	}
+}
+
+.d-inline{
+	display: inline !important;
+}
+
+.d-inline-block{
+	display: inline-block !important;
+}
+
+.d-block{
+	display: block !important;
+}
+
+.d-grid{
+	display: grid !important;
+}
+
+.d-table{
+	display: table !important;
+}
+
+.d-table-row{
+	display: table-row !important;
+}
+
+.d-table-cell{
+	display: table-cell !important;
+}
+
+.d-flex{
+	display: flex !important;
+}
+
+.d-inline-flex{
+	display: inline-flex !important;
+}
+
+.d-none{
+	display: none !important;
+}
+
+.flex-fill{
+	flex: 1 1 auto !important;
+}
+
+.flex-row{
+	flex-direction: row !important;
+}
+
+.flex-column{
+	flex-direction: column !important;
+}
+
+.flex-row-reverse{
+	flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse{
+	flex-direction: column-reverse !important;
+}
+
+.flex-grow-0{
+	flex-grow: 0 !important;
+}
+
+.flex-grow-1{
+	flex-grow: 1 !important;
+}
+
+.flex-shrink-0{
+	flex-shrink: 0 !important;
+}
+
+.flex-shrink-1{
+	flex-shrink: 1 !important;
+}
+
+.flex-wrap{
+	flex-wrap: wrap !important;
+}
+
+.flex-nowrap{
+	flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse{
+	flex-wrap: wrap-reverse !important;
+}
+
+.justify-content-start{
+	justify-content: flex-start !important;
+}
+
+.justify-content-end{
+	justify-content: flex-end !important;
+}
+
+.justify-content-center{
+	justify-content: center !important;
+}
+
+.justify-content-between{
+	justify-content: space-between !important;
+}
+
+.justify-content-around{
+	justify-content: space-around !important;
+}
+
+.justify-content-evenly{
+	justify-content: space-evenly !important;
+}
+
+.align-items-start{
+	align-items: flex-start !important;
+}
+
+.align-items-end{
+	align-items: flex-end !important;
+}
+
+.align-items-center{
+	align-items: center !important;
+}
+
+.align-items-baseline{
+	align-items: baseline !important;
+}
+
+.align-items-stretch{
+	align-items: stretch !important;
+}
+
+.align-content-start{
+	align-content: flex-start !important;
+}
+
+.align-content-end{
+	align-content: flex-end !important;
+}
+
+.align-content-center{
+	align-content: center !important;
+}
+
+.align-content-between{
+	align-content: space-between !important;
+}
+
+.align-content-around{
+	align-content: space-around !important;
+}
+
+.align-content-stretch{
+	align-content: stretch !important;
+}
+
+.align-self-auto{
+	align-self: auto !important;
+}
+
+.align-self-start{
+	align-self: flex-start !important;
+}
+
+.align-self-end{
+	align-self: flex-end !important;
+}
+
+.align-self-center{
+	align-self: center !important;
+}
+
+.align-self-baseline{
+	align-self: baseline !important;
+}
+
+.align-self-stretch{
+	align-self: stretch !important;
+}
+
+.order-first{
+	order: -1 !important;
+}
+
+.order-0{
+	order: 0 !important;
+}
+
+.order-1{
+	order: 1 !important;
+}
+
+.order-2{
+	order: 2 !important;
+}
+
+.order-3{
+	order: 3 !important;
+}
+
+.order-4{
+	order: 4 !important;
+}
+
+.order-5{
+	order: 5 !important;
+}
+
+.order-last{
+	order: 6 !important;
+}
+
+.m-0{
+	margin: 0 !important;
+}
+
+.m-1{
+	margin: 0.25rem !important;
+}
+
+.m-2{
+	margin: 0.5rem !important;
+}
+
+.m-3{
+	margin: 1rem !important;
+}
+
+.m-4{
+	margin: 1.5rem !important;
+}
+
+.m-5{
+	margin: 3rem !important;
+}
+
+.m-auto{
+	margin: auto !important;
+}
+
+.mx-0{
+	margin-right: 0 !important;
+	margin-left: 0 !important;
+}
+
+.mx-1{
+	margin-right: 0.25rem !important;
+	margin-left: 0.25rem !important;
+}
+
+.mx-2{
+	margin-right: 0.5rem !important;
+	margin-left: 0.5rem !important;
+}
+
+.mx-3{
+	margin-right: 1rem !important;
+	margin-left: 1rem !important;
+}
+
+.mx-4{
+	margin-right: 1.5rem !important;
+	margin-left: 1.5rem !important;
+}
+
+.mx-5{
+	margin-right: 3rem !important;
+	margin-left: 3rem !important;
+}
+
+.mx-auto{
+	margin-right: auto !important;
+	margin-left: auto !important;
+}
+
+.my-0{
+	margin-top: 0 !important;
+	margin-bottom: 0 !important;
+}
+
+.my-1{
+	margin-top: 0.25rem !important;
+	margin-bottom: 0.25rem !important;
+}
+
+.my-2{
+	margin-top: 0.5rem !important;
+	margin-bottom: 0.5rem !important;
+}
+
+.my-3{
+	margin-top: 1rem !important;
+	margin-bottom: 1rem !important;
+}
+
+.my-4{
+	margin-top: 1.5rem !important;
+	margin-bottom: 1.5rem !important;
+}
+
+.my-5{
+	margin-top: 3rem !important;
+	margin-bottom: 3rem !important;
+}
+
+.my-auto{
+	margin-top: auto !important;
+	margin-bottom: auto !important;
+}
+
+.mt-0{
+	margin-top: 0 !important;
+}
+
+.mt-1{
+	margin-top: 0.25rem !important;
+}
+
+.mt-2{
+	margin-top: 0.5rem !important;
+}
+
+.mt-3{
+	margin-top: 1rem !important;
+}
+
+.mt-4{
+	margin-top: 1.5rem !important;
+}
+
+.mt-5{
+	margin-top: 3rem !important;
+}
+
+.mt-auto{
+	margin-top: auto !important;
+}
+
+.me-0{
+	margin-right: 0 !important;
+}
+
+.me-1{
+	margin-right: 0.25rem !important;
+}
+
+.me-2{
+	margin-right: 0.5rem !important;
+}
+
+.me-3{
+	margin-right: 1rem !important;
+}
+
+.me-4{
+	margin-right: 1.5rem !important;
+}
+
+.me-5{
+	margin-right: 3rem !important;
+}
+
+.me-auto{
+	margin-right: auto !important;
+}
+
+.mb-0{
+	margin-bottom: 0 !important;
+}
+
+.mb-1{
+	margin-bottom: 0.25rem !important;
+}
+
+.mb-2{
+	margin-bottom: 0.5rem !important;
+}
+
+.mb-3{
+	margin-bottom: 1rem !important;
+}
+
+.mb-4{
+	margin-bottom: 1.5rem !important;
+}
+
+.mb-5{
+	margin-bottom: 3rem !important;
+}
+
+.mb-auto{
+	margin-bottom: auto !important;
+}
+
+.ms-0{
+	margin-left: 0 !important;
+}
+
+.ms-1{
+	margin-left: 0.25rem !important;
+}
+
+.ms-2{
+	margin-left: 0.5rem !important;
+}
+
+.ms-3{
+	margin-left: 1rem !important;
+}
+
+.ms-4{
+	margin-left: 1.5rem !important;
+}
+
+.ms-5{
+	margin-left: 3rem !important;
+}
+
+.ms-auto{
+	margin-left: auto !important;
+}
+
+.p-0{
+	padding: 0 !important;
+}
+
+.p-1{
+	padding: 0.25rem !important;
+}
+
+.p-2{
+	padding: 0.5rem !important;
+}
+
+.p-3{
+	padding: 1rem !important;
+}
+
+.p-4{
+	padding: 1.5rem !important;
+}
+
+.p-5{
+	padding: 3rem !important;
+}
+
+.px-0{
+	padding-right: 0 !important;
+	padding-left: 0 !important;
+}
+
+.px-1{
+	padding-right: 0.25rem !important;
+	padding-left: 0.25rem !important;
+}
+
+.px-2{
+	padding-right: 0.5rem !important;
+	padding-left: 0.5rem !important;
+}
+
+.px-3{
+	padding-right: 1rem !important;
+	padding-left: 1rem !important;
+}
+
+.px-4{
+	padding-right: 1.5rem !important;
+	padding-left: 1.5rem !important;
+}
+
+.px-5{
+	padding-right: 3rem !important;
+	padding-left: 3rem !important;
+}
+
+.py-0{
+	padding-top: 0 !important;
+	padding-bottom: 0 !important;
+}
+
+.py-1{
+	padding-top: 0.25rem !important;
+	padding-bottom: 0.25rem !important;
+}
+
+.py-2{
+	padding-top: 0.5rem !important;
+	padding-bottom: 0.5rem !important;
+}
+
+.py-3{
+	padding-top: 1rem !important;
+	padding-bottom: 1rem !important;
+}
+
+.py-4{
+	padding-top: 1.5rem !important;
+	padding-bottom: 1.5rem !important;
+}
+
+.py-5{
+	padding-top: 3rem !important;
+	padding-bottom: 3rem !important;
+}
+
+.pt-0{
+	padding-top: 0 !important;
+}
+
+.pt-1{
+	padding-top: 0.25rem !important;
+}
+
+.pt-2{
+	padding-top: 0.5rem !important;
+}
+
+.pt-3{
+	padding-top: 1rem !important;
+}
+
+.pt-4{
+	padding-top: 1.5rem !important;
+}
+
+.pt-5{
+	padding-top: 3rem !important;
+}
+
+.pe-0{
+	padding-right: 0 !important;
+}
+
+.pe-1{
+	padding-right: 0.25rem !important;
+}
+
+.pe-2{
+	padding-right: 0.5rem !important;
+}
+
+.pe-3{
+	padding-right: 1rem !important;
+}
+
+.pe-4{
+	padding-right: 1.5rem !important;
+}
+
+.pe-5{
+	padding-right: 3rem !important;
+}
+
+.pb-0{
+	padding-bottom: 0 !important;
+}
+
+.pb-1{
+	padding-bottom: 0.25rem !important;
+}
+
+.pb-2{
+	padding-bottom: 0.5rem !important;
+}
+
+.pb-3{
+	padding-bottom: 1rem !important;
+}
+
+.pb-4{
+	padding-bottom: 1.5rem !important;
+}
+
+.pb-5{
+	padding-bottom: 3rem !important;
+}
+
+.ps-0{
+	padding-left: 0 !important;
+}
+
+.ps-1{
+	padding-left: 0.25rem !important;
+}
+
+.ps-2{
+	padding-left: 0.5rem !important;
+}
+
+.ps-3{
+	padding-left: 1rem !important;
+}
+
+.ps-4{
+	padding-left: 1.5rem !important;
+}
+
+.ps-5{
+	padding-left: 3rem !important;
+}
+
+@media (min-width: 576px){
+	.d-sm-inline{
+		display: inline !important;
+	}
+
+	.d-sm-inline-block{
+		display: inline-block !important;
+	}
+
+	.d-sm-block{
+		display: block !important;
+	}
+
+	.d-sm-grid{
+		display: grid !important;
+	}
+
+	.d-sm-table{
+		display: table !important;
+	}
+
+	.d-sm-table-row{
+		display: table-row !important;
+	}
+
+	.d-sm-table-cell{
+		display: table-cell !important;
+	}
+
+	.d-sm-flex{
+		display: flex !important;
+	}
+
+	.d-sm-inline-flex{
+		display: inline-flex !important;
+	}
+
+	.d-sm-none{
+		display: none !important;
+	}
+
+	.flex-sm-fill{
+		flex: 1 1 auto !important;
+	}
+
+	.flex-sm-row{
+		flex-direction: row !important;
+	}
+
+	.flex-sm-column{
+		flex-direction: column !important;
+	}
+
+	.flex-sm-row-reverse{
+		flex-direction: row-reverse !important;
+	}
+
+	.flex-sm-column-reverse{
+		flex-direction: column-reverse !important;
+	}
+
+	.flex-sm-grow-0{
+		flex-grow: 0 !important;
+	}
+
+	.flex-sm-grow-1{
+		flex-grow: 1 !important;
+	}
+
+	.flex-sm-shrink-0{
+		flex-shrink: 0 !important;
+	}
+
+	.flex-sm-shrink-1{
+		flex-shrink: 1 !important;
+	}
+
+	.flex-sm-wrap{
+		flex-wrap: wrap !important;
+	}
+
+	.flex-sm-nowrap{
+		flex-wrap: nowrap !important;
+	}
+
+	.flex-sm-wrap-reverse{
+		flex-wrap: wrap-reverse !important;
+	}
+
+	.justify-content-sm-start{
+		justify-content: flex-start !important;
+	}
+
+	.justify-content-sm-end{
+		justify-content: flex-end !important;
+	}
+
+	.justify-content-sm-center{
+		justify-content: center !important;
+	}
+
+	.justify-content-sm-between{
+		justify-content: space-between !important;
+	}
+
+	.justify-content-sm-around{
+		justify-content: space-around !important;
+	}
+
+	.justify-content-sm-evenly{
+		justify-content: space-evenly !important;
+	}
+
+	.align-items-sm-start{
+		align-items: flex-start !important;
+	}
+
+	.align-items-sm-end{
+		align-items: flex-end !important;
+	}
+
+	.align-items-sm-center{
+		align-items: center !important;
+	}
+
+	.align-items-sm-baseline{
+		align-items: baseline !important;
+	}
+
+	.align-items-sm-stretch{
+		align-items: stretch !important;
+	}
+
+	.align-content-sm-start{
+		align-content: flex-start !important;
+	}
+
+	.align-content-sm-end{
+		align-content: flex-end !important;
+	}
+
+	.align-content-sm-center{
+		align-content: center !important;
+	}
+
+	.align-content-sm-between{
+		align-content: space-between !important;
+	}
+
+	.align-content-sm-around{
+		align-content: space-around !important;
+	}
+
+	.align-content-sm-stretch{
+		align-content: stretch !important;
+	}
+
+	.align-self-sm-auto{
+		align-self: auto !important;
+	}
+
+	.align-self-sm-start{
+		align-self: flex-start !important;
+	}
+
+	.align-self-sm-end{
+		align-self: flex-end !important;
+	}
+
+	.align-self-sm-center{
+		align-self: center !important;
+	}
+
+	.align-self-sm-baseline{
+		align-self: baseline !important;
+	}
+
+	.align-self-sm-stretch{
+		align-self: stretch !important;
+	}
+
+	.order-sm-first{
+		order: -1 !important;
+	}
+
+	.order-sm-0{
+		order: 0 !important;
+	}
+
+	.order-sm-1{
+		order: 1 !important;
+	}
+
+	.order-sm-2{
+		order: 2 !important;
+	}
+
+	.order-sm-3{
+		order: 3 !important;
+	}
+
+	.order-sm-4{
+		order: 4 !important;
+	}
+
+	.order-sm-5{
+		order: 5 !important;
+	}
+
+	.order-sm-last{
+		order: 6 !important;
+	}
+
+	.m-sm-0{
+		margin: 0 !important;
+	}
+
+	.m-sm-1{
+		margin: 0.25rem !important;
+	}
+
+	.m-sm-2{
+		margin: 0.5rem !important;
+	}
+
+	.m-sm-3{
+		margin: 1rem !important;
+	}
+
+	.m-sm-4{
+		margin: 1.5rem !important;
+	}
+
+	.m-sm-5{
+		margin: 3rem !important;
+	}
+
+	.m-sm-auto{
+		margin: auto !important;
+	}
+
+	.mx-sm-0{
+		margin-right: 0 !important;
+		margin-left: 0 !important;
+	}
+
+	.mx-sm-1{
+		margin-right: 0.25rem !important;
+		margin-left: 0.25rem !important;
+	}
+
+	.mx-sm-2{
+		margin-right: 0.5rem !important;
+		margin-left: 0.5rem !important;
+	}
+
+	.mx-sm-3{
+		margin-right: 1rem !important;
+		margin-left: 1rem !important;
+	}
+
+	.mx-sm-4{
+		margin-right: 1.5rem !important;
+		margin-left: 1.5rem !important;
+	}
+
+	.mx-sm-5{
+		margin-right: 3rem !important;
+		margin-left: 3rem !important;
+	}
+
+	.mx-sm-auto{
+		margin-right: auto !important;
+		margin-left: auto !important;
+	}
+
+	.my-sm-0{
+		margin-top: 0 !important;
+		margin-bottom: 0 !important;
+	}
+
+	.my-sm-1{
+		margin-top: 0.25rem !important;
+		margin-bottom: 0.25rem !important;
+	}
+
+	.my-sm-2{
+		margin-top: 0.5rem !important;
+		margin-bottom: 0.5rem !important;
+	}
+
+	.my-sm-3{
+		margin-top: 1rem !important;
+		margin-bottom: 1rem !important;
+	}
+
+	.my-sm-4{
+		margin-top: 1.5rem !important;
+		margin-bottom: 1.5rem !important;
+	}
+
+	.my-sm-5{
+		margin-top: 3rem !important;
+		margin-bottom: 3rem !important;
+	}
+
+	.my-sm-auto{
+		margin-top: auto !important;
+		margin-bottom: auto !important;
+	}
+
+	.mt-sm-0{
+		margin-top: 0 !important;
+	}
+
+	.mt-sm-1{
+		margin-top: 0.25rem !important;
+	}
+
+	.mt-sm-2{
+		margin-top: 0.5rem !important;
+	}
+
+	.mt-sm-3{
+		margin-top: 1rem !important;
+	}
+
+	.mt-sm-4{
+		margin-top: 1.5rem !important;
+	}
+
+	.mt-sm-5{
+		margin-top: 3rem !important;
+	}
+
+	.mt-sm-auto{
+		margin-top: auto !important;
+	}
+
+	.me-sm-0{
+		margin-right: 0 !important;
+	}
+
+	.me-sm-1{
+		margin-right: 0.25rem !important;
+	}
+
+	.me-sm-2{
+		margin-right: 0.5rem !important;
+	}
+
+	.me-sm-3{
+		margin-right: 1rem !important;
+	}
+
+	.me-sm-4{
+		margin-right: 1.5rem !important;
+	}
+
+	.me-sm-5{
+		margin-right: 3rem !important;
+	}
+
+	.me-sm-auto{
+		margin-right: auto !important;
+	}
+
+	.mb-sm-0{
+		margin-bottom: 0 !important;
+	}
+
+	.mb-sm-1{
+		margin-bottom: 0.25rem !important;
+	}
+
+	.mb-sm-2{
+		margin-bottom: 0.5rem !important;
+	}
+
+	.mb-sm-3{
+		margin-bottom: 1rem !important;
+	}
+
+	.mb-sm-4{
+		margin-bottom: 1.5rem !important;
+	}
+
+	.mb-sm-5{
+		margin-bottom: 3rem !important;
+	}
+
+	.mb-sm-auto{
+		margin-bottom: auto !important;
+	}
+
+	.ms-sm-0{
+		margin-left: 0 !important;
+	}
+
+	.ms-sm-1{
+		margin-left: 0.25rem !important;
+	}
+
+	.ms-sm-2{
+		margin-left: 0.5rem !important;
+	}
+
+	.ms-sm-3{
+		margin-left: 1rem !important;
+	}
+
+	.ms-sm-4{
+		margin-left: 1.5rem !important;
+	}
+
+	.ms-sm-5{
+		margin-left: 3rem !important;
+	}
+
+	.ms-sm-auto{
+		margin-left: auto !important;
+	}
+
+	.p-sm-0{
+		padding: 0 !important;
+	}
+
+	.p-sm-1{
+		padding: 0.25rem !important;
+	}
+
+	.p-sm-2{
+		padding: 0.5rem !important;
+	}
+
+	.p-sm-3{
+		padding: 1rem !important;
+	}
+
+	.p-sm-4{
+		padding: 1.5rem !important;
+	}
+
+	.p-sm-5{
+		padding: 3rem !important;
+	}
+
+	.px-sm-0{
+		padding-right: 0 !important;
+		padding-left: 0 !important;
+	}
+
+	.px-sm-1{
+		padding-right: 0.25rem !important;
+		padding-left: 0.25rem !important;
+	}
+
+	.px-sm-2{
+		padding-right: 0.5rem !important;
+		padding-left: 0.5rem !important;
+	}
+
+	.px-sm-3{
+		padding-right: 1rem !important;
+		padding-left: 1rem !important;
+	}
+
+	.px-sm-4{
+		padding-right: 1.5rem !important;
+		padding-left: 1.5rem !important;
+	}
+
+	.px-sm-5{
+		padding-right: 3rem !important;
+		padding-left: 3rem !important;
+	}
+
+	.py-sm-0{
+		padding-top: 0 !important;
+		padding-bottom: 0 !important;
+	}
+
+	.py-sm-1{
+		padding-top: 0.25rem !important;
+		padding-bottom: 0.25rem !important;
+	}
+
+	.py-sm-2{
+		padding-top: 0.5rem !important;
+		padding-bottom: 0.5rem !important;
+	}
+
+	.py-sm-3{
+		padding-top: 1rem !important;
+		padding-bottom: 1rem !important;
+	}
+
+	.py-sm-4{
+		padding-top: 1.5rem !important;
+		padding-bottom: 1.5rem !important;
+	}
+
+	.py-sm-5{
+		padding-top: 3rem !important;
+		padding-bottom: 3rem !important;
+	}
+
+	.pt-sm-0{
+		padding-top: 0 !important;
+	}
+
+	.pt-sm-1{
+		padding-top: 0.25rem !important;
+	}
+
+	.pt-sm-2{
+		padding-top: 0.5rem !important;
+	}
+
+	.pt-sm-3{
+		padding-top: 1rem !important;
+	}
+
+	.pt-sm-4{
+		padding-top: 1.5rem !important;
+	}
+
+	.pt-sm-5{
+		padding-top: 3rem !important;
+	}
+
+	.pe-sm-0{
+		padding-right: 0 !important;
+	}
+
+	.pe-sm-1{
+		padding-right: 0.25rem !important;
+	}
+
+	.pe-sm-2{
+		padding-right: 0.5rem !important;
+	}
+
+	.pe-sm-3{
+		padding-right: 1rem !important;
+	}
+
+	.pe-sm-4{
+		padding-right: 1.5rem !important;
+	}
+
+	.pe-sm-5{
+		padding-right: 3rem !important;
+	}
+
+	.pb-sm-0{
+		padding-bottom: 0 !important;
+	}
+
+	.pb-sm-1{
+		padding-bottom: 0.25rem !important;
+	}
+
+	.pb-sm-2{
+		padding-bottom: 0.5rem !important;
+	}
+
+	.pb-sm-3{
+		padding-bottom: 1rem !important;
+	}
+
+	.pb-sm-4{
+		padding-bottom: 1.5rem !important;
+	}
+
+	.pb-sm-5{
+		padding-bottom: 3rem !important;
+	}
+
+	.ps-sm-0{
+		padding-left: 0 !important;
+	}
+
+	.ps-sm-1{
+		padding-left: 0.25rem !important;
+	}
+
+	.ps-sm-2{
+		padding-left: 0.5rem !important;
+	}
+
+	.ps-sm-3{
+		padding-left: 1rem !important;
+	}
+
+	.ps-sm-4{
+		padding-left: 1.5rem !important;
+	}
+
+	.ps-sm-5{
+		padding-left: 3rem !important;
+	}
+}
+
+@media (min-width: 768px){
+	.d-md-inline{
+		display: inline !important;
+	}
+
+	.d-md-inline-block{
+		display: inline-block !important;
+	}
+
+	.d-md-block{
+		display: block !important;
+	}
+
+	.d-md-grid{
+		display: grid !important;
+	}
+
+	.d-md-table{
+		display: table !important;
+	}
+
+	.d-md-table-row{
+		display: table-row !important;
+	}
+
+	.d-md-table-cell{
+		display: table-cell !important;
+	}
+
+	.d-md-flex{
+		display: flex !important;
+	}
+
+	.d-md-inline-flex{
+		display: inline-flex !important;
+	}
+
+	.d-md-none{
+		display: none !important;
+	}
+
+	.flex-md-fill{
+		flex: 1 1 auto !important;
+	}
+
+	.flex-md-row{
+		flex-direction: row !important;
+	}
+
+	.flex-md-column{
+		flex-direction: column !important;
+	}
+
+	.flex-md-row-reverse{
+		flex-direction: row-reverse !important;
+	}
+
+	.flex-md-column-reverse{
+		flex-direction: column-reverse !important;
+	}
+
+	.flex-md-grow-0{
+		flex-grow: 0 !important;
+	}
+
+	.flex-md-grow-1{
+		flex-grow: 1 !important;
+	}
+
+	.flex-md-shrink-0{
+		flex-shrink: 0 !important;
+	}
+
+	.flex-md-shrink-1{
+		flex-shrink: 1 !important;
+	}
+
+	.flex-md-wrap{
+		flex-wrap: wrap !important;
+	}
+
+	.flex-md-nowrap{
+		flex-wrap: nowrap !important;
+	}
+
+	.flex-md-wrap-reverse{
+		flex-wrap: wrap-reverse !important;
+	}
+
+	.justify-content-md-start{
+		justify-content: flex-start !important;
+	}
+
+	.justify-content-md-end{
+		justify-content: flex-end !important;
+	}
+
+	.justify-content-md-center{
+		justify-content: center !important;
+	}
+
+	.justify-content-md-between{
+		justify-content: space-between !important;
+	}
+
+	.justify-content-md-around{
+		justify-content: space-around !important;
+	}
+
+	.justify-content-md-evenly{
+		justify-content: space-evenly !important;
+	}
+
+	.align-items-md-start{
+		align-items: flex-start !important;
+	}
+
+	.align-items-md-end{
+		align-items: flex-end !important;
+	}
+
+	.align-items-md-center{
+		align-items: center !important;
+	}
+
+	.align-items-md-baseline{
+		align-items: baseline !important;
+	}
+
+	.align-items-md-stretch{
+		align-items: stretch !important;
+	}
+
+	.align-content-md-start{
+		align-content: flex-start !important;
+	}
+
+	.align-content-md-end{
+		align-content: flex-end !important;
+	}
+
+	.align-content-md-center{
+		align-content: center !important;
+	}
+
+	.align-content-md-between{
+		align-content: space-between !important;
+	}
+
+	.align-content-md-around{
+		align-content: space-around !important;
+	}
+
+	.align-content-md-stretch{
+		align-content: stretch !important;
+	}
+
+	.align-self-md-auto{
+		align-self: auto !important;
+	}
+
+	.align-self-md-start{
+		align-self: flex-start !important;
+	}
+
+	.align-self-md-end{
+		align-self: flex-end !important;
+	}
+
+	.align-self-md-center{
+		align-self: center !important;
+	}
+
+	.align-self-md-baseline{
+		align-self: baseline !important;
+	}
+
+	.align-self-md-stretch{
+		align-self: stretch !important;
+	}
+
+	.order-md-first{
+		order: -1 !important;
+	}
+
+	.order-md-0{
+		order: 0 !important;
+	}
+
+	.order-md-1{
+		order: 1 !important;
+	}
+
+	.order-md-2{
+		order: 2 !important;
+	}
+
+	.order-md-3{
+		order: 3 !important;
+	}
+
+	.order-md-4{
+		order: 4 !important;
+	}
+
+	.order-md-5{
+		order: 5 !important;
+	}
+
+	.order-md-last{
+		order: 6 !important;
+	}
+
+	.m-md-0{
+		margin: 0 !important;
+	}
+
+	.m-md-1{
+		margin: 0.25rem !important;
+	}
+
+	.m-md-2{
+		margin: 0.5rem !important;
+	}
+
+	.m-md-3{
+		margin: 1rem !important;
+	}
+
+	.m-md-4{
+		margin: 1.5rem !important;
+	}
+
+	.m-md-5{
+		margin: 3rem !important;
+	}
+
+	.m-md-auto{
+		margin: auto !important;
+	}
+
+	.mx-md-0{
+		margin-right: 0 !important;
+		margin-left: 0 !important;
+	}
+
+	.mx-md-1{
+		margin-right: 0.25rem !important;
+		margin-left: 0.25rem !important;
+	}
+
+	.mx-md-2{
+		margin-right: 0.5rem !important;
+		margin-left: 0.5rem !important;
+	}
+
+	.mx-md-3{
+		margin-right: 1rem !important;
+		margin-left: 1rem !important;
+	}
+
+	.mx-md-4{
+		margin-right: 1.5rem !important;
+		margin-left: 1.5rem !important;
+	}
+
+	.mx-md-5{
+		margin-right: 3rem !important;
+		margin-left: 3rem !important;
+	}
+
+	.mx-md-auto{
+		margin-right: auto !important;
+		margin-left: auto !important;
+	}
+
+	.my-md-0{
+		margin-top: 0 !important;
+		margin-bottom: 0 !important;
+	}
+
+	.my-md-1{
+		margin-top: 0.25rem !important;
+		margin-bottom: 0.25rem !important;
+	}
+
+	.my-md-2{
+		margin-top: 0.5rem !important;
+		margin-bottom: 0.5rem !important;
+	}
+
+	.my-md-3{
+		margin-top: 1rem !important;
+		margin-bottom: 1rem !important;
+	}
+
+	.my-md-4{
+		margin-top: 1.5rem !important;
+		margin-bottom: 1.5rem !important;
+	}
+
+	.my-md-5{
+		margin-top: 3rem !important;
+		margin-bottom: 3rem !important;
+	}
+
+	.my-md-auto{
+		margin-top: auto !important;
+		margin-bottom: auto !important;
+	}
+
+	.mt-md-0{
+		margin-top: 0 !important;
+	}
+
+	.mt-md-1{
+		margin-top: 0.25rem !important;
+	}
+
+	.mt-md-2{
+		margin-top: 0.5rem !important;
+	}
+
+	.mt-md-3{
+		margin-top: 1rem !important;
+	}
+
+	.mt-md-4{
+		margin-top: 1.5rem !important;
+	}
+
+	.mt-md-5{
+		margin-top: 3rem !important;
+	}
+
+	.mt-md-auto{
+		margin-top: auto !important;
+	}
+
+	.me-md-0{
+		margin-right: 0 !important;
+	}
+
+	.me-md-1{
+		margin-right: 0.25rem !important;
+	}
+
+	.me-md-2{
+		margin-right: 0.5rem !important;
+	}
+
+	.me-md-3{
+		margin-right: 1rem !important;
+	}
+
+	.me-md-4{
+		margin-right: 1.5rem !important;
+	}
+
+	.me-md-5{
+		margin-right: 3rem !important;
+	}
+
+	.me-md-auto{
+		margin-right: auto !important;
+	}
+
+	.mb-md-0{
+		margin-bottom: 0 !important;
+	}
+
+	.mb-md-1{
+		margin-bottom: 0.25rem !important;
+	}
+
+	.mb-md-2{
+		margin-bottom: 0.5rem !important;
+	}
+
+	.mb-md-3{
+		margin-bottom: 1rem !important;
+	}
+
+	.mb-md-4{
+		margin-bottom: 1.5rem !important;
+	}
+
+	.mb-md-5{
+		margin-bottom: 3rem !important;
+	}
+
+	.mb-md-auto{
+		margin-bottom: auto !important;
+	}
+
+	.ms-md-0{
+		margin-left: 0 !important;
+	}
+
+	.ms-md-1{
+		margin-left: 0.25rem !important;
+	}
+
+	.ms-md-2{
+		margin-left: 0.5rem !important;
+	}
+
+	.ms-md-3{
+		margin-left: 1rem !important;
+	}
+
+	.ms-md-4{
+		margin-left: 1.5rem !important;
+	}
+
+	.ms-md-5{
+		margin-left: 3rem !important;
+	}
+
+	.ms-md-auto{
+		margin-left: auto !important;
+	}
+
+	.p-md-0{
+		padding: 0 !important;
+	}
+
+	.p-md-1{
+		padding: 0.25rem !important;
+	}
+
+	.p-md-2{
+		padding: 0.5rem !important;
+	}
+
+	.p-md-3{
+		padding: 1rem !important;
+	}
+
+	.p-md-4{
+		padding: 1.5rem !important;
+	}
+
+	.p-md-5{
+		padding: 3rem !important;
+	}
+
+	.px-md-0{
+		padding-right: 0 !important;
+		padding-left: 0 !important;
+	}
+
+	.px-md-1{
+		padding-right: 0.25rem !important;
+		padding-left: 0.25rem !important;
+	}
+
+	.px-md-2{
+		padding-right: 0.5rem !important;
+		padding-left: 0.5rem !important;
+	}
+
+	.px-md-3{
+		padding-right: 1rem !important;
+		padding-left: 1rem !important;
+	}
+
+	.px-md-4{
+		padding-right: 1.5rem !important;
+		padding-left: 1.5rem !important;
+	}
+
+	.px-md-5{
+		padding-right: 3rem !important;
+		padding-left: 3rem !important;
+	}
+
+	.py-md-0{
+		padding-top: 0 !important;
+		padding-bottom: 0 !important;
+	}
+
+	.py-md-1{
+		padding-top: 0.25rem !important;
+		padding-bottom: 0.25rem !important;
+	}
+
+	.py-md-2{
+		padding-top: 0.5rem !important;
+		padding-bottom: 0.5rem !important;
+	}
+
+	.py-md-3{
+		padding-top: 1rem !important;
+		padding-bottom: 1rem !important;
+	}
+
+	.py-md-4{
+		padding-top: 1.5rem !important;
+		padding-bottom: 1.5rem !important;
+	}
+
+	.py-md-5{
+		padding-top: 3rem !important;
+		padding-bottom: 3rem !important;
+	}
+
+	.pt-md-0{
+		padding-top: 0 !important;
+	}
+
+	.pt-md-1{
+		padding-top: 0.25rem !important;
+	}
+
+	.pt-md-2{
+		padding-top: 0.5rem !important;
+	}
+
+	.pt-md-3{
+		padding-top: 1rem !important;
+	}
+
+	.pt-md-4{
+		padding-top: 1.5rem !important;
+	}
+
+	.pt-md-5{
+		padding-top: 3rem !important;
+	}
+
+	.pe-md-0{
+		padding-right: 0 !important;
+	}
+
+	.pe-md-1{
+		padding-right: 0.25rem !important;
+	}
+
+	.pe-md-2{
+		padding-right: 0.5rem !important;
+	}
+
+	.pe-md-3{
+		padding-right: 1rem !important;
+	}
+
+	.pe-md-4{
+		padding-right: 1.5rem !important;
+	}
+
+	.pe-md-5{
+		padding-right: 3rem !important;
+	}
+
+	.pb-md-0{
+		padding-bottom: 0 !important;
+	}
+
+	.pb-md-1{
+		padding-bottom: 0.25rem !important;
+	}
+
+	.pb-md-2{
+		padding-bottom: 0.5rem !important;
+	}
+
+	.pb-md-3{
+		padding-bottom: 1rem !important;
+	}
+
+	.pb-md-4{
+		padding-bottom: 1.5rem !important;
+	}
+
+	.pb-md-5{
+		padding-bottom: 3rem !important;
+	}
+
+	.ps-md-0{
+		padding-left: 0 !important;
+	}
+
+	.ps-md-1{
+		padding-left: 0.25rem !important;
+	}
+
+	.ps-md-2{
+		padding-left: 0.5rem !important;
+	}
+
+	.ps-md-3{
+		padding-left: 1rem !important;
+	}
+
+	.ps-md-4{
+		padding-left: 1.5rem !important;
+	}
+
+	.ps-md-5{
+		padding-left: 3rem !important;
+	}
+}
+
+@media (min-width: 992px){
+	.d-lg-inline{
+		display: inline !important;
+	}
+
+	.d-lg-inline-block{
+		display: inline-block !important;
+	}
+
+	.d-lg-block{
+		display: block !important;
+	}
+
+	.d-lg-grid{
+		display: grid !important;
+	}
+
+	.d-lg-table{
+		display: table !important;
+	}
+
+	.d-lg-table-row{
+		display: table-row !important;
+	}
+
+	.d-lg-table-cell{
+		display: table-cell !important;
+	}
+
+	.d-lg-flex{
+		display: flex !important;
+	}
+
+	.d-lg-inline-flex{
+		display: inline-flex !important;
+	}
+
+	.d-lg-none{
+		display: none !important;
+	}
+
+	.flex-lg-fill{
+		flex: 1 1 auto !important;
+	}
+
+	.flex-lg-row{
+		flex-direction: row !important;
+	}
+
+	.flex-lg-column{
+		flex-direction: column !important;
+	}
+
+	.flex-lg-row-reverse{
+		flex-direction: row-reverse !important;
+	}
+
+	.flex-lg-column-reverse{
+		flex-direction: column-reverse !important;
+	}
+
+	.flex-lg-grow-0{
+		flex-grow: 0 !important;
+	}
+
+	.flex-lg-grow-1{
+		flex-grow: 1 !important;
+	}
+
+	.flex-lg-shrink-0{
+		flex-shrink: 0 !important;
+	}
+
+	.flex-lg-shrink-1{
+		flex-shrink: 1 !important;
+	}
+
+	.flex-lg-wrap{
+		flex-wrap: wrap !important;
+	}
+
+	.flex-lg-nowrap{
+		flex-wrap: nowrap !important;
+	}
+
+	.flex-lg-wrap-reverse{
+		flex-wrap: wrap-reverse !important;
+	}
+
+	.justify-content-lg-start{
+		justify-content: flex-start !important;
+	}
+
+	.justify-content-lg-end{
+		justify-content: flex-end !important;
+	}
+
+	.justify-content-lg-center{
+		justify-content: center !important;
+	}
+
+	.justify-content-lg-between{
+		justify-content: space-between !important;
+	}
+
+	.justify-content-lg-around{
+		justify-content: space-around !important;
+	}
+
+	.justify-content-lg-evenly{
+		justify-content: space-evenly !important;
+	}
+
+	.align-items-lg-start{
+		align-items: flex-start !important;
+	}
+
+	.align-items-lg-end{
+		align-items: flex-end !important;
+	}
+
+	.align-items-lg-center{
+		align-items: center !important;
+	}
+
+	.align-items-lg-baseline{
+		align-items: baseline !important;
+	}
+
+	.align-items-lg-stretch{
+		align-items: stretch !important;
+	}
+
+	.align-content-lg-start{
+		align-content: flex-start !important;
+	}
+
+	.align-content-lg-end{
+		align-content: flex-end !important;
+	}
+
+	.align-content-lg-center{
+		align-content: center !important;
+	}
+
+	.align-content-lg-between{
+		align-content: space-between !important;
+	}
+
+	.align-content-lg-around{
+		align-content: space-around !important;
+	}
+
+	.align-content-lg-stretch{
+		align-content: stretch !important;
+	}
+
+	.align-self-lg-auto{
+		align-self: auto !important;
+	}
+
+	.align-self-lg-start{
+		align-self: flex-start !important;
+	}
+
+	.align-self-lg-end{
+		align-self: flex-end !important;
+	}
+
+	.align-self-lg-center{
+		align-self: center !important;
+	}
+
+	.align-self-lg-baseline{
+		align-self: baseline !important;
+	}
+
+	.align-self-lg-stretch{
+		align-self: stretch !important;
+	}
+
+	.order-lg-first{
+		order: -1 !important;
+	}
+
+	.order-lg-0{
+		order: 0 !important;
+	}
+
+	.order-lg-1{
+		order: 1 !important;
+	}
+
+	.order-lg-2{
+		order: 2 !important;
+	}
+
+	.order-lg-3{
+		order: 3 !important;
+	}
+
+	.order-lg-4{
+		order: 4 !important;
+	}
+
+	.order-lg-5{
+		order: 5 !important;
+	}
+
+	.order-lg-last{
+		order: 6 !important;
+	}
+
+	.m-lg-0{
+		margin: 0 !important;
+	}
+
+	.m-lg-1{
+		margin: 0.25rem !important;
+	}
+
+	.m-lg-2{
+		margin: 0.5rem !important;
+	}
+
+	.m-lg-3{
+		margin: 1rem !important;
+	}
+
+	.m-lg-4{
+		margin: 1.5rem !important;
+	}
+
+	.m-lg-5{
+		margin: 3rem !important;
+	}
+
+	.m-lg-auto{
+		margin: auto !important;
+	}
+
+	.mx-lg-0{
+		margin-right: 0 !important;
+		margin-left: 0 !important;
+	}
+
+	.mx-lg-1{
+		margin-right: 0.25rem !important;
+		margin-left: 0.25rem !important;
+	}
+
+	.mx-lg-2{
+		margin-right: 0.5rem !important;
+		margin-left: 0.5rem !important;
+	}
+
+	.mx-lg-3{
+		margin-right: 1rem !important;
+		margin-left: 1rem !important;
+	}
+
+	.mx-lg-4{
+		margin-right: 1.5rem !important;
+		margin-left: 1.5rem !important;
+	}
+
+	.mx-lg-5{
+		margin-right: 3rem !important;
+		margin-left: 3rem !important;
+	}
+
+	.mx-lg-auto{
+		margin-right: auto !important;
+		margin-left: auto !important;
+	}
+
+	.my-lg-0{
+		margin-top: 0 !important;
+		margin-bottom: 0 !important;
+	}
+
+	.my-lg-1{
+		margin-top: 0.25rem !important;
+		margin-bottom: 0.25rem !important;
+	}
+
+	.my-lg-2{
+		margin-top: 0.5rem !important;
+		margin-bottom: 0.5rem !important;
+	}
+
+	.my-lg-3{
+		margin-top: 1rem !important;
+		margin-bottom: 1rem !important;
+	}
+
+	.my-lg-4{
+		margin-top: 1.5rem !important;
+		margin-bottom: 1.5rem !important;
+	}
+
+	.my-lg-5{
+		margin-top: 3rem !important;
+		margin-bottom: 3rem !important;
+	}
+
+	.my-lg-auto{
+		margin-top: auto !important;
+		margin-bottom: auto !important;
+	}
+
+	.mt-lg-0{
+		margin-top: 0 !important;
+	}
+
+	.mt-lg-1{
+		margin-top: 0.25rem !important;
+	}
+
+	.mt-lg-2{
+		margin-top: 0.5rem !important;
+	}
+
+	.mt-lg-3{
+		margin-top: 1rem !important;
+	}
+
+	.mt-lg-4{
+		margin-top: 1.5rem !important;
+	}
+
+	.mt-lg-5{
+		margin-top: 3rem !important;
+	}
+
+	.mt-lg-auto{
+		margin-top: auto !important;
+	}
+
+	.me-lg-0{
+		margin-right: 0 !important;
+	}
+
+	.me-lg-1{
+		margin-right: 0.25rem !important;
+	}
+
+	.me-lg-2{
+		margin-right: 0.5rem !important;
+	}
+
+	.me-lg-3{
+		margin-right: 1rem !important;
+	}
+
+	.me-lg-4{
+		margin-right: 1.5rem !important;
+	}
+
+	.me-lg-5{
+		margin-right: 3rem !important;
+	}
+
+	.me-lg-auto{
+		margin-right: auto !important;
+	}
+
+	.mb-lg-0{
+		margin-bottom: 0 !important;
+	}
+
+	.mb-lg-1{
+		margin-bottom: 0.25rem !important;
+	}
+
+	.mb-lg-2{
+		margin-bottom: 0.5rem !important;
+	}
+
+	.mb-lg-3{
+		margin-bottom: 1rem !important;
+	}
+
+	.mb-lg-4{
+		margin-bottom: 1.5rem !important;
+	}
+
+	.mb-lg-5{
+		margin-bottom: 3rem !important;
+	}
+
+	.mb-lg-auto{
+		margin-bottom: auto !important;
+	}
+
+	.ms-lg-0{
+		margin-left: 0 !important;
+	}
+
+	.ms-lg-1{
+		margin-left: 0.25rem !important;
+	}
+
+	.ms-lg-2{
+		margin-left: 0.5rem !important;
+	}
+
+	.ms-lg-3{
+		margin-left: 1rem !important;
+	}
+
+	.ms-lg-4{
+		margin-left: 1.5rem !important;
+	}
+
+	.ms-lg-5{
+		margin-left: 3rem !important;
+	}
+
+	.ms-lg-auto{
+		margin-left: auto !important;
+	}
+
+	.p-lg-0{
+		padding: 0 !important;
+	}
+
+	.p-lg-1{
+		padding: 0.25rem !important;
+	}
+
+	.p-lg-2{
+		padding: 0.5rem !important;
+	}
+
+	.p-lg-3{
+		padding: 1rem !important;
+	}
+
+	.p-lg-4{
+		padding: 1.5rem !important;
+	}
+
+	.p-lg-5{
+		padding: 3rem !important;
+	}
+
+	.px-lg-0{
+		padding-right: 0 !important;
+		padding-left: 0 !important;
+	}
+
+	.px-lg-1{
+		padding-right: 0.25rem !important;
+		padding-left: 0.25rem !important;
+	}
+
+	.px-lg-2{
+		padding-right: 0.5rem !important;
+		padding-left: 0.5rem !important;
+	}
+
+	.px-lg-3{
+		padding-right: 1rem !important;
+		padding-left: 1rem !important;
+	}
+
+	.px-lg-4{
+		padding-right: 1.5rem !important;
+		padding-left: 1.5rem !important;
+	}
+
+	.px-lg-5{
+		padding-right: 3rem !important;
+		padding-left: 3rem !important;
+	}
+
+	.py-lg-0{
+		padding-top: 0 !important;
+		padding-bottom: 0 !important;
+	}
+
+	.py-lg-1{
+		padding-top: 0.25rem !important;
+		padding-bottom: 0.25rem !important;
+	}
+
+	.py-lg-2{
+		padding-top: 0.5rem !important;
+		padding-bottom: 0.5rem !important;
+	}
+
+	.py-lg-3{
+		padding-top: 1rem !important;
+		padding-bottom: 1rem !important;
+	}
+
+	.py-lg-4{
+		padding-top: 1.5rem !important;
+		padding-bottom: 1.5rem !important;
+	}
+
+	.py-lg-5{
+		padding-top: 3rem !important;
+		padding-bottom: 3rem !important;
+	}
+
+	.pt-lg-0{
+		padding-top: 0 !important;
+	}
+
+	.pt-lg-1{
+		padding-top: 0.25rem !important;
+	}
+
+	.pt-lg-2{
+		padding-top: 0.5rem !important;
+	}
+
+	.pt-lg-3{
+		padding-top: 1rem !important;
+	}
+
+	.pt-lg-4{
+		padding-top: 1.5rem !important;
+	}
+
+	.pt-lg-5{
+		padding-top: 3rem !important;
+	}
+
+	.pe-lg-0{
+		padding-right: 0 !important;
+	}
+
+	.pe-lg-1{
+		padding-right: 0.25rem !important;
+	}
+
+	.pe-lg-2{
+		padding-right: 0.5rem !important;
+	}
+
+	.pe-lg-3{
+		padding-right: 1rem !important;
+	}
+
+	.pe-lg-4{
+		padding-right: 1.5rem !important;
+	}
+
+	.pe-lg-5{
+		padding-right: 3rem !important;
+	}
+
+	.pb-lg-0{
+		padding-bottom: 0 !important;
+	}
+
+	.pb-lg-1{
+		padding-bottom: 0.25rem !important;
+	}
+
+	.pb-lg-2{
+		padding-bottom: 0.5rem !important;
+	}
+
+	.pb-lg-3{
+		padding-bottom: 1rem !important;
+	}
+
+	.pb-lg-4{
+		padding-bottom: 1.5rem !important;
+	}
+
+	.pb-lg-5{
+		padding-bottom: 3rem !important;
+	}
+
+	.ps-lg-0{
+		padding-left: 0 !important;
+	}
+
+	.ps-lg-1{
+		padding-left: 0.25rem !important;
+	}
+
+	.ps-lg-2{
+		padding-left: 0.5rem !important;
+	}
+
+	.ps-lg-3{
+		padding-left: 1rem !important;
+	}
+
+	.ps-lg-4{
+		padding-left: 1.5rem !important;
+	}
+
+	.ps-lg-5{
+		padding-left: 3rem !important;
+	}
+}
+
+@media (min-width: 1200px){
+	.d-xl-inline{
+		display: inline !important;
+	}
+
+	.d-xl-inline-block{
+		display: inline-block !important;
+	}
+
+	.d-xl-block{
+		display: block !important;
+	}
+
+	.d-xl-grid{
+		display: grid !important;
+	}
+
+	.d-xl-table{
+		display: table !important;
+	}
+
+	.d-xl-table-row{
+		display: table-row !important;
+	}
+
+	.d-xl-table-cell{
+		display: table-cell !important;
+	}
+
+	.d-xl-flex{
+		display: flex !important;
+	}
+
+	.d-xl-inline-flex{
+		display: inline-flex !important;
+	}
+
+	.d-xl-none{
+		display: none !important;
+	}
+
+	.flex-xl-fill{
+		flex: 1 1 auto !important;
+	}
+
+	.flex-xl-row{
+		flex-direction: row !important;
+	}
+
+	.flex-xl-column{
+		flex-direction: column !important;
+	}
+
+	.flex-xl-row-reverse{
+		flex-direction: row-reverse !important;
+	}
+
+	.flex-xl-column-reverse{
+		flex-direction: column-reverse !important;
+	}
+
+	.flex-xl-grow-0{
+		flex-grow: 0 !important;
+	}
+
+	.flex-xl-grow-1{
+		flex-grow: 1 !important;
+	}
+
+	.flex-xl-shrink-0{
+		flex-shrink: 0 !important;
+	}
+
+	.flex-xl-shrink-1{
+		flex-shrink: 1 !important;
+	}
+
+	.flex-xl-wrap{
+		flex-wrap: wrap !important;
+	}
+
+	.flex-xl-nowrap{
+		flex-wrap: nowrap !important;
+	}
+
+	.flex-xl-wrap-reverse{
+		flex-wrap: wrap-reverse !important;
+	}
+
+	.justify-content-xl-start{
+		justify-content: flex-start !important;
+	}
+
+	.justify-content-xl-end{
+		justify-content: flex-end !important;
+	}
+
+	.justify-content-xl-center{
+		justify-content: center !important;
+	}
+
+	.justify-content-xl-between{
+		justify-content: space-between !important;
+	}
+
+	.justify-content-xl-around{
+		justify-content: space-around !important;
+	}
+
+	.justify-content-xl-evenly{
+		justify-content: space-evenly !important;
+	}
+
+	.align-items-xl-start{
+		align-items: flex-start !important;
+	}
+
+	.align-items-xl-end{
+		align-items: flex-end !important;
+	}
+
+	.align-items-xl-center{
+		align-items: center !important;
+	}
+
+	.align-items-xl-baseline{
+		align-items: baseline !important;
+	}
+
+	.align-items-xl-stretch{
+		align-items: stretch !important;
+	}
+
+	.align-content-xl-start{
+		align-content: flex-start !important;
+	}
+
+	.align-content-xl-end{
+		align-content: flex-end !important;
+	}
+
+	.align-content-xl-center{
+		align-content: center !important;
+	}
+
+	.align-content-xl-between{
+		align-content: space-between !important;
+	}
+
+	.align-content-xl-around{
+		align-content: space-around !important;
+	}
+
+	.align-content-xl-stretch{
+		align-content: stretch !important;
+	}
+
+	.align-self-xl-auto{
+		align-self: auto !important;
+	}
+
+	.align-self-xl-start{
+		align-self: flex-start !important;
+	}
+
+	.align-self-xl-end{
+		align-self: flex-end !important;
+	}
+
+	.align-self-xl-center{
+		align-self: center !important;
+	}
+
+	.align-self-xl-baseline{
+		align-self: baseline !important;
+	}
+
+	.align-self-xl-stretch{
+		align-self: stretch !important;
+	}
+
+	.order-xl-first{
+		order: -1 !important;
+	}
+
+	.order-xl-0{
+		order: 0 !important;
+	}
+
+	.order-xl-1{
+		order: 1 !important;
+	}
+
+	.order-xl-2{
+		order: 2 !important;
+	}
+
+	.order-xl-3{
+		order: 3 !important;
+	}
+
+	.order-xl-4{
+		order: 4 !important;
+	}
+
+	.order-xl-5{
+		order: 5 !important;
+	}
+
+	.order-xl-last{
+		order: 6 !important;
+	}
+
+	.m-xl-0{
+		margin: 0 !important;
+	}
+
+	.m-xl-1{
+		margin: 0.25rem !important;
+	}
+
+	.m-xl-2{
+		margin: 0.5rem !important;
+	}
+
+	.m-xl-3{
+		margin: 1rem !important;
+	}
+
+	.m-xl-4{
+		margin: 1.5rem !important;
+	}
+
+	.m-xl-5{
+		margin: 3rem !important;
+	}
+
+	.m-xl-auto{
+		margin: auto !important;
+	}
+
+	.mx-xl-0{
+		margin-right: 0 !important;
+		margin-left: 0 !important;
+	}
+
+	.mx-xl-1{
+		margin-right: 0.25rem !important;
+		margin-left: 0.25rem !important;
+	}
+
+	.mx-xl-2{
+		margin-right: 0.5rem !important;
+		margin-left: 0.5rem !important;
+	}
+
+	.mx-xl-3{
+		margin-right: 1rem !important;
+		margin-left: 1rem !important;
+	}
+
+	.mx-xl-4{
+		margin-right: 1.5rem !important;
+		margin-left: 1.5rem !important;
+	}
+
+	.mx-xl-5{
+		margin-right: 3rem !important;
+		margin-left: 3rem !important;
+	}
+
+	.mx-xl-auto{
+		margin-right: auto !important;
+		margin-left: auto !important;
+	}
+
+	.my-xl-0{
+		margin-top: 0 !important;
+		margin-bottom: 0 !important;
+	}
+
+	.my-xl-1{
+		margin-top: 0.25rem !important;
+		margin-bottom: 0.25rem !important;
+	}
+
+	.my-xl-2{
+		margin-top: 0.5rem !important;
+		margin-bottom: 0.5rem !important;
+	}
+
+	.my-xl-3{
+		margin-top: 1rem !important;
+		margin-bottom: 1rem !important;
+	}
+
+	.my-xl-4{
+		margin-top: 1.5rem !important;
+		margin-bottom: 1.5rem !important;
+	}
+
+	.my-xl-5{
+		margin-top: 3rem !important;
+		margin-bottom: 3rem !important;
+	}
+
+	.my-xl-auto{
+		margin-top: auto !important;
+		margin-bottom: auto !important;
+	}
+
+	.mt-xl-0{
+		margin-top: 0 !important;
+	}
+
+	.mt-xl-1{
+		margin-top: 0.25rem !important;
+	}
+
+	.mt-xl-2{
+		margin-top: 0.5rem !important;
+	}
+
+	.mt-xl-3{
+		margin-top: 1rem !important;
+	}
+
+	.mt-xl-4{
+		margin-top: 1.5rem !important;
+	}
+
+	.mt-xl-5{
+		margin-top: 3rem !important;
+	}
+
+	.mt-xl-auto{
+		margin-top: auto !important;
+	}
+
+	.me-xl-0{
+		margin-right: 0 !important;
+	}
+
+	.me-xl-1{
+		margin-right: 0.25rem !important;
+	}
+
+	.me-xl-2{
+		margin-right: 0.5rem !important;
+	}
+
+	.me-xl-3{
+		margin-right: 1rem !important;
+	}
+
+	.me-xl-4{
+		margin-right: 1.5rem !important;
+	}
+
+	.me-xl-5{
+		margin-right: 3rem !important;
+	}
+
+	.me-xl-auto{
+		margin-right: auto !important;
+	}
+
+	.mb-xl-0{
+		margin-bottom: 0 !important;
+	}
+
+	.mb-xl-1{
+		margin-bottom: 0.25rem !important;
+	}
+
+	.mb-xl-2{
+		margin-bottom: 0.5rem !important;
+	}
+
+	.mb-xl-3{
+		margin-bottom: 1rem !important;
+	}
+
+	.mb-xl-4{
+		margin-bottom: 1.5rem !important;
+	}
+
+	.mb-xl-5{
+		margin-bottom: 3rem !important;
+	}
+
+	.mb-xl-auto{
+		margin-bottom: auto !important;
+	}
+
+	.ms-xl-0{
+		margin-left: 0 !important;
+	}
+
+	.ms-xl-1{
+		margin-left: 0.25rem !important;
+	}
+
+	.ms-xl-2{
+		margin-left: 0.5rem !important;
+	}
+
+	.ms-xl-3{
+		margin-left: 1rem !important;
+	}
+
+	.ms-xl-4{
+		margin-left: 1.5rem !important;
+	}
+
+	.ms-xl-5{
+		margin-left: 3rem !important;
+	}
+
+	.ms-xl-auto{
+		margin-left: auto !important;
+	}
+
+	.p-xl-0{
+		padding: 0 !important;
+	}
+
+	.p-xl-1{
+		padding: 0.25rem !important;
+	}
+
+	.p-xl-2{
+		padding: 0.5rem !important;
+	}
+
+	.p-xl-3{
+		padding: 1rem !important;
+	}
+
+	.p-xl-4{
+		padding: 1.5rem !important;
+	}
+
+	.p-xl-5{
+		padding: 3rem !important;
+	}
+
+	.px-xl-0{
+		padding-right: 0 !important;
+		padding-left: 0 !important;
+	}
+
+	.px-xl-1{
+		padding-right: 0.25rem !important;
+		padding-left: 0.25rem !important;
+	}
+
+	.px-xl-2{
+		padding-right: 0.5rem !important;
+		padding-left: 0.5rem !important;
+	}
+
+	.px-xl-3{
+		padding-right: 1rem !important;
+		padding-left: 1rem !important;
+	}
+
+	.px-xl-4{
+		padding-right: 1.5rem !important;
+		padding-left: 1.5rem !important;
+	}
+
+	.px-xl-5{
+		padding-right: 3rem !important;
+		padding-left: 3rem !important;
+	}
+
+	.py-xl-0{
+		padding-top: 0 !important;
+		padding-bottom: 0 !important;
+	}
+
+	.py-xl-1{
+		padding-top: 0.25rem !important;
+		padding-bottom: 0.25rem !important;
+	}
+
+	.py-xl-2{
+		padding-top: 0.5rem !important;
+		padding-bottom: 0.5rem !important;
+	}
+
+	.py-xl-3{
+		padding-top: 1rem !important;
+		padding-bottom: 1rem !important;
+	}
+
+	.py-xl-4{
+		padding-top: 1.5rem !important;
+		padding-bottom: 1.5rem !important;
+	}
+
+	.py-xl-5{
+		padding-top: 3rem !important;
+		padding-bottom: 3rem !important;
+	}
+
+	.pt-xl-0{
+		padding-top: 0 !important;
+	}
+
+	.pt-xl-1{
+		padding-top: 0.25rem !important;
+	}
+
+	.pt-xl-2{
+		padding-top: 0.5rem !important;
+	}
+
+	.pt-xl-3{
+		padding-top: 1rem !important;
+	}
+
+	.pt-xl-4{
+		padding-top: 1.5rem !important;
+	}
+
+	.pt-xl-5{
+		padding-top: 3rem !important;
+	}
+
+	.pe-xl-0{
+		padding-right: 0 !important;
+	}
+
+	.pe-xl-1{
+		padding-right: 0.25rem !important;
+	}
+
+	.pe-xl-2{
+		padding-right: 0.5rem !important;
+	}
+
+	.pe-xl-3{
+		padding-right: 1rem !important;
+	}
+
+	.pe-xl-4{
+		padding-right: 1.5rem !important;
+	}
+
+	.pe-xl-5{
+		padding-right: 3rem !important;
+	}
+
+	.pb-xl-0{
+		padding-bottom: 0 !important;
+	}
+
+	.pb-xl-1{
+		padding-bottom: 0.25rem !important;
+	}
+
+	.pb-xl-2{
+		padding-bottom: 0.5rem !important;
+	}
+
+	.pb-xl-3{
+		padding-bottom: 1rem !important;
+	}
+
+	.pb-xl-4{
+		padding-bottom: 1.5rem !important;
+	}
+
+	.pb-xl-5{
+		padding-bottom: 3rem !important;
+	}
+
+	.ps-xl-0{
+		padding-left: 0 !important;
+	}
+
+	.ps-xl-1{
+		padding-left: 0.25rem !important;
+	}
+
+	.ps-xl-2{
+		padding-left: 0.5rem !important;
+	}
+
+	.ps-xl-3{
+		padding-left: 1rem !important;
+	}
+
+	.ps-xl-4{
+		padding-left: 1.5rem !important;
+	}
+
+	.ps-xl-5{
+		padding-left: 3rem !important;
+	}
+}
+
+@media (min-width: 1400px){
+	.d-xxl-inline{
+		display: inline !important;
+	}
+
+	.d-xxl-inline-block{
+		display: inline-block !important;
+	}
+
+	.d-xxl-block{
+		display: block !important;
+	}
+
+	.d-xxl-grid{
+		display: grid !important;
+	}
+
+	.d-xxl-table{
+		display: table !important;
+	}
+
+	.d-xxl-table-row{
+		display: table-row !important;
+	}
+
+	.d-xxl-table-cell{
+		display: table-cell !important;
+	}
+
+	.d-xxl-flex{
+		display: flex !important;
+	}
+
+	.d-xxl-inline-flex{
+		display: inline-flex !important;
+	}
+
+	.d-xxl-none{
+		display: none !important;
+	}
+
+	.flex-xxl-fill{
+		flex: 1 1 auto !important;
+	}
+
+	.flex-xxl-row{
+		flex-direction: row !important;
+	}
+
+	.flex-xxl-column{
+		flex-direction: column !important;
+	}
+
+	.flex-xxl-row-reverse{
+		flex-direction: row-reverse !important;
+	}
+
+	.flex-xxl-column-reverse{
+		flex-direction: column-reverse !important;
+	}
+
+	.flex-xxl-grow-0{
+		flex-grow: 0 !important;
+	}
+
+	.flex-xxl-grow-1{
+		flex-grow: 1 !important;
+	}
+
+	.flex-xxl-shrink-0{
+		flex-shrink: 0 !important;
+	}
+
+	.flex-xxl-shrink-1{
+		flex-shrink: 1 !important;
+	}
+
+	.flex-xxl-wrap{
+		flex-wrap: wrap !important;
+	}
+
+	.flex-xxl-nowrap{
+		flex-wrap: nowrap !important;
+	}
+
+	.flex-xxl-wrap-reverse{
+		flex-wrap: wrap-reverse !important;
+	}
+
+	.justify-content-xxl-start{
+		justify-content: flex-start !important;
+	}
+
+	.justify-content-xxl-end{
+		justify-content: flex-end !important;
+	}
+
+	.justify-content-xxl-center{
+		justify-content: center !important;
+	}
+
+	.justify-content-xxl-between{
+		justify-content: space-between !important;
+	}
+
+	.justify-content-xxl-around{
+		justify-content: space-around !important;
+	}
+
+	.justify-content-xxl-evenly{
+		justify-content: space-evenly !important;
+	}
+
+	.align-items-xxl-start{
+		align-items: flex-start !important;
+	}
+
+	.align-items-xxl-end{
+		align-items: flex-end !important;
+	}
+
+	.align-items-xxl-center{
+		align-items: center !important;
+	}
+
+	.align-items-xxl-baseline{
+		align-items: baseline !important;
+	}
+
+	.align-items-xxl-stretch{
+		align-items: stretch !important;
+	}
+
+	.align-content-xxl-start{
+		align-content: flex-start !important;
+	}
+
+	.align-content-xxl-end{
+		align-content: flex-end !important;
+	}
+
+	.align-content-xxl-center{
+		align-content: center !important;
+	}
+
+	.align-content-xxl-between{
+		align-content: space-between !important;
+	}
+
+	.align-content-xxl-around{
+		align-content: space-around !important;
+	}
+
+	.align-content-xxl-stretch{
+		align-content: stretch !important;
+	}
+
+	.align-self-xxl-auto{
+		align-self: auto !important;
+	}
+
+	.align-self-xxl-start{
+		align-self: flex-start !important;
+	}
+
+	.align-self-xxl-end{
+		align-self: flex-end !important;
+	}
+
+	.align-self-xxl-center{
+		align-self: center !important;
+	}
+
+	.align-self-xxl-baseline{
+		align-self: baseline !important;
+	}
+
+	.align-self-xxl-stretch{
+		align-self: stretch !important;
+	}
+
+	.order-xxl-first{
+		order: -1 !important;
+	}
+
+	.order-xxl-0{
+		order: 0 !important;
+	}
+
+	.order-xxl-1{
+		order: 1 !important;
+	}
+
+	.order-xxl-2{
+		order: 2 !important;
+	}
+
+	.order-xxl-3{
+		order: 3 !important;
+	}
+
+	.order-xxl-4{
+		order: 4 !important;
+	}
+
+	.order-xxl-5{
+		order: 5 !important;
+	}
+
+	.order-xxl-last{
+		order: 6 !important;
+	}
+
+	.m-xxl-0{
+		margin: 0 !important;
+	}
+
+	.m-xxl-1{
+		margin: 0.25rem !important;
+	}
+
+	.m-xxl-2{
+		margin: 0.5rem !important;
+	}
+
+	.m-xxl-3{
+		margin: 1rem !important;
+	}
+
+	.m-xxl-4{
+		margin: 1.5rem !important;
+	}
+
+	.m-xxl-5{
+		margin: 3rem !important;
+	}
+
+	.m-xxl-auto{
+		margin: auto !important;
+	}
+
+	.mx-xxl-0{
+		margin-right: 0 !important;
+		margin-left: 0 !important;
+	}
+
+	.mx-xxl-1{
+		margin-right: 0.25rem !important;
+		margin-left: 0.25rem !important;
+	}
+
+	.mx-xxl-2{
+		margin-right: 0.5rem !important;
+		margin-left: 0.5rem !important;
+	}
+
+	.mx-xxl-3{
+		margin-right: 1rem !important;
+		margin-left: 1rem !important;
+	}
+
+	.mx-xxl-4{
+		margin-right: 1.5rem !important;
+		margin-left: 1.5rem !important;
+	}
+
+	.mx-xxl-5{
+		margin-right: 3rem !important;
+		margin-left: 3rem !important;
+	}
+
+	.mx-xxl-auto{
+		margin-right: auto !important;
+		margin-left: auto !important;
+	}
+
+	.my-xxl-0{
+		margin-top: 0 !important;
+		margin-bottom: 0 !important;
+	}
+
+	.my-xxl-1{
+		margin-top: 0.25rem !important;
+		margin-bottom: 0.25rem !important;
+	}
+
+	.my-xxl-2{
+		margin-top: 0.5rem !important;
+		margin-bottom: 0.5rem !important;
+	}
+
+	.my-xxl-3{
+		margin-top: 1rem !important;
+		margin-bottom: 1rem !important;
+	}
+
+	.my-xxl-4{
+		margin-top: 1.5rem !important;
+		margin-bottom: 1.5rem !important;
+	}
+
+	.my-xxl-5{
+		margin-top: 3rem !important;
+		margin-bottom: 3rem !important;
+	}
+
+	.my-xxl-auto{
+		margin-top: auto !important;
+		margin-bottom: auto !important;
+	}
+
+	.mt-xxl-0{
+		margin-top: 0 !important;
+	}
+
+	.mt-xxl-1{
+		margin-top: 0.25rem !important;
+	}
+
+	.mt-xxl-2{
+		margin-top: 0.5rem !important;
+	}
+
+	.mt-xxl-3{
+		margin-top: 1rem !important;
+	}
+
+	.mt-xxl-4{
+		margin-top: 1.5rem !important;
+	}
+
+	.mt-xxl-5{
+		margin-top: 3rem !important;
+	}
+
+	.mt-xxl-auto{
+		margin-top: auto !important;
+	}
+
+	.me-xxl-0{
+		margin-right: 0 !important;
+	}
+
+	.me-xxl-1{
+		margin-right: 0.25rem !important;
+	}
+
+	.me-xxl-2{
+		margin-right: 0.5rem !important;
+	}
+
+	.me-xxl-3{
+		margin-right: 1rem !important;
+	}
+
+	.me-xxl-4{
+		margin-right: 1.5rem !important;
+	}
+
+	.me-xxl-5{
+		margin-right: 3rem !important;
+	}
+
+	.me-xxl-auto{
+		margin-right: auto !important;
+	}
+
+	.mb-xxl-0{
+		margin-bottom: 0 !important;
+	}
+
+	.mb-xxl-1{
+		margin-bottom: 0.25rem !important;
+	}
+
+	.mb-xxl-2{
+		margin-bottom: 0.5rem !important;
+	}
+
+	.mb-xxl-3{
+		margin-bottom: 1rem !important;
+	}
+
+	.mb-xxl-4{
+		margin-bottom: 1.5rem !important;
+	}
+
+	.mb-xxl-5{
+		margin-bottom: 3rem !important;
+	}
+
+	.mb-xxl-auto{
+		margin-bottom: auto !important;
+	}
+
+	.ms-xxl-0{
+		margin-left: 0 !important;
+	}
+
+	.ms-xxl-1{
+		margin-left: 0.25rem !important;
+	}
+
+	.ms-xxl-2{
+		margin-left: 0.5rem !important;
+	}
+
+	.ms-xxl-3{
+		margin-left: 1rem !important;
+	}
+
+	.ms-xxl-4{
+		margin-left: 1.5rem !important;
+	}
+
+	.ms-xxl-5{
+		margin-left: 3rem !important;
+	}
+
+	.ms-xxl-auto{
+		margin-left: auto !important;
+	}
+
+	.p-xxl-0{
+		padding: 0 !important;
+	}
+
+	.p-xxl-1{
+		padding: 0.25rem !important;
+	}
+
+	.p-xxl-2{
+		padding: 0.5rem !important;
+	}
+
+	.p-xxl-3{
+		padding: 1rem !important;
+	}
+
+	.p-xxl-4{
+		padding: 1.5rem !important;
+	}
+
+	.p-xxl-5{
+		padding: 3rem !important;
+	}
+
+	.px-xxl-0{
+		padding-right: 0 !important;
+		padding-left: 0 !important;
+	}
+
+	.px-xxl-1{
+		padding-right: 0.25rem !important;
+		padding-left: 0.25rem !important;
+	}
+
+	.px-xxl-2{
+		padding-right: 0.5rem !important;
+		padding-left: 0.5rem !important;
+	}
+
+	.px-xxl-3{
+		padding-right: 1rem !important;
+		padding-left: 1rem !important;
+	}
+
+	.px-xxl-4{
+		padding-right: 1.5rem !important;
+		padding-left: 1.5rem !important;
+	}
+
+	.px-xxl-5{
+		padding-right: 3rem !important;
+		padding-left: 3rem !important;
+	}
+
+	.py-xxl-0{
+		padding-top: 0 !important;
+		padding-bottom: 0 !important;
+	}
+
+	.py-xxl-1{
+		padding-top: 0.25rem !important;
+		padding-bottom: 0.25rem !important;
+	}
+
+	.py-xxl-2{
+		padding-top: 0.5rem !important;
+		padding-bottom: 0.5rem !important;
+	}
+
+	.py-xxl-3{
+		padding-top: 1rem !important;
+		padding-bottom: 1rem !important;
+	}
+
+	.py-xxl-4{
+		padding-top: 1.5rem !important;
+		padding-bottom: 1.5rem !important;
+	}
+
+	.py-xxl-5{
+		padding-top: 3rem !important;
+		padding-bottom: 3rem !important;
+	}
+
+	.pt-xxl-0{
+		padding-top: 0 !important;
+	}
+
+	.pt-xxl-1{
+		padding-top: 0.25rem !important;
+	}
+
+	.pt-xxl-2{
+		padding-top: 0.5rem !important;
+	}
+
+	.pt-xxl-3{
+		padding-top: 1rem !important;
+	}
+
+	.pt-xxl-4{
+		padding-top: 1.5rem !important;
+	}
+
+	.pt-xxl-5{
+		padding-top: 3rem !important;
+	}
+
+	.pe-xxl-0{
+		padding-right: 0 !important;
+	}
+
+	.pe-xxl-1{
+		padding-right: 0.25rem !important;
+	}
+
+	.pe-xxl-2{
+		padding-right: 0.5rem !important;
+	}
+
+	.pe-xxl-3{
+		padding-right: 1rem !important;
+	}
+
+	.pe-xxl-4{
+		padding-right: 1.5rem !important;
+	}
+
+	.pe-xxl-5{
+		padding-right: 3rem !important;
+	}
+
+	.pb-xxl-0{
+		padding-bottom: 0 !important;
+	}
+
+	.pb-xxl-1{
+		padding-bottom: 0.25rem !important;
+	}
+
+	.pb-xxl-2{
+		padding-bottom: 0.5rem !important;
+	}
+
+	.pb-xxl-3{
+		padding-bottom: 1rem !important;
+	}
+
+	.pb-xxl-4{
+		padding-bottom: 1.5rem !important;
+	}
+
+	.pb-xxl-5{
+		padding-bottom: 3rem !important;
+	}
+
+	.ps-xxl-0{
+		padding-left: 0 !important;
+	}
+
+	.ps-xxl-1{
+		padding-left: 0.25rem !important;
+	}
+
+	.ps-xxl-2{
+		padding-left: 0.5rem !important;
+	}
+
+	.ps-xxl-3{
+		padding-left: 1rem !important;
+	}
+
+	.ps-xxl-4{
+		padding-left: 1.5rem !important;
+	}
+
+	.ps-xxl-5{
+		padding-left: 3rem !important;
+	}
+}
+
+@media print{
+	.d-print-inline{
+		display: inline !important;
+	}
+
+	.d-print-inline-block{
+		display: inline-block !important;
+	}
+
+	.d-print-block{
+		display: block !important;
+	}
+
+	.d-print-grid{
+		display: grid !important;
+	}
+
+	.d-print-table{
+		display: table !important;
+	}
+
+	.d-print-table-row{
+		display: table-row !important;
+	}
+
+	.d-print-table-cell{
+		display: table-cell !important;
+	}
+
+	.d-print-flex{
+		display: flex !important;
+	}
+
+	.d-print-inline-flex{
+		display: inline-flex !important;
+	}
+
+	.d-print-none{
+		display: none !important;
+	}
+}
+
+/*# sourceMappingURL=bootstrap-grid.css.map */
diff --git a/assets/admin/css/reset-css.css b/assets/admin/css/reset-css.css
new file mode 100644
index 0000000..2d5c3f7
--- /dev/null
+++ b/assets/admin/css/reset-css.css
@@ -0,0 +1,261 @@
+a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline
+}
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
+	display: block
+}
+
+body{
+	line-height: 1;
+	margin: 0
+}
+
+ol, ul{
+	list-style: none
+}
+
+blockquote, q{
+	quotes: none
+}
+
+blockquote:after, blockquote:before, q:after, q:before{
+	content: '';
+	content: none
+}
+
+table{
+	border-collapse: collapse;
+	border-spacing: 0
+}
+
+html{
+	line-height: 1.15;
+	-webkit-text-size-adjust: 100%
+}
+
+h1{
+	font-size: 2em;
+	margin: .67em 0
+}
+
+hr{
+	box-sizing: content-box;
+	height: 0;
+	overflow: visible
+}
+
+pre{
+	font-family: monospace, monospace;
+	font-size: 1em
+}
+
+a{
+	background-color: transparent
+}
+
+abbr[title]{
+	border-bottom: none;
+	text-decoration: underline;
+	text-decoration: underline dotted
+}
+
+b, strong{
+	font-weight: bolder
+}
+
+code, kbd, samp{
+	font-family: monospace, monospace;
+	font-size: 1em
+}
+
+small{
+	font-size: 80%
+}
+
+sub, sup{
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline
+}
+
+sub{
+	bottom: -.25em
+}
+
+sup{
+	top: -.5em
+}
+
+img{
+	border-style: none
+}
+
+button, input, optgroup, select, textarea{
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0
+}
+
+button, input{
+	overflow: visible
+}
+
+button, select{
+	text-transform: none
+}
+
+[type=button], [type=reset], [type=submit], button{
+	-webkit-appearance: button
+}
+
+[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner{
+	border-style: none;
+	padding: 0
+}
+
+[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring{
+	outline: 1px dotted ButtonText
+}
+
+fieldset{
+	padding: .35em .75em .625em
+}
+
+legend{
+	box-sizing: border-box;
+	color: inherit;
+	display: table;
+	max-width: 100%;
+	padding: 0;
+	white-space: normal
+}
+
+progress{
+	vertical-align: baseline
+}
+
+textarea{
+	overflow: auto
+}
+
+[type=checkbox], [type=radio]{
+	box-sizing: border-box;
+	padding: 0
+}
+
+[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{
+	height: auto
+}
+
+[type=search]{
+	-webkit-appearance: textfield;
+	outline-offset: -2px
+}
+
+[type=search]::-webkit-search-decoration{
+	-webkit-appearance: none
+}
+
+::-webkit-file-upload-button{
+	-webkit-appearance: button;
+	font: inherit
+}
+
+details{
+	display: block
+}
+
+summary{
+	display: list-item
+}
+
+template{
+	display: none
+}
+
+[hidden]{
+	display: none
+}
+
+::selection{
+	background: #468fd2;
+	color: #fff
+}
+
+::-webkit-selection{
+	background: #468fd2;
+	color: #fff
+}
+
+::-moz-selection{
+	background: #468fd2;
+	color: #fff
+}
+
+a{
+	text-decoration: none
+}
+
+h1{
+	font-size: 32px;
+}
+
+h2{
+	font-size: 24px;
+}
+
+h3{
+	font-size: 18.72px;
+}
+
+h4{
+	font-size: 16px;
+}
+
+h5{
+	font-size: 13.28px;
+}
+
+h6{
+	font-size: 10.72px;
+}
+
+.clear{
+	clear: both;
+	display: block;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0
+}
+
+.clearfix{
+	zoom: 1
+}
+
+.clearfix:after, .clearfix:before, .row:after, .row:before{
+	content: '\0020';
+	display: block;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0
+}
+
+.clearfix:after, .row:after{
+	clear: both
+}
+
+.relativePos{
+	position: relative;
+	width: 100%;
+	height: 100%
+}
diff --git a/assets/admin/sass/admin.scss b/assets/admin/sass/admin.scss
index 23166f7..d359329 100644
--- a/assets/admin/sass/admin.scss
+++ b/assets/admin/sass/admin.scss
@@ -371,7 +371,6 @@ html:lang(fa) {
     margin-right: 120px !important;
   }
 
-
   @media (max-width: 768px) {
     .el-form-item__content {
       margin-left: 0 !important;
@@ -379,7 +378,6 @@ html:lang(fa) {
     }
   }
 
-
   .secondTitle {
     margin-top: 50px;
   }
@@ -467,4 +465,9 @@ html:lang(fa) {
   .el-radio__label {
     padding-right: 10px !important;
   }
+
+  .el-scrollbar__wrap {
+    margin-right: 0 !important;
+    margin-left: -17px !important;
+  }
 }
diff --git a/assets/css/bootstrap-grid-customized.css b/assets/css/bootstrap-grid-customized.css
deleted file mode 100644
index d18128a..0000000
--- a/assets/css/bootstrap-grid-customized.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
- * Copyright 2011-2019 The Bootstrap Authors
- * Copyright 2011-2019 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1370px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;margin:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{line-height:1.15;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}::selection{background:#468fd2;color:#fff}::-webkit-selection{background:#468fd2;color:#fff}::-moz-selection{background:#468fd2;color:#fff}.clearfix{zoom:1}.clearfix:after,.clearfix:before,.row:after,.row:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.row:after{clear:both}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}a{text-decoration:none}.relativePos{position:relative;width:100%;height:100%}h1{font-size: 32px;}h2{font-size: 24px;}h3{font-size: 18.72px;}h4{font-size: 16px;}h5{font-size: 13.28px;}h6{font-size: 10.72px;}
diff --git a/assets/css/bootstrap-grid.css b/assets/css/bootstrap-grid.css
new file mode 100644
index 0000000..c324e96
--- /dev/null
+++ b/assets/css/bootstrap-grid.css
@@ -0,0 +1,5013 @@
+/*!
+ * Bootstrap Grid v5.0.0-beta1 (https://getbootstrap.com/)
+ * Copyright 2011-2020 The Bootstrap Authors
+ * Copyright 2011-2020 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+.container,
+.container-fluid,
+.container-xxl,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm{
+	/*width: 100%;*/
+	padding-right: var(--bs-gutter-x, 0.75rem);
+	padding-left: var(--bs-gutter-x, 0.75rem);
+	margin-right: auto;
+	margin-left: auto;
+}
+
+@media (min-width: 576px){
+	.container-sm, .container{
+		max-width: 540px;
+	}
+}
+
+@media (min-width: 768px){
+	.container-md, .container-sm, .container{
+		max-width: 720px;
+	}
+}
+
+@media (min-width: 992px){
+	.container-lg, .container-md, .container-sm, .container{
+		max-width: 960px;
+	}
+}
+
+@media (min-width: 1200px){
+	.container-xl, .container-lg, .container-md, .container-sm, .container{
+		max-width: 1140px;
+	}
+}
+
+@media (min-width: 1400px){
+	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container{
+		max-width: 1320px;
+	}
+}
+
+.row{
+	--bs-gutter-x: 1.5rem;
+	--bs-gutter-y: 0;
+	display: flex;
+	flex-wrap: wrap;
+	margin-top: calc(var(--bs-gutter-y) * -1);
+	margin-right: calc(var(--bs-gutter-x) / -2);
+	margin-left: calc(var(--bs-gutter-x) / -2);
+}
+
+.row > *{
+	box-sizing: border-box;
+	/*flex-shrink: 0;*/
+	/*width: 100%;*/
+	/*max-width: 100%;*/
+	padding-right: calc(var(--bs-gutter-x) / 2);
+	padding-left: calc(var(--bs-gutter-x) / 2);
+	margin-top: var(--bs-gutter-y);
+}
+
+.col{
+	flex: 1 0 0%;
+}
+
+.row-cols-auto > *{
+	flex: 0 0 auto;
+	width: auto;
+}
+
+.row-cols-1 > *{
+	flex: 0 0 auto;
+	width: 100%;
+}
+
+.row-cols-2 > *{
+	flex: 0 0 auto;
+	width: 50%;
+}
+
+.row-cols-3 > *{
+	flex: 0 0 auto;
+	width: 33.3333333333%;
+}
+
+.row-cols-4 > *{
+	flex: 0 0 auto;
+	width: 25%;
+}
+
+.row-cols-5 > *{
+	flex: 0 0 auto;
+	width: 20%;
+}
+
+.row-cols-6 > *{
+	flex: 0 0 auto;
+	width: 16.6666666667%;
+}
+
+.col-auto{
+	flex: 0 0 auto;
+	width: auto;
+}
+
+.col-1{
+	flex: 0 0 auto;
+	width: 8.3333333333%;
+}
+
+.col-2{
+	flex: 0 0 auto;
+	width: 16.6666666667%;
+}
+
+.col-3{
+	flex: 0 0 auto;
+	width: 25%;
+}
+
+.col-4{
+	flex: 0 0 auto;
+	width: 33.3333333333%;
+}
+
+.col-5{
+	flex: 0 0 auto;
+	width: 41.6666666667%;
+}
+
+.col-6{
+	flex: 0 0 auto;
+	width: 50%;
+}
+
+.col-7{
+	flex: 0 0 auto;
+	width: 58.3333333333%;
+}
+
+.col-8{
+	flex: 0 0 auto;
+	width: 66.6666666667%;
+}
+
+.col-9{
+	flex: 0 0 auto;
+	width: 75%;
+}
+
+.col-10{
+	flex: 0 0 auto;
+	width: 83.3333333333%;
+}
+
+.col-11{
+	flex: 0 0 auto;
+	width: 91.6666666667%;
+}
+
+.col-12{
+	flex: 0 0 auto;
+	width: 100%;
+}
+
+.offset-1{
+	margin-left: 8.3333333333%;
+}
+
+.offset-2{
+	margin-left: 16.6666666667%;
+}
+
+.offset-3{
+	margin-left: 25%;
+}
+
+.offset-4{
+	margin-left: 33.3333333333%;
+}
+
+.offset-5{
+	margin-left: 41.6666666667%;
+}
+
+.offset-6{
+	margin-left: 50%;
+}
+
+.offset-7{
+	margin-left: 58.3333333333%;
+}
+
+.offset-8{
+	margin-left: 66.6666666667%;
+}
+
+.offset-9{
+	margin-left: 75%;
+}
+
+.offset-10{
+	margin-left: 83.3333333333%;
+}
+
+.offset-11{
+	margin-left: 91.6666666667%;
+}
+
+.g-0,
+.gx-0{
+	--bs-gutter-x: 0;
+}
+
+.g-0,
+.gy-0{
+	--bs-gutter-y: 0;
+}
+
+.g-1,
+.gx-1{
+	--bs-gutter-x: 0.25rem;
+}
+
+.g-1,
+.gy-1{
+	--bs-gutter-y: 0.25rem;
+}
+
+.g-2,
+.gx-2{
+	--bs-gutter-x: 0.5rem;
+}
+
+.g-2,
+.gy-2{
+	--bs-gutter-y: 0.5rem;
+}
+
+.g-3,
+.gx-3{
+	--bs-gutter-x: 1rem;
+}
+
+.g-3,
+.gy-3{
+	--bs-gutter-y: 1rem;
+}
+
+.g-4,
+.gx-4{
+	--bs-gutter-x: 1.5rem;
+}
+
+.g-4,
+.gy-4{
+	--bs-gutter-y: 1.5rem;
+}
+
+.g-5,
+.gx-5{
+	--bs-gutter-x: 3rem;
+}
+
+.g-5,
+.gy-5{
+	--bs-gutter-y: 3rem;
+}
+
+@media (min-width: 576px){
+	.col-sm{
+		flex: 1 0 0%;
+	}
+
+	.row-cols-sm-auto > *{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.row-cols-sm-1 > *{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.row-cols-sm-2 > *{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.row-cols-sm-3 > *{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.row-cols-sm-4 > *{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.row-cols-sm-5 > *{
+		flex: 0 0 auto;
+		width: 20%;
+	}
+
+	.row-cols-sm-6 > *{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-sm-auto{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.col-sm-1{
+		flex: 0 0 auto;
+		width: 8.3333333333%;
+	}
+
+	.col-sm-2{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-sm-3{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.col-sm-4{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.col-sm-5{
+		flex: 0 0 auto;
+		width: 41.6666666667%;
+	}
+
+	.col-sm-6{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.col-sm-7{
+		flex: 0 0 auto;
+		width: 58.3333333333%;
+	}
+
+	.col-sm-8{
+		flex: 0 0 auto;
+		width: 66.6666666667%;
+	}
+
+	.col-sm-9{
+		flex: 0 0 auto;
+		width: 75%;
+	}
+
+	.col-sm-10{
+		flex: 0 0 auto;
+		width: 83.3333333333%;
+	}
+
+	.col-sm-11{
+		flex: 0 0 auto;
+		width: 91.6666666667%;
+	}
+
+	.col-sm-12{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.offset-sm-0{
+		margin-left: 0;
+	}
+
+	.offset-sm-1{
+		margin-left: 8.3333333333%;
+	}
+
+	.offset-sm-2{
+		margin-left: 16.6666666667%;
+	}
+
+	.offset-sm-3{
+		margin-left: 25%;
+	}
+
+	.offset-sm-4{
+		margin-left: 33.3333333333%;
+	}
+
+	.offset-sm-5{
+		margin-left: 41.6666666667%;
+	}
+
+	.offset-sm-6{
+		margin-left: 50%;
+	}
+
+	.offset-sm-7{
+		margin-left: 58.3333333333%;
+	}
+
+	.offset-sm-8{
+		margin-left: 66.6666666667%;
+	}
+
+	.offset-sm-9{
+		margin-left: 75%;
+	}
+
+	.offset-sm-10{
+		margin-left: 83.3333333333%;
+	}
+
+	.offset-sm-11{
+		margin-left: 91.6666666667%;
+	}
+
+	.g-sm-0,
+	.gx-sm-0{
+		--bs-gutter-x: 0;
+	}
+
+	.g-sm-0,
+	.gy-sm-0{
+		--bs-gutter-y: 0;
+	}
+
+	.g-sm-1,
+	.gx-sm-1{
+		--bs-gutter-x: 0.25rem;
+	}
+
+	.g-sm-1,
+	.gy-sm-1{
+		--bs-gutter-y: 0.25rem;
+	}
+
+	.g-sm-2,
+	.gx-sm-2{
+		--bs-gutter-x: 0.5rem;
+	}
+
+	.g-sm-2,
+	.gy-sm-2{
+		--bs-gutter-y: 0.5rem;
+	}
+
+	.g-sm-3,
+	.gx-sm-3{
+		--bs-gutter-x: 1rem;
+	}
+
+	.g-sm-3,
+	.gy-sm-3{
+		--bs-gutter-y: 1rem;
+	}
+
+	.g-sm-4,
+	.gx-sm-4{
+		--bs-gutter-x: 1.5rem;
+	}
+
+	.g-sm-4,
+	.gy-sm-4{
+		--bs-gutter-y: 1.5rem;
+	}
+
+	.g-sm-5,
+	.gx-sm-5{
+		--bs-gutter-x: 3rem;
+	}
+
+	.g-sm-5,
+	.gy-sm-5{
+		--bs-gutter-y: 3rem;
+	}
+}
+
+@media (min-width: 768px){
+	.col-md{
+		flex: 1 0 0%;
+	}
+
+	.row-cols-md-auto > *{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.row-cols-md-1 > *{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.row-cols-md-2 > *{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.row-cols-md-3 > *{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.row-cols-md-4 > *{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.row-cols-md-5 > *{
+		flex: 0 0 auto;
+		width: 20%;
+	}
+
+	.row-cols-md-6 > *{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-md-auto{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.col-md-1{
+		flex: 0 0 auto;
+		width: 8.3333333333%;
+	}
+
+	.col-md-2{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-md-3{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.col-md-4{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.col-md-5{
+		flex: 0 0 auto;
+		width: 41.6666666667%;
+	}
+
+	.col-md-6{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.col-md-7{
+		flex: 0 0 auto;
+		width: 58.3333333333%;
+	}
+
+	.col-md-8{
+		flex: 0 0 auto;
+		width: 66.6666666667%;
+	}
+
+	.col-md-9{
+		flex: 0 0 auto;
+		width: 75%;
+	}
+
+	.col-md-10{
+		flex: 0 0 auto;
+		width: 83.3333333333%;
+	}
+
+	.col-md-11{
+		flex: 0 0 auto;
+		width: 91.6666666667%;
+	}
+
+	.col-md-12{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.offset-md-0{
+		margin-left: 0;
+	}
+
+	.offset-md-1{
+		margin-left: 8.3333333333%;
+	}
+
+	.offset-md-2{
+		margin-left: 16.6666666667%;
+	}
+
+	.offset-md-3{
+		margin-left: 25%;
+	}
+
+	.offset-md-4{
+		margin-left: 33.3333333333%;
+	}
+
+	.offset-md-5{
+		margin-left: 41.6666666667%;
+	}
+
+	.offset-md-6{
+		margin-left: 50%;
+	}
+
+	.offset-md-7{
+		margin-left: 58.3333333333%;
+	}
+
+	.offset-md-8{
+		margin-left: 66.6666666667%;
+	}
+
+	.offset-md-9{
+		margin-left: 75%;
+	}
+
+	.offset-md-10{
+		margin-left: 83.3333333333%;
+	}
+
+	.offset-md-11{
+		margin-left: 91.6666666667%;
+	}
+
+	.g-md-0,
+	.gx-md-0{
+		--bs-gutter-x: 0;
+	}
+
+	.g-md-0,
+	.gy-md-0{
+		--bs-gutter-y: 0;
+	}
+
+	.g-md-1,
+	.gx-md-1{
+		--bs-gutter-x: 0.25rem;
+	}
+
+	.g-md-1,
+	.gy-md-1{
+		--bs-gutter-y: 0.25rem;
+	}
+
+	.g-md-2,
+	.gx-md-2{
+		--bs-gutter-x: 0.5rem;
+	}
+
+	.g-md-2,
+	.gy-md-2{
+		--bs-gutter-y: 0.5rem;
+	}
+
+	.g-md-3,
+	.gx-md-3{
+		--bs-gutter-x: 1rem;
+	}
+
+	.g-md-3,
+	.gy-md-3{
+		--bs-gutter-y: 1rem;
+	}
+
+	.g-md-4,
+	.gx-md-4{
+		--bs-gutter-x: 1.5rem;
+	}
+
+	.g-md-4,
+	.gy-md-4{
+		--bs-gutter-y: 1.5rem;
+	}
+
+	.g-md-5,
+	.gx-md-5{
+		--bs-gutter-x: 3rem;
+	}
+
+	.g-md-5,
+	.gy-md-5{
+		--bs-gutter-y: 3rem;
+	}
+}
+
+@media (min-width: 992px){
+	.col-lg{
+		flex: 1 0 0%;
+	}
+
+	.row-cols-lg-auto > *{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.row-cols-lg-1 > *{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.row-cols-lg-2 > *{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.row-cols-lg-3 > *{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.row-cols-lg-4 > *{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.row-cols-lg-5 > *{
+		flex: 0 0 auto;
+		width: 20%;
+	}
+
+	.row-cols-lg-6 > *{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-lg-auto{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.col-lg-1{
+		flex: 0 0 auto;
+		width: 8.3333333333%;
+	}
+
+	.col-lg-2{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-lg-3{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.col-lg-4{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.col-lg-5{
+		flex: 0 0 auto;
+		width: 41.6666666667%;
+	}
+
+	.col-lg-6{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.col-lg-7{
+		flex: 0 0 auto;
+		width: 58.3333333333%;
+	}
+
+	.col-lg-8{
+		flex: 0 0 auto;
+		width: 66.6666666667%;
+	}
+
+	.col-lg-9{
+		flex: 0 0 auto;
+		width: 75%;
+	}
+
+	.col-lg-10{
+		flex: 0 0 auto;
+		width: 83.3333333333%;
+	}
+
+	.col-lg-11{
+		flex: 0 0 auto;
+		width: 91.6666666667%;
+	}
+
+	.col-lg-12{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.offset-lg-0{
+		margin-left: 0;
+	}
+
+	.offset-lg-1{
+		margin-left: 8.3333333333%;
+	}
+
+	.offset-lg-2{
+		margin-left: 16.6666666667%;
+	}
+
+	.offset-lg-3{
+		margin-left: 25%;
+	}
+
+	.offset-lg-4{
+		margin-left: 33.3333333333%;
+	}
+
+	.offset-lg-5{
+		margin-left: 41.6666666667%;
+	}
+
+	.offset-lg-6{
+		margin-left: 50%;
+	}
+
+	.offset-lg-7{
+		margin-left: 58.3333333333%;
+	}
+
+	.offset-lg-8{
+		margin-left: 66.6666666667%;
+	}
+
+	.offset-lg-9{
+		margin-left: 75%;
+	}
+
+	.offset-lg-10{
+		margin-left: 83.3333333333%;
+	}
+
+	.offset-lg-11{
+		margin-left: 91.6666666667%;
+	}
+
+	.g-lg-0,
+	.gx-lg-0{
+		--bs-gutter-x: 0;
+	}
+
+	.g-lg-0,
+	.gy-lg-0{
+		--bs-gutter-y: 0;
+	}
+
+	.g-lg-1,
+	.gx-lg-1{
+		--bs-gutter-x: 0.25rem;
+	}
+
+	.g-lg-1,
+	.gy-lg-1{
+		--bs-gutter-y: 0.25rem;
+	}
+
+	.g-lg-2,
+	.gx-lg-2{
+		--bs-gutter-x: 0.5rem;
+	}
+
+	.g-lg-2,
+	.gy-lg-2{
+		--bs-gutter-y: 0.5rem;
+	}
+
+	.g-lg-3,
+	.gx-lg-3{
+		--bs-gutter-x: 1rem;
+	}
+
+	.g-lg-3,
+	.gy-lg-3{
+		--bs-gutter-y: 1rem;
+	}
+
+	.g-lg-4,
+	.gx-lg-4{
+		--bs-gutter-x: 1.5rem;
+	}
+
+	.g-lg-4,
+	.gy-lg-4{
+		--bs-gutter-y: 1.5rem;
+	}
+
+	.g-lg-5,
+	.gx-lg-5{
+		--bs-gutter-x: 3rem;
+	}
+
+	.g-lg-5,
+	.gy-lg-5{
+		--bs-gutter-y: 3rem;
+	}
+}
+
+@media (min-width: 1200px){
+	.col-xl{
+		flex: 1 0 0%;
+	}
+
+	.row-cols-xl-auto > *{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.row-cols-xl-1 > *{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.row-cols-xl-2 > *{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.row-cols-xl-3 > *{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.row-cols-xl-4 > *{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.row-cols-xl-5 > *{
+		flex: 0 0 auto;
+		width: 20%;
+	}
+
+	.row-cols-xl-6 > *{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-xl-auto{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.col-xl-1{
+		flex: 0 0 auto;
+		width: 8.3333333333%;
+	}
+
+	.col-xl-2{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-xl-3{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.col-xl-4{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.col-xl-5{
+		flex: 0 0 auto;
+		width: 41.6666666667%;
+	}
+
+	.col-xl-6{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.col-xl-7{
+		flex: 0 0 auto;
+		width: 58.3333333333%;
+	}
+
+	.col-xl-8{
+		flex: 0 0 auto;
+		width: 66.6666666667%;
+	}
+
+	.col-xl-9{
+		flex: 0 0 auto;
+		width: 75%;
+	}
+
+	.col-xl-10{
+		flex: 0 0 auto;
+		width: 83.3333333333%;
+	}
+
+	.col-xl-11{
+		flex: 0 0 auto;
+		width: 91.6666666667%;
+	}
+
+	.col-xl-12{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.offset-xl-0{
+		margin-left: 0;
+	}
+
+	.offset-xl-1{
+		margin-left: 8.3333333333%;
+	}
+
+	.offset-xl-2{
+		margin-left: 16.6666666667%;
+	}
+
+	.offset-xl-3{
+		margin-left: 25%;
+	}
+
+	.offset-xl-4{
+		margin-left: 33.3333333333%;
+	}
+
+	.offset-xl-5{
+		margin-left: 41.6666666667%;
+	}
+
+	.offset-xl-6{
+		margin-left: 50%;
+	}
+
+	.offset-xl-7{
+		margin-left: 58.3333333333%;
+	}
+
+	.offset-xl-8{
+		margin-left: 66.6666666667%;
+	}
+
+	.offset-xl-9{
+		margin-left: 75%;
+	}
+
+	.offset-xl-10{
+		margin-left: 83.3333333333%;
+	}
+
+	.offset-xl-11{
+		margin-left: 91.6666666667%;
+	}
+
+	.g-xl-0,
+	.gx-xl-0{
+		--bs-gutter-x: 0;
+	}
+
+	.g-xl-0,
+	.gy-xl-0{
+		--bs-gutter-y: 0;
+	}
+
+	.g-xl-1,
+	.gx-xl-1{
+		--bs-gutter-x: 0.25rem;
+	}
+
+	.g-xl-1,
+	.gy-xl-1{
+		--bs-gutter-y: 0.25rem;
+	}
+
+	.g-xl-2,
+	.gx-xl-2{
+		--bs-gutter-x: 0.5rem;
+	}
+
+	.g-xl-2,
+	.gy-xl-2{
+		--bs-gutter-y: 0.5rem;
+	}
+
+	.g-xl-3,
+	.gx-xl-3{
+		--bs-gutter-x: 1rem;
+	}
+
+	.g-xl-3,
+	.gy-xl-3{
+		--bs-gutter-y: 1rem;
+	}
+
+	.g-xl-4,
+	.gx-xl-4{
+		--bs-gutter-x: 1.5rem;
+	}
+
+	.g-xl-4,
+	.gy-xl-4{
+		--bs-gutter-y: 1.5rem;
+	}
+
+	.g-xl-5,
+	.gx-xl-5{
+		--bs-gutter-x: 3rem;
+	}
+
+	.g-xl-5,
+	.gy-xl-5{
+		--bs-gutter-y: 3rem;
+	}
+}
+
+@media (min-width: 1400px){
+	.col-xxl{
+		flex: 1 0 0%;
+	}
+
+	.row-cols-xxl-auto > *{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.row-cols-xxl-1 > *{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.row-cols-xxl-2 > *{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.row-cols-xxl-3 > *{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.row-cols-xxl-4 > *{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.row-cols-xxl-5 > *{
+		flex: 0 0 auto;
+		width: 20%;
+	}
+
+	.row-cols-xxl-6 > *{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-xxl-auto{
+		flex: 0 0 auto;
+		width: auto;
+	}
+
+	.col-xxl-1{
+		flex: 0 0 auto;
+		width: 8.3333333333%;
+	}
+
+	.col-xxl-2{
+		flex: 0 0 auto;
+		width: 16.6666666667%;
+	}
+
+	.col-xxl-3{
+		flex: 0 0 auto;
+		width: 25%;
+	}
+
+	.col-xxl-4{
+		flex: 0 0 auto;
+		width: 33.3333333333%;
+	}
+
+	.col-xxl-5{
+		flex: 0 0 auto;
+		width: 41.6666666667%;
+	}
+
+	.col-xxl-6{
+		flex: 0 0 auto;
+		width: 50%;
+	}
+
+	.col-xxl-7{
+		flex: 0 0 auto;
+		width: 58.3333333333%;
+	}
+
+	.col-xxl-8{
+		flex: 0 0 auto;
+		width: 66.6666666667%;
+	}
+
+	.col-xxl-9{
+		flex: 0 0 auto;
+		width: 75%;
+	}
+
+	.col-xxl-10{
+		flex: 0 0 auto;
+		width: 83.3333333333%;
+	}
+
+	.col-xxl-11{
+		flex: 0 0 auto;
+		width: 91.6666666667%;
+	}
+
+	.col-xxl-12{
+		flex: 0 0 auto;
+		width: 100%;
+	}
+
+	.offset-xxl-0{
+		margin-left: 0;
+	}
+
+	.offset-xxl-1{
+		margin-left: 8.3333333333%;
+	}
+
+	.offset-xxl-2{
+		margin-left: 16.6666666667%;
+	}
+
+	.offset-xxl-3{
+		margin-left: 25%;
+	}
+
+	.offset-xxl-4{
+		margin-left: 33.3333333333%;
+	}
+
+	.offset-xxl-5{
+		margin-left: 41.6666666667%;
+	}
+
+	.offset-xxl-6{
+		margin-left: 50%;
+	}
+
+	.offset-xxl-7{
+		margin-left: 58.3333333333%;
+	}
+
+	.offset-xxl-8{
+		margin-left: 66.6666666667%;
+	}
+
+	.offset-xxl-9{
+		margin-left: 75%;
+	}
+
+	.offset-xxl-10{
+		margin-left: 83.3333333333%;
+	}
+
+	.offset-xxl-11{
+		margin-left: 91.6666666667%;
+	}
+
+	.g-xxl-0,
+	.gx-xxl-0{
+		--bs-gutter-x: 0;
+	}
+
+	.g-xxl-0,
+	.gy-xxl-0{
+		--bs-gutter-y: 0;
+	}
+
+	.g-xxl-1,
+	.gx-xxl-1{
+		--bs-gutter-x: 0.25rem;
+	}
+
+	.g-xxl-1,
+	.gy-xxl-1{
+		--bs-gutter-y: 0.25rem;
+	}
+
+	.g-xxl-2,
+	.gx-xxl-2{
+		--bs-gutter-x: 0.5rem;
+	}
+
+	.g-xxl-2,
+	.gy-xxl-2{
+		--bs-gutter-y: 0.5rem;
+	}
+
+	.g-xxl-3,
+	.gx-xxl-3{
+		--bs-gutter-x: 1rem;
+	}
+
+	.g-xxl-3,
+	.gy-xxl-3{
+		--bs-gutter-y: 1rem;
+	}
+
+	.g-xxl-4,
+	.gx-xxl-4{
+		--bs-gutter-x: 1.5rem;
+	}
+
+	.g-xxl-4,
+	.gy-xxl-4{
+		--bs-gutter-y: 1.5rem;
+	}
+
+	.g-xxl-5,
+	.gx-xxl-5{
+		--bs-gutter-x: 3rem;
+	}
+
+	.g-xxl-5,
+	.gy-xxl-5{
+		--bs-gutter-y: 3rem;
+	}
+}
+
+.d-inline{
+	display: inline !important;
+}
+
+.d-inline-block{
+	display: inline-block !important;
+}
+
+.d-block{
+	display: block !important;
+}
+
+.d-grid{
+	display: grid !important;
+}
+
+.d-table{
+	display: table !important;
+}
+
+.d-table-row{
+	display: table-row !important;
+}
+
+.d-table-cell{
+	display: table-cell !important;
+}
+
+.d-flex{
+	display: flex !important;
+}
+
+.d-inline-flex{
+	display: inline-flex !important;
+}
+
+.d-none{
+	display: none !important;
+}
+
+.flex-fill{
+	flex: 1 1 auto !important;
+}
+
+.flex-row{
+	flex-direction: row !important;
+}
+
+.flex-column{
+	flex-direction: column !important;
+}
+
+.flex-row-reverse{
+	flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse{
+	flex-direction: column-reverse !important;
+}
+
+.flex-grow-0{
+	flex-grow: 0 !important;
+}
+
+.flex-grow-1{
+	flex-grow: 1 !important;
+}
+
+.flex-shrink-0{
+	flex-shrink: 0 !important;
+}
+
+.flex-shrink-1{
+	flex-shrink: 1 !important;
+}
+
+.flex-wrap{
+	flex-wrap: wrap !important;
+}
+
+.flex-nowrap{
+	flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse{
+	flex-wrap: wrap-reverse !important;
+}
+
+.justify-content-start{
+	justify-content: flex-start !important;
+}
+
+.justify-content-end{
+	justify-content: flex-end !important;
+}
+
+.justify-content-center{
+	justify-content: center !important;
+}
+
+.justify-content-between{
+	justify-content: space-between !important;
+}
+
+.justify-content-around{
+	justify-content: space-around !important;
+}
+
+.justify-content-evenly{
+	justify-content: space-evenly !important;
+}
+
+.align-items-start{
+	align-items: flex-start !important;
+}
+
+.align-items-end{
+	align-items: flex-end !important;
+}
+
+.align-items-center{
+	align-items: center !important;
+}
+
+.align-items-baseline{
+	align-items: baseline !important;
+}
+
+.align-items-stretch{
+	align-items: stretch !important;
+}
+
+.align-content-start{
+	align-content: flex-start !important;
+}
+
+.align-content-end{
+	align-content: flex-end !important;
+}
+
+.align-content-center{
+	align-content: center !important;
+}
+
+.align-content-between{
+	align-content: space-between !important;
+}
+
+.align-content-around{
+	align-content: space-around !important;
+}
+
+.align-content-stretch{
+	align-content: stretch !important;
+}
+
+.align-self-auto{
+	align-self: auto !important;
+}
+
+.align-self-start{
+	align-self: flex-start !important;
+}
+
+.align-self-end{
+	align-self: flex-end !important;
+}
+
+.align-self-center{
+	align-self: center !important;
+}
+
+.align-self-baseline{
+	align-self: baseline !important;
+}
+
+.align-self-stretch{
+	align-self: stretch !important;
+}
+
+.order-first{
+	order: -1 !important;
+}
+
+.order-0{
+	order: 0 !important;
+}
+
+.order-1{
+	order: 1 !important;
+}
+
+.order-2{
+	order: 2 !important;
+}
+
+.order-3{
+	order: 3 !important;
+}
+
+.order-4{
+	order: 4 !important;
+}
+
+.order-5{
+	order: 5 !important;
+}
+
+.order-last{
+	order: 6 !important;
+}
+
+.m-0{
+	margin: 0 !important;
+}
+
+.m-1{
+	margin: 0.25rem !important;
+}
+
+.m-2{
+	margin: 0.5rem !important;
+}
+
+.m-3{
+	margin: 1rem !important;
+}
+
+.m-4{
+	margin: 1.5rem !important;
+}
+
+.m-5{
+	margin: 3rem !important;
+}
+
+.m-auto{
+	margin: auto !important;
+}
+
+.mx-0{
+	margin-right: 0 !important;
+	margin-left: 0 !important;
+}
+
+.mx-1{
+	margin-right: 0.25rem !important;
+	margin-left: 0.25rem !important;
+}
+
+.mx-2{
+	margin-right: 0.5rem !important;
+	margin-left: 0.5rem !important;
+}
+
+.mx-3{
+	margin-right: 1rem !important;
+	margin-left: 1rem !important;
+}
+
+.mx-4{
+	margin-right: 1.5rem !important;
+	margin-left: 1.5rem !important;
+}
+
+.mx-5{
+	margin-right: 3rem !important;
+	margin-left: 3rem !important;
+}
+
+.mx-auto{
+	margin-right: auto !important;
+	margin-left: auto !important;
+}
+
+.my-0{
+	margin-top: 0 !important;
+	margin-bottom: 0 !important;
+}
+
+.my-1{
+	margin-top: 0.25rem !important;
+	margin-bottom: 0.25rem !important;
+}
+
+.my-2{
+	margin-top: 0.5rem !important;
+	margin-bottom: 0.5rem !important;
+}
+
+.my-3{
+	margin-top: 1rem !important;
+	margin-bottom: 1rem !important;
+}
+
+.my-4{
+	margin-top: 1.5rem !important;
+	margin-bottom: 1.5rem !important;
+}
+
+.my-5{
+	margin-top: 3rem !important;
+	margin-bottom: 3rem !important;
+}
+
+.my-auto{
+	margin-top: auto !important;
+	margin-bottom: auto !important;
+}
+
+.mt-0{
+	margin-top: 0 !important;
+}
+
+.mt-1{
+	margin-top: 0.25rem !important;
+}
+
+.mt-2{
+	margin-top: 0.5rem !important;
+}
+
+.mt-3{
+	margin-top: 1rem !important;
+}
+
+.mt-4{
+	margin-top: 1.5rem !important;
+}
+
+.mt-5{
+	margin-top: 3rem !important;
+}
+
+.mt-auto{
+	margin-top: auto !important;
+}
+
+.me-0{
+	margin-right: 0 !important;
+}
+
+.me-1{
+	margin-right: 0.25rem !important;
+}
+
+.me-2{
+	margin-right: 0.5rem !important;
+}
+
+.me-3{
+	margin-right: 1rem !important;
+}
+
+.me-4{
+	margin-right: 1.5rem !important;
+}
+
+.me-5{
+	margin-right: 3rem !important;
+}
+
+.me-auto{
+	margin-right: auto !important;
+}
+
+.mb-0{
+	margin-bottom: 0 !important;
+}
+
+.mb-1{
+	margin-bottom: 0.25rem !important;
+}
+
+.mb-2{
+	margin-bottom: 0.5rem !important;
+}
+
+.mb-3{
+	margin-bottom: 1rem !important;
+}
+
+.mb-4{
+	margin-bottom: 1.5rem !important;
+}
+
+.mb-5{
+	margin-bottom: 3rem !important;
+}
+
+.mb-auto{
+	margin-bottom: auto !important;
+}
+
+.ms-0{
+	margin-left: 0 !important;
+}
+
+.ms-1{
+	margin-left: 0.25rem !important;
+}
+
+.ms-2{
+	margin-left: 0.5rem !important;
+}
+
+.ms-3{
+	margin-left: 1rem !important;
+}
+
+.ms-4{
+	margin-left: 1.5rem !important;
+}
+
+.ms-5{
+	margin-left: 3rem !important;
+}
+
+.ms-auto{
+	margin-left: auto !important;
+}
+
+.p-0{
+	padding: 0 !important;
+}
+
+.p-1{
+	padding: 0.25rem !important;
+}
+
+.p-2{
+	padding: 0.5rem !important;
+}
+
+.p-3{
+	padding: 1rem !important;
+}
+
+.p-4{
+	padding: 1.5rem !important;
+}
+
+.p-5{
+	padding: 3rem !important;
+}
+
+.px-0{
+	padding-right: 0 !important;
+	padding-left: 0 !important;
+}
+
+.px-1{
+	padding-right: 0.25rem !important;
+	padding-left: 0.25rem !important;
+}
+
+.px-2{
+	padding-right: 0.5rem !important;
+	padding-left: 0.5rem !important;
+}
+
+.px-3{
+	padding-right: 1rem !important;
+	padding-left: 1rem !important;
+}
+
+.px-4{
+	padding-right: 1.5rem !important;
+	padding-left: 1.5rem !important;
+}
+
+.px-5{
+	padding-right: 3rem !important;
+	padding-left: 3rem !important;
+}
+
+.py-0{
+	padding-top: 0 !important;
+	padding-bottom: 0 !important;
+}
+
+.py-1{
+	padding-top: 0.25rem !important;
+	padding-bottom: 0.25rem !important;
+}
+
+.py-2{
+	padding-top: 0.5rem !important;
+	padding-bottom: 0.5rem !important;
+}
+
+.py-3{
+	padding-top: 1rem !important;
+	padding-bottom: 1rem !important;
+}
+
+.py-4{
+	padding-top: 1.5rem !important;
+	padding-bottom: 1.5rem !important;
+}
+
+.py-5{
+	padding-top: 3rem !important;
+	padding-bottom: 3rem !important;
+}
+
+.pt-0{
+	padding-top: 0 !important;
+}
+
+.pt-1{
+	padding-top: 0.25rem !important;
+}
+
+.pt-2{
+	padding-top: 0.5rem !important;
+}
+
+.pt-3{
+	padding-top: 1rem !important;
+}
+
+.pt-4{
+	padding-top: 1.5rem !important;
+}
+
+.pt-5{
+	padding-top: 3rem !important;
+}
+
+.pe-0{
+	padding-right: 0 !important;
+}
+
+.pe-1{
+	padding-right: 0.25rem !important;
+}
+
+.pe-2{
+	padding-right: 0.5rem !important;
+}
+
+.pe-3{
+	padding-right: 1rem !important;
+}
+
+.pe-4{
+	padding-right: 1.5rem !important;
+}
+
+.pe-5{
+	padding-right: 3rem !important;
+}
+
+.pb-0{
+	padding-bottom: 0 !important;
+}
+
+.pb-1{
+	padding-bottom: 0.25rem !important;
+}
+
+.pb-2{
+	padding-bottom: 0.5rem !important;
+}
+
+.pb-3{
+	padding-bottom: 1rem !important;
+}
+
+.pb-4{
+	padding-bottom: 1.5rem !important;
+}
+
+.pb-5{
+	padding-bottom: 3rem !important;
+}
+
+.ps-0{
+	padding-left: 0 !important;
+}
+
+.ps-1{
+	padding-left: 0.25rem !important;
+}
+
+.ps-2{
+	padding-left: 0.5rem !important;
+}
+
+.ps-3{
+	padding-left: 1rem !important;
+}
+
+.ps-4{
+	padding-left: 1.5rem !important;
+}
+
+.ps-5{
+	padding-left: 3rem !important;
+}
+
+@media (min-width: 576px){
+	.d-sm-inline{
+		display: inline !important;
+	}
+
+	.d-sm-inline-block{
+		display: inline-block !important;
+	}
+
+	.d-sm-block{
+		display: block !important;
+	}
+
+	.d-sm-grid{
+		display: grid !important;
+	}
+
+	.d-sm-table{
+		display: table !important;
+	}
+
+	.d-sm-table-row{
+		display: table-row !important;
+	}
+
+	.d-sm-table-cell{
+		display: table-cell !important;
+	}
+
+	.d-sm-flex{
+		display: flex !important;
+	}
+
+	.d-sm-inline-flex{
+		display: inline-flex !important;
+	}
+
+	.d-sm-none{
+		display: none !important;
+	}
+
+	.flex-sm-fill{
+		flex: 1 1 auto !important;
+	}
+
+	.flex-sm-row{
+		flex-direction: row !important;
+	}
+
+	.flex-sm-column{
+		flex-direction: column !important;
+	}
+
+	.flex-sm-row-reverse{
+		flex-direction: row-reverse !important;
+	}
+
+	.flex-sm-column-reverse{
+		flex-direction: column-reverse !important;
+	}
+
+	.flex-sm-grow-0{
+		flex-grow: 0 !important;
+	}
+
+	.flex-sm-grow-1{
+		flex-grow: 1 !important;
+	}
+
+	.flex-sm-shrink-0{
+		flex-shrink: 0 !important;
+	}
+
+	.flex-sm-shrink-1{
+		flex-shrink: 1 !important;
+	}
+
+	.flex-sm-wrap{
+		flex-wrap: wrap !important;
+	}
+
+	.flex-sm-nowrap{
+		flex-wrap: nowrap !important;
+	}
+
+	.flex-sm-wrap-reverse{
+		flex-wrap: wrap-reverse !important;
+	}
+
+	.justify-content-sm-start{
+		justify-content: flex-start !important;
+	}
+
+	.justify-content-sm-end{
+		justify-content: flex-end !important;
+	}
+
+	.justify-content-sm-center{
+		justify-content: center !important;
+	}
+
+	.justify-content-sm-between{
+		justify-content: space-between !important;
+	}
+
+	.justify-content-sm-around{
+		justify-content: space-around !important;
+	}
+
+	.justify-content-sm-evenly{
+		justify-content: space-evenly !important;
+	}
+
+	.align-items-sm-start{
+		align-items: flex-start !important;
+	}
+
+	.align-items-sm-end{
+		align-items: flex-end !important;
+	}
+
+	.align-items-sm-center{
+		align-items: center !important;
+	}
+
+	.align-items-sm-baseline{
+		align-items: baseline !important;
+	}
+
+	.align-items-sm-stretch{
+		align-items: stretch !important;
+	}
+
+	.align-content-sm-start{
+		align-content: flex-start !important;
+	}
+
+	.align-content-sm-end{
+		align-content: flex-end !important;
+	}
+
+	.align-content-sm-center{
+		align-content: center !important;
+	}
+
+	.align-content-sm-between{
+		align-content: space-between !important;
+	}
+
+	.align-content-sm-around{
+		align-content: space-around !important;
+	}
+
+	.align-content-sm-stretch{
+		align-content: stretch !important;
+	}
+
+	.align-self-sm-auto{
+		align-self: auto !important;
+	}
+
+	.align-self-sm-start{
+		align-self: flex-start !important;
+	}
+
+	.align-self-sm-end{
+		align-self: flex-end !important;
+	}
+
+	.align-self-sm-center{
+		align-self: center !important;
+	}
+
+	.align-self-sm-baseline{
+		align-self: baseline !important;
+	}
+
+	.align-self-sm-stretch{
+		align-self: stretch !important;
+	}
+
+	.order-sm-first{
+		order: -1 !important;
+	}
+
+	.order-sm-0{
+		order: 0 !important;
+	}
+
+	.order-sm-1{
+		order: 1 !important;
+	}
+
+	.order-sm-2{
+		order: 2 !important;
+	}
+
+	.order-sm-3{
+		order: 3 !important;
+	}
+
+	.order-sm-4{
+		order: 4 !important;
+	}
+
+	.order-sm-5{
+		order: 5 !important;
+	}
+
+	.order-sm-last{
+		order: 6 !important;
+	}
+
+	.m-sm-0{
+		margin: 0 !important;
+	}
+
+	.m-sm-1{
+		margin: 0.25rem !important;
+	}
+
+	.m-sm-2{
+		margin: 0.5rem !important;
+	}
+
+	.m-sm-3{
+		margin: 1rem !important;
+	}
+
+	.m-sm-4{
+		margin: 1.5rem !important;
+	}
+
+	.m-sm-5{
+		margin: 3rem !important;
+	}
+
+	.m-sm-auto{
+		margin: auto !important;
+	}
+
+	.mx-sm-0{
+		margin-right: 0 !important;
+		margin-left: 0 !important;
+	}
+
+	.mx-sm-1{
+		margin-right: 0.25rem !important;
+		margin-left: 0.25rem !important;
+	}
+
+	.mx-sm-2{
+		margin-right: 0.5rem !important;
+		margin-left: 0.5rem !important;
+	}
+
+	.mx-sm-3{
+		margin-right: 1rem !important;
+		margin-left: 1rem !important;
+	}
+
+	.mx-sm-4{
+		margin-right: 1.5rem !important;
+		margin-left: 1.5rem !important;
+	}
+
+	.mx-sm-5{
+		margin-right: 3rem !important;
+		margin-left: 3rem !important;
+	}
+
+	.mx-sm-auto{
+		margin-right: auto !important;
+		margin-left: auto !important;
+	}
+
+	.my-sm-0{
+		margin-top: 0 !important;
+		margin-bottom: 0 !important;
+	}
+
+	.my-sm-1{
+		margin-top: 0.25rem !important;
+		margin-bottom: 0.25rem !important;
+	}
+
+	.my-sm-2{
+		margin-top: 0.5rem !important;
+		margin-bottom: 0.5rem !important;
+	}
+
+	.my-sm-3{
+		margin-top: 1rem !important;
+		margin-bottom: 1rem !important;
+	}
+
+	.my-sm-4{
+		margin-top: 1.5rem !important;
+		margin-bottom: 1.5rem !important;
+	}
+
+	.my-sm-5{
+		margin-top: 3rem !important;
+		margin-bottom: 3rem !important;
+	}
+
+	.my-sm-auto{
+		margin-top: auto !important;
+		margin-bottom: auto !important;
+	}
+
+	.mt-sm-0{
+		margin-top: 0 !important;
+	}
+
+	.mt-sm-1{
+		margin-top: 0.25rem !important;
+	}
+
+	.mt-sm-2{
+		margin-top: 0.5rem !important;
+	}
+
+	.mt-sm-3{
+		margin-top: 1rem !important;
+	}
+
+	.mt-sm-4{
+		margin-top: 1.5rem !important;
+	}
+
+	.mt-sm-5{
+		margin-top: 3rem !important;
+	}
+
+	.mt-sm-auto{
+		margin-top: auto !important;
+	}
+
+	.me-sm-0{
+		margin-right: 0 !important;
+	}
+
+	.me-sm-1{
+		margin-right: 0.25rem !important;
+	}
+
+	.me-sm-2{
+		margin-right: 0.5rem !important;
+	}
+
+	.me-sm-3{
+		margin-right: 1rem !important;
+	}
+
+	.me-sm-4{
+		margin-right: 1.5rem !important;
+	}
+
+	.me-sm-5{
+		margin-right: 3rem !important;
+	}
+
+	.me-sm-auto{
+		margin-right: auto !important;
+	}
+
+	.mb-sm-0{
+		margin-bottom: 0 !important;
+	}
+
+	.mb-sm-1{
+		margin-bottom: 0.25rem !important;
+	}
+
+	.mb-sm-2{
+		margin-bottom: 0.5rem !important;
+	}
+
+	.mb-sm-3{
+		margin-bottom: 1rem !important;
+	}
+
+	.mb-sm-4{
+		margin-bottom: 1.5rem !important;
+	}
+
+	.mb-sm-5{
+		margin-bottom: 3rem !important;
+	}
+
+	.mb-sm-auto{
+		margin-bottom: auto !important;
+	}
+
+	.ms-sm-0{
+		margin-left: 0 !important;
+	}
+
+	.ms-sm-1{
+		margin-left: 0.25rem !important;
+	}
+
+	.ms-sm-2{
+		margin-left: 0.5rem !important;
+	}
+
+	.ms-sm-3{
+		margin-left: 1rem !important;
+	}
+
+	.ms-sm-4{
+		margin-left: 1.5rem !important;
+	}
+
+	.ms-sm-5{
+		margin-left: 3rem !important;
+	}
+
+	.ms-sm-auto{
+		margin-left: auto !important;
+	}
+
+	.p-sm-0{
+		padding: 0 !important;
+	}
+
+	.p-sm-1{
+		padding: 0.25rem !important;
+	}
+
+	.p-sm-2{
+		padding: 0.5rem !important;
+	}
+
+	.p-sm-3{
+		padding: 1rem !important;
+	}
+
+	.p-sm-4{
+		padding: 1.5rem !important;
+	}
+
+	.p-sm-5{
+		padding: 3rem !important;
+	}
+
+	.px-sm-0{
+		padding-right: 0 !important;
+		padding-left: 0 !important;
+	}
+
+	.px-sm-1{
+		padding-right: 0.25rem !important;
+		padding-left: 0.25rem !important;
+	}
+
+	.px-sm-2{
+		padding-right: 0.5rem !important;
+		padding-left: 0.5rem !important;
+	}
+
+	.px-sm-3{
+		padding-right: 1rem !important;
+		padding-left: 1rem !important;
+	}
+
+	.px-sm-4{
+		padding-right: 1.5rem !important;
+		padding-left: 1.5rem !important;
+	}
+
+	.px-sm-5{
+		padding-right: 3rem !important;
+		padding-left: 3rem !important;
+	}
+
+	.py-sm-0{
+		padding-top: 0 !important;
+		padding-bottom: 0 !important;
+	}
+
+	.py-sm-1{
+		padding-top: 0.25rem !important;
+		padding-bottom: 0.25rem !important;
+	}
+
+	.py-sm-2{
+		padding-top: 0.5rem !important;
+		padding-bottom: 0.5rem !important;
+	}
+
+	.py-sm-3{
+		padding-top: 1rem !important;
+		padding-bottom: 1rem !important;
+	}
+
+	.py-sm-4{
+		padding-top: 1.5rem !important;
+		padding-bottom: 1.5rem !important;
+	}
+
+	.py-sm-5{
+		padding-top: 3rem !important;
+		padding-bottom: 3rem !important;
+	}
+
+	.pt-sm-0{
+		padding-top: 0 !important;
+	}
+
+	.pt-sm-1{
+		padding-top: 0.25rem !important;
+	}
+
+	.pt-sm-2{
+		padding-top: 0.5rem !important;
+	}
+
+	.pt-sm-3{
+		padding-top: 1rem !important;
+	}
+
+	.pt-sm-4{
+		padding-top: 1.5rem !important;
+	}
+
+	.pt-sm-5{
+		padding-top: 3rem !important;
+	}
+
+	.pe-sm-0{
+		padding-right: 0 !important;
+	}
+
+	.pe-sm-1{
+		padding-right: 0.25rem !important;
+	}
+
+	.pe-sm-2{
+		padding-right: 0.5rem !important;
+	}
+
+	.pe-sm-3{
+		padding-right: 1rem !important;
+	}
+
+	.pe-sm-4{
+		padding-right: 1.5rem !important;
+	}
+
+	.pe-sm-5{
+		padding-right: 3rem !important;
+	}
+
+	.pb-sm-0{
+		padding-bottom: 0 !important;
+	}
+
+	.pb-sm-1{
+		padding-bottom: 0.25rem !important;
+	}
+
+	.pb-sm-2{
+		padding-bottom: 0.5rem !important;
+	}
+
+	.pb-sm-3{
+		padding-bottom: 1rem !important;
+	}
+
+	.pb-sm-4{
+		padding-bottom: 1.5rem !important;
+	}
+
+	.pb-sm-5{
+		padding-bottom: 3rem !important;
+	}
+
+	.ps-sm-0{
+		padding-left: 0 !important;
+	}
+
+	.ps-sm-1{
+		padding-left: 0.25rem !important;
+	}
+
+	.ps-sm-2{
+		padding-left: 0.5rem !important;
+	}
+
+	.ps-sm-3{
+		padding-left: 1rem !important;
+	}
+
+	.ps-sm-4{
+		padding-left: 1.5rem !important;
+	}
+
+	.ps-sm-5{
+		padding-left: 3rem !important;
+	}
+}
+
+@media (min-width: 768px){
+	.d-md-inline{
+		display: inline !important;
+	}
+
+	.d-md-inline-block{
+		display: inline-block !important;
+	}
+
+	.d-md-block{
+		display: block !important;
+	}
+
+	.d-md-grid{
+		display: grid !important;
+	}
+
+	.d-md-table{
+		display: table !important;
+	}
+
+	.d-md-table-row{
+		display: table-row !important;
+	}
+
+	.d-md-table-cell{
+		display: table-cell !important;
+	}
+
+	.d-md-flex{
+		display: flex !important;
+	}
+
+	.d-md-inline-flex{
+		display: inline-flex !important;
+	}
+
+	.d-md-none{
+		display: none !important;
+	}
+
+	.flex-md-fill{
+		flex: 1 1 auto !important;
+	}
+
+	.flex-md-row{
+		flex-direction: row !important;
+	}
+
+	.flex-md-column{
+		flex-direction: column !important;
+	}
+
+	.flex-md-row-reverse{
+		flex-direction: row-reverse !important;
+	}
+
+	.flex-md-column-reverse{
+		flex-direction: column-reverse !important;
+	}
+
+	.flex-md-grow-0{
+		flex-grow: 0 !important;
+	}
+
+	.flex-md-grow-1{
+		flex-grow: 1 !important;
+	}
+
+	.flex-md-shrink-0{
+		flex-shrink: 0 !important;
+	}
+
+	.flex-md-shrink-1{
+		flex-shrink: 1 !important;
+	}
+
+	.flex-md-wrap{
+		flex-wrap: wrap !important;
+	}
+
+	.flex-md-nowrap{
+		flex-wrap: nowrap !important;
+	}
+
+	.flex-md-wrap-reverse{
+		flex-wrap: wrap-reverse !important;
+	}
+
+	.justify-content-md-start{
+		justify-content: flex-start !important;
+	}
+
+	.justify-content-md-end{
+		justify-content: flex-end !important;
+	}
+
+	.justify-content-md-center{
+		justify-content: center !important;
+	}
+
+	.justify-content-md-between{
+		justify-content: space-between !important;
+	}
+
+	.justify-content-md-around{
+		justify-content: space-around !important;
+	}
+
+	.justify-content-md-evenly{
+		justify-content: space-evenly !important;
+	}
+
+	.align-items-md-start{
+		align-items: flex-start !important;
+	}
+
+	.align-items-md-end{
+		align-items: flex-end !important;
+	}
+
+	.align-items-md-center{
+		align-items: center !important;
+	}
+
+	.align-items-md-baseline{
+		align-items: baseline !important;
+	}
+
+	.align-items-md-stretch{
+		align-items: stretch !important;
+	}
+
+	.align-content-md-start{
+		align-content: flex-start !important;
+	}
+
+	.align-content-md-end{
+		align-content: flex-end !important;
+	}
+
+	.align-content-md-center{
+		align-content: center !important;
+	}
+
+	.align-content-md-between{
+		align-content: space-between !important;
+	}
+
+	.align-content-md-around{
+		align-content: space-around !important;
+	}
+
+	.align-content-md-stretch{
+		align-content: stretch !important;
+	}
+
+	.align-self-md-auto{
+		align-self: auto !important;
+	}
+
+	.align-self-md-start{
+		align-self: flex-start !important;
+	}
+
+	.align-self-md-end{
+		align-self: flex-end !important;
+	}
+
+	.align-self-md-center{
+		align-self: center !important;
+	}
+
+	.align-self-md-baseline{
+		align-self: baseline !important;
+	}
+
+	.align-self-md-stretch{
+		align-self: stretch !important;
+	}
+
+	.order-md-first{
+		order: -1 !important;
+	}
+
+	.order-md-0{
+		order: 0 !important;
+	}
+
+	.order-md-1{
+		order: 1 !important;
+	}
+
+	.order-md-2{
+		order: 2 !important;
+	}
+
+	.order-md-3{
+		order: 3 !important;
+	}
+
+	.order-md-4{
+		order: 4 !important;
+	}
+
+	.order-md-5{
+		order: 5 !important;
+	}
+
+	.order-md-last{
+		order: 6 !important;
+	}
+
+	.m-md-0{
+		margin: 0 !important;
+	}
+
+	.m-md-1{
+		margin: 0.25rem !important;
+	}
+
+	.m-md-2{
+		margin: 0.5rem !important;
+	}
+
+	.m-md-3{
+		margin: 1rem !important;
+	}
+
+	.m-md-4{
+		margin: 1.5rem !important;
+	}
+
+	.m-md-5{
+		margin: 3rem !important;
+	}
+
+	.m-md-auto{
+		margin: auto !important;
+	}
+
+	.mx-md-0{
+		margin-right: 0 !important;
+		margin-left: 0 !important;
+	}
+
+	.mx-md-1{
+		margin-right: 0.25rem !important;
+		margin-left: 0.25rem !important;
+	}
+
+	.mx-md-2{
+		margin-right: 0.5rem !important;
+		margin-left: 0.5rem !important;
+	}
+
+	.mx-md-3{
+		margin-right: 1rem !important;
+		margin-left: 1rem !important;
+	}
+
+	.mx-md-4{
+		margin-right: 1.5rem !important;
+		margin-left: 1.5rem !important;
+	}
+
+	.mx-md-5{
+		margin-right: 3rem !important;
+		margin-left: 3rem !important;
+	}
+
+	.mx-md-auto{
+		margin-right: auto !important;
+		margin-left: auto !important;
+	}
+
+	.my-md-0{
+		margin-top: 0 !important;
+		margin-bottom: 0 !important;
+	}
+
+	.my-md-1{
+		margin-top: 0.25rem !important;
+		margin-bottom: 0.25rem !important;
+	}
+
+	.my-md-2{
+		margin-top: 0.5rem !important;
+		margin-bottom: 0.5rem !important;
+	}
+
+	.my-md-3{
+		margin-top: 1rem !important;
+		margin-bottom: 1rem !important;
+	}
+
+	.my-md-4{
+		margin-top: 1.5rem !important;
+		margin-bottom: 1.5rem !important;
+	}
+
+	.my-md-5{
+		margin-top: 3rem !important;
+		margin-bottom: 3rem !important;
+	}
+
+	.my-md-auto{
+		margin-top: auto !important;
+		margin-bottom: auto !important;
+	}
+
+	.mt-md-0{
+		margin-top: 0 !important;
+	}
+
+	.mt-md-1{
+		margin-top: 0.25rem !important;
+	}
+
+	.mt-md-2{
+		margin-top: 0.5rem !important;
+	}
+
+	.mt-md-3{
+		margin-top: 1rem !important;
+	}
+
+	.mt-md-4{
+		margin-top: 1.5rem !important;
+	}
+
+	.mt-md-5{
+		margin-top: 3rem !important;
+	}
+
+	.mt-md-auto{
+		margin-top: auto !important;
+	}
+
+	.me-md-0{
+		margin-right: 0 !important;
+	}
+
+	.me-md-1{
+		margin-right: 0.25rem !important;
+	}
+
+	.me-md-2{
+		margin-right: 0.5rem !important;
+	}
+
+	.me-md-3{
+		margin-right: 1rem !important;
+	}
+
+	.me-md-4{
+		margin-right: 1.5rem !important;
+	}
+
+	.me-md-5{
+		margin-right: 3rem !important;
+	}
+
+	.me-md-auto{
+		margin-right: auto !important;
+	}
+
+	.mb-md-0{
+		margin-bottom: 0 !important;
+	}
+
+	.mb-md-1{
+		margin-bottom: 0.25rem !important;
+	}
+
+	.mb-md-2{
+		margin-bottom: 0.5rem !important;
+	}
+
+	.mb-md-3{
+		margin-bottom: 1rem !important;
+	}
+
+	.mb-md-4{
+		margin-bottom: 1.5rem !important;
+	}
+
+	.mb-md-5{
+		margin-bottom: 3rem !important;
+	}
+
+	.mb-md-auto{
+		margin-bottom: auto !important;
+	}
+
+	.ms-md-0{
+		margin-left: 0 !important;
+	}
+
+	.ms-md-1{
+		margin-left: 0.25rem !important;
+	}
+
+	.ms-md-2{
+		margin-left: 0.5rem !important;
+	}
+
+	.ms-md-3{
+		margin-left: 1rem !important;
+	}
+
+	.ms-md-4{
+		margin-left: 1.5rem !important;
+	}
+
+	.ms-md-5{
+		margin-left: 3rem !important;
+	}
+
+	.ms-md-auto{
+		margin-left: auto !important;
+	}
+
+	.p-md-0{
+		padding: 0 !important;
+	}
+
+	.p-md-1{
+		padding: 0.25rem !important;
+	}
+
+	.p-md-2{
+		padding: 0.5rem !important;
+	}
+
+	.p-md-3{
+		padding: 1rem !important;
+	}
+
+	.p-md-4{
+		padding: 1.5rem !important;
+	}
+
+	.p-md-5{
+		padding: 3rem !important;
+	}
+
+	.px-md-0{
+		padding-right: 0 !important;
+		padding-left: 0 !important;
+	}
+
+	.px-md-1{
+		padding-right: 0.25rem !important;
+		padding-left: 0.25rem !important;
+	}
+
+	.px-md-2{
+		padding-right: 0.5rem !important;
+		padding-left: 0.5rem !important;
+	}
+
+	.px-md-3{
+		padding-right: 1rem !important;
+		padding-left: 1rem !important;
+	}
+
+	.px-md-4{
+		padding-right: 1.5rem !important;
+		padding-left: 1.5rem !important;
+	}
+
+	.px-md-5{
+		padding-right: 3rem !important;
+		padding-left: 3rem !important;
+	}
+
+	.py-md-0{
+		padding-top: 0 !important;
+		padding-bottom: 0 !important;
+	}
+
+	.py-md-1{
+		padding-top: 0.25rem !important;
+		padding-bottom: 0.25rem !important;
+	}
+
+	.py-md-2{
+		padding-top: 0.5rem !important;
+		padding-bottom: 0.5rem !important;
+	}
+
+	.py-md-3{
+		padding-top: 1rem !important;
+		padding-bottom: 1rem !important;
+	}
+
+	.py-md-4{
+		padding-top: 1.5rem !important;
+		padding-bottom: 1.5rem !important;
+	}
+
+	.py-md-5{
+		padding-top: 3rem !important;
+		padding-bottom: 3rem !important;
+	}
+
+	.pt-md-0{
+		padding-top: 0 !important;
+	}
+
+	.pt-md-1{
+		padding-top: 0.25rem !important;
+	}
+
+	.pt-md-2{
+		padding-top: 0.5rem !important;
+	}
+
+	.pt-md-3{
+		padding-top: 1rem !important;
+	}
+
+	.pt-md-4{
+		padding-top: 1.5rem !important;
+	}
+
+	.pt-md-5{
+		padding-top: 3rem !important;
+	}
+
+	.pe-md-0{
+		padding-right: 0 !important;
+	}
+
+	.pe-md-1{
+		padding-right: 0.25rem !important;
+	}
+
+	.pe-md-2{
+		padding-right: 0.5rem !important;
+	}
+
+	.pe-md-3{
+		padding-right: 1rem !important;
+	}
+
+	.pe-md-4{
+		padding-right: 1.5rem !important;
+	}
+
+	.pe-md-5{
+		padding-right: 3rem !important;
+	}
+
+	.pb-md-0{
+		padding-bottom: 0 !important;
+	}
+
+	.pb-md-1{
+		padding-bottom: 0.25rem !important;
+	}
+
+	.pb-md-2{
+		padding-bottom: 0.5rem !important;
+	}
+
+	.pb-md-3{
+		padding-bottom: 1rem !important;
+	}
+
+	.pb-md-4{
+		padding-bottom: 1.5rem !important;
+	}
+
+	.pb-md-5{
+		padding-bottom: 3rem !important;
+	}
+
+	.ps-md-0{
+		padding-left: 0 !important;
+	}
+
+	.ps-md-1{
+		padding-left: 0.25rem !important;
+	}
+
+	.ps-md-2{
+		padding-left: 0.5rem !important;
+	}
+
+	.ps-md-3{
+		padding-left: 1rem !important;
+	}
+
+	.ps-md-4{
+		padding-left: 1.5rem !important;
+	}
+
+	.ps-md-5{
+		padding-left: 3rem !important;
+	}
+}
+
+@media (min-width: 992px){
+	.d-lg-inline{
+		display: inline !important;
+	}
+
+	.d-lg-inline-block{
+		display: inline-block !important;
+	}
+
+	.d-lg-block{
+		display: block !important;
+	}
+
+	.d-lg-grid{
+		display: grid !important;
+	}
+
+	.d-lg-table{
+		display: table !important;
+	}
+
+	.d-lg-table-row{
+		display: table-row !important;
+	}
+
+	.d-lg-table-cell{
+		display: table-cell !important;
+	}
+
+	.d-lg-flex{
+		display: flex !important;
+	}
+
+	.d-lg-inline-flex{
+		display: inline-flex !important;
+	}
+
+	.d-lg-none{
+		display: none !important;
+	}
+
+	.flex-lg-fill{
+		flex: 1 1 auto !important;
+	}
+
+	.flex-lg-row{
+		flex-direction: row !important;
+	}
+
+	.flex-lg-column{
+		flex-direction: column !important;
+	}
+
+	.flex-lg-row-reverse{
+		flex-direction: row-reverse !important;
+	}
+
+	.flex-lg-column-reverse{
+		flex-direction: column-reverse !important;
+	}
+
+	.flex-lg-grow-0{
+		flex-grow: 0 !important;
+	}
+
+	.flex-lg-grow-1{
+		flex-grow: 1 !important;
+	}
+
+	.flex-lg-shrink-0{
+		flex-shrink: 0 !important;
+	}
+
+	.flex-lg-shrink-1{
+		flex-shrink: 1 !important;
+	}
+
+	.flex-lg-wrap{
+		flex-wrap: wrap !important;
+	}
+
+	.flex-lg-nowrap{
+		flex-wrap: nowrap !important;
+	}
+
+	.flex-lg-wrap-reverse{
+		flex-wrap: wrap-reverse !important;
+	}
+
+	.justify-content-lg-start{
+		justify-content: flex-start !important;
+	}
+
+	.justify-content-lg-end{
+		justify-content: flex-end !important;
+	}
+
+	.justify-content-lg-center{
+		justify-content: center !important;
+	}
+
+	.justify-content-lg-between{
+		justify-content: space-between !important;
+	}
+
+	.justify-content-lg-around{
+		justify-content: space-around !important;
+	}
+
+	.justify-content-lg-evenly{
+		justify-content: space-evenly !important;
+	}
+
+	.align-items-lg-start{
+		align-items: flex-start !important;
+	}
+
+	.align-items-lg-end{
+		align-items: flex-end !important;
+	}
+
+	.align-items-lg-center{
+		align-items: center !important;
+	}
+
+	.align-items-lg-baseline{
+		align-items: baseline !important;
+	}
+
+	.align-items-lg-stretch{
+		align-items: stretch !important;
+	}
+
+	.align-content-lg-start{
+		align-content: flex-start !important;
+	}
+
+	.align-content-lg-end{
+		align-content: flex-end !important;
+	}
+
+	.align-content-lg-center{
+		align-content: center !important;
+	}
+
+	.align-content-lg-between{
+		align-content: space-between !important;
+	}
+
+	.align-content-lg-around{
+		align-content: space-around !important;
+	}
+
+	.align-content-lg-stretch{
+		align-content: stretch !important;
+	}
+
+	.align-self-lg-auto{
+		align-self: auto !important;
+	}
+
+	.align-self-lg-start{
+		align-self: flex-start !important;
+	}
+
+	.align-self-lg-end{
+		align-self: flex-end !important;
+	}
+
+	.align-self-lg-center{
+		align-self: center !important;
+	}
+
+	.align-self-lg-baseline{
+		align-self: baseline !important;
+	}
+
+	.align-self-lg-stretch{
+		align-self: stretch !important;
+	}
+
+	.order-lg-first{
+		order: -1 !important;
+	}
+
+	.order-lg-0{
+		order: 0 !important;
+	}
+
+	.order-lg-1{
+		order: 1 !important;
+	}
+
+	.order-lg-2{
+		order: 2 !important;
+	}
+
+	.order-lg-3{
+		order: 3 !important;
+	}
+
+	.order-lg-4{
+		order: 4 !important;
+	}
+
+	.order-lg-5{
+		order: 5 !important;
+	}
+
+	.order-lg-last{
+		order: 6 !important;
+	}
+
+	.m-lg-0{
+		margin: 0 !important;
+	}
+
+	.m-lg-1{
+		margin: 0.25rem !important;
+	}
+
+	.m-lg-2{
+		margin: 0.5rem !important;
+	}
+
+	.m-lg-3{
+		margin: 1rem !important;
+	}
+
+	.m-lg-4{
+		margin: 1.5rem !important;
+	}
+
+	.m-lg-5{
+		margin: 3rem !important;
+	}
+
+	.m-lg-auto{
+		margin: auto !important;
+	}
+
+	.mx-lg-0{
+		margin-right: 0 !important;
+		margin-left: 0 !important;
+	}
+
+	.mx-lg-1{
+		margin-right: 0.25rem !important;
+		margin-left: 0.25rem !important;
+	}
+
+	.mx-lg-2{
+		margin-right: 0.5rem !important;
+		margin-left: 0.5rem !important;
+	}
+
+	.mx-lg-3{
+		margin-right: 1rem !important;
+		margin-left: 1rem !important;
+	}
+
+	.mx-lg-4{
+		margin-right: 1.5rem !important;
+		margin-left: 1.5rem !important;
+	}
+
+	.mx-lg-5{
+		margin-right: 3rem !important;
+		margin-left: 3rem !important;
+	}
+
+	.mx-lg-auto{
+		margin-right: auto !important;
+		margin-left: auto !important;
+	}
+
+	.my-lg-0{
+		margin-top: 0 !important;
+		margin-bottom: 0 !important;
+	}
+
+	.my-lg-1{
+		margin-top: 0.25rem !important;
+		margin-bottom: 0.25rem !important;
+	}
+
+	.my-lg-2{
+		margin-top: 0.5rem !important;
+		margin-bottom: 0.5rem !important;
+	}
+
+	.my-lg-3{
+		margin-top: 1rem !important;
+		margin-bottom: 1rem !important;
+	}
+
+	.my-lg-4{
+		margin-top: 1.5rem !important;
+		margin-bottom: 1.5rem !important;
+	}
+
+	.my-lg-5{
+		margin-top: 3rem !important;
+		margin-bottom: 3rem !important;
+	}
+
+	.my-lg-auto{
+		margin-top: auto !important;
+		margin-bottom: auto !important;
+	}
+
+	.mt-lg-0{
+		margin-top: 0 !important;
+	}
+
+	.mt-lg-1{
+		margin-top: 0.25rem !important;
+	}
+
+	.mt-lg-2{
+		margin-top: 0.5rem !important;
+	}
+
+	.mt-lg-3{
+		margin-top: 1rem !important;
+	}
+
+	.mt-lg-4{
+		margin-top: 1.5rem !important;
+	}
+
+	.mt-lg-5{
+		margin-top: 3rem !important;
+	}
+
+	.mt-lg-auto{
+		margin-top: auto !important;
+	}
+
+	.me-lg-0{
+		margin-right: 0 !important;
+	}
+
+	.me-lg-1{
+		margin-right: 0.25rem !important;
+	}
+
+	.me-lg-2{
+		margin-right: 0.5rem !important;
+	}
+
+	.me-lg-3{
+		margin-right: 1rem !important;
+	}
+
+	.me-lg-4{
+		margin-right: 1.5rem !important;
+	}
+
+	.me-lg-5{
+		margin-right: 3rem !important;
+	}
+
+	.me-lg-auto{
+		margin-right: auto !important;
+	}
+
+	.mb-lg-0{
+		margin-bottom: 0 !important;
+	}
+
+	.mb-lg-1{
+		margin-bottom: 0.25rem !important;
+	}
+
+	.mb-lg-2{
+		margin-bottom: 0.5rem !important;
+	}
+
+	.mb-lg-3{
+		margin-bottom: 1rem !important;
+	}
+
+	.mb-lg-4{
+		margin-bottom: 1.5rem !important;
+	}
+
+	.mb-lg-5{
+		margin-bottom: 3rem !important;
+	}
+
+	.mb-lg-auto{
+		margin-bottom: auto !important;
+	}
+
+	.ms-lg-0{
+		margin-left: 0 !important;
+	}
+
+	.ms-lg-1{
+		margin-left: 0.25rem !important;
+	}
+
+	.ms-lg-2{
+		margin-left: 0.5rem !important;
+	}
+
+	.ms-lg-3{
+		margin-left: 1rem !important;
+	}
+
+	.ms-lg-4{
+		margin-left: 1.5rem !important;
+	}
+
+	.ms-lg-5{
+		margin-left: 3rem !important;
+	}
+
+	.ms-lg-auto{
+		margin-left: auto !important;
+	}
+
+	.p-lg-0{
+		padding: 0 !important;
+	}
+
+	.p-lg-1{
+		padding: 0.25rem !important;
+	}
+
+	.p-lg-2{
+		padding: 0.5rem !important;
+	}
+
+	.p-lg-3{
+		padding: 1rem !important;
+	}
+
+	.p-lg-4{
+		padding: 1.5rem !important;
+	}
+
+	.p-lg-5{
+		padding: 3rem !important;
+	}
+
+	.px-lg-0{
+		padding-right: 0 !important;
+		padding-left: 0 !important;
+	}
+
+	.px-lg-1{
+		padding-right: 0.25rem !important;
+		padding-left: 0.25rem !important;
+	}
+
+	.px-lg-2{
+		padding-right: 0.5rem !important;
+		padding-left: 0.5rem !important;
+	}
+
+	.px-lg-3{
+		padding-right: 1rem !important;
+		padding-left: 1rem !important;
+	}
+
+	.px-lg-4{
+		padding-right: 1.5rem !important;
+		padding-left: 1.5rem !important;
+	}
+
+	.px-lg-5{
+		padding-right: 3rem !important;
+		padding-left: 3rem !important;
+	}
+
+	.py-lg-0{
+		padding-top: 0 !important;
+		padding-bottom: 0 !important;
+	}
+
+	.py-lg-1{
+		padding-top: 0.25rem !important;
+		padding-bottom: 0.25rem !important;
+	}
+
+	.py-lg-2{
+		padding-top: 0.5rem !important;
+		padding-bottom: 0.5rem !important;
+	}
+
+	.py-lg-3{
+		padding-top: 1rem !important;
+		padding-bottom: 1rem !important;
+	}
+
+	.py-lg-4{
+		padding-top: 1.5rem !important;
+		padding-bottom: 1.5rem !important;
+	}
+
+	.py-lg-5{
+		padding-top: 3rem !important;
+		padding-bottom: 3rem !important;
+	}
+
+	.pt-lg-0{
+		padding-top: 0 !important;
+	}
+
+	.pt-lg-1{
+		padding-top: 0.25rem !important;
+	}
+
+	.pt-lg-2{
+		padding-top: 0.5rem !important;
+	}
+
+	.pt-lg-3{
+		padding-top: 1rem !important;
+	}
+
+	.pt-lg-4{
+		padding-top: 1.5rem !important;
+	}
+
+	.pt-lg-5{
+		padding-top: 3rem !important;
+	}
+
+	.pe-lg-0{
+		padding-right: 0 !important;
+	}
+
+	.pe-lg-1{
+		padding-right: 0.25rem !important;
+	}
+
+	.pe-lg-2{
+		padding-right: 0.5rem !important;
+	}
+
+	.pe-lg-3{
+		padding-right: 1rem !important;
+	}
+
+	.pe-lg-4{
+		padding-right: 1.5rem !important;
+	}
+
+	.pe-lg-5{
+		padding-right: 3rem !important;
+	}
+
+	.pb-lg-0{
+		padding-bottom: 0 !important;
+	}
+
+	.pb-lg-1{
+		padding-bottom: 0.25rem !important;
+	}
+
+	.pb-lg-2{
+		padding-bottom: 0.5rem !important;
+	}
+
+	.pb-lg-3{
+		padding-bottom: 1rem !important;
+	}
+
+	.pb-lg-4{
+		padding-bottom: 1.5rem !important;
+	}
+
+	.pb-lg-5{
+		padding-bottom: 3rem !important;
+	}
+
+	.ps-lg-0{
+		padding-left: 0 !important;
+	}
+
+	.ps-lg-1{
+		padding-left: 0.25rem !important;
+	}
+
+	.ps-lg-2{
+		padding-left: 0.5rem !important;
+	}
+
+	.ps-lg-3{
+		padding-left: 1rem !important;
+	}
+
+	.ps-lg-4{
+		padding-left: 1.5rem !important;
+	}
+
+	.ps-lg-5{
+		padding-left: 3rem !important;
+	}
+}
+
+@media (min-width: 1200px){
+	.d-xl-inline{
+		display: inline !important;
+	}
+
+	.d-xl-inline-block{
+		display: inline-block !important;
+	}
+
+	.d-xl-block{
+		display: block !important;
+	}
+
+	.d-xl-grid{
+		display: grid !important;
+	}
+
+	.d-xl-table{
+		display: table !important;
+	}
+
+	.d-xl-table-row{
+		display: table-row !important;
+	}
+
+	.d-xl-table-cell{
+		display: table-cell !important;
+	}
+
+	.d-xl-flex{
+		display: flex !important;
+	}
+
+	.d-xl-inline-flex{
+		display: inline-flex !important;
+	}
+
+	.d-xl-none{
+		display: none !important;
+	}
+
+	.flex-xl-fill{
+		flex: 1 1 auto !important;
+	}
+
+	.flex-xl-row{
+		flex-direction: row !important;
+	}
+
+	.flex-xl-column{
+		flex-direction: column !important;
+	}
+
+	.flex-xl-row-reverse{
+		flex-direction: row-reverse !important;
+	}
+
+	.flex-xl-column-reverse{
+		flex-direction: column-reverse !important;
+	}
+
+	.flex-xl-grow-0{
+		flex-grow: 0 !important;
+	}
+
+	.flex-xl-grow-1{
+		flex-grow: 1 !important;
+	}
+
+	.flex-xl-shrink-0{
+		flex-shrink: 0 !important;
+	}
+
+	.flex-xl-shrink-1{
+		flex-shrink: 1 !important;
+	}
+
+	.flex-xl-wrap{
+		flex-wrap: wrap !important;
+	}
+
+	.flex-xl-nowrap{
+		flex-wrap: nowrap !important;
+	}
+
+	.flex-xl-wrap-reverse{
+		flex-wrap: wrap-reverse !important;
+	}
+
+	.justify-content-xl-start{
+		justify-content: flex-start !important;
+	}
+
+	.justify-content-xl-end{
+		justify-content: flex-end !important;
+	}
+
+	.justify-content-xl-center{
+		justify-content: center !important;
+	}
+
+	.justify-content-xl-between{
+		justify-content: space-between !important;
+	}
+
+	.justify-content-xl-around{
+		justify-content: space-around !important;
+	}
+
+	.justify-content-xl-evenly{
+		justify-content: space-evenly !important;
+	}
+
+	.align-items-xl-start{
+		align-items: flex-start !important;
+	}
+
+	.align-items-xl-end{
+		align-items: flex-end !important;
+	}
+
+	.align-items-xl-center{
+		align-items: center !important;
+	}
+
+	.align-items-xl-baseline{
+		align-items: baseline !important;
+	}
+
+	.align-items-xl-stretch{
+		align-items: stretch !important;
+	}
+
+	.align-content-xl-start{
+		align-content: flex-start !important;
+	}
+
+	.align-content-xl-end{
+		align-content: flex-end !important;
+	}
+
+	.align-content-xl-center{
+		align-content: center !important;
+	}
+
+	.align-content-xl-between{
+		align-content: space-between !important;
+	}
+
+	.align-content-xl-around{
+		align-content: space-around !important;
+	}
+
+	.align-content-xl-stretch{
+		align-content: stretch !important;
+	}
+
+	.align-self-xl-auto{
+		align-self: auto !important;
+	}
+
+	.align-self-xl-start{
+		align-self: flex-start !important;
+	}
+
+	.align-self-xl-end{
+		align-self: flex-end !important;
+	}
+
+	.align-self-xl-center{
+		align-self: center !important;
+	}
+
+	.align-self-xl-baseline{
+		align-self: baseline !important;
+	}
+
+	.align-self-xl-stretch{
+		align-self: stretch !important;
+	}
+
+	.order-xl-first{
+		order: -1 !important;
+	}
+
+	.order-xl-0{
+		order: 0 !important;
+	}
+
+	.order-xl-1{
+		order: 1 !important;
+	}
+
+	.order-xl-2{
+		order: 2 !important;
+	}
+
+	.order-xl-3{
+		order: 3 !important;
+	}
+
+	.order-xl-4{
+		order: 4 !important;
+	}
+
+	.order-xl-5{
+		order: 5 !important;
+	}
+
+	.order-xl-last{
+		order: 6 !important;
+	}
+
+	.m-xl-0{
+		margin: 0 !important;
+	}
+
+	.m-xl-1{
+		margin: 0.25rem !important;
+	}
+
+	.m-xl-2{
+		margin: 0.5rem !important;
+	}
+
+	.m-xl-3{
+		margin: 1rem !important;
+	}
+
+	.m-xl-4{
+		margin: 1.5rem !important;
+	}
+
+	.m-xl-5{
+		margin: 3rem !important;
+	}
+
+	.m-xl-auto{
+		margin: auto !important;
+	}
+
+	.mx-xl-0{
+		margin-right: 0 !important;
+		margin-left: 0 !important;
+	}
+
+	.mx-xl-1{
+		margin-right: 0.25rem !important;
+		margin-left: 0.25rem !important;
+	}
+
+	.mx-xl-2{
+		margin-right: 0.5rem !important;
+		margin-left: 0.5rem !important;
+	}
+
+	.mx-xl-3{
+		margin-right: 1rem !important;
+		margin-left: 1rem !important;
+	}
+
+	.mx-xl-4{
+		margin-right: 1.5rem !important;
+		margin-left: 1.5rem !important;
+	}
+
+	.mx-xl-5{
+		margin-right: 3rem !important;
+		margin-left: 3rem !important;
+	}
+
+	.mx-xl-auto{
+		margin-right: auto !important;
+		margin-left: auto !important;
+	}
+
+	.my-xl-0{
+		margin-top: 0 !important;
+		margin-bottom: 0 !important;
+	}
+
+	.my-xl-1{
+		margin-top: 0.25rem !important;
+		margin-bottom: 0.25rem !important;
+	}
+
+	.my-xl-2{
+		margin-top: 0.5rem !important;
+		margin-bottom: 0.5rem !important;
+	}
+
+	.my-xl-3{
+		margin-top: 1rem !important;
+		margin-bottom: 1rem !important;
+	}
+
+	.my-xl-4{
+		margin-top: 1.5rem !important;
+		margin-bottom: 1.5rem !important;
+	}
+
+	.my-xl-5{
+		margin-top: 3rem !important;
+		margin-bottom: 3rem !important;
+	}
+
+	.my-xl-auto{
+		margin-top: auto !important;
+		margin-bottom: auto !important;
+	}
+
+	.mt-xl-0{
+		margin-top: 0 !important;
+	}
+
+	.mt-xl-1{
+		margin-top: 0.25rem !important;
+	}
+
+	.mt-xl-2{
+		margin-top: 0.5rem !important;
+	}
+
+	.mt-xl-3{
+		margin-top: 1rem !important;
+	}
+
+	.mt-xl-4{
+		margin-top: 1.5rem !important;
+	}
+
+	.mt-xl-5{
+		margin-top: 3rem !important;
+	}
+
+	.mt-xl-auto{
+		margin-top: auto !important;
+	}
+
+	.me-xl-0{
+		margin-right: 0 !important;
+	}
+
+	.me-xl-1{
+		margin-right: 0.25rem !important;
+	}
+
+	.me-xl-2{
+		margin-right: 0.5rem !important;
+	}
+
+	.me-xl-3{
+		margin-right: 1rem !important;
+	}
+
+	.me-xl-4{
+		margin-right: 1.5rem !important;
+	}
+
+	.me-xl-5{
+		margin-right: 3rem !important;
+	}
+
+	.me-xl-auto{
+		margin-right: auto !important;
+	}
+
+	.mb-xl-0{
+		margin-bottom: 0 !important;
+	}
+
+	.mb-xl-1{
+		margin-bottom: 0.25rem !important;
+	}
+
+	.mb-xl-2{
+		margin-bottom: 0.5rem !important;
+	}
+
+	.mb-xl-3{
+		margin-bottom: 1rem !important;
+	}
+
+	.mb-xl-4{
+		margin-bottom: 1.5rem !important;
+	}
+
+	.mb-xl-5{
+		margin-bottom: 3rem !important;
+	}
+
+	.mb-xl-auto{
+		margin-bottom: auto !important;
+	}
+
+	.ms-xl-0{
+		margin-left: 0 !important;
+	}
+
+	.ms-xl-1{
+		margin-left: 0.25rem !important;
+	}
+
+	.ms-xl-2{
+		margin-left: 0.5rem !important;
+	}
+
+	.ms-xl-3{
+		margin-left: 1rem !important;
+	}
+
+	.ms-xl-4{
+		margin-left: 1.5rem !important;
+	}
+
+	.ms-xl-5{
+		margin-left: 3rem !important;
+	}
+
+	.ms-xl-auto{
+		margin-left: auto !important;
+	}
+
+	.p-xl-0{
+		padding: 0 !important;
+	}
+
+	.p-xl-1{
+		padding: 0.25rem !important;
+	}
+
+	.p-xl-2{
+		padding: 0.5rem !important;
+	}
+
+	.p-xl-3{
+		padding: 1rem !important;
+	}
+
+	.p-xl-4{
+		padding: 1.5rem !important;
+	}
+
+	.p-xl-5{
+		padding: 3rem !important;
+	}
+
+	.px-xl-0{
+		padding-right: 0 !important;
+		padding-left: 0 !important;
+	}
+
+	.px-xl-1{
+		padding-right: 0.25rem !important;
+		padding-left: 0.25rem !important;
+	}
+
+	.px-xl-2{
+		padding-right: 0.5rem !important;
+		padding-left: 0.5rem !important;
+	}
+
+	.px-xl-3{
+		padding-right: 1rem !important;
+		padding-left: 1rem !important;
+	}
+
+	.px-xl-4{
+		padding-right: 1.5rem !important;
+		padding-left: 1.5rem !important;
+	}
+
+	.px-xl-5{
+		padding-right: 3rem !important;
+		padding-left: 3rem !important;
+	}
+
+	.py-xl-0{
+		padding-top: 0 !important;
+		padding-bottom: 0 !important;
+	}
+
+	.py-xl-1{
+		padding-top: 0.25rem !important;
+		padding-bottom: 0.25rem !important;
+	}
+
+	.py-xl-2{
+		padding-top: 0.5rem !important;
+		padding-bottom: 0.5rem !important;
+	}
+
+	.py-xl-3{
+		padding-top: 1rem !important;
+		padding-bottom: 1rem !important;
+	}
+
+	.py-xl-4{
+		padding-top: 1.5rem !important;
+		padding-bottom: 1.5rem !important;
+	}
+
+	.py-xl-5{
+		padding-top: 3rem !important;
+		padding-bottom: 3rem !important;
+	}
+
+	.pt-xl-0{
+		padding-top: 0 !important;
+	}
+
+	.pt-xl-1{
+		padding-top: 0.25rem !important;
+	}
+
+	.pt-xl-2{
+		padding-top: 0.5rem !important;
+	}
+
+	.pt-xl-3{
+		padding-top: 1rem !important;
+	}
+
+	.pt-xl-4{
+		padding-top: 1.5rem !important;
+	}
+
+	.pt-xl-5{
+		padding-top: 3rem !important;
+	}
+
+	.pe-xl-0{
+		padding-right: 0 !important;
+	}
+
+	.pe-xl-1{
+		padding-right: 0.25rem !important;
+	}
+
+	.pe-xl-2{
+		padding-right: 0.5rem !important;
+	}
+
+	.pe-xl-3{
+		padding-right: 1rem !important;
+	}
+
+	.pe-xl-4{
+		padding-right: 1.5rem !important;
+	}
+
+	.pe-xl-5{
+		padding-right: 3rem !important;
+	}
+
+	.pb-xl-0{
+		padding-bottom: 0 !important;
+	}
+
+	.pb-xl-1{
+		padding-bottom: 0.25rem !important;
+	}
+
+	.pb-xl-2{
+		padding-bottom: 0.5rem !important;
+	}
+
+	.pb-xl-3{
+		padding-bottom: 1rem !important;
+	}
+
+	.pb-xl-4{
+		padding-bottom: 1.5rem !important;
+	}
+
+	.pb-xl-5{
+		padding-bottom: 3rem !important;
+	}
+
+	.ps-xl-0{
+		padding-left: 0 !important;
+	}
+
+	.ps-xl-1{
+		padding-left: 0.25rem !important;
+	}
+
+	.ps-xl-2{
+		padding-left: 0.5rem !important;
+	}
+
+	.ps-xl-3{
+		padding-left: 1rem !important;
+	}
+
+	.ps-xl-4{
+		padding-left: 1.5rem !important;
+	}
+
+	.ps-xl-5{
+		padding-left: 3rem !important;
+	}
+}
+
+@media (min-width: 1400px){
+	.d-xxl-inline{
+		display: inline !important;
+	}
+
+	.d-xxl-inline-block{
+		display: inline-block !important;
+	}
+
+	.d-xxl-block{
+		display: block !important;
+	}
+
+	.d-xxl-grid{
+		display: grid !important;
+	}
+
+	.d-xxl-table{
+		display: table !important;
+	}
+
+	.d-xxl-table-row{
+		display: table-row !important;
+	}
+
+	.d-xxl-table-cell{
+		display: table-cell !important;
+	}
+
+	.d-xxl-flex{
+		display: flex !important;
+	}
+
+	.d-xxl-inline-flex{
+		display: inline-flex !important;
+	}
+
+	.d-xxl-none{
+		display: none !important;
+	}
+
+	.flex-xxl-fill{
+		flex: 1 1 auto !important;
+	}
+
+	.flex-xxl-row{
+		flex-direction: row !important;
+	}
+
+	.flex-xxl-column{
+		flex-direction: column !important;
+	}
+
+	.flex-xxl-row-reverse{
+		flex-direction: row-reverse !important;
+	}
+
+	.flex-xxl-column-reverse{
+		flex-direction: column-reverse !important;
+	}
+
+	.flex-xxl-grow-0{
+		flex-grow: 0 !important;
+	}
+
+	.flex-xxl-grow-1{
+		flex-grow: 1 !important;
+	}
+
+	.flex-xxl-shrink-0{
+		flex-shrink: 0 !important;
+	}
+
+	.flex-xxl-shrink-1{
+		flex-shrink: 1 !important;
+	}
+
+	.flex-xxl-wrap{
+		flex-wrap: wrap !important;
+	}
+
+	.flex-xxl-nowrap{
+		flex-wrap: nowrap !important;
+	}
+
+	.flex-xxl-wrap-reverse{
+		flex-wrap: wrap-reverse !important;
+	}
+
+	.justify-content-xxl-start{
+		justify-content: flex-start !important;
+	}
+
+	.justify-content-xxl-end{
+		justify-content: flex-end !important;
+	}
+
+	.justify-content-xxl-center{
+		justify-content: center !important;
+	}
+
+	.justify-content-xxl-between{
+		justify-content: space-between !important;
+	}
+
+	.justify-content-xxl-around{
+		justify-content: space-around !important;
+	}
+
+	.justify-content-xxl-evenly{
+		justify-content: space-evenly !important;
+	}
+
+	.align-items-xxl-start{
+		align-items: flex-start !important;
+	}
+
+	.align-items-xxl-end{
+		align-items: flex-end !important;
+	}
+
+	.align-items-xxl-center{
+		align-items: center !important;
+	}
+
+	.align-items-xxl-baseline{
+		align-items: baseline !important;
+	}
+
+	.align-items-xxl-stretch{
+		align-items: stretch !important;
+	}
+
+	.align-content-xxl-start{
+		align-content: flex-start !important;
+	}
+
+	.align-content-xxl-end{
+		align-content: flex-end !important;
+	}
+
+	.align-content-xxl-center{
+		align-content: center !important;
+	}
+
+	.align-content-xxl-between{
+		align-content: space-between !important;
+	}
+
+	.align-content-xxl-around{
+		align-content: space-around !important;
+	}
+
+	.align-content-xxl-stretch{
+		align-content: stretch !important;
+	}
+
+	.align-self-xxl-auto{
+		align-self: auto !important;
+	}
+
+	.align-self-xxl-start{
+		align-self: flex-start !important;
+	}
+
+	.align-self-xxl-end{
+		align-self: flex-end !important;
+	}
+
+	.align-self-xxl-center{
+		align-self: center !important;
+	}
+
+	.align-self-xxl-baseline{
+		align-self: baseline !important;
+	}
+
+	.align-self-xxl-stretch{
+		align-self: stretch !important;
+	}
+
+	.order-xxl-first{
+		order: -1 !important;
+	}
+
+	.order-xxl-0{
+		order: 0 !important;
+	}
+
+	.order-xxl-1{
+		order: 1 !important;
+	}
+
+	.order-xxl-2{
+		order: 2 !important;
+	}
+
+	.order-xxl-3{
+		order: 3 !important;
+	}
+
+	.order-xxl-4{
+		order: 4 !important;
+	}
+
+	.order-xxl-5{
+		order: 5 !important;
+	}
+
+	.order-xxl-last{
+		order: 6 !important;
+	}
+
+	.m-xxl-0{
+		margin: 0 !important;
+	}
+
+	.m-xxl-1{
+		margin: 0.25rem !important;
+	}
+
+	.m-xxl-2{
+		margin: 0.5rem !important;
+	}
+
+	.m-xxl-3{
+		margin: 1rem !important;
+	}
+
+	.m-xxl-4{
+		margin: 1.5rem !important;
+	}
+
+	.m-xxl-5{
+		margin: 3rem !important;
+	}
+
+	.m-xxl-auto{
+		margin: auto !important;
+	}
+
+	.mx-xxl-0{
+		margin-right: 0 !important;
+		margin-left: 0 !important;
+	}
+
+	.mx-xxl-1{
+		margin-right: 0.25rem !important;
+		margin-left: 0.25rem !important;
+	}
+
+	.mx-xxl-2{
+		margin-right: 0.5rem !important;
+		margin-left: 0.5rem !important;
+	}
+
+	.mx-xxl-3{
+		margin-right: 1rem !important;
+		margin-left: 1rem !important;
+	}
+
+	.mx-xxl-4{
+		margin-right: 1.5rem !important;
+		margin-left: 1.5rem !important;
+	}
+
+	.mx-xxl-5{
+		margin-right: 3rem !important;
+		margin-left: 3rem !important;
+	}
+
+	.mx-xxl-auto{
+		margin-right: auto !important;
+		margin-left: auto !important;
+	}
+
+	.my-xxl-0{
+		margin-top: 0 !important;
+		margin-bottom: 0 !important;
+	}
+
+	.my-xxl-1{
+		margin-top: 0.25rem !important;
+		margin-bottom: 0.25rem !important;
+	}
+
+	.my-xxl-2{
+		margin-top: 0.5rem !important;
+		margin-bottom: 0.5rem !important;
+	}
+
+	.my-xxl-3{
+		margin-top: 1rem !important;
+		margin-bottom: 1rem !important;
+	}
+
+	.my-xxl-4{
+		margin-top: 1.5rem !important;
+		margin-bottom: 1.5rem !important;
+	}
+
+	.my-xxl-5{
+		margin-top: 3rem !important;
+		margin-bottom: 3rem !important;
+	}
+
+	.my-xxl-auto{
+		margin-top: auto !important;
+		margin-bottom: auto !important;
+	}
+
+	.mt-xxl-0{
+		margin-top: 0 !important;
+	}
+
+	.mt-xxl-1{
+		margin-top: 0.25rem !important;
+	}
+
+	.mt-xxl-2{
+		margin-top: 0.5rem !important;
+	}
+
+	.mt-xxl-3{
+		margin-top: 1rem !important;
+	}
+
+	.mt-xxl-4{
+		margin-top: 1.5rem !important;
+	}
+
+	.mt-xxl-5{
+		margin-top: 3rem !important;
+	}
+
+	.mt-xxl-auto{
+		margin-top: auto !important;
+	}
+
+	.me-xxl-0{
+		margin-right: 0 !important;
+	}
+
+	.me-xxl-1{
+		margin-right: 0.25rem !important;
+	}
+
+	.me-xxl-2{
+		margin-right: 0.5rem !important;
+	}
+
+	.me-xxl-3{
+		margin-right: 1rem !important;
+	}
+
+	.me-xxl-4{
+		margin-right: 1.5rem !important;
+	}
+
+	.me-xxl-5{
+		margin-right: 3rem !important;
+	}
+
+	.me-xxl-auto{
+		margin-right: auto !important;
+	}
+
+	.mb-xxl-0{
+		margin-bottom: 0 !important;
+	}
+
+	.mb-xxl-1{
+		margin-bottom: 0.25rem !important;
+	}
+
+	.mb-xxl-2{
+		margin-bottom: 0.5rem !important;
+	}
+
+	.mb-xxl-3{
+		margin-bottom: 1rem !important;
+	}
+
+	.mb-xxl-4{
+		margin-bottom: 1.5rem !important;
+	}
+
+	.mb-xxl-5{
+		margin-bottom: 3rem !important;
+	}
+
+	.mb-xxl-auto{
+		margin-bottom: auto !important;
+	}
+
+	.ms-xxl-0{
+		margin-left: 0 !important;
+	}
+
+	.ms-xxl-1{
+		margin-left: 0.25rem !important;
+	}
+
+	.ms-xxl-2{
+		margin-left: 0.5rem !important;
+	}
+
+	.ms-xxl-3{
+		margin-left: 1rem !important;
+	}
+
+	.ms-xxl-4{
+		margin-left: 1.5rem !important;
+	}
+
+	.ms-xxl-5{
+		margin-left: 3rem !important;
+	}
+
+	.ms-xxl-auto{
+		margin-left: auto !important;
+	}
+
+	.p-xxl-0{
+		padding: 0 !important;
+	}
+
+	.p-xxl-1{
+		padding: 0.25rem !important;
+	}
+
+	.p-xxl-2{
+		padding: 0.5rem !important;
+	}
+
+	.p-xxl-3{
+		padding: 1rem !important;
+	}
+
+	.p-xxl-4{
+		padding: 1.5rem !important;
+	}
+
+	.p-xxl-5{
+		padding: 3rem !important;
+	}
+
+	.px-xxl-0{
+		padding-right: 0 !important;
+		padding-left: 0 !important;
+	}
+
+	.px-xxl-1{
+		padding-right: 0.25rem !important;
+		padding-left: 0.25rem !important;
+	}
+
+	.px-xxl-2{
+		padding-right: 0.5rem !important;
+		padding-left: 0.5rem !important;
+	}
+
+	.px-xxl-3{
+		padding-right: 1rem !important;
+		padding-left: 1rem !important;
+	}
+
+	.px-xxl-4{
+		padding-right: 1.5rem !important;
+		padding-left: 1.5rem !important;
+	}
+
+	.px-xxl-5{
+		padding-right: 3rem !important;
+		padding-left: 3rem !important;
+	}
+
+	.py-xxl-0{
+		padding-top: 0 !important;
+		padding-bottom: 0 !important;
+	}
+
+	.py-xxl-1{
+		padding-top: 0.25rem !important;
+		padding-bottom: 0.25rem !important;
+	}
+
+	.py-xxl-2{
+		padding-top: 0.5rem !important;
+		padding-bottom: 0.5rem !important;
+	}
+
+	.py-xxl-3{
+		padding-top: 1rem !important;
+		padding-bottom: 1rem !important;
+	}
+
+	.py-xxl-4{
+		padding-top: 1.5rem !important;
+		padding-bottom: 1.5rem !important;
+	}
+
+	.py-xxl-5{
+		padding-top: 3rem !important;
+		padding-bottom: 3rem !important;
+	}
+
+	.pt-xxl-0{
+		padding-top: 0 !important;
+	}
+
+	.pt-xxl-1{
+		padding-top: 0.25rem !important;
+	}
+
+	.pt-xxl-2{
+		padding-top: 0.5rem !important;
+	}
+
+	.pt-xxl-3{
+		padding-top: 1rem !important;
+	}
+
+	.pt-xxl-4{
+		padding-top: 1.5rem !important;
+	}
+
+	.pt-xxl-5{
+		padding-top: 3rem !important;
+	}
+
+	.pe-xxl-0{
+		padding-right: 0 !important;
+	}
+
+	.pe-xxl-1{
+		padding-right: 0.25rem !important;
+	}
+
+	.pe-xxl-2{
+		padding-right: 0.5rem !important;
+	}
+
+	.pe-xxl-3{
+		padding-right: 1rem !important;
+	}
+
+	.pe-xxl-4{
+		padding-right: 1.5rem !important;
+	}
+
+	.pe-xxl-5{
+		padding-right: 3rem !important;
+	}
+
+	.pb-xxl-0{
+		padding-bottom: 0 !important;
+	}
+
+	.pb-xxl-1{
+		padding-bottom: 0.25rem !important;
+	}
+
+	.pb-xxl-2{
+		padding-bottom: 0.5rem !important;
+	}
+
+	.pb-xxl-3{
+		padding-bottom: 1rem !important;
+	}
+
+	.pb-xxl-4{
+		padding-bottom: 1.5rem !important;
+	}
+
+	.pb-xxl-5{
+		padding-bottom: 3rem !important;
+	}
+
+	.ps-xxl-0{
+		padding-left: 0 !important;
+	}
+
+	.ps-xxl-1{
+		padding-left: 0.25rem !important;
+	}
+
+	.ps-xxl-2{
+		padding-left: 0.5rem !important;
+	}
+
+	.ps-xxl-3{
+		padding-left: 1rem !important;
+	}
+
+	.ps-xxl-4{
+		padding-left: 1.5rem !important;
+	}
+
+	.ps-xxl-5{
+		padding-left: 3rem !important;
+	}
+}
+
+@media print{
+	.d-print-inline{
+		display: inline !important;
+	}
+
+	.d-print-inline-block{
+		display: inline-block !important;
+	}
+
+	.d-print-block{
+		display: block !important;
+	}
+
+	.d-print-grid{
+		display: grid !important;
+	}
+
+	.d-print-table{
+		display: table !important;
+	}
+
+	.d-print-table-row{
+		display: table-row !important;
+	}
+
+	.d-print-table-cell{
+		display: table-cell !important;
+	}
+
+	.d-print-flex{
+		display: flex !important;
+	}
+
+	.d-print-inline-flex{
+		display: inline-flex !important;
+	}
+
+	.d-print-none{
+		display: none !important;
+	}
+}
+
+/*# sourceMappingURL=bootstrap-grid.css.map */
diff --git a/assets/css/reset-css.css b/assets/css/reset-css.css
new file mode 100644
index 0000000..2d5c3f7
--- /dev/null
+++ b/assets/css/reset-css.css
@@ -0,0 +1,261 @@
+a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline
+}
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
+	display: block
+}
+
+body{
+	line-height: 1;
+	margin: 0
+}
+
+ol, ul{
+	list-style: none
+}
+
+blockquote, q{
+	quotes: none
+}
+
+blockquote:after, blockquote:before, q:after, q:before{
+	content: '';
+	content: none
+}
+
+table{
+	border-collapse: collapse;
+	border-spacing: 0
+}
+
+html{
+	line-height: 1.15;
+	-webkit-text-size-adjust: 100%
+}
+
+h1{
+	font-size: 2em;
+	margin: .67em 0
+}
+
+hr{
+	box-sizing: content-box;
+	height: 0;
+	overflow: visible
+}
+
+pre{
+	font-family: monospace, monospace;
+	font-size: 1em
+}
+
+a{
+	background-color: transparent
+}
+
+abbr[title]{
+	border-bottom: none;
+	text-decoration: underline;
+	text-decoration: underline dotted
+}
+
+b, strong{
+	font-weight: bolder
+}
+
+code, kbd, samp{
+	font-family: monospace, monospace;
+	font-size: 1em
+}
+
+small{
+	font-size: 80%
+}
+
+sub, sup{
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline
+}
+
+sub{
+	bottom: -.25em
+}
+
+sup{
+	top: -.5em
+}
+
+img{
+	border-style: none
+}
+
+button, input, optgroup, select, textarea{
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0
+}
+
+button, input{
+	overflow: visible
+}
+
+button, select{
+	text-transform: none
+}
+
+[type=button], [type=reset], [type=submit], button{
+	-webkit-appearance: button
+}
+
+[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner{
+	border-style: none;
+	padding: 0
+}
+
+[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring{
+	outline: 1px dotted ButtonText
+}
+
+fieldset{
+	padding: .35em .75em .625em
+}
+
+legend{
+	box-sizing: border-box;
+	color: inherit;
+	display: table;
+	max-width: 100%;
+	padding: 0;
+	white-space: normal
+}
+
+progress{
+	vertical-align: baseline
+}
+
+textarea{
+	overflow: auto
+}
+
+[type=checkbox], [type=radio]{
+	box-sizing: border-box;
+	padding: 0
+}
+
+[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{
+	height: auto
+}
+
+[type=search]{
+	-webkit-appearance: textfield;
+	outline-offset: -2px
+}
+
+[type=search]::-webkit-search-decoration{
+	-webkit-appearance: none
+}
+
+::-webkit-file-upload-button{
+	-webkit-appearance: button;
+	font: inherit
+}
+
+details{
+	display: block
+}
+
+summary{
+	display: list-item
+}
+
+template{
+	display: none
+}
+
+[hidden]{
+	display: none
+}
+
+::selection{
+	background: #468fd2;
+	color: #fff
+}
+
+::-webkit-selection{
+	background: #468fd2;
+	color: #fff
+}
+
+::-moz-selection{
+	background: #468fd2;
+	color: #fff
+}
+
+a{
+	text-decoration: none
+}
+
+h1{
+	font-size: 32px;
+}
+
+h2{
+	font-size: 24px;
+}
+
+h3{
+	font-size: 18.72px;
+}
+
+h4{
+	font-size: 16px;
+}
+
+h5{
+	font-size: 13.28px;
+}
+
+h6{
+	font-size: 10.72px;
+}
+
+.clear{
+	clear: both;
+	display: block;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0
+}
+
+.clearfix{
+	zoom: 1
+}
+
+.clearfix:after, .clearfix:before, .row:after, .row:before{
+	content: '\0020';
+	display: block;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0
+}
+
+.clearfix:after, .row:after{
+	clear: both
+}
+
+.relativePos{
+	position: relative;
+	width: 100%;
+	height: 100%
+}
diff --git a/assets/img/calculation/hero.jpg b/assets/img/calculation/hero.jpg
new file mode 100644
index 0000000..1f43465
Binary files /dev/null and b/assets/img/calculation/hero.jpg differ
diff --git a/assets/img/home/hp-s2-i1.jpg b/assets/img/home/hp-s2-i1.jpg
index 267eed3..0a55621 100644
Binary files a/assets/img/home/hp-s2-i1.jpg and b/assets/img/home/hp-s2-i1.jpg differ
diff --git a/assets/sass/_extentions.scss b/assets/sass/_extentions.scss
index 94b067b..c12d063 100644
--- a/assets/sass/_extentions.scss
+++ b/assets/sass/_extentions.scss
@@ -15,7 +15,6 @@
   -moz-appearance: none;
 }
 
-
 %titleShape {
   &::after {
     content: '';
@@ -95,3 +94,41 @@
 %defaultBoxShadow {
   @include boxShadow(0 0px 20px rgba(0, 0, 0, 0.2))
 }
+
+%productHoverAnim {
+  position: relative;
+
+  &::before {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 100%;
+    background: $red;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 0;
+    @extend %defaultTransition;
+  }
+
+  &:hover {
+    &::before {
+      width: 108%;
+      height: 108%;
+      top: -4%;
+      left: -4%;
+    }
+
+    img {
+      @include transform(scale(0.9));
+    }
+  }
+
+  img {
+    width: 100%;
+    display: block;
+    position: relative;
+    z-index: 1;
+    @extend %defaultTransition;
+  }
+}
diff --git a/assets/sass/_fonts.scss b/assets/sass/_fonts.scss
index a34d8a8..f6041a4 100644
--- a/assets/sass/_fonts.scss
+++ b/assets/sass/_fonts.scss
@@ -1,51 +1,51 @@
 ////// sahel
 @font-face {
   font-family: 'sahel';
-  src: url("../fonts/sahel/Sahel-FD.eot"),
-  url("../fonts/sahel/Sahel-FD.ttf"),
-  url("../fonts/sahel/Sahel-FD.woff") ;
+  src: url("../fonts/sahel/Sahel-FD.eot") format('embedded-opentype'),
+  url("../fonts/sahel/Sahel-FD.ttf") format('truetype'),
+  url("../fonts/sahel/Sahel-FD.woff") format('woff');
 }
 
 @font-face {
   font-family: 'sahel-bold';
-  src: url("../fonts/sahel/Sahel-Bold-FD.eot"),
-  url("../fonts/sahel/Sahel-Bold-FD.ttf"),
-  url("../fonts/sahel/Sahel-Bold-FD.woff") ;
+  src: url("../fonts/sahel/Sahel-Bold-FD.eot") format('embedded-opentype'),
+  url("../fonts/sahel/Sahel-Bold-FD.ttf") format('truetype'),
+  url("../fonts/sahel/Sahel-Bold-FD.woff") format('woff');
 }
 
 @font-face {
   font-family: 'sahel-black';
-  src: url("../fonts/sahel/Sahel-Black-FD.eot"),
-  url("../fonts/sahel/Sahel-Black-FD.ttf"),
-  url("../fonts/sahel/Sahel-Black-FD.woff");
+  src: url("../fonts/sahel/Sahel-Black-FD.eot") format('embedded-opentype'),
+  url("../fonts/sahel/Sahel-Black-FD.ttf") format('truetype'),
+  url("../fonts/sahel/Sahel-Black-FD.woff") format('woff');
 }
 
 ////// diodrum
 @font-face {
   font-family: 'diodrum';
-  src: url("../fonts/diodrum/Diodrum-Regular.eot"),
-  url("../fonts/diodrum/Diodrum-Regular.otf"),
-  url("../fonts/diodrum/Diodrum-Regular.ttf"),
-  url("../fonts/diodrum/Diodrum-Regular.woff"),
-  url("../fonts/diodrum/Diodrum-Regular.woff2");
+  src: url("../fonts/diodrum/Diodrum-Regular.eot") format('embedded-opentype'),
+  url("../fonts/diodrum/Diodrum-Regular.otf") format('opentype'),
+  url("../fonts/diodrum/Diodrum-Regular.ttf") format('truetype'),
+  url("../fonts/diodrum/Diodrum-Regular.woff") format('woff'),
+  url("../fonts/diodrum/Diodrum-Regular.woff2") format('woff2');
 }
 
 @font-face {
   font-family: 'diodrum-bold';
-  src: url("../fonts/diodrum/Diodrum-Semibold.eot"),
-  url("../fonts/diodrum/Diodrum-Semibold.otf"),
-  url("../fonts/diodrum/Diodrum-Semibold.ttf"),
-  url("../fonts/diodrum/Diodrum-Semibold.woff"),
-  url("../fonts/diodrum/Diodrum-Semibold.woff2");
+  src: url("../fonts/diodrum/Diodrum-Semibold.eot") format('embedded-opentype'),
+  url("../fonts/diodrum/Diodrum-Semibold.otf") format('opentype'),
+  url("../fonts/diodrum/Diodrum-Semibold.ttf") format('truetype'),
+  url("../fonts/diodrum/Diodrum-Semibold.woff") format('woff'),
+  url("../fonts/diodrum/Diodrum-Semibold.woff2") format('woff2');
 }
 
 
 ////// anton
 @font-face {
   font-family: 'anton';
-  src: url("../fonts/Anton/Anton.eot"),
-  url("../fonts/Anton/Anton.otf"),
-  url("../fonts/Anton/Anton.ttf"),
-  url("../fonts/Anton/Anton.woff"),
-  url("../fonts/Anton/Anton.woff2");
+  src: url("../fonts/Anton/Anton.eot") format('embedded-opentype'),
+  url("../fonts/Anton/Anton.otf") format('opentype'),
+  url("../fonts/Anton/Anton.ttf") format('truetype'),
+  url("../fonts/Anton/Anton.woff") format('woff'),
+  url("../fonts/Anton/Anton.woff2") format('woff2');
 }
diff --git a/assets/sass/_globalStyles.scss b/assets/sass/_globalStyles.scss
index 0a140b8..c002103 100644
--- a/assets/sass/_globalStyles.scss
+++ b/assets/sass/_globalStyles.scss
@@ -5,6 +5,10 @@ body {
   &:lang(en) {
     direction: ltr;
   }
+
+  &.offCanvas-active {
+    overflow: hidden;
+  }
 }
 
 p, a, span, b {
@@ -63,9 +67,20 @@ section {
   padding: 0 0 100px;
 }
 
+@keyframes loading {
+  0% {
+    @include transform(rotateZ(0));
+  }
+
+  100% {
+    @include transform(rotateZ(360deg));
+  }
+}
+
 /////// global classes
 .page {
   min-height: calc(100vh - 200px);
+  overflow: hidden;
 }
 
 .logo {
@@ -77,13 +92,76 @@ section {
   }
 }
 
+.offCanvas {
+  width: 100%;
+  position: fixed;
+  top: 140px;
+  right: -100%;
+  height: calc(100vh - 140px);
+  background: #fff;
+  z-index: 10;
+  overflow: scroll;
+  padding-bottom: 100px;
+  @include boxSizing(border-box);
+  @extend %defaultTransition;
+
+  &:lang(en) {
+    right: auto;
+    left: -100%;
+  }
+
+  &.header-small {
+    top: 90px;
+    height: calc(100vh - 90px);
+  }
+
+  &.active {
+    right: 0;
+
+    &:lang(en) {
+      right: auto;
+      left: 0;
+    }
+  }
+
+  .links {
+    padding: 25px;
+
+    ul {
+      li {
+        margin-bottom: 10px;
+
+        &.active {
+          a {
+            @include borderRadius(10px);
+            background: $red;
+            color: #fff;
+          }
+        }
+
+        &.title {
+          &.t2 {
+            margin-top: 30px;
+          }
+        }
+
+        a {
+          display: inline-block;
+          padding: 5px 10px;
+          @extend %defaultTransition;
+        }
+      }
+    }
+  }
+}
+
 .header {
   width: 100%;
   background: #fff;
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 5;
+  z-index: 11;
   @include boxShadow(0 4px 10px rgba(0, 0, 0, 0.07));
 
   .lang-bar {
@@ -181,10 +259,40 @@ section {
     li {
       text-align: right;
       padding: 30px 0;
+      width: auto;
       @extend %defaultTransition;
 
       &:not(:first-child) {
         margin: 0 50px;
+
+        @media (max-width: 1400px) {
+          & {
+            margin: 0 30px;
+          }
+        }
+        @media (max-width: 1100px) {
+          & {
+            margin: 0 20px;
+          }
+        }
+        @media (max-width: 920px) {
+          & {
+            margin: 0 15px;
+
+            a {
+              font-size: 15px;
+            }
+          }
+        }
+        @media (max-width: 810px) {
+          a {
+            font-size: 14px;
+
+            &:lang(en) {
+              font-size: 13px;
+            }
+          }
+        }
       }
 
       &.active {
@@ -251,6 +359,14 @@ section {
                   display: none;
                 }
               }
+
+              &.sub-menu-active {
+                background: $red;
+
+                a {
+                  color: #fff;
+                }
+              }
             }
           }
         }
@@ -290,6 +406,57 @@ section {
     }
   }
 
+  .mobile {
+    ul {
+      li {
+        margin: 0 !important;
+
+        &.menu {
+          display: flex;
+          justify-content: flex-end;
+          align-items: center;
+
+          #menuBtn {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            width: 25px;
+            height: 20px;
+            direction: ltr;
+            cursor: pointer;
+
+            .bars {
+              width: 100%;
+              height: 3px;
+              background: #000;
+              margin-bottom: 3px;
+              @extend %defaultTransition;
+            }
+
+            &.close {
+              .bars {
+                background: $red;
+
+                &.b1 {
+                  @include transform(rotate(45deg) translate(4px, 7px));
+                }
+
+                &.b2 {
+                  width: 0;
+                  opacity: 0;
+                }
+
+                &.b3 {
+                  @include transform(rotate(-45deg) translate(3px, -6px));
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
   &.header-small {
     .links {
       li {
@@ -473,13 +640,14 @@ section {
 
 .hero {
   position: relative;
+  overflow: hidden;
 
   .bg {
     width: 100%;
     height: 90vh;
     background-size: cover;
-    -webkit-background-size: cover;
     background-repeat: no-repeat;
+    -webkit-background-size: cover;
   }
 
   .txt {
@@ -541,6 +709,12 @@ section {
     border: 1px solid #fff;
     background: #fff;
     color: #000;
+
+    &:hover {
+      color: #fff;
+      background: $red;
+      border: 1px solid $red;
+    }
   }
 
 }
@@ -552,6 +726,14 @@ section {
   margin-top: -80px;
   z-index: 0;
   @include boxSizing(border-box);
+
+  @media (max-width: 992px) {
+    padding: 100px 15px !important;
+  }
+  @media (max-width: 575px) {
+    margin-left: -15px;
+    margin-right: -15px;
+  }
 }
 
 .title {
@@ -623,6 +805,12 @@ section {
     img {
       width: 100%;
     }
+
+    @media (max-width: 992px) {
+      & {
+        width: 100%;
+      }
+    }
   }
 }
 
@@ -655,6 +843,7 @@ section {
 
       p {
         color: red;
+        padding-right: 1%;
       }
     }
 
@@ -688,7 +877,9 @@ section {
     input, textarea {
       @extend %appearance;
       @extend %defaultTransition;
-      width: 100%;
+      width: 95%;
+      display: block;
+      margin: 0 auto;
       border: 2px solid transparent;
       border-bottom: 2px solid rgba(0, 0, 0, 0.1);
       outline: none;
@@ -746,14 +937,25 @@ section {
           &:lang(en) {
             right: auto;
             left: -30px;
+
+            @media (max-width: 992px) {
+              left: 10%;
+            }
           }
+
+          @media (max-width: 992px) {
+            right: 10%;
+          }
+        }
+
+        @media (max-width: 992px) {
+          width: 100%;
         }
       }
     }
   }
 }
 
-
 .filters {
   margin: 0 auto 50px;
 
@@ -790,3 +992,73 @@ section {
     }
   }
 }
+
+.page-load {
+  width: 100vw;
+  height: 100vh;
+  background: #fff;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 20;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  direction: ltr !important;
+  opacity: 0;
+  visibility: hidden;
+
+  svg {
+    width: 70px;
+  }
+
+  p {
+    color: $theme;
+  }
+}
+
+.pre-loader {
+  width: 100vw;
+  height: 100vh;
+  background: #fff;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 20;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  direction: ltr !important;
+
+  #preLoadserLogo {
+    width: 100px;
+    opacity: 0;
+  }
+
+  #loadingCircle {
+    width: 60px;
+    @include animation(loading 1.5s infinite);
+    position: absolute;
+    top: calc(50% - 30px);
+    left: calc(50% - 30px);
+    opacity: 1;
+  }
+
+  p {
+    opacity: 0;
+
+    span {
+      display: inline-block;
+      color: $theme;
+      font-size: 30px;
+      font-family: 'diodrum-bold';
+      font-weight: bold;
+    }
+
+    .tsWords {
+      margin-left: 10px;
+    }
+  }
+}
diff --git a/assets/sass/_pages.scss b/assets/sass/_pages.scss
index 99a82d4..d5908e7 100644
--- a/assets/sass/_pages.scss
+++ b/assets/sass/_pages.scss
@@ -27,63 +27,90 @@
 ///////////////////////////// home page
 .home--page {
 
-  #slider {
+  .slider-container {
     overflow: hidden;
 
-    .hero {
-      .bg {
-        //background-image: url("../img/home/hp-s1-i1.jpg");
-      }
+    #slider {
+      overflow: hidden;
 
-      .txt--home {
-        width: 400px;
-        height: 300px;
-        position: absolute;
-        bottom: 20%;
-        right: 200px;
+      .hero {
+        overflow: hidden;
 
-        &:lang(en) {
-          right: auto;
-          left: 200px;
+        .bg {
+          //background-image: url("../img/home/hp-s1-i1.jpg");
         }
 
-        h1 {
-          color: #fff;
+        .txt--home {
+          width: 400px;
+          height: 300px;
+          position: absolute;
+          bottom: 20%;
+          right: 200px;
+          padding: 0 15px;
+
+          @media (max-width: 768px) {
+            right: 0;
+          }
+
+          @media (max-width: 400px) {
+            width: 100%;
+          }
 
           &:lang(en) {
-            font-family: 'anton';
+            right: auto;
+            left: 200px;
+
+            @media (max-width: 768px) {
+              left: 0;
+            }
+          }
+
+          h1 {
+            color: #fff;
+
+            &:lang(en) {
+              font-family: 'anton';
+            }
+          }
+
+          p {
+            color: #fff;
+          }
+        }
+      }
+
+      .slick-dots {
+        bottom: 80px;
+
+        li {
+          button::before {
+            font-size: 10px;
+            color: $red;
+          }
+        }
+      }
+
+      .slick-arrow {
+        color: $red;
+        z-index: 5;
+
+        &.slick-prev {
+          left: 80px;
+
+          @media (max-width: 992px) {
+            left: 40px;
           }
         }
 
-        p {
-          color: #fff;
+        &.slick-next {
+          right: 80px;
+
+          @media (max-width: 992px) {
+            right: 40px;
+          }
         }
       }
     }
-
-    .slick-dots {
-      bottom: 80px;
-
-      li {
-        button::before {
-          font-size: 10px;
-          color: $red;
-        }
-      }
-    }
-
-    .slick-arrow {
-      color: $red;
-      z-index: 5;
-
-      &.slick-prev {
-        left: 80px;
-      }
-
-      &.slick-next {
-        right: 80px;
-      }
-    }
   }
 
   .s1 {
@@ -104,6 +131,13 @@
       em {
         line-height: 80px;
         font-size: 30px;
+        @extend %defaultTransition;
+      }
+
+      &:hover {
+        em {
+          color: $red;
+        }
       }
     }
 
@@ -112,11 +146,18 @@
     }
   }
 
-  .s1-2 {
+  .s2 {
     text-align: center;
+
+    @media (max-width: 1200px) {
+      .section-bg {
+        height: 450px;
+        object-fit: cover;
+      }
+    }
   }
 
-  .s2 {
+  .s3 {
     overflow-x: hidden;
 
     .panel {
@@ -124,7 +165,7 @@
     }
 
     .parts {
-      width: 100%;
+      //width: 100%;
 
       &.p1 {
         width: 100%;
@@ -153,9 +194,16 @@
         align-items: baseline;
       }
     }
+
+    @media (max-width: 1200px) {
+      .section-bg {
+        height: 450px;
+        object-fit: cover;
+      }
+    }
   }
 
-  .s3 {
+  .s4 {
     .panel {
       padding: 100px 100px 200px;
 
@@ -170,39 +218,59 @@
       margin-top: -100px;
       padding: 0 100px;
 
+      @media (max-width: 992px) {
+        & {
+          margin-top: 0;
+          padding: 0;
+        }
+      }
+
       .parts {
         &.p2 {
           text-align: center;
 
-          .imgBox {
+          .product {
+            display: block;
             background: #fff;
             padding-bottom: 20px;
             @extend %defaultBoxShadow;
-            margin-bottom: 30px;
+            height: 100%;
 
             p {
               margin-top: 20px;
             }
 
-            img {
-              width: 100%;
-              @include boxShadow(none);
+            .imgBox {
+              @extend %productHoverAnim;
+
+              img {
+                width: 100%;
+              }
             }
           }
         }
       }
     }
+
+    @media (max-width: 1200px) {
+      .section-bg {
+        height: 450px;
+        object-fit: cover;
+      }
+    }
   }
 
-  .s4 {
+  .s5 {
     position: relative;
+    padding-bottom: 0;
 
     .txt {
       max-width: 600px;
-      height: 300px;
+      //height: 300px;
       position: absolute;
-      top: 20%;
+      top: 50%;
       right: 200px;
+      @include transform(translateY(-50%));
 
       &:lang(en) {
         right: auto;
@@ -227,59 +295,27 @@
         margin-top: $mt;
         color: #fff;
       }
-    }
-  }
 
-  .s5 {
-    .panel {
-      background: $theme;
-      margin-top: 0;
+      @media (max-width: 992px) {
+        //top: 50%;
+        right: 0;
+        //@include transform(translateY(-50%));
+        max-width: 100%;
+        //height: auto;
+        padding: 0 15px;
 
-      .p1 {
-        text-align: center;
-
-        .title {
-          color: #fff;
-
-          &::after {
-            background: #fff;
-          }
-        }
-
-        p {
-          color: #fff;
+        &:lang(en) {
+          right: auto;
+          left: 0;
         }
       }
-
-      .form {
-        margin-top: 50px;
-
-        input, textarea {
-          border-bottom: 2px solid rgba(255, 255, 255, 0.5);
-          color: #fff;
-
-          &::placeholder {
-            color: rgba(255, 255, 255, 0.8);
-          }
-
-          &:focus {
-            @include boxShadow(0 0 5px rgba(#fff, 0.05));
-            border: 2px solid rgba(#fff, 0.1);
-          }
-        }
-      }
-
     }
 
-    .watermark {
-      text-align: center;
-      padding-top: 100px;
-
-      svg {
-        width: 100px;
-
-        path {
-          fill: rgba(0, 0, 0, 0.1);
+    @media (max-width: 1600px) {
+      & {
+        .section-bg {
+          height: 550px;
+          object-fit: cover;
         }
       }
     }
@@ -325,10 +361,31 @@
           color: $theme;
           font-family: 'diodrum-bold';
           font-size: 40px;
+
+          @media (max-width: 450px) {
+            font-size: 30px;
+          }
+
+          @media (max-width: 300px) {
+            font-size: 25px;
+          }
         }
 
         p {
           margin-top: 50px;
+          direction: rtl;
+
+          &:lang(en) {
+            direction: ltr;
+          }
+
+          @media (max-width: 992px) {
+            text-align: right;
+
+            &:lang(en) {
+              text-align: left;
+            }
+          }
         }
       }
 
@@ -343,6 +400,14 @@
       &.p4 {
         margin-bottom: 0;
         text-align: center;
+
+        @media (max-width: 992px) {
+          text-align: right;
+
+          &:lang(en) {
+            text-align: left;
+          }
+        }
       }
     }
   }
@@ -370,6 +435,10 @@
         &.active {
           border: 1px solid $red;
           background: $red;
+
+          span {
+            color: $red;
+          }
         }
 
         span {
@@ -378,6 +447,15 @@
           bottom: -40px;
           left: 50%;
           @include transform(translateX(-50%));
+          @extend %defaultTransition;
+        }
+
+        &:hover {
+          border: 1px solid $red;
+
+          span {
+            color: $red;
+          }
         }
       }
 
@@ -403,6 +481,10 @@
         justify-content: center;
         text-align: right;
 
+        &:lang(en) {
+          text-align: left;
+        }
+
         p {
           margin-top: 30px;
         }
@@ -451,6 +533,11 @@
         p {
           font-family: 'diodrum-bold';
         }
+
+        @media (max-width: 992px) {
+          text-align: center;
+          margin-top: 30px;
+        }
       }
 
       .img {
@@ -512,9 +599,14 @@
         justify-content: center;
         align-items: center;
         margin-top: 100px;
+        flex-wrap: wrap;
 
         img {
           margin: 0 20px;
+
+          @media (max-width: 768px) {
+            margin-bottom: 10px;
+          }
         }
       }
     }
@@ -533,6 +625,13 @@
         text-align: center;
       }
     }
+
+    @media (max-width: 1200px) {
+      .section-bg {
+        height: 450px;
+        object-fit: cover;
+      }
+    }
   }
 }
 
@@ -551,15 +650,25 @@
   .s2 {
     text-align: center;
 
+
     .product {
       display: block;
       background: #fff;
       padding-bottom: 30px;
       text-align: right;
+      height: 100%;
       @extend %defaultBoxShadow;
 
-      img {
-        width: 100%;
+      &:lang(en) {
+        text-align: left;
+      }
+
+      .imgBox {
+        @extend %productHoverAnim;
+
+        img {
+          width: 100%;
+        }
       }
 
       h4 {
@@ -569,12 +678,11 @@
 
       p {
         padding: 0 15px;
-        margin-top: 10px;
+        margin-top: 15px;
       }
     }
 
     .no-product {
-      width: 100%;
       background: $red;
       color: #fff;
       padding: 20px;
@@ -652,6 +760,7 @@
 
 ///////////////////////////// products page
 .product-details--page {
+
   .hero {
     .bg {
       background-image: url('../img/products/products-hero.jpg');
@@ -663,13 +772,24 @@
 
     .image-preview {
       background: $bg;
-      width: 100%;
+      //width: 100%;
       padding: 100px;
       @include transform(translateY(200px));
       @extend %defaultBoxShadow;
 
+      @media (max-width: 768px) {
+        padding: 0;
+      }
+
       img {
         width: 50%;
+
+        @media (max-width: 1200px) {
+          width: 80%;
+        }
+        @media (max-width: 992px) {
+          width: 100%;
+        }
       }
     }
 
@@ -768,6 +888,7 @@
         .files {
           display: flex;
           justify-content: center;
+          flex-wrap: wrap;
 
           .file {
             text-align: center;
@@ -874,6 +995,16 @@
 
 
     }
+
+    .no-project {
+      p {
+        background: $red;
+        color: #fff;
+        padding: 20px;
+        margin-top: 80px;
+        text-align: center;
+      }
+    }
   }
 
   .s2 {
@@ -921,13 +1052,31 @@
         padding-bottom: 30px;
         margin-top: 0;
 
+        @media (max-width: 1200px) {
+          padding-left: 15px;
+        }
+
+        @media (max-width: 992px) {
+          flex-wrap: wrap;
+          padding-top: 15px !important;
+          padding-bottom: 15px !important;
+        }
+
         .imgBox {
           flex-basis: 30%;
 
+          @media (max-width: 992px) {
+            flex-basis: 100%;
+          }
+
           .img {
             width: 140%;
             position: relative;
 
+            @media (max-width: 992px) {
+              width: 100%;
+            }
+
             &::before {
               content: '';
               display: block;
@@ -940,6 +1089,13 @@
               z-index: -1;
             }
 
+            &:lang(en) {
+              &::before {
+                right: auto;
+                left: -15px;
+              }
+            }
+
             img {
               width: 100%;
               height: 100%;
@@ -952,14 +1108,27 @@
           flex-basis: 70%;
           padding: 0 15px;
 
+          @media (max-width: 992px) {
+            flex-basis: 100%;
+          }
+
           .date-category {
             width: 100%;
             text-align: right;
             margin-bottom: 30px;
 
+            &:lang(en) {
+              text-align: left;
+            }
+
             .category {
               margin-left: 20px;
 
+              &:lang(en) {
+                margin-left: 0;
+                margin-right: 20px;
+              }
+
               span {
                 display: inline-block;
               }
@@ -969,6 +1138,14 @@
           .btn {
             float: left;
             margin-top: 50px !important;
+
+            @media (max-width: 1400px) {
+              margin-top: 40px !important;
+            }
+
+            @media (max-width: 1200px) {
+              margin-top: 30px !important;
+            }
           }
 
           h4 {
@@ -979,7 +1156,6 @@
     }
 
     .no-post {
-      width: 100%;
       background: $red;
       color: #fff;
       padding: 20px;
@@ -1036,6 +1212,52 @@
         }
       }
     }
+
+    .content {
+      direction: rtl;
+      text-align: right;
+
+      &:lang(en) {
+        direction: ltr;
+        text-align: left;
+      }
+
+      a {
+        color: blue;
+      }
+
+      p, a, span, b, ul, li, em, h1, h2, h3, h4, h5, h6, strong {
+        font-family: 'sahel', sans-serif;
+        direction: unset;
+        text-align: unset;
+
+        &:lang(en) {
+          font-family: 'diodrum';
+          direction: unset;
+          text-align: unset;
+        }
+
+        &[dir="ltr"] {
+          direction: ltr;
+          text-align: left;
+
+          p, a, span, b, ul, li, em, h1, h2, h3, h4, h5, h6, strong {
+            direction: ltr;
+            text-align: left;
+          }
+        }
+
+        &[dir="rtl"] {
+          direction: rtl;
+          text-align: right;
+
+          p, a, span, b, ul, li, em, h1, h2, h3, h4, h5, h6, strong {
+            direction: rtl;
+            text-align: right;
+          }
+        }
+      }
+    }
   }
 
   .s2 {
@@ -1071,6 +1293,11 @@
           i {
             color: $red;
             margin-left: 5px;
+
+            &:lang(en) {
+              margin-left: 0;
+              margin-right: 5px;
+            }
           }
         }
       }
@@ -1094,6 +1321,11 @@
           display: inline-block;
           margin-left: 20px;
 
+          &:lang(en) {
+            margin-left: 0;
+            margin-right: 20px;
+          }
+
           a {
             &:hover {
               i {
@@ -1177,6 +1409,16 @@
             }
           }
         }
+
+        .i1 {
+          width: 100%;
+          max-width: 325px;
+        }
+
+        .i2 {
+          width: 100%;
+          max-width: 768px;
+        }
       }
 
       h2 {
@@ -1225,3 +1467,169 @@
     }
   }
 }
+
+///////////////////////////// calculation page
+.calculation--page {
+  .hero {
+    .bg {
+      background-image: url('../img/calculation/hero.jpg');
+    }
+  }
+
+  .s1 {
+
+  }
+
+  .s2 {
+    .app {
+
+      .appTitle {
+        text-align: center;
+      }
+
+      .appMethod {
+        text-align: center;
+        margin-bottom: 50px;
+        background: $red;
+        padding: 15px;
+
+        span {
+          color: #fff;
+        }
+
+        .el-radio-button__orig-radio:checked + .el-radio-button__inner {
+          background-color: $darkGray;
+          border-color: $darkGray;
+          @include boxShadow(-1px 0 0 0 $darkGray);
+        }
+
+        .el-radio-button .el-radio-button__inner {
+          color: $red;
+        }
+
+        .el-radio-button.is-active .el-radio-button__inner {
+          color: #fff;
+        }
+      }
+
+      .appLayout {
+        padding: 55px;
+        background: $red;
+        height: 100%;
+        @include boxSizing(border-box);
+
+        @media (max-width: 1400px) {
+          padding: 55px 15px;
+        }
+
+        span, p, b, * {
+          color: #fff;
+        }
+
+        input {
+          color: $red;
+        }
+
+        button {
+          color: $red;
+
+          span {
+            color: $red;
+          }
+        }
+
+        .layoutTitle {
+          margin-bottom: 50px;
+        }
+
+        .class {
+          margin-bottom: 40px;
+
+          h4 {
+            margin-bottom: 15px;
+          }
+        }
+
+        .calculateBtn {
+          text-align: center;
+
+          .btn {
+            @include borderRadius(5px);
+
+            &:hover {
+              background: $darkGray;
+              color: #fff;
+            }
+          }
+        }
+
+        .el-radio {
+          margin-bottom: 15px;
+        }
+
+        .el-radio__input.is-checked .el-radio__inner {
+          background-color: $darkGray;
+          border-color: $darkGray;
+        }
+
+        .el-form-item__label {
+          @media (max-width: 600px) {
+            float: none !important;
+
+            &:lang(fa) {
+              float: none !important;
+            }
+          }
+        }
+
+        .el-form-item__content {
+          margin-left: 200px !important;
+
+          @media (max-width: 600px) {
+            margin-left: 0 !important;
+          }
+
+          &:lang(fa) {
+            margin-left: 0 !important;
+            margin-right: 200px !important;
+
+            @media (max-width: 600px) {
+              margin-right: 0 !important;
+            }
+          }
+        }
+
+        .el-input--suffix .el-input__inner {
+          padding-right: 15px;
+        }
+
+        .el-input__inner {
+          &::placeholder {
+            color: $darkGray;
+          }
+        }
+      }
+
+      .el-input {
+        //width: auto;
+        //
+        //@media (max-width: 600px) {
+        //  width: 100%;
+        //}
+      }
+
+      .el-select {
+        width: 100%;
+      }
+
+      .el-radio {
+        margin-right: 20px;
+
+        &:lang(fa) {
+          margin-right: 0;
+          margin-left: 20px;
+        }
+      }
+    }
+  }
+}
diff --git a/components/CustomersCommunication.vue b/components/CustomersCommunication.vue
index 364b599..50b8b62 100644
--- a/components/CustomersCommunication.vue
+++ b/components/CustomersCommunication.vue
@@ -1,9 +1,9 @@
 <template>
-	<section class="customers-communication">
+	<section class="customers-communication anim-fadeIn">
 		<div class="container clearfix">
 			<div class="panel">
 				<div class="row align-items-center">
-					<div class="col-6">
+					<div class="col-12 col-lg-6 mb-5 mb-lg-0">
 						<div class="imgBox imgBox-reverse">
 							<div class="img">
 								<div class="shape"></div>
@@ -11,7 +11,7 @@
 							</div>
 						</div>
 					</div>
-					<div class="col-6">
+					<div class="col-12 col-lg-6">
 						<h2 class="title title-shape">{{staticData.t1}}</h2>
 						<p>{{staticData.t2}}</p>
 						<nuxt-link :to="{name: 'lang-contact',params: {lang: $route.params.lang}}" class="btn btn-reverse-fill">{{staticData.link}}</nuxt-link>
diff --git a/components/Hero.vue b/components/Hero.vue
index c42d36c..e8359e9 100644
--- a/components/Hero.vue
+++ b/components/Hero.vue
@@ -1,7 +1,7 @@
 <template>
-	<div class="hero">
-		<div class="bg"></div>
-		<div class="txt">
+	<div class="hero anim-parallax-hero-container">
+		<div class="bg anim-parallax-hero"></div>
+		<div class="txt anim-parallax-hero-txt">
 			<div class="container">
 				<div class="row align-items-center">
 					<h2 class="col">{{title}}</h2>
@@ -12,13 +12,16 @@
 </template>
 
 <script>
+   import {parallaxAnimation_hero} from '~/mixins/animations'
+
    export default {
       props: {
          title: {
             required: true,
             type: String
          }
-      }
+      },
+      mixins: [parallaxAnimation_hero]
    }
 </script>
 
diff --git a/components/PageLoad.vue b/components/PageLoad.vue
new file mode 100644
index 0000000..dc93529
--- /dev/null
+++ b/components/PageLoad.vue
@@ -0,0 +1,6 @@
+<template>
+	<div class="page-load">
+		<logo/>
+		<p>Arak Rail Co.</p>
+	</div>
+</template>
diff --git a/components/PreLoader.vue b/components/PreLoader.vue
new file mode 100644
index 0000000..624879c
--- /dev/null
+++ b/components/PreLoader.vue
@@ -0,0 +1,47 @@
+<template>
+	<div class="pre-loader">
+		<logo id="preLoadserLogo"/>
+		<loading id="loadingCircle"/>
+		<p id="preLoaderTxt">Arak Rail Co.</p>
+	</div>
+</template>
+
+
+<script>
+   export default {
+      mounted() {
+         ////////////////////////////////// text split
+         function amirTxtSplit(txtID) {
+            var line = txtID.html(); // get the sentence
+            var parts = line.split(' ');
+            var word = '';
+            var letterSpans = '';
+            var wordSpans = '';
+            var i = '';
+            var j = '';
+            for (i = 0; i < parts.length; i++) {  // how many words
+               letterSpans = "";
+               word = parts[i];
+
+               for (j = 0; j < word.length; j++) { // how many letters in each words
+                  letterSpans += '<span class="tsLetters">' + word[j] + '</span>'   // creat a span for each letter
+               }
+               wordSpans += '<span class="tsWords">' + letterSpans + ' </span>'
+            }
+
+            txtID.html(wordSpans) // render the sentence
+         }
+
+         amirTxtSplit($('#preLoaderTxt'))
+
+         ////////////////////////////////// animation
+         this.$gsap.timeline({delay: 3})
+            .set($('#preLoaderTxt'), {opacity: 1})
+            .to($('#loadingCircle'), {autoAlpha: 0, duration: 0.4})
+            .fromTo($('#preLoadserLogo'), {scaleX: 0.7, opacity: 0}, {scaleX: 1, opacity: 1, duration: 0.3}, '+=0.2')
+            .fromTo($('#preLoaderTxt .tsLetters'), {x: 10, opacity: 0}, {x: 0, opacity: 1, duration: 0.5, stagger: 0.05})
+            .to($('#preLoadserLogo,#preLoaderTxt'), {opacity: 0, scale: 0.5, duration: 0.1}, '+=0.2')
+            .to($('.pre-loader'), {autoAlpha: 0, duration: 0.3})
+      }
+   }
+</script>
diff --git a/components/SiteFooterGlobal.vue b/components/SiteFooterGlobal.vue
index e4ac02c..0adad9f 100644
--- a/components/SiteFooterGlobal.vue
+++ b/components/SiteFooterGlobal.vue
@@ -2,7 +2,7 @@
 	<footer class="footer">
 		<div class="container">
 			<div class="row">
-				<div class="col-8 links">
+				<div class="col-12 col-md-8 mb-3 mb-md-0 links">
 					<logo/>
 					<div class="box">
 						<p><b>{{staticData.t1}}</b> <span>{{staticData.address}}</span></p>
@@ -14,7 +14,7 @@
 						</p>
 					</div>
 				</div>
-				<div class="col-4 social">
+				<div class="col-12 col-md-4 social">
 					<ul class="social-links">
 						<li>
 							<a href="" target="_blank">
diff --git a/components/SiteFooterHomePage.vue b/components/SiteFooterHomePage.vue
index f6afd40..9aa0ab2 100644
--- a/components/SiteFooterHomePage.vue
+++ b/components/SiteFooterHomePage.vue
@@ -2,7 +2,7 @@
 	<footer class="footer footer--home">
 		<div class="container">
 			<div class="row">
-				<div class="col-8 links">
+				<div class="xol-12 col-md-8 mb-5 mb-md-0 links">
 					<div class="logo">
 						<logo/>
 						<span>{{staticData.t6}}</span>
@@ -32,7 +32,7 @@
 						<p class="blue"><b>{{staticData.t4}}</b> <a :href="'mailto:' + staticData.email">{{staticData.email}}</a></p>
 					</div>
 				</div>
-				<div class="col-4 map">
+				<div class="xol-12 col-md-4 map">
 					<img src="~/assets/img/footer-map.jpg" alt="">
 					<p>{{staticData.t5}}</p>
 				</div>
diff --git a/components/SiteHeader.vue b/components/SiteHeader.vue
index 86c919e..663f67c 100644
--- a/components/SiteHeader.vue
+++ b/components/SiteHeader.vue
@@ -25,7 +25,8 @@
 		</div>
 		<div class="container-fluid">
 			<nav class="row align-items-center">
-				<div class="col-12 links">
+				<!-- desktop -->
+				<div class="col-12 d-none d-md-block links">
 					<div class="container-fluid">
 						<ul class="row justify-content-start">
 							<nuxt-link :to="{name: 'lang',params: {lang: $route.params.lang}}" tag="li" exact class="">
@@ -56,16 +57,16 @@
 								<a>{{staticData.tech_info}}</a>
 								<div class="drop-down">
 									<ul>
-										<li>
+										<li :class="$route.name === 'lang-tech-gTech' ? 'sub-menu-active' : null">
 											<nuxt-link :to="{name: 'lang-tech-gTech',params: {lang: $route.params.lang}}">{{staticData.ti_1}}</nuxt-link>
 										</li>
-										<li>
+										<li :class="$route.name === 'lang-tech-gStandard' ? 'sub-menu-active' : null">
 											<nuxt-link :to="{name: 'lang-tech-gStandard',params: {lang: $route.params.lang}}">{{staticData.ti_2}}</nuxt-link>
 										</li>
-										<li>
+										<li :class="$route.name === 'lang-tech-gDesign' ? 'sub-menu-active' : null">
 											<nuxt-link :to="{name: 'lang-tech-gDesign',params: {lang: $route.params.lang}}">{{staticData.ti_3}}</nuxt-link>
 										</li>
-										<li>
+										<li :class="$route.name === 'lang-tech-gUsage' ? 'sub-menu-active' : null">
 											<nuxt-link :to="{name: 'lang-tech-gUsage',params: {lang: $route.params.lang}}">{{staticData.ti_4}}</nuxt-link>
 										</li>
 									</ul>
@@ -80,6 +81,26 @@
 						</ul>
 					</div>
 				</div>
+				
+				<!-- mobile -->
+				<div class="col-12 d-md-none links mobile">
+					<div class="container-fluid">
+						<ul class="row">
+							<li class="col">
+								<nuxt-link :to="{name: 'lang',params: {lang: $route.params.lang}}" exact class="logo">
+									<Logo/>
+								</nuxt-link>
+							</li>
+							<li class="col menu">
+								<div id="menuBtn" @click="offCanvas">
+									<div class="bars b1"></div>
+									<div class="bars b2"></div>
+									<div class="bars b3"></div>
+								</div>
+							</li>
+						</ul>
+					</div>
+				</div>
 			</nav>
 		</div>
 	</header>
@@ -99,6 +120,19 @@
       computed: {
          staticData() {
             return this.$store.state.staticData.header[this.$route.params.lang]
+         },
+         offCanvasLiTL() {
+            if (process.server) return null
+            else return this.$gsap.timeline({delay: 0.3, paused: true})
+               .fromTo($('.offCanvas ul li'), {
+                  x: this.$route.params.lang === 'fa' ? 10 : -10,
+                  opacity: 0
+               }, {
+                  x: 0,
+                  opacity: 1,
+                  duration: 0.4,
+                  stagger: 0.03
+               })
          }
       },
       methods: {
@@ -108,21 +142,35 @@
          tech_info() {
             const el = $('.tech_info .drop-down')
             if (el.height() === 0) {
-               el.css({height: $('.tech_info .drop-down ul').height() + 10})
+               el.css({height: $('.tech_info .drop-down ul').height()})
             } else {
                el.css({height: 0})
             }
+         },
+         offCanvas() {
+            if ($('.offCanvas').hasClass('active')) this.offCanvasLiTL.reverse()
+            else this.offCanvasLiTL.play()
+            $('#menuBtn').toggleClass('close')
+            $('.offCanvas').toggleClass('active')
+            $('body').toggleClass('offCanvas-active')
          }
       },
       mounted() {
          /////////////////////////////////////////////////////////// small header
          $(window).scroll(function (e) {
             if ($(window).scrollTop() > 50) {
-               $('.header').addClass('header-small')
+               $('.header,.offCanvas').addClass('header-small')
             } else {
-               $('.header').removeClass('header-small')
+               $('.header,.offCanvas').removeClass('header-small')
             }
          })
+         /////////////////////////////////// offCanvas menu links
+         $('.offCanvas ul li').click(() => {
+            this.offCanvas()
+         })
+         $('.header .lang-bar a').click(() => {
+            if ($('.offCanvas').hasClass('active')) this.offCanvas()
+         })
       }
    }
 </script>
diff --git a/components/admin/AdminAside.vue b/components/admin/AdminAside.vue
index 1a5168d..3aff813 100644
--- a/components/admin/AdminAside.vue
+++ b/components/admin/AdminAside.vue
@@ -16,6 +16,8 @@
 		
 		<admin-aside-item icon="fas fa-bags-shopping" :link="{name: 'admin-projects'}" text="پروژه ها"/>
 		
+		<admin-aside-item icon="fas fa-history" :link="{name: 'admin-history'}" text="تاریخچه"/>
+		
 		<admin-aside-item icon="fas fa-envelope" :badge="$store.state.admin.unread" :link="{name: 'admin-messages'}" text="پیام های ارتباط با ما"/>
 		
 		<admin-aside-item icon="fas fa-file-pdf" :link="{name: 'admin-catalog'}" text="آپلود فایل کاتالوگ"/>
diff --git a/components/icons/loading.vue b/components/icons/loading.vue
new file mode 100644
index 0000000..154e4e7
--- /dev/null
+++ b/components/icons/loading.vue
@@ -0,0 +1,35 @@
+<template>
+	<svg style="display: block;" viewBox="0 0 107 107" xmlns="http://www.w3.org/2000/svg">
+		<g>
+			<path fill="#595959" opacity="1.00"
+					d=" M 57.60 7.27 C 63.10 5.30 69.36 10.20 69.00 15.97 C 69.02 20.95 64.07 25.15 59.17 24.42 C 54.95 23.97 51.44 20.13 51.37 15.89 C 51.21 12.05 53.97 8.42 57.60 7.27 Z"/>
+		</g>
+		<g>
+			<path fill="#757575" opacity="1.00"
+					d=" M 32.51 12.32 C 35.31 11.68 38.42 12.62 40.30 14.81 C 42.72 17.47 43.08 21.77 41.03 24.74 C 39.24 27.54 35.62 28.99 32.40 28.15 C 28.79 27.30 25.99 23.78 26.13 20.06 C 26.15 16.41 28.94 13.04 32.51 12.32 Z"/>
+		</g>
+		<g>
+			<path fill="#515151" opacity="1.00"
+					d=" M 81.46 19.45 C 85.25 18.77 89.29 20.74 91.15 24.10 C 93.41 27.94 92.51 33.32 89.01 36.11 C 86.05 38.64 81.52 38.98 78.19 36.99 C 74.69 35.03 72.76 30.68 73.68 26.77 C 74.49 23.06 77.69 20.01 81.46 19.45 Z"/>
+		</g>
+		<g>
+			<path fill="#8e8e8e" opacity="1.00"
+					d=" M 15.52 33.13 C 19.14 32.04 23.33 34.20 24.49 37.81 C 26.07 41.76 23.47 46.54 19.42 47.64 C 15.33 48.93 10.61 45.90 9.96 41.69 C 9.27 37.96 11.88 34.07 15.52 33.13 Z"/>
+		</g>
+		<g>
+			<path fill="#9a9a9a" opacity="1.00"
+					d=" M 15.54 60.09 C 18.94 58.93 22.86 61.16 23.88 64.54 C 25.20 68.48 22.18 73.18 18.02 73.50 C 14.29 73.94 10.81 70.63 10.72 66.95 C 10.45 63.88 12.62 60.94 15.54 60.09 Z"/>
+		</g>
+		<g>
+			<path fill="#e7e7e7" opacity="1.00" d=" M 80.58 74.26 C 83.19 73.04 87.16 74.12 87.70 77.26 C 88.34 80.85 84.12 84.36 80.81 82.39 C 77.55 80.97 76.78 75.55 80.58 74.26 Z"/>
+		</g>
+		<g>
+			<path fill="#bebebe" opacity="1.00"
+					d=" M 31.57 81.23 C 34.38 79.87 38.21 80.85 39.73 83.65 C 41.40 86.61 40.23 90.88 37.05 92.30 C 34.02 93.88 29.83 92.47 28.56 89.25 C 27.22 86.33 28.60 82.51 31.57 81.23 Z"/>
+		</g>
+		<g>
+			<path fill="#cecece" opacity="1.00"
+					d=" M 58.43 86.21 C 61.03 85.24 64.33 86.66 65.19 89.36 C 66.28 92.49 64.08 96.35 60.75 96.80 C 58.14 97.19 55.50 95.28 54.90 92.74 C 54.15 90.08 55.81 87.06 58.43 86.21 Z"/>
+		</g>
+	</svg>
+</template>
diff --git a/components/offCanvas.vue b/components/offCanvas.vue
new file mode 100644
index 0000000..b701734
--- /dev/null
+++ b/components/offCanvas.vue
@@ -0,0 +1,63 @@
+<template>
+	<div class="offCanvas">
+		<div class="links">
+			<ul>
+				<li class="title">
+					<h2>{{staticData.mainLinks}}</h2>
+				</li>
+				<nuxt-link :to="{name: 'lang',params: {lang: $route.params.lang}}" tag="li" exact class="">
+					<a>{{staticData.home}}</a>
+				</nuxt-link>
+				<nuxt-link :to="{name: 'lang-about',params: {lang: $route.params.lang}}" tag="li" exact class="">
+					<a>{{staticData.about}}</a>
+				</nuxt-link>
+				<nuxt-link :to="{name: 'lang-services',params: {lang: $route.params.lang}}" tag="li" exact class="">
+					<a>{{staticData.services}}</a>
+				</nuxt-link>
+				<nuxt-link :to="{name: 'lang-products',params: {lang: $route.params.lang}}" tag="li" class="">
+					<a>{{staticData.products}}</a>
+				</nuxt-link>
+				<nuxt-link :to="{name: 'lang-projects',params: {lang: $route.params.lang}}" tag="li" exact class="">
+					<a>{{staticData.projects}}</a>
+				</nuxt-link>
+				<nuxt-link :to="{name: 'lang-blog',params: {lang: $route.params.lang}}" tag="li" class="">
+					<a>{{staticData.blog}}</a>
+				</nuxt-link>
+				<nuxt-link :to="{name: 'lang-contact',params: {lang: $route.params.lang}}" tag="li" exact class="">
+					<a>{{staticData.contact}}</a>
+				</nuxt-link>
+				<li class="title t2">
+					<h2>{{staticData.techLinks}}</h2>
+				</li>
+				<!-- technical information -->
+				<nuxt-link :to="{name: 'lang-tech-gTech',params: {lang: $route.params.lang}}" tag="li">
+					<a>{{staticData.ti_1}}</a>
+				</nuxt-link>
+				
+				<nuxt-link :to="{name: 'lang-tech-gStandard',params: {lang: $route.params.lang}}" tag="li">
+					<a>{{staticData.ti_2}}</a>
+				</nuxt-link>
+				
+				<nuxt-link :to="{name: 'lang-tech-gDesign',params: {lang: $route.params.lang}}" tag="li">
+					<a>{{staticData.ti_3}}</a>
+				</nuxt-link>
+				
+				<nuxt-link :to="{name: 'lang-tech-gUsage',params: {lang: $route.params.lang}}" tag="li">
+					<a>{{staticData.ti_4}}</a>
+				</nuxt-link>
+				<!-- technical information -->
+			</ul>
+		</div>
+	</div>
+</template>
+
+
+<script>
+   export default {
+      computed: {
+         staticData() {
+            return this.$store.state.staticData.header[this.$route.params.lang]
+         }
+      }
+   }
+</script>
diff --git a/layouts/default.vue b/layouts/default.vue
index 60f908d..486d138 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -2,8 +2,11 @@
 	<div>
 		<SiteHeader/>
 		<nuxt/>
-		<SiteFooterHomePage v-if="this.$route.name === 'lang'"></SiteFooterHomePage>
-		<SiteFooterGlobal v-else></SiteFooterGlobal>
+		<SiteFooterHomePage v-if="this.$route.name === 'lang'"/>
+		<SiteFooterGlobal v-else/>
+		<off-canvas/>
+		<page-load/>
+		<pre-loader/>
 	</div>
 </template>
 
@@ -11,6 +14,23 @@
 <script>
    export default {
       mounted() {
+         ////////////////////////////////////////// global router guards
+         this.$router.beforeEach((to, from, next) => {
+            this.$gsap.timeline({
+               onComplete: () => {
+                  next()
+               }
+            })
+               .to($('.page-load'), {autoAlpha: 1, duration: 0.3})
+               .fromTo($('.page-load svg'), {opacity: 0, scale: 1, y: 10}, {opacity: 1, y: 0, duration: 0.15})
+               .fromTo($('.page-load p'), {opacity: 0, scale: 1, y: 10}, {opacity: 1, y: 0, duration: 0.15})
+         })
+
+         this.$router.afterEach((to, from) => {
+            this.$gsap.timeline({delay: 0.3})
+               .to($('.page-load p,.page-load svg'), {opacity: 0, scale: 0.5, duration: 0.15})
+               .to($('.page-load'), {autoAlpha: 0, duration: 0.5})
+         })
       },
       head() {
          return {
diff --git a/mixins/animations.js b/mixins/animations.js
new file mode 100644
index 0000000..6739c2c
--- /dev/null
+++ b/mixins/animations.js
@@ -0,0 +1,77 @@
+export const fadeInAnimation = {
+   mounted() {
+      /////////////////////////////////////// class 1 animation
+      const fadeInElements = $('.anim-fadeIn')
+
+      Object.keys(fadeInElements).forEach((item, index) => {
+         if (index < fadeInElements.length) {
+            this.$gsap.timeline({
+               scrollTrigger: {
+                  trigger: $(fadeInElements[item]),
+                  start: 'top 90%'
+               }
+            })
+               .from($(fadeInElements[item]), {y: 10, opacity: 0, duration: 0.7})
+         }
+      })
+   }
+}
+
+
+export const stretchAnimation = {
+   mounted() {
+      /////////////////////////////////////// class 1 animation
+      const stretchElements = $('.anim-stretch')
+
+      Object.keys(stretchElements).forEach((item, index) => {
+         if (index < stretchElements.length) {
+            this.$gsap.timeline({
+               scrollTrigger: {
+                  trigger: $(stretchElements[item]),
+                  start: 'top 80%'
+               }
+            })
+               .from($(stretchElements[item]), {scaleY: 1.2, duration: 0.3})
+         }
+      })
+   }
+}
+
+
+export const parallaxAnimation_hero = {
+   mounted() {
+      /////////////////////////////////////// parallax animation
+      this.$gsap.timeline({
+         scrollTrigger: {
+            trigger: $('.anim-parallax-hero'),
+            start: 'top 0%',
+            scrub: true
+         }
+      })
+         .to($('.anim-parallax-hero'), {y: '40%', duration: 1})
+         .to($('.anim-parallax-hero-txt'), {y: '25%', duration: 1}, 0)
+         .to($('.anim-parallax-hero-container'), {y: '15%', duration: 1}, 0)
+   }
+}
+
+
+export const parallaxAnimation = {
+   mounted() {
+      /////////////////////////////////////// parallax animation
+      const parallaxElements = $('.anim-parallax')
+
+      Object.keys(parallaxElements).forEach((item, index) => {
+         if (index < parallaxElements.length) {
+            this.$gsap.timeline({
+               scrollTrigger: {
+                  trigger: $(parallaxElements[item]),
+                  start: 'top 50%',
+                  end: 'bottom 0%',
+                  scrub: true
+               }
+            })
+               .to($(parallaxElements[item]), {y: '30%', duration: 1})
+         }
+      })
+   }
+}
diff --git a/nuxt.config.js b/nuxt.config.js
index ae44ab0..1a3fed7 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -6,7 +6,8 @@ export default {
       meta: [
          {charset: 'utf-8'},
          {name: 'viewport', content: 'width=device-width, initial-scale=1'},
-         {hid: 'description', name: 'description', content: ''}
+         {hid: 'description', name: 'description', content: ''},
+         {name: 'theme-color', content: '#303030'},
       ],
       link: [
          {rel: 'icon', type: 'image/x-icon', href: '/favicon.png'}
@@ -21,7 +22,8 @@ export default {
       'slick-carousel/slick/slick.css',
       'slick-carousel/slick/slick-theme.css',
       'element-ui/lib/theme-chalk/index.css',
-      '~/assets/css/bootstrap-grid-customized.css',
+      '~/assets/css/bootstrap-grid.css',
+      '~/assets/css/reset-css.css',
       '~/assets/css/fontawesome/css/all.min.css',
       '~/assets/sass/main.scss'
    ],
@@ -31,7 +33,7 @@ export default {
       '@/plugins/element-ui',
       '@/plugins/ckEditor.client',
       '@/plugins/datePicker.client',
-      '@/plugins/gsap'
+      '@/plugins/gsap.client'
    ],
 
    // Auto import components (https://go.nuxtjs.dev/config-components)
diff --git a/pages/_lang/about/index.vue b/pages/_lang/about/index.vue
index 7077c29..b420d5d 100644
--- a/pages/_lang/about/index.vue
+++ b/pages/_lang/about/index.vue
@@ -10,11 +10,11 @@
 						<p>{{staticData.s1.t2}}</p>
 					</div>
 					<div class="parts p2 row">
-						<div class="col-6">
+						<div class="col-12 col-lg-6 order-1 order-lg-0">
 							<p>{{staticData.s1.t3}}</p>
 						</div>
-						<div class="col-6">
-							<div class="imgBox">
+						<div class="col-12 col-lg-6 order-0 order-lg-1 mb-5 mb-lg-0">
+							<div class="imgBox anim-fadeIn">
 								<div class="img">
 									<div class="shape"></div>
 									<img src="~/assets/img/about/about-s1-i1.jpg" alt="">
@@ -23,15 +23,15 @@
 						</div>
 					</div>
 					<div class="parts p3 row">
-						<div class="col-6">
-							<div class="imgBox imgBox-reverse">
+						<div class="col-12 col-lg-6 mb-5 mb-lg-0">
+							<div class="imgBox imgBox-reverse anim-fadeIn">
 								<div class="img">
 									<div class="shape reverse"></div>
 									<img src="~/assets/img/about/about-s1-i2.jpg" alt="">
 								</div>
 							</div>
 						</div>
-						<div class="col-6">
+						<div class="col-12 col-lg-6">
 							<p>{{staticData.s1.t4}}</p>
 						</div>
 					</div>
@@ -44,45 +44,33 @@
 			</div>
 		</section>
 		
-		<section class="s2">
+		<section class="s2" v-if="history.length">
 			<div class="container">
 				<div class="row">
 					<div class="col-12">
 						<h2 class="title title-shape-center">{{staticData.s2.t1}}</h2>
 					</div>
 					<div class="col-12">
-						<div class="timeline">
-							<div class="circle active">
-								<span>1370</span>
-							</div>
-							<div class="line active"></div>
-							<div class="circle active">
-								<span>1375</span>
-							</div>
-							<div class="line"></div>
-							<div class="circle">
-								<span>1385</span>
-							</div>
-							<div class="line"></div>
-							<div class="circle">
-								<span>1395</span>
-							</div>
-							<div class="line"></div>
-							<div class="circle">
-								<span>1396</span>
-							</div>
+						<div class="timeline anim-fadeIn">
+							
+							<template v-for="(item,index) in history">
+								<div class="circle" :key="item._id" :class="!index ? 'active' : null" :data-c-n="index" @click="activeHistory(item,index)">
+									<span>{{mDate(item.year)}}</span>
+								</div>
+								<div class="line" :key="item._id + 1" :data-l-n="index" v-if="index < history.length - 1"></div>
+							</template>
 						</div>
-						<div class="timeline-content">
+						<div class="timeline-content anim-fadeIn">
 							<div class="row">
-								<div class="col-6">
+								<div class="col-12 col-md-6 order-1 order-md-0">
 									<div class="txtBox">
-										<h5>{{staticData.s2.t2}}</h5>
-										<p>{{staticData.s2.t3}}</p>
+										<h5 ref="title">{{history[0].history_details[$route.params.lang].title}}</h5>
+										<p ref="caption">{{history[0].history_details[$route.params.lang].caption}}</p>
 									</div>
 								</div>
-								<div class="col-6">
-									<div class="imgBox">
-										<img src="~/assets/img/about/timeline-i1.jpg" alt="">
+								<div class="col-12 col-md-6 order-0 order-md-1 mb-3 mb-md-0">
+									<div class="imgBox" v-if="history.length">
+										<img ref="image" :src="history[0].image" :alt="history[0].history_details[$route.params.lang].title">
 									</div>
 								</div>
 							</div>
@@ -101,12 +89,12 @@
 		
 		<section class="s4">
 			<div class="container">
-				<div v-for="(item , index) in staticData.s4" class="panel" :class="'p'+(index+1)">
+				<div v-for="(item , index) in staticData.s4" class="panel anim-fadeIn" :class="'p'+(index+1)">
 					<div class="row">
-						<div class="col-5 img">
+						<div class="col-12 col-lg-5 img">
 							<img :src="require('~/assets/img/about/'+ item.img)" alt="">
 						</div>
-						<div class="col-7 txt">
+						<div class="col-12 col-lg-7 txt">
 							<p>{{item.title}}</p>
 							<a :href="item.link.url" class="btn btn-primary" target="_blank">{{item.link.txt}}</a>
 						</div>
@@ -120,11 +108,60 @@
 
 
 <script>
+   import moment from 'moment-jalaali'
+   import {fadeInAnimation} from '~/mixins/animations'
+
    export default {
+      data() {
+         return {
+            history: null
+         }
+      },
       computed: {
          staticData() {
             return this.$store.state.staticData.about[this.$route.params.lang]
          }
+      },
+      mixins: [fadeInAnimation],
+      methods: {
+         activeHistory(item, index) {
+            for (let i = 0; i < this.history.length; i++) {
+               i > index ? $(`.circle[data-c-n="${i}"]`).removeClass('active') : null
+               i > index ? $(`.line[data-l-n="${i - 1}"]`).removeClass('active') : null
+
+               i < index ? $(`.circle[data-c-n="${i + 1}"]`).addClass('active') : null
+               i < index ? $(`.line[data-l-n="${i}"]`).addClass('active') : null
+            }
+
+            this.$gsap.timeline({
+               yoyo: true,
+               repeat: 1
+            }).to([this.$refs.image, this.$refs.title, this.$refs.caption],
+               {
+                  opacity: 0,
+                  duration: 0.1,
+                  onComplete: () => {
+                     this.$refs.image.src = item.image
+                     this.$refs.title.textContent = item.history_details[this.$route.params.lang].title
+                     this.$refs.caption.textContent = item.history_details[this.$route.params.lang].caption
+                  }
+               })
+         },
+         mDate(date) {
+            if (this.$route.params.lang === 'en') return moment().jYear(date).year()
+            else return date
+         }
+      },
+      head() {
+         return {
+            title: this.staticData.hero
+         }
+      },
+      async asyncData({$axios}) {
+         const history = await $axios.get(`/api/public/history`)
+         return {
+            history: history.data
+         }
       }
    }
 </script>
diff --git a/pages/_lang/blog/_post.vue b/pages/_lang/blog/_post.vue
index 51bafea..533057a 100644
--- a/pages/_lang/blog/_post.vue
+++ b/pages/_lang/blog/_post.vue
@@ -79,6 +79,11 @@
             else return date.split(' ')[0]
          },
       },
+      head() {
+         return {
+            title: this.post.post_details[this.$route.params.lang].title
+         }
+      },
       async asyncData({$axios, params}) {
          const post = await $axios.get(`/api/public/blog/${params.post}`)
          const blogCategories = await $axios.get(`/api/public/blogCategories`)
diff --git a/pages/_lang/blog/index.vue b/pages/_lang/blog/index.vue
index c4c085f..6042064 100644
--- a/pages/_lang/blog/index.vue
+++ b/pages/_lang/blog/index.vue
@@ -13,11 +13,11 @@
 			<div class="container">
 				<div class="row">
 					<div class="col-12">
-						<div class="filters">
+						<div class="filters anim-fadeIn">
 							<h2 class="title">{{staticData.t3}}</h2>
 							<ul>
 								<li @click="filtering(false)">
-									<p class="active">همه</p>
+									<p class="active">{{staticData.t7}}</p>
 								</li>
 								<li v-for="item in blogCategories" :key="item._id" @click="filtering(item._id)">
 									<p>{{item.blogCategory_details[$route.params.lang].name}}</p>
@@ -31,9 +31,9 @@
 		
 		<section class="s3">
 			<div class="container">
-				<div class="row" v-if="filtered_posts.length">
+				<div class="row posts-container" v-if="filtered_posts.length">
 					
-					<div class="col-12 clearfix post" v-for="item in filtered_posts" :key="item._id">
+					<div class="col-12 col-sm-6 col-lg-12 clearfix post anim-fadeIn" v-for="item in filtered_posts" :key="item._id">
 						<div class="panel">
 							<div class="imgBox imgBox-reverse">
 								<div class="img">
@@ -58,7 +58,7 @@
 				</div>
 				<div class="row" v-else>
 					<div class="col-12">
-						<p class="no-post">هیچ پستی در این دسته بندی موجود نمیباشد.</p>
+						<p class="no-post posts-container anim-fadeIn">{{staticData.t6}}</p>
 					</div>
 				</div>
 			</div>
@@ -68,6 +68,7 @@
 
 <script>
    import moment from 'moment-jalaali'
+   import {fadeInAnimation} from "~/mixins/animations"
 
    export default {
       data() {
@@ -95,9 +96,27 @@
             else return date.split(' ')[0]
          },
          filtering(key) {
-            this.filter = key
             $('.blog--page .filters p').removeClass('active')
             $(event.target).addClass('active')
+
+            this.$gsap.timeline({
+               yoyo: true,
+               repeat: 1
+            })
+               .to($('.blog--page .posts-container'),
+                  {
+                     opacity: 0,
+                     duration: 0.3,
+                     onComplete: () => {
+                        this.filter = key
+                     }
+                  })
+         }
+      },
+      mixins: [fadeInAnimation],
+      head() {
+         return {
+            title: this.staticData.hero
          }
       },
       async asyncData({$axios, store}) {
diff --git a/pages/_lang/calculation/index.vue b/pages/_lang/calculation/index.vue
new file mode 100644
index 0000000..dc7dda3
--- /dev/null
+++ b/pages/_lang/calculation/index.vue
@@ -0,0 +1,224 @@
+<template>
+	<div class="page calculation--page">
+		<Hero title="نرم افزار محاسبه"/>
+		<section class="s1">
+			<div class="container">
+				<div class="panel">
+					<h2 class="title">وزن گریتینگ</h2>
+					<p>بدلیل این که وزن گریتینگ ها به واسطه مواردی همچون مشخصات فنی یا همان دیتیل ساخت از جمله نوع گریتینگ،جنس تسمه و اندازه چشمه ها متغیر است،بدین منظور جهت راحتی و سهولت در انجام کار شما مشتری گرامی، شرکت اراک ریل نرم افزار محاسبه وزن و میزان بار قابل تحمل را برای گریتینگ طراحی و در این صفحه قرار داده است.که با داشتن مشخصات فنی گریتینگ مورد نظر خود می‌توانید وزن گریتینگ خود را همراه با گالوانیزه و یا بدون گالوانیزه محاسبه کنید.</p>
+				</div>
+			</div>
+		</section>
+		
+		<section class="s2">
+			<div class="container">
+				<div class="row">
+					
+					<div class="app m-auto" :class="app.method === 'a' ? 'col-12 col-lg-6' : 'col-12'">
+						<div class="container-fluid">
+							<div class="row">
+								
+								<div class="col-12">
+									<div class="appTitle">
+										<h2 class="title">ظرفیت بارگیری گریتینگ خود را محاسبه کنید</h2>
+									</div>
+									<div class="appMethod">
+										<span>روش محاسبه</span>
+										<el-radio-group v-model="app.method" style="direction: ltr">
+											<el-radio-button label="b">نفر یا وسیله نقلیه</el-radio-button>
+											<el-radio-button label="a">وارد کردن بار</el-radio-button>
+										</el-radio-group>
+									</div>
+								</div>
+								
+								<div class="col-12 col-lg-6 mb-5 mb-lg-0" v-if="app.method === 'b'">
+									<div class="appLayout">
+										<h2 class="layoutTitle">انتخاب کلاس لودینگ</h2>
+										<div class="class">
+											<h4>عابر پیاده:</h4>
+											<el-radio v-model="app.class" :label="1">کلاس 1</el-radio>
+										</div>
+										<div class="class">
+											<h4>وسایل نقلیه:</h4>
+											<el-radio v-model="app.class" :label="2">کلاس 2</el-radio>
+											<el-radio v-model="app.class" :label="3">کلاس 3</el-radio>
+											<el-radio v-model="app.class" :label="4">کلاس 4</el-radio>
+										</div>
+										<div class="class">
+											<h4>لیفتراک:</h4>
+											<el-radio v-model="app.class" :label="5">FL1</el-radio>
+											<el-radio v-model="app.class" :label="6">FL2</el-radio>
+											<el-radio v-model="app.class" :label="7">FL3</el-radio>
+											<el-radio v-model="app.class" :label="8">FL4</el-radio>
+											<el-radio v-model="app.class" :label="9">FL5</el-radio>
+											<el-radio v-model="app.class" :label="10">FL6</el-radio>
+										
+										</div>
+									</div>
+								</div>
+								
+								<div :class="app.method === 'a' ? 'col-12' : 'col-12 col-lg-6'">
+									<div class="appLayout">
+										<h2 class="layoutTitle">اطلاعات ورودی</h2>
+										<el-form key="form-a">
+											<el-form-item label="نوع گریتینگ">
+												<el-radio-group v-model="app.type">
+													<el-radio label="elec">الکتروفورج</el-radio>
+													<el-radio label="press">پرسی</el-radio>
+												</el-radio-group>
+											</el-form-item>
+											
+											<el-form-item label="بار متمرکز (kn)">
+												<el-input v-model="app.pointLoad" placeholder="وارد کنید"></el-input>
+												<!--												<span>kn</span>-->
+											</el-form-item>
+											
+											<el-form-item label="بار گسترده (kn/m2)">
+												<el-input v-model="app.distributedLoad" placeholder="وارد کنید"></el-input>
+												<!--												<span>kn/m2</span>-->
+											</el-form-item>
+											
+											<el-form-item label="گام تسمه های باربر (mm)">
+												
+												<el-select v-model="app.bearingBarPitch" key="bearingBarPitch_elec" v-if="app.type === 'elec'" placeholder="انتخاب کنید">
+													<el-option
+														v-for="item in bearingBarPitch_elec"
+														:key="item"
+														:label="item"
+														:value="item">
+													</el-option>
+												</el-select>
+												
+												<el-select v-model="app.bearingBarPitch" key="bearingBarPitch_press" v-if="app.type === 'press'" placeholder="انتخاب کنید">
+													<el-option
+														v-for="item in bearingBarPitch_press"
+														:key="item"
+														:label="item"
+														:value="item">
+													</el-option>
+												</el-select>
+												
+												<!--												<span>mm</span>-->
+											
+											</el-form-item>
+											<el-form-item label="گام تسمه های رابط (mm)">
+												
+												<el-select v-model="app.crossBarPitCh" key="bearingBarPitch_elec" v-if="app.type === 'elec'" placeholder="انتخاب کنید">
+													<el-option
+														v-for="item in crossBarPitCh_elec"
+														:key="item"
+														:label="item"
+														:value="item">
+													</el-option>
+												</el-select>
+												
+												<el-select v-model="app.crossBarPitCh" key="bearingBarPitch_press" v-if="app.type === 'press'" placeholder="انتخاب کنید">
+													<el-option
+														v-for="item in crossBarPitCh_press"
+														:key="item"
+														:label="item"
+														:value="item">
+													</el-option>
+												</el-select>
+												
+												<!--												<span>mm</span>-->
+											
+											</el-form-item>
+											<el-form-item label="دهنه باربر (mm)">
+												<el-input v-model="app.clearSpan" placeholder="وارد کنید"></el-input>
+												<!--												<span>mm</span>-->
+											</el-form-item>
+											
+											<el-form-item label="ضخامت تسمه های باربر (mm)">
+												<el-input v-model="app.bearingBarThickness" placeholder="وارد کنید"></el-input>
+												<!--												<span>mm</span>-->
+											</el-form-item>
+											
+											<el-form-item label="ارتفاع تسمه های باربر (mm)">
+												<el-select v-model="app.bearingBarHeight" key="bearingBarHeight" placeholder="انتخاب کنید">
+													<el-option
+														v-for="item in bearingBarHeight"
+														:key="item"
+														:label="item"
+														:value="item">
+													</el-option>
+												</el-select>
+												<!--												<span>mm</span>-->
+											</el-form-item>
+											<div class="calculateBtn">
+												<!--												<el-button>محاسبه</el-button>-->
+												<button class="btn btn-reverse-fill">محاسبه</button>
+											</div>
+										</el-form>
+									</div>
+								</div>
+							
+							</div>
+						</div>
+					</div>
+				
+				</div>
+			</div>
+		</section>
+	</div>
+</template>
+
+
+<script>
+   import moment from 'moment-jalaali'
+   import {fadeInAnimation} from '~/mixins/animations'
+
+   export default {
+      data() {
+         return {
+            history: null,
+            app: {
+               method: 'a',
+               type: 'elec',
+               class: '',
+               pointLoad: '',
+               distributedLoad: '',
+               bearingBarPitch: '',
+               crossBarPitCh: '',
+               clearSpan: '',
+               bearingBarThickness: '',
+               bearingBarHeight: '',
+               locale: this.$route.params.lang
+            },
+            bearingBarPitch_elec: [30, 35, 41, 50],
+            bearingBarPitch_press: [11, 22, 33, 44, 50, 55],
+            crossBarPitCh_elec: [50, 76, 100],
+            crossBarPitCh_press: [11, 22, 33, 44, 50, 55, 66, 77, 88, 100],
+            bearingBarHeight: [20, 25, 30, 35, 40, 45, 50, 55, 60]
+         }
+      },
+      computed: {
+         staticData() {
+            return this.$store.state.staticData.calculation[this.$route.params.lang]
+         }
+      },
+      mixins: [fadeInAnimation],
+      methods: {},
+      head() {
+         return {
+            htmlAttrs: {
+               title: this.staticData.hero
+            }
+         }
+      }
+   }
+</script>
+
+
+<style lang="scss">
+	.el-popper .popper__arrow {
+		border-width: 0;
+		filter: none;
+		left: 35px;
+		
+		&:lang(fa) {
+			left: auto;
+			right: 35px;
+		}
+	}
+</style>
diff --git a/pages/_lang/contact/index.vue b/pages/_lang/contact/index.vue
index f700813..c365dde 100644
--- a/pages/_lang/contact/index.vue
+++ b/pages/_lang/contact/index.vue
@@ -80,25 +80,25 @@
 											<p v-if="validation.reason">{{validation.reason.msg}}</p>
 										</div>
 									</div>
-									<div class="col-6">
+									<div class="col-12 col-lg-6">
 										<div class="formRow" :class="validation.first_name ? 'err' : null">
 											<input type="text" :placeholder="staticData.t8" name="first_name" v-model="formData.first_name">
 											<p v-if="validation.first_name">{{validation.first_name.msg}}</p>
 										</div>
 									</div>
-									<div class="col-6">
+									<div class="col-12 col-lg-6">
 										<div class="formRow" :class="validation.last_name ? 'err' : null">
 											<input type="text" :placeholder="staticData.t9" name="last_name" v-model="formData.last_name">
 											<p v-if="validation.last_name">{{validation.last_name.msg}}</p>
 										</div>
 									</div>
-									<div class="col-6">
+									<div class="col-12 col-lg-6">
 										<div class="formRow" :class="validation.phone_number ? 'err' : null">
 											<input type="text" :placeholder="staticData.t10" name="phone_number" v-model="formData.phone_number">
 											<p v-if="validation.phone_number">{{validation.phone_number.msg}}</p>
 										</div>
 									</div>
-									<div class="col-6">
+									<div class="col-12 col-lg-6">
 										<div class="formRow" :class="validation.email ? 'err' : null">
 											<input type="text" :placeholder="staticData.t11" name="email" v-model="formData.email">
 											<p v-if="validation.email">{{validation.email.msg}}</p>
@@ -173,6 +173,11 @@
                })
          }
       },
+      head() {
+         return {
+            title: this.staticData.hero
+         }
+      },
       async asyncData({$axios}) {
          const reasons = await $axios.get(`/api/public/contact/reason`)
          return {
diff --git a/pages/_lang/index.vue b/pages/_lang/index.vue
index e624b5c..8884b21 100644
--- a/pages/_lang/index.vue
+++ b/pages/_lang/index.vue
@@ -1,26 +1,28 @@
 <template>
 	<div class="page home--page">
 		
-		<div id="slider">
-			<div class="hero clearfix" v-for="item in slider" :key="item._id">
-				<div class="bg" :style="{backgroundImage: `url(${item.image})`}"></div>
-				<div class="txt--home">
-					<h1>{{item.slider_details[$route.params.lang].title}}</h1>
-					<p>{{item.slider_details[$route.params.lang].caption}}</p>
+		<div class="slider-container">
+			<div id="slider" class="anim-parallax-hero">
+				<div class="hero clearfix" v-for="item in slider" :key="item._id">
+					<div class="bg" :style="{backgroundImage: `url(${item.image})`}"></div>
+					<div class="txt--home">
+						<h1>{{item.slider_details[$route.params.lang].title}}</h1>
+						<p>{{item.slider_details[$route.params.lang].caption}}</p>
+					</div>
 				</div>
 			</div>
 		</div>
 		
 		<section class="s1">
-			<div class="go-down-btn">
+			<div class="go-down-btn" @click="scrollDown">
 				<em class="fa fa-angle-double-down"></em>
 			</div>
 			<div class="container">
 				<div class="row">
-					<div class="col-6 title-side">
+					<div class="col-12 col-md-6 title-side">
 						<h2 class="title title-shape">{{staticData.s1.title}}</h2>
 					</div>
-					<div class="col-6 caption-side">
+					<div class="col-12 col-md-6 caption-side">
 						<p>{{staticData.s1.caption}}</p>
 						<nuxt-link :to="{name: 'lang-about',params:{lang: $route.params.lang}}" class="btn btn-primary">{{staticData.s1.link}}</nuxt-link>
 					</div>
@@ -28,59 +30,19 @@
 			</div>
 		</section>
 		
-		<section class="s1-2">
-			<img src="~/assets/img/home/hp-s1-i2.jpg" alt="" class="section-bg">
-			<div class="container">
-				<div class="panel">
-					<div class="row">
-						<div class="col-12">
-							<h2 class="title title-shape-center">{{staticData.s1_2.t1}}</h2>
-						</div>
-						<div class="col-12">
-							<p>{{staticData.s1_2.t2}}</p>
-							<p>{{staticData.s1_2.t3}}</p>
-							<nuxt-link :to="{name: 'lang-about',params: {lang: $route.params.lang}}" class="btn btn-primary">{{staticData.s1_2.link}}</nuxt-link>
-						</div>
-					</div>
-				</div>
-			</div>
-		</section>
-		
 		<section class="s2">
-			<img src="~/assets/img/home/hp-s2-i1.jpg" alt="" class="section-bg">
+			<img src="~/assets/img/home/hp-s1-i2.jpg" alt="" class="section-bg anim-parallax">
 			<div class="container">
 				<div class="panel">
-					<div class="parts p1">
-						<h2 class="title title-shape-center">{{staticData.s2.t1}}</h2>
-						<div>
-							<p>{{staticData.s2.t2}}</p>
-						</div>
-					</div>
-					<div class="parts p2 row">
-						<div class="col-6">
-							<div class="txtBox">
-								<h2 class="title title-subtitle">{{staticData.s2.t5}}</h2>
-								<p>{{staticData.s2.t6}}</p>
-								<nuxt-link :to="{name: 'lang-services',params: {lang: $route.params.lang}}" class="btn btn-primary">{{staticData.s2.link1}}</nuxt-link>
+					<div class="container-fluid">
+						<div class="row">
+							<div class="col-12">
+								<h2 class="title title-shape-center">{{staticData.s1_2.t1}}</h2>
 							</div>
-						</div>
-						<div class="col-6">
-							<div class="imgBox imgBox-shape">
-								<img src="~/assets/img/home/hp-s2-i2.jpg" alt="">
-							</div>
-						</div>
-					</div>
-					<div class="parts p3 row">
-						<div class="col-6">
-							<div class="imgBox imgBox-reverse imgBox-shape-reverse">
-								<img src="~/assets/img/home/hp-s2-i3.jpg" alt="">
-							</div>
-						</div>
-						<div class="col-6">
-							<div class="txtBox">
-								<h2 class="title title-subtitle">{{staticData.s2.t3}}</h2>
-								<p>{{staticData.s2.t4}}</p>
-								<nuxt-link :to="{name: 'lang-tech-gStandard',params: {lang: $route.params.lang}}" class="btn btn-primary">{{staticData.s2.link2}}</nuxt-link>
+							<div class="col-12">
+								<p>{{staticData.s1_2.t2}}</p>
+								<p>{{staticData.s1_2.t3}}</p>
+								<nuxt-link :to="{name: 'lang-about',params: {lang: $route.params.lang}}" class="btn btn-primary">{{staticData.s1_2.link}}</nuxt-link>
 							</div>
 						</div>
 					</div>
@@ -89,7 +51,55 @@
 		</section>
 		
 		<section class="s3">
-			<img src="~/assets/img/home/hp-s3-i1.jpg" alt="" class="section-bg">
+			<img src="~/assets/img/home/hp-s2-i1.jpg" alt="" class="section-bg anim-parallax">
+			<div class="container">
+				<div class="panel">
+					<div class="container-fluid">
+						<div class="parts p1">
+							<h2 class="title title-shape-center">{{staticData.s2.t1}}</h2>
+							<div>
+								<p>{{staticData.s2.t2}}</p>
+							</div>
+						</div>
+						<div class="parts p2 row">
+							<div class="col-12 col-lg-6 order-1 order-lg-0">
+								<div class="txtBox">
+									<h2 class="title title-subtitle">{{staticData.s2.t5}}</h2>
+									<p>{{staticData.s2.t6}}</p>
+									<nuxt-link :to="{name: 'lang-services',params: {lang: $route.params.lang}}" class="btn btn-primary">{{staticData.s2.link1}}</nuxt-link>
+								</div>
+							</div>
+							<div class="col-12 col-lg-6 order-0 order-lg-1 mb-5 mb-lg-0">
+								<div class="imgBox imgBox-shape anim-fadeIn">
+									<div class="img">
+										<img src="~/assets/img/home/hp-s2-i2.jpg" alt="">
+									</div>
+								</div>
+							</div>
+						</div>
+						<div class="parts p3 row">
+							<div class="col-12 col-lg-6 mb-5 mb-lg-0">
+								<div class="imgBox imgBox-reverse imgBox-shape-reverse anim-fadeIn">
+									<div class="img">
+										<img src="~/assets/img/home/hp-s2-i3.jpg" alt="">
+									</div>
+								</div>
+							</div>
+							<div class="col-12 col-lg-6">
+								<div class="txtBox">
+									<h2 class="title title-subtitle">{{staticData.s2.t3}}</h2>
+									<p>{{staticData.s2.t4}}</p>
+									<nuxt-link :to="{name: 'lang-tech-gStandard',params: {lang: $route.params.lang}}" class="btn btn-primary">{{staticData.s2.link2}}</nuxt-link>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</section>
+		
+		<section class="s4">
+			<img src="~/assets/img/home/hp-s3-i1.jpg" alt="" class="section-bg anim-parallax">
 			<div class="container clearfix">
 				<div class="panel">
 					<div class="parts p1">
@@ -101,12 +111,12 @@
 				</div>
 				<div class="products">
 					<div class="parts p2 row">
-						<div class="col-4" v-for="(item,index) in products" :key="item._id" v-if="index <= 5">
-							<nuxt-link :to="{name: 'lang-products-product',params: {lang: $route.params.lang,product: item._id}}">
+						<div class="col-12 col-sm-6 col-lg-4 mb-5 anim-fadeIn" v-for="(item,index) in products" :key="item._id" v-if="index <= 5">
+							<nuxt-link :to="{name: 'lang-products-product',params: {lang: $route.params.lang,product: item._id}}" class="product">
 								<div class="imgBox">
 									<img :src="item.cover" :alt="item.product_details[$route.params.lang].name">
-									<p>{{item.product_details[$route.params.lang].name}}</p>
 								</div>
+								<p>{{item.product_details[$route.params.lang].name}}</p>
 							</nuxt-link>
 						</div>
 						<div class="col-12">
@@ -116,27 +126,31 @@
 				</div>
 			</div>
 		</section>
-		<section class="s4">
+		
+		<section class="s5">
 			<img src="~/assets/img/home/hp-s4-i1.jpg" alt="" class="section-bg">
-			<div class="txt">
+			<div class="txt anim-parallax">
 				<h2 class="title title-shape">{{staticData.s4.t1}} <span>{{staticData.s4.t2}}</span></h2>
 				<p>{{staticData.s4.t3}}</p>
 				<a :href="catalog.file" target="_blank" class="btn btn-reverse-fill">{{staticData.s4.link}}</a>
 			</div>
 		</section>
+		
 		<CustomersCommunication/>
+		
 		<section class="s6">
 			<div class="container">
 				<div class="row">
-					<div class="col-2"></div>
-					<div class="col-6">
+					<div class="col-2 d-none d-lg-block"></div>
+					<div class="col-12 col-lg-6">
 						<h2 class="title title-shape">{{staticData.s6.t1}}</h2>
 						<p>{{staticData.s6.t2}}</p>
-						<nuxt-link :to="{name: staticData.s6.link1.url}" class="btn btn-primary">{{staticData.s6.link1}}</nuxt-link>
-						<a :href="calc_app_link" target="_blank" class="btn btn-primary-fill">{{staticData.s6.link2}}</a>
+						<!--						<nuxt-link :to="{name: 'lang-calculation',params: {lang: $route.params.lang}}" class="btn btn-primary">{{staticData.s6.link1}}</nuxt-link>-->
+						<a @click.prevent="notAvailable" href="" class="btn btn-primary">{{staticData.s6.link1}}</a>
+						<a @click.prevent="notAvailable" :href="calc_app_link" target="_blank" class="btn btn-primary-fill">{{staticData.s6.link2}}</a>
 					</div>
-					<div class="col-2 img-side">
-						<img src="~/assets/img/home/hp-s6-i1.png" alt="">
+					<div class="col-2 img-side d-none d-lg-block">
+						<img src="~/assets/img/home/hp-s6-i1.png" class="anim-fadeIn" alt="">
 					</div>
 				</div>
 			</div>
@@ -146,6 +160,8 @@
 
 <script>
    if (process.client) require('slick-carousel')
+   import {fadeInAnimation, parallaxAnimation, parallaxAnimation_hero} from '~/mixins/animations'
+
    export default {
       data() {
          return {
@@ -161,42 +177,45 @@
             return this.$store.state.staticData.homePage[this.$route.params.lang]
          }
       },
+      methods: {
+         scrollDown() {
+            this.$gsap.to(window, {scrollTo: {y: $('.home--page .s1'), offsetY: 90}, duration: 0.9, ease: 'power4.inOut'})
+         },
+         notAvailable() {
+            this.$alert(this.$route.params.lang === 'fa' ? 'این بخش فعلا در دسترس نیست' : 'This section is currently unavailable', '', {
+               confirmButtonText: 'OK',
+            })
+         }
+      },
+      mixins: [fadeInAnimation, parallaxAnimation, parallaxAnimation_hero],
       mounted() {
-         const th = 0.5
-         const rev = true
-         /////////////////// title shapes activation
-         const titles = $('.home--page h2.title')
-         const titleScene = []
-         //
-         // for (let i = 0; i < titles.length; i++) {
-         //    $(titles[i]).attr('data-pos', i)
-         //    titleScene[i] = this.$scrollmagic.scene({
-         //       triggerElement: `.home--page *[data-pos="${i}"]`,
-         //       triggerHook: th,
-         //       reverse: rev
-         //    }).on('enter', function () {
-         //       $(titles[i]).addClass('active')
-         //    }).on('leave', function () {
-         //       $(titles[i]).removeClass('active')
-         //    })
-         //
-         //    this.$scrollmagic.addScene(titleScene[i])
-         // }
-
          /////////////////////////////////////// carousel
          $('#slider').slick({
             slidesToShow: 1,
             rtl: this.$route.params.lang === 'fa',
             dots: true,
             autoplay: true,
-            autoplaySpeed: 6000
+            autoplaySpeed: 6000,
+            responsive: [
+               {
+                  breakpoint: 768,
+                  settings: {
+                     arrows: false
+                  }
+               }
+            ]
          })
       },
+      head() {
+         return {
+            title: this.staticData.title
+         }
+      },
       async asyncData({$axios}) {
          const slider = await $axios.get('/api/public/slider')
          const products = await $axios.get(`/api/public/products`)
          const catalog = await $axios.get('/api/public/catalog')
-			
+
          return {
             slider: slider.data,
             products: products.data,
@@ -206,7 +225,6 @@
    }
 </script>
 
-
 <style scoped>
 	.footer{
 		background: #F0F0F0 !important;
diff --git a/pages/_lang/products/_product.vue b/pages/_lang/products/_product.vue
index 4fd29da..c1a45be 100644
--- a/pages/_lang/products/_product.vue
+++ b/pages/_lang/products/_product.vue
@@ -7,10 +7,10 @@
 					<h2 class="title">{{productDetails.page_title}}</h2>
 					<p>{{productDetails.page_description}}</p>
 					<div class="image-preview">
-						<img :src="product.cover" ref="preview" :alt="productDetails.name">
+						<img :src="product.cover" class="anim-fadeIn" ref="preview" :alt="productDetails.name">
 					</div>
 				</div>
-				<div class="images-carousel">
+				<div class="images-carousel anim-fadeIn">
 					<div id="images">
 						<div class="imgBox">
 							<img :src="product.cover" :alt="productDetails.name" @click="view(product.cover)">
@@ -27,7 +27,7 @@
 			<div class="container">
 				<div class="panel">
 					<div class="parts p1">
-						<h2 class="title title-shape-center">جزییات بیشتر</h2>
+						<h2 class="title title-shape-center">{{staticData.t1}}</h2>
 					</div>
 					
 					<!-- image left -->
@@ -37,7 +37,7 @@
 							<p>{{productDetails.more_description1}}</p>
 						</div>
 						<div class="col-6">
-							<div class="imgBox imgBox-shape">
+							<div class="imgBox imgBox-shape anim-fadeIn">
 								<img :src="product.more_section_image1" :alt="productDetails.more_title1">
 							</div>
 						</div>
@@ -46,7 +46,7 @@
 					<!-- image right -->
 					<div class="parts row align-items-center">
 						<div class="col-6">
-							<div class="imgBox imgBox-reverse imgBox-shape-reverse">
+							<div class="imgBox imgBox-reverse imgBox-shape-reverse anim-fadeIn">
 								<img :src="product.more_section_image2" :alt="productDetails.more_title2">
 							</div>
 						</div>
@@ -67,21 +67,21 @@
 			<div class="container">
 				<div class="panel">
 					<div class="parts p1" v-if="!product.render_image1.includes('undefined') || !product.render_image1.includes('undefined')">
-						<h2 class="title">نمایش گرافیکی مشخصات</h2>
-						<p>در شماتیک زیر مشخصات اولیه گریتینگ نمایش داده شده است</p>
+						<h2 class="title">{{staticData.t2}}</h2>
+						<p>{{staticData.t3}}</p>
 					</div>
 					
 					<div class="row parts p2" v-if="!product.render_image1.includes('undefined') || !product.render_image2.includes('undefined')">
-						<div class="col-6 mb-5">
-							<img :src="product.render_image1" :alt="productDetails.name" v-if="!product.render_image1.includes('undefined')">
+						<div class="col-12 col-sm-6 mb-5">
+							<img :src="product.render_image1" class="anim-fadeIn" :alt="productDetails.name" v-if="!product.render_image1.includes('undefined')">
 							<p v-if="!product.render_image1.includes('undefined')">{{productDetails.render_caption1}}</p>
 						</div>
-						<div class="col-6 mb-5">
-							<img :src="product.render_image2" :alt="productDetails.name" v-if="!product.render_image2.includes('undefined')">
+						<div class="col-12 col-sm-6 mb-5">
+							<img :src="product.render_image2" class="anim-fadeIn" :alt="productDetails.name" v-if="!product.render_image2.includes('undefined')">
 							<p v-if="!product.render_image2.includes('undefined')">{{productDetails.render_caption2}}</p>
 						</div>
 						<div class="col-12 mb-5">
-							<img :src="product.chart_image" :alt="productDetails.name" v-if="!product.chart_image.includes('undefined')">
+							<img :src="product.chart_image" class="anim-fadeIn" :alt="productDetails.name" v-if="!product.chart_image.includes('undefined')">
 						</div>
 					</div>
 					
@@ -94,12 +94,12 @@
 					
 					<div class="row parts p4" v-if="product.download_section">
 						<div class="col-12">
-							<h2>فایل های قابل دانلود</h2>
+							<h2>{{staticData.t4}}</h2>
 							<div class="files">
-								<div class="file" v-for="item in product.pdf_files" :key="item._id">
+								<div class="file anim-fadeIn" v-for="item in product.pdf_files" :key="item._id">
 									<pdf-icon/>
 									<p>{{item.pdf_details[$route.params.lang].name}}</p>
-									<a :href="item.file" :download="item.pdf_details[$route.params.lang].name" target="_blank" class="btn btn-primary-fill">دانلود</a>
+									<a :href="item.file" :download="item.pdf_details[$route.params.lang].name" target="_blank" class="btn btn-primary-fill">{{staticData.t5}}</a>
 								</div>
 							</div>
 						</div>
@@ -112,7 +112,7 @@
 			<div class="container">
 				<div class="row">
 					<div class="col-12">
-						<nuxt-link :to="{name: 'lang-products',params: {lang: $route.params.lang}}" class="btn btn-primary">مشاهده تمام محصولات</nuxt-link>
+						<nuxt-link :to="{name: 'lang-products',params: {lang: $route.params.lang}}" class="btn btn-primary">{{staticData.t6}}</nuxt-link>
 					</div>
 				</div>
 			</div>
@@ -122,6 +122,8 @@
 
 <script>
    if (process.client) require('slick-carousel')
+   import {fadeInAnimation} from "~/mixins/animations"
+
    export default {
       data() {
          return {
@@ -142,13 +144,33 @@
             this.$refs.preview.src = image
          }
       },
+      mixins: [fadeInAnimation],
       mounted() {
          $('#images').slick({
             slidesToShow: 4,
             rtl: this.$route.params.lang === 'fa',
-            infinite: false
+            infinite: false,
+            responsive: [
+               {
+                  breakpoint: 768,
+                  settings: {
+                     slidesToShow: 3
+                  }
+               },
+               {
+                  breakpoint: 575,
+                  settings: {
+                     slidesToShow: 2
+                  }
+               }
+            ]
          })
       },
+      head() {
+         return {
+            title: this.product.product_details[this.$route.params.lang].name
+         }
+      },
       async asyncData({$axios, params}) {
          let product = await $axios.get(`/api/public/product/${params.product}`)
          let productCategories = await $axios.get(`/api/public/productCategories`)
diff --git a/pages/_lang/products/index.vue b/pages/_lang/products/index.vue
index d7063d8..7702f66 100644
--- a/pages/_lang/products/index.vue
+++ b/pages/_lang/products/index.vue
@@ -11,11 +11,11 @@
 		</section>
 		<section class="s2">
 			<div class="container">
-				<div class="filters">
+				<div class="filters anim-fadeIn">
 					<h2 class="title title-subtitle">{{staticData.s2.t1}}</h2>
 					<ul>
 						<li @click="filtering(false)">
-							<p class="active">همه</p>
+							<p class="active">{{staticData.s2.t3}}</p>
 						</li>
 						<li
 							v-for="item in productCategories"
@@ -25,11 +25,13 @@
 						</li>
 					</ul>
 				</div>
-				<div class="row" v-if="filtered_products.length">
+				<div class="row products-container" v-if="filtered_products.length">
 					
-					<div class="col-3 mb-5" v-for="item in filtered_products" :key="item._id">
+					<div class="col-12 col-sm-6 col-lg-4 col-xl-3 mb-5 anim-fadeIn" v-for="item in filtered_products" :key="item._id">
 						<nuxt-link :to="{name: 'lang-products-product',params: {lang: $route.params.lang,product: item._id}}" class="product">
-							<img :src="item.cover" :alt="item.product_details[$route.params.lang].name">
+							<div class="imgBox">
+								<img :src="item.cover" :alt="item.product_details[$route.params.lang].name">
+							</div>
 							<h4>{{item.product_details[$route.params.lang].name}}</h4>
 							<p>{{item.product_details[$route.params.lang].short_description}}</p>
 						</nuxt-link>
@@ -37,15 +39,15 @@
 				
 				</div>
 				<div class="row" v-else>
-					<div class="col-12">
-						<p class="no-product">هیچ محصولی در این دسته بندی موجود نمیباشد.</p>
+					<div class="col-12 products-container">
+						<p class="no-product anim-fadeIn">{{staticData.s2.t2}}</p>
 					</div>
 				</div>
 			</div>
 		</section>
 		<section class="s3">
 			<div class="container">
-				<div class="panel">
+				<div class="panel anim-fadeIn">
 					<h2 class="title title-shape-center">
 						{{staticData.s3.t1}}
 						<span class="subtitle">{{staticData.s3.t2}}</span>
@@ -59,6 +61,8 @@
 </template>
 
 <script>
+   import {fadeInAnimation} from "~/mixins/animations"
+
    export default {
       data() {
          return {
@@ -79,9 +83,27 @@
       },
       methods: {
          filtering(key) {
-            this.filter = key
             $('.products--page .filters p').removeClass('active')
             $(event.target).addClass('active')
+
+            this.$gsap.timeline({
+               yoyo: true,
+               repeat: 1
+            })
+               .to($('.products--page .products-container'),
+                  {
+                     opacity: 0,
+                     duration: 0.3,
+                     onComplete: () => {
+                        this.filter = key
+                     }
+                  })
+         }
+      },
+      mixins: [fadeInAnimation],
+      head() {
+         return {
+            title: this.staticData.hero
          }
       },
       async asyncData({$axios, store}) {
diff --git a/pages/_lang/projects/index.vue b/pages/_lang/projects/index.vue
index 2ba510f..f035bf0 100644
--- a/pages/_lang/projects/index.vue
+++ b/pages/_lang/projects/index.vue
@@ -8,9 +8,8 @@
 					<p>{{staticData.t2}}</p>
 					<p>{{staticData.t3}}</p>
 					
-					<div class="projects">
-						
-						<div class="project" v-for="(item,index) in projects" :key="item._id">
+					<div class="projects" v-if="projects.length">
+						<div class="project anim-fadeIn" v-for="(item,index) in projects" :key="item._id">
 							<div :id="`project_${index}`">
 								<div class="imgBox" v-for="image in item.images" :key="image._id">
 									<img class="bg" :src="image.image" alt="">
@@ -26,7 +25,16 @@
 								</p>
 							</div>
 						</div>
+					</div>
 					
+					<div class="no-project" v-else>
+						<div class="container">
+							<div class="row">
+								<div class="col-12">
+									<p>{{staticData.t7}}</p>
+								</div>
+							</div>
+						</div>
 					</div>
 				</div>
 			</div>
@@ -45,9 +53,10 @@
 </template>
 
 <script>
-   import moment from "moment-jalaali"
-
    if (process.client) require('slick-carousel')
+   import moment from "moment-jalaali"
+   import {fadeInAnimation} from "~/mixins/animations"
+
    export default {
       data() {
          return {
@@ -65,6 +74,7 @@
             else return date.split(' ')[0]
          }
       },
+      mixins: [fadeInAnimation],
       mounted() {
          this.projects.forEach((item, index) => {
             $(`#project_${index}`).slick({
@@ -72,10 +82,31 @@
                centerMode: true,
                centerPadding: '150px',
                infinite: true,
-               arrows: true
+               arrows: true,
+               responsive: [
+                  {
+                     breakpoint: 768,
+                     settings: {
+                        slidesToShow: 2,
+                        centerMode: false
+                     }
+                  },
+                  {
+                     breakpoint: 575,
+                     settings: {
+                        slidesToShow: 1,
+                        centerMode: false
+                     }
+                  }
+               ]
             })
          })
       },
+      head() {
+         return {
+            title: this.staticData.hero
+         }
+      },
       async asyncData({$axios}) {
          const projects = await $axios.get(`/api/public/projects`)
          return {
diff --git a/pages/_lang/services/index.vue b/pages/_lang/services/index.vue
index 8d43c6d..a9ab963 100644
--- a/pages/_lang/services/index.vue
+++ b/pages/_lang/services/index.vue
@@ -35,16 +35,16 @@
 							</li>
 						</ul>
 						<div class="images">
-							<img src="~/assets/img/services/autodesk.png" alt="">
-							<img src="~/assets/img/services/tekla.png" alt="">
-							<img src="~/assets/img/services/solid_works.png" alt="">
+							<img class="anim-fadeIn" src="~/assets/img/services/autodesk.png" alt="">
+							<img class="anim-fadeIn" src="~/assets/img/services/tekla.png" alt="">
+							<img class="anim-fadeIn" src="~/assets/img/services/solid_works.png" alt="">
 						</div>
 					</div>
 				</div>
 			</div>
 		</section>
 		<section class="s2">
-			<img src="~/assets/img/services/services-s3-i1.jpg" alt="" class="section-bg">
+			<img src="~/assets/img/services/services-s3-i1.jpg" alt="" class="section-bg anim-parallax">
 			<div class="container">
 				<div class="panel">
 					<div class="parts p1">
@@ -54,25 +54,29 @@
 					
 					<!-- image left -->
 					<div class="parts row align-items-center">
-						<div class="col-6">
+						<div class="col-12 col-lg-6 order-1 order-lg-0">
 							<h2 class="title title-subtitle">{{staticData.t14}}</h2>
 							<p>{{staticData.t15}}</p>
 						</div>
-						<div class="col-6">
-							<div class="imgBox imgBox-shape">
-								<img src="~/assets/img/services/s2-i1.jpg" :alt="staticData.t14">
+						<div class="col-12 col-lg-6 order-0 order-lg-1 mb-5 mb-lg-0">
+							<div class="imgBox imgBox-shape anim-fadeIn">
+								<div class="img">
+									<img src="~/assets/img/services/s2-i1.jpg" :alt="staticData.t14">
+								</div>
 							</div>
 						</div>
 					</div>
 					
 					<!-- image right -->
 					<div class="parts row align-items-center">
-						<div class="col-6">
-							<div class="imgBox imgBox-reverse imgBox-shape-reverse">
-								<img src="~/assets/img/services/s2-i2.jpg" :alt="staticData.t16">
+						<div class="col-12 col-lg-6 mb-5 mb-lg-0">
+							<div class="imgBox imgBox-reverse imgBox-shape-reverse anim-fadeIn">
+								<div class="img">
+									<img src="~/assets/img/services/s2-i2.jpg" :alt="staticData.t16">
+								</div>
 							</div>
 						</div>
-						<div class="col-6">
+						<div class="col-12 col-lg-6">
 							<h2 class="title title-subtitle">{{staticData.t16}}</h2>
 							<p>{{staticData.t17}}</p>
 						</div>
@@ -80,25 +84,29 @@
 					
 					<!-- image left -->
 					<div class="parts row align-items-center">
-						<div class="col-6">
+						<div class="col-12 col-lg-6 order-1 order-lg-0">
 							<h2 class="title title-subtitle">{{staticData.t18}}</h2>
 							<p>{{staticData.t19}}</p>
 						</div>
-						<div class="col-6">
-							<div class="imgBox imgBox-shape">
-								<img src="~/assets/img/services/s2-i3.jpg" :alt="staticData.t18">
+						<div class="col-12 col-lg-6 order-0 order-lg-1 mb-5 mb-lg-0">
+							<div class="imgBox imgBox-shape anim-fadeIn">
+								<div class="img">
+									<img src="~/assets/img/services/s2-i3.jpg" :alt="staticData.t18">
+								</div>
 							</div>
 						</div>
 					</div>
 					
 					<!-- image right -->
 					<div class="parts row align-items-center">
-						<div class="col-6">
-							<div class="imgBox imgBox-reverse imgBox-shape-reverse">
-								<img src="~/assets/img/services/s2-i4.jpg" :alt="staticData.t20">
+						<div class="col-12 col-lg-6 mb-5 mb-lg-0">
+							<div class="imgBox imgBox-reverse imgBox-shape-reverse anim-fadeIn">
+								<div class="img">
+									<img src="~/assets/img/services/s2-i4.jpg" :alt="staticData.t20">
+								</div>
 							</div>
 						</div>
-						<div class="col-6">
+						<div class="col-12 col-lg-6">
 							<h2 class="title title-subtitle">{{staticData.t20}}</h2>
 							<p>{{staticData.t21}}</p>
 						</div>
@@ -106,25 +114,29 @@
 					
 					<!-- image left -->
 					<div class="parts row align-items-center">
-						<div class="col-6">
+						<div class="col-12 col-lg-6 order-1 order-lg-0">
 							<h2 class="title title-subtitle">{{staticData.t22}}</h2>
 							<p>{{staticData.t23}}</p>
 						</div>
-						<div class="col-6">
-							<div class="imgBox imgBox-shape">
-								<img src="~/assets/img/services/s2-i5.jpg" :alt="staticData.t22">
+						<div class="col-12 col-lg-6 order-0 order-lg-1 mb-5 mb-lg-0">
+							<div class="imgBox imgBox-shape anim-fadeIn">
+								<div class="img">
+									<img src="~/assets/img/services/s2-i5.jpg" :alt="staticData.t22">
+								</div>
 							</div>
 						</div>
 					</div>
 					
 					<!-- image right -->
 					<div class="parts row align-items-center">
-						<div class="col-6">
-							<div class="imgBox imgBox-reverse imgBox-shape-reverse">
-								<img src="~/assets/img/services/s2-i6.jpg" :alt="staticData.t24">
+						<div class="col-12 col-lg-6 mb-5 mb-lg-0">
+							<div class="imgBox imgBox-reverse imgBox-shape-reverse anim-fadeIn">
+								<div class="img">
+									<img src="~/assets/img/services/s2-i6.jpg" :alt="staticData.t24">
+								</div>
 							</div>
 						</div>
-						<div class="col-6">
+						<div class="col-12 col-lg-6">
 							<h2 class="title title-subtitle">{{staticData.t24}}</h2>
 							<p>{{staticData.t25}}</p>
 						</div>
@@ -132,25 +144,29 @@
 					
 					<!-- image left -->
 					<div class="parts row align-items-center">
-						<div class="col-6">
+						<div class="col-12 col-lg-6 order-1 order-lg-0">
 							<h2 class="title title-subtitle">{{staticData.t26}}</h2>
 							<p>{{staticData.t27}}</p>
 						</div>
-						<div class="col-6">
-							<div class="imgBox imgBox-shape">
-								<img src="~/assets/img/services/s2-i7.jpg" :alt="staticData.t26">
+						<div class="col-12 col-lg-6 order-0 order-lg-1 mb-5 mb-lg-0">
+							<div class="imgBox imgBox-shape anim-fadeIn">
+								<div class="img">
+									<img src="~/assets/img/services/s2-i7.jpg" :alt="staticData.t26">
+								</div>
 							</div>
 						</div>
 					</div>
 					
 					<!-- image right -->
 					<div class="parts row align-items-center">
-						<div class="col-6">
-							<div class="imgBox imgBox-reverse imgBox-shape-reverse">
-								<img src="~/assets/img/services/s2-i8.jpg" :alt="staticData.t28">
+						<div class="col-12 col-lg-6 mb-5 mb-lg-0">
+							<div class="imgBox imgBox-reverse imgBox-shape-reverse anim-fadeIn">
+								<div class="img">
+									<img src="~/assets/img/services/s2-i8.jpg" :alt="staticData.t28">
+								</div>
 							</div>
 						</div>
-						<div class="col-6">
+						<div class="col-12 col-lg-6">
 							<h2 class="title title-subtitle">{{staticData.t28}}</h2>
 							<p>{{staticData.t29}}</p>
 						</div>
@@ -164,11 +180,19 @@
 
 
 <script>
+   import {fadeInAnimation, parallaxAnimation} from "~/mixins/animations"
+
    export default {
       computed: {
          staticData() {
             return this.$store.state.staticData.services[this.$route.params.lang]
          }
+      },
+      mixins: [fadeInAnimation, parallaxAnimation],
+      head() {
+         return {
+            title: this.staticData.hero
+         }
       }
    }
 </script>
diff --git a/pages/_lang/tech/gDesign.vue b/pages/_lang/tech/gDesign.vue
index 7a6e38d..b858604 100644
--- a/pages/_lang/tech/gDesign.vue
+++ b/pages/_lang/tech/gDesign.vue
@@ -31,11 +31,19 @@
 </template>
 
 <script>
+   import {fadeInAnimation} from "~/mixins/animations"
+
    export default {
       computed: {
          staticData() {
             return this.$store.state.staticData.gDesign[this.$route.params.lang]
          }
-      }
+      },
+      mixins: [fadeInAnimation],
+      head() {
+         return {
+            title: this.staticData.title
+         }
+      },
    }
 </script>
diff --git a/pages/_lang/tech/gStandard.vue b/pages/_lang/tech/gStandard.vue
index 409b91f..7c8acf7 100644
--- a/pages/_lang/tech/gStandard.vue
+++ b/pages/_lang/tech/gStandard.vue
@@ -14,11 +14,11 @@
 						
 						<h2>{{staticData.t6}}</h2>
 						<p>{{staticData.t7}}</p>
-						<img src="~/assets/img/tech-info/g-standard.png" alt="">
+						<img class="i1 anim-fadeIn" src="~/assets/img/tech-info/g-standard.png" alt="">
 						
 						<h2>{{staticData.t8}}</h2>
 						<p>{{staticData.t9}}</p>
-						<img src="~/assets/img/tech-info/DIN24537.png" alt="">
+						<img class="i2 anim-fadeIn" src="~/assets/img/tech-info/DIN24537.png" alt="">
 						
 						<h2>{{staticData.t10}}</h2>
 						<p>{{staticData.t11}}</p>
@@ -61,11 +61,19 @@
 </template>
 
 <script>
+   import {fadeInAnimation} from "~/mixins/animations"
+
    export default {
       computed: {
          staticData() {
             return this.$store.state.staticData.gStandard[this.$route.params.lang]
          }
+      },
+      mixins: [fadeInAnimation],
+      head() {
+         return {
+            title: this.staticData.title
+         }
       }
    }
 </script>
diff --git a/pages/_lang/tech/gTech.vue b/pages/_lang/tech/gTech.vue
index e112c5a..4986b95 100644
--- a/pages/_lang/tech/gTech.vue
+++ b/pages/_lang/tech/gTech.vue
@@ -52,7 +52,7 @@
 						</p>
 						<p>{{staticData.t23}}</p>
 						
-						<div class="imgBox">
+						<div class="imgBox anim-fadeIn">
 							<img src="~/assets/img/tech-info/ti-Model-4.jpg" alt="">
 							<p>{{staticData.t24}}</p>
 						</div>
@@ -75,11 +75,19 @@
 </template>
 
 <script>
+   import {fadeInAnimation} from "~/mixins/animations"
+
    export default {
       computed: {
          staticData() {
             return this.$store.state.staticData.gTech[this.$route.params.lang]
          }
+      },
+      mixins: [fadeInAnimation],
+      head() {
+         return {
+            title: this.staticData.title
+         }
       }
    }
 </script>
diff --git a/pages/_lang/tech/gUsage.vue b/pages/_lang/tech/gUsage.vue
index 0d21281..53a7ea3 100644
--- a/pages/_lang/tech/gUsage.vue
+++ b/pages/_lang/tech/gUsage.vue
@@ -59,11 +59,19 @@
 </template>
 
 <script>
+   import {fadeInAnimation} from "~/mixins/animations"
+
    export default {
       computed: {
          staticData() {
             return this.$store.state.staticData.gUsage[this.$route.params.lang]
          }
+      },
+      mixins: [fadeInAnimation],
+      head() {
+         return {
+            title: this.staticData.title
+         }
       }
    }
 </script>
diff --git a/pages/admin/blog/_post.vue b/pages/admin/blog/_post.vue
index cb022fa..30742f5 100644
--- a/pages/admin/blog/_post.vue
+++ b/pages/admin/blog/_post.vue
@@ -80,7 +80,7 @@
 					<el-divider></el-divider>
 					<h6 style="margin-bottom: 30px;">توضیحات پست</h6>
 					<client-only>
-						<ckeditor v-model="post.post_details.en.description" :config="editorConfig"></ckeditor>
+						<ckeditor v-model="post.post_details.en.description" :config="editorConfig_en"></ckeditor>
 						<p class="err" v-if="validation.en_description">{{validation.en_description.msg}}</p>
 					</client-only>
 				</admin-panel>
@@ -98,8 +98,12 @@
             post: null,
             blogCategories: null,
             editorConfig: {
+               language: 'fa',
+               extraPlugins: ['bidi', 'justify']
+            },
+            editorConfig_en: {
                language: 'en',
-               extraPlugins: ['bidi']
+               extraPlugins: ['bidi', 'justify']
             },
             validation: {},
             uploading: false,
diff --git a/pages/admin/blog/new.vue b/pages/admin/blog/new.vue
index 3003abd..7d120ad 100644
--- a/pages/admin/blog/new.vue
+++ b/pages/admin/blog/new.vue
@@ -80,7 +80,7 @@
 					<el-divider></el-divider>
 					<h6 style="margin-bottom: 30px;">توضیحات پست</h6>
 					<client-only>
-						<ckeditor v-model="post.post_details.en.description" :config="editorConfig"></ckeditor>
+						<ckeditor v-model="post.post_details.en.description" :config="editorConfig_en"></ckeditor>
 						<p class="err" v-if="validation.en_description">{{validation.en_description.msg}}</p>
 					</client-only>
 				</admin-panel>
@@ -114,8 +114,12 @@
             },
             blogCategories: null,
             editorConfig: {
+               language: 'fa',
+               extraPlugins: ['bidi', 'justify']
+            },
+            editorConfig_en: {
                language: 'en',
-               extraPlugins: ['bidi']
+               extraPlugins: ['bidi', 'justify']
             },
             validation: {},
             uploading: false,
diff --git a/pages/admin/history/_history.vue b/pages/admin/history/_history.vue
new file mode 100644
index 0000000..b760590
--- /dev/null
+++ b/pages/admin/history/_history.vue
@@ -0,0 +1,137 @@
+<template>
+	<div class="container-fluid">
+		<div class="row">
+			<admin-title-bar :title="title">
+				<el-button @click="$router.back()" type="primary">برگشت به صفحه قبل</el-button>
+				<el-button type="success" @click="upload">بروز رسانی</el-button>
+			</admin-title-bar>
+			
+			<div class="col-6">
+				<admin-panel>
+					<el-form>
+						<el-form-item prop="title" :class="validation.fa_title ? 'is-error' : ''" label="عنوان فارسی">
+							<el-input v-model="formData.history_details.fa.title"></el-input>
+							<p class="err" v-if="validation.fa_title">{{validation.fa_title.msg}}</p>
+						</el-form-item>
+						
+						<el-form-item prop="title" :class="validation.en_title ? 'is-error' : ''" label="عنوان انگلیسی">
+							<el-input v-model="formData.history_details.en.title"></el-input>
+							<p class="err" v-if="validation.en_title">{{validation.en_title.msg}}</p>
+						</el-form-item>
+						
+						<el-form-item prop="title" :class="validation.fa_caption ? 'is-error' : ''" label="توضیحات فارسی">
+							<el-input type="textarea" v-model="formData.history_details.fa.caption"></el-input>
+							<p class="err" v-if="validation.fa_caption">{{validation.fa_caption.msg}}</p>
+						</el-form-item>
+						
+						<el-form-item prop="title" :class="validation.en_caption ? 'is-error' : ''" label="توضیحات انگلیسی">
+							<el-input type="textarea" v-model="formData.history_details.en.caption"></el-input>
+							<p class="err" v-if="validation.en_caption">{{validation.en_caption.msg}}</p>
+						</el-form-item>
+						
+						<el-form-item prop="title" :class="validation.year ? 'is-error' : ''" label="سال">
+							<el-input v-model="formData.year" placeholder="سال را چهار رقمی و به شمسی وارد کنید. مثال: 1399"></el-input>
+							<p class="err" v-if="validation.year">{{validation.year.msg}}</p>
+						</el-form-item>
+					</el-form>
+				</admin-panel>
+			</div>
+			<div class="col-6">
+				<admin-panel>
+					<h2 class="secondTitle">تصویر</h2>
+					<el-divider></el-divider>
+					<img :src="formData.image" alt="" style="width: 100%;max-width: 400px;display: block;">
+					<input type="file" ref="image" @change="preview">
+					<p class="err" v-if="validation.image">{{validation.image.msg}}</p>
+				</admin-panel>
+			</div>
+		</div>
+	</div>
+</template>
+
+
+<script>
+   export default {
+      data() {
+         return {
+            formData: null,
+            validation: {},
+            uploading: false,
+            uploadProgress: null
+         }
+      },
+      computed: {
+         title() {
+            if (!this.uploading) {
+               return 'ویرایش تاریخچه'
+            } else {
+               return this.uploadProgress
+            }
+         }
+      },
+      methods: {
+         upload() {
+            this.validation = ''
+            const data = new FormData()
+            data.append('fa_title', this.formData.history_details.fa.title)
+            data.append('en_title', this.formData.history_details.en.title)
+            data.append('fa_caption', this.formData.history_details.fa.caption)
+            data.append('en_caption', this.formData.history_details.en.caption)
+            data.append('year', this.formData.year)
+
+            if (this.$refs.image.files[0]) {
+               data.append('image', this.$refs.image.files[0])
+            }
+
+            const axiosConfig = {
+               onUploadProgress: progressEvent => {
+                  this.uploading = true
+                  this.uploadProgress = 'درحال آپلود ' + Math.floor(((progressEvent.loaded / progressEvent.total) * 100)) + '%'
+
+                  if ((progressEvent.loaded / progressEvent.total) * 100 === 100) {
+                     this.uploading = false
+                  }
+               }
+            }
+            this.$axios.put(`/api/private/history/${this.formData._id}`, data, axiosConfig)
+               .then(response => {
+                  if (response.data) {
+                     this.$message({
+                        message: 'تغییرات با موفقیت انجام شد.',
+                        type: 'success'
+                     });
+                  }
+               }).catch(error => {
+               if (error.response.status === 422) {
+                  this.validation = error.response.data.validation
+                  this.$message({
+                     type: 'error',
+                     message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
+                  })
+               } else {
+                  this.$alert(error.response.data.error.message, 'خطا', {
+                     confirmButtonText: 'باشه',
+
+                  })
+               }
+
+            })
+         },
+         preview(event) {
+            this.formData.image = URL.createObjectURL(event.target.files[0]);
+         }
+      },
+      head() {
+         return {
+            title: this.title
+         }
+      },
+      layout: 'admin',
+      async asyncData({$axios, route}) {
+         const history = await $axios.get(`/api/public/history/${route.params.history}`)
+         return {
+            formData: history.data
+         }
+      }
+   }
+</script>
diff --git a/pages/admin/history/index.vue b/pages/admin/history/index.vue
new file mode 100644
index 0000000..c5dd681
--- /dev/null
+++ b/pages/admin/history/index.vue
@@ -0,0 +1,119 @@
+<template>
+	<div class="container-fluid">
+		<div class="row">
+			<admin-title-bar :title="title">
+				<nuxt-link :to="{name: 'admin-history-new'}">
+					<el-button type="success">جدید</el-button>
+				</nuxt-link>
+			</admin-title-bar>
+			<div class="col-12">
+				<admin-panel>
+					
+					<el-table
+						:data="history"
+						style="width: 100%">
+						<el-table-column
+							type="index"
+							label="#">
+						</el-table-column>
+						
+						<el-table-column
+							prop="image"
+							label="تصویر"
+							width="230">
+							<template slot-scope="scope">
+								<el-image
+									style="width: 100%; height: 100%"
+									:src="scope.row.image"
+									fit="fit">
+								</el-image>
+							</template>
+						</el-table-column>
+						
+						<el-table-column
+							prop="year"
+							label="سال"
+							width="">
+						</el-table-column>
+						
+						<el-table-column
+							prop="history_details.fa.title"
+							label="عنوان"
+							width="">
+						</el-table-column>
+						
+						<el-table-column
+							label="ویرایش"
+							width="150"
+							align="left">
+							<template slot-scope="scope">
+								<el-button type="warning" plain icon="el-icon-edit" @click="edit(scope.row._id)"></el-button>
+								<el-button type="danger" plain icon="el-icon-delete" @click="del(scope.row._id)"></el-button>
+							</template>
+						</el-table-column>
+					
+					</el-table>
+				</admin-panel>
+			</div>
+		</div>
+	</div>
+</template>
+
+
+<script>
+   export default {
+      data() {
+         return {
+            title: 'تاریخچه',
+            history: null,
+         }
+      },
+      head() {
+         return {
+            title: this.title,
+         }
+      },
+      methods: {
+         edit(id) {
+            this.$router.push(`/admin/history/${id}`)
+
+         },
+         del(id) {
+            this.$confirm('این مورد حذف شود؟', 'هشدار', {
+               confirmButtonText: 'بله',
+               cancelButtonText: 'لغو',
+               type: 'warning'
+            }).then(() => {
+               this.$axios.delete(`/api/private/history/${id}`).then(response => {
+                  this.history = this.history.filter(item => {
+                     return item._id !== id
+                  })
+                  this.$message({
+                     type: 'success',
+                     message: 'مورد حذف شد'
+                  });
+               })
+            }).catch(() => {
+               this.$message({
+                  type: 'warning',
+                  message: 'عملیات لغو شد'
+               });
+            });
+         }
+      },
+      layout: 'admin',
+      async asyncData({$axios, store}) {
+         let history = await $axios.get(`/api/public/history`)
+         return {
+            history: history.data
+         }
+      }
+   }
+</script>
+
+
+<style>
+	.el-table .el-table__body-wrapper .el-table__row .is-left{
+		text-align: left !important;
+	}
+</style>
diff --git a/pages/admin/history/new.vue b/pages/admin/history/new.vue
new file mode 100644
index 0000000..87462ea
--- /dev/null
+++ b/pages/admin/history/new.vue
@@ -0,0 +1,137 @@
+<template>
+	<div class="container-fluid">
+		<div class="row">
+			<admin-title-bar :title="title">
+				<el-button @click="$router.back()" type="primary">برگشت به صفحه قبل</el-button>
+				<el-button type="success" @click="upload">ایجاد</el-button>
+			</admin-title-bar>
+			
+			<div class="col-6">
+				<admin-panel>
+					<el-form>
+						<el-form-item prop="title" :class="validation.fa_title ? 'is-error' : ''" label="عنوان فارسی">
+							<el-input v-model="formData.fa_title"></el-input>
+							<p class="err" v-if="validation.fa_title">{{validation.fa_title.msg}}</p>
+						</el-form-item>
+						
+						<el-form-item prop="title" :class="validation.en_title ? 'is-error' : ''" label="عنوان انگلیسی">
+							<el-input v-model="formData.en_title"></el-input>
+							<p class="err" v-if="validation.en_title">{{validation.en_title.msg}}</p>
+						</el-form-item>
+						
+						<el-form-item prop="title" :class="validation.fa_caption ? 'is-error' : ''" label="توضیحات فارسی">
+							<el-input type="textarea" v-model="formData.fa_caption"></el-input>
+							<p class="err" v-if="validation.fa_caption">{{validation.fa_caption.msg}}</p>
+						</el-form-item>
+						
+						<el-form-item prop="title" :class="validation.en_caption ? 'is-error' : ''" label="توضیحات انگلیسی">
+							<el-input type="textarea" v-model="formData.en_caption"></el-input>
+							<p class="err" v-if="validation.en_caption">{{validation.en_caption.msg}}</p>
+						</el-form-item>
+						
+						
+						<el-form-item prop="title" :class="validation.year ? 'is-error' : ''" label="سال">
+							<el-input v-model="formData.year" placeholder="سال را چهار رقمی و به شمسی وارد کنید. مثال: 1399"></el-input>
+							<p class="err" v-if="validation.year">{{validation.year.msg}}</p>
+						</el-form-item>
+					</el-form>
+				</admin-panel>
+			</div>
+			<div class="col-6">
+				<admin-panel>
+					<h2 class="secondTitle">تصویر</h2>
+					<el-divider></el-divider>
+					<img :src="formData.image" alt="" style="width: 100%;max-width: 400px;display: block;">
+					<input type="file" ref="image" @change="preview">
+					<p class="err" v-if="validation.image">{{validation.image.msg}}</p>
+				</admin-panel>
+			</div>
+		</div>
+	</div>
+</template>
+
+
+<script>
+   export default {
+      data() {
+         return {
+            formData: {
+               fa_title: '',
+               en_title: '',
+               fa_caption: '',
+               en_caption: '',
+               year: '',
+               image: ''
+            },
+            validation: {},
+            uploading: false,
+            uploadProgress: null
+         }
+      },
+      computed: {
+         title() {
+            if (!this.uploading) {
+               return 'افزودن تاریخچه'
+            } else {
+               return this.uploadProgress
+            }
+         }
+      },
+      methods: {
+         upload() {
+            this.validation = ''
+            const data = new FormData()
+            data.append('fa_title', this.formData.fa_title)
+            data.append('en_title', this.formData.en_title)
+            data.append('fa_caption', this.formData.fa_caption)
+            data.append('en_caption', this.formData.en_caption)
+            data.append('year', this.formData.year)
+            data.append('image', this.$refs.image.files[0])
+
+            const axiosConfig = {
+               onUploadProgress: progressEvent => {
+                  this.uploading = true
+                  this.uploadProgress = 'درحال آپلود ' + Math.floor(((progressEvent.loaded / progressEvent.total) * 100)) + '%'
+
+                  if ((progressEvent.loaded / progressEvent.total) * 100 === 100) {
+                     this.uploading = false
+                  }
+               }
+            }
+            this.$axios.post(`/api/private/history`, data, axiosConfig)
+               .then(response => {
+                  if (response.data) {
+                     this.$message({
+                        message: 'مورد با موفقیت ثبت شد.',
+                        type: 'success'
+                     });
+                     this.$router.push({name: 'admin-history'})
+                  }
+               }).catch(error => {
+               if (error.response.status === 422) {
+                  this.validation = error.response.data.validation
+                  this.$message({
+                     type: 'error',
+                     message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
+                  })
+               } else {
+                  this.$alert(error.response.data.error.message, 'خطا', {
+                     confirmButtonText: 'باشه',
+
+                  })
+               }
+
+            })
+         },
+         preview(event) {
+            this.formData.image = URL.createObjectURL(event.target.files[0]);
+         }
+      },
+      head() {
+         return {
+            title: this.title
+         }
+      },
+      layout: 'admin'
+   }
+</script>
diff --git a/pages/admin/slider/_slide.vue b/pages/admin/slider/_slide.vue
index bc6ab3b..147249d 100644
--- a/pages/admin/slider/_slide.vue
+++ b/pages/admin/slider/_slide.vue
@@ -10,22 +10,22 @@
 				<admin-panel>
 					<el-form>
 						<el-form-item prop="title" :class="validation.fa_title ? 'is-error' : ''" label="عنوان فارسی">
-							<el-input v-model="formData.fa_title"></el-input>
+							<el-input v-model="formData.slider_details.fa.title"></el-input>
 							<p class="err" v-if="validation.fa_title">{{validation.fa_title.msg}}</p>
 						</el-form-item>
 						
 						<el-form-item prop="title" :class="validation.en_title ? 'is-error' : ''" label="عنوان انگلیسی">
-							<el-input v-model="formData.en_title"></el-input>
+							<el-input v-model="formData.slider_details.en.title"></el-input>
 							<p class="err" v-if="validation.en_title">{{validation.en_title.msg}}</p>
 						</el-form-item>
 						
 						<el-form-item prop="title" :class="validation.fa_caption ? 'is-error' : ''" label="توضیحات فارسی">
-							<el-input v-model="formData.fa_caption"></el-input>
+							<el-input v-model="formData.slider_details.fa.caption"></el-input>
 							<p class="err" v-if="validation.fa_caption">{{validation.fa_caption.msg}}</p>
 						</el-form-item>
 						
 						<el-form-item prop="title" :class="validation.en_caption ? 'is-error' : ''" label="توضیحات انگلیسی">
-							<el-input v-model="formData.en_caption"></el-input>
+							<el-input v-model="formData.slider_details.en.caption"></el-input>
 							<p class="err" v-if="validation.en_caption">{{validation.en_caption.msg}}</p>
 						</el-form-item>
 					</el-form>
@@ -68,10 +68,10 @@
          upload() {
             this.validation = ''
             const data = new FormData()
-            data.append('fa_title', this.formData.fa_title)
-            data.append('en_title', this.formData.en_title)
-            data.append('fa_caption', this.formData.fa_caption)
-            data.append('en_caption', this.formData.en_caption)
+            data.append('fa_title', this.formData.slider_details.fa.title)
+            data.append('en_title', this.formData.slider_details.en.title)
+            data.append('fa_caption', this.formData.slider_details.fa.caption)
+            data.append('en_caption', this.formData.slider_details.en.caption)
 
             if (this.$refs.image.files[0]) {
                data.append('image', this.$refs.image.files[0])
diff --git a/plugins/gsap.client.js b/plugins/gsap.client.js
new file mode 100644
index 0000000..91a471e
--- /dev/null
+++ b/plugins/gsap.client.js
@@ -0,0 +1,7 @@
+import Vue from 'vue'
+import gsap from 'gsap'
+import scrollToPlugin from 'gsap/ScrollToPlugin'
+import scrollTrigger from 'gsap/ScrollTrigger'
+
+gsap.registerPlugin(scrollToPlugin,scrollTrigger)
+Vue.prototype.$gsap = gsap
diff --git a/plugins/gsap.js b/plugins/gsap.js
deleted file mode 100644
index ada0ff0..0000000
--- a/plugins/gsap.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Vue from 'vue'
-import gsap from 'gsap'
-
-Vue.prototype.$gsap = gsap
diff --git a/plugins/scrollMagic.js b/plugins/scrollMagic.js
deleted file mode 100644
index cb79488..0000000
--- a/plugins/scrollMagic.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Vue from 'vue'
-import vueScrollMagic from 'vue-scrollmagic'
-
-Vue.use(vueScrollMagic)
diff --git a/store/global.js b/store/global.js
index d89f34e..26bc3c5 100644
--- a/store/global.js
+++ b/store/global.js
@@ -1,9 +1,3 @@
-export const state = () => ({
-  navigation_guard: true
-})
+export const state = () => ({})
 
-export const mutations = {
-  navigationGuards(state, data) {
-    state.navigation_guard = data
-  }
-}
+export const mutations = {}
diff --git a/store/staticData.js b/store/staticData.js
index ca7cc3a..929f26e 100644
--- a/store/staticData.js
+++ b/store/staticData.js
@@ -13,7 +13,9 @@ export const state = () => ({
          ti_2: 'استاندارد گریتینگ',
          ti_3: 'طراحی گریتینگ',
          ti_4: 'کاربرد گریتینگ',
-         catalog: 'دانلود کاتالوگ'
+         catalog: 'دانلود کاتالوگ',
+         mainLinks: 'لینک های اصلی',
+         techLinks: 'اطلاعات فنی'
       },
       en: {
          home: 'Home',
@@ -28,7 +30,9 @@ export const state = () => ({
          ti_2: 'Grating Standard',
          ti_3: 'Grating Design',
          ti_4: 'Grating Usage',
-         catalog: 'Download Catalog'
+         catalog: 'Download Catalog',
+         mainLinks: 'Main Links',
+         techLinks: 'Technical Information'
       }
    },
    footer: {
@@ -72,10 +76,7 @@ export const state = () => ({
    },
    homePage: {
       fa: {
-         hero: {
-            t1: 'شرکت اراک ریل در سال 1991 تاسیس شد',
-            t2: 'ساخت انواع محصولات ریلی و توری وارداتی. در سال 2006 با توجه به فرایند بین المللی جوشکاری ، پانل های گریتینگ استیل ساخت اراک'
-         },
+         title: 'صفحه اصلی | اراک ریل',
          s1: {
             title: 'درباره ما',
             caption: 'شرکت اراک ریل در تاریخ ۱۳۷۰/۰۳/۲۹ با هدف تولید بخشی از قطعات و مجموعه های وارداتی مورد مصرف در صنایع ایران به خصوص راه آهن ، با مجوز وزارت صنایع ، تاسیس و در مساحت حدود ۶۰۰۰ متر مربع و با بیش از ۱۵۰۰ متر مربع کارگاه با مجموعه ای از امکانات ماشین کاری ، برش کاری ، پرس کاری و جوش کاری راه اندازی شد .شرکت اراک ریل مفتخر است که از سال ۱۳۸۵ برای اولین بار در کشور ….',
@@ -126,15 +127,7 @@ export const state = () => ({
          }
       },
       en: {
-         hero: {
-            t1: 'Arak Rail Co.\n' +
-               'was established in 1991 for',
-            t2: 'manufacturing ofsome import rail products & gratings. In 2006 Arak Rail manufacturedsteel grating panels according to the International Welding Process.',
-            link: {
-               txt: 'Contact Us',
-               url: 'lang-contact'
-            }
-         },
+         title: 'Home Page | Arak Rail',
          s1: {
             title: 'About Us',
             caption: 'Arak Rail Company was established on 03/29/1370 with the aim of producing some of the imported parts and assemblies used in Iranian industries, especially railways, with the permission of the Ministry of Industry, and with an area of about 6,000 square meters and more than 1,500 square meters. The workshop was launched with a set of machining, cutting, pressing and welding facilities. Arak Rail Company is proud to be the first in the country since 2006.',
@@ -376,32 +369,8 @@ export const state = () => ({
          },
          s2: {
             t1: 'نوع محصولی را که می خواهید ببینید انتخاب کنید',
-            filters: [
-               {
-                  txt: 'همه',
-                  key: 'all'
-               },
-               {
-                  txt: 'گریتینگ با فشار قفل شده',
-                  key: 'plg'
-               },
-               {
-                  txt: 'پله',
-                  key: 'stair'
-               },
-               {
-                  txt: 'گریتینگ الکترو فورژ',
-                  key: 'eg'
-               },
-               {
-                  txt: 'پنل گریتینگ',
-                  key: 'gp'
-               },
-               {
-                  txt: 'گیره',
-                  key: 'clamp'
-               }
-            ]
+            t2: 'هیچ محصولی در این دسته بندی موجود نمیباشد.',
+            t3: 'همه'
          },
          s3: {
             t1: 'شرکت اراک ریل',
@@ -418,32 +387,8 @@ export const state = () => ({
          },
          s2: {
             t1: 'Select the type of product you want to see',
-            filters: [
-               {
-                  txt: 'All',
-                  key: 'all'
-               },
-               {
-                  txt: 'Pressure-locked Grating',
-                  key: 'plg'
-               },
-               {
-                  txt: 'Stair',
-                  key: 'stair'
-               },
-               {
-                  txt: 'Electroforged Grating',
-                  key: 'eg'
-               },
-               {
-                  txt: 'Grating Panel',
-                  key: 'gp'
-               },
-               {
-                  txt: 'Clamp',
-                  key: 'clamp'
-               }
-            ]
+            t2: 'There are no products in this category.',
+            t3: 'All'
          },
          s3: {
             t1: 'ArakRail Company',
@@ -455,10 +400,22 @@ export const state = () => ({
    },
    products_details: {
       fa: {
-         hero: 'جزعیات محصول'
+         hero: 'جزعیات محصول',
+         t1: 'جزییات بیشتر',
+         t2: 'نمایش گرافیکی مشخصات',
+         t3: 'در شماتیک زیر مشخصات اولیه گریتینگ نمایش داده شده است',
+         t4: 'فایل های قابل دانلود',
+         t5: 'دانلود',
+         t6: 'مشاهده تمام محصولات'
       },
       en: {
-         hero: 'Product Details'
+         hero: 'Product Details',
+         t1: 'More Details',
+         t2: 'Graphic display of specifications',
+         t3: 'The schematic below shows the basic specifications of the grating',
+         t4: 'Downloadable files',
+         t5: 'Download',
+         t6: 'View All Products'
       }
    },
    projects: {
@@ -469,7 +426,8 @@ export const state = () => ({
          t3: 'طراحی و تولید گریتینگ به روشهای الکتروفورج، پرسی و جوش GMAW',
          t4: 'با ما در ارتباط باشید',
          t5: 'تماس با ما',
-         t6: 'تاربخ اجرا: '
+         t6: 'تاریخ اجرا: ',
+         t7: 'هیچ پروژه ای موجود نیست.'
       },
       en: {
          hero: 'Projects',
@@ -478,7 +436,8 @@ export const state = () => ({
          t3: 'Design and production of grating by electrophoresis, pressing and welding methods GMAW',
          t4: 'Get in touch with us',
          t5: 'Contact Us',
-         t6: 'Execution date: '
+         t6: 'Execution date: ',
+         t7: 'No projects available.'
       }
    },
    blog: {
@@ -488,7 +447,9 @@ export const state = () => ({
          t2: 'ما می خواهیم اطلاعات بیشتری در مورد ما بدانید ، بنابراین ما اخبار ، رویدادها یا تحولات گریتینگ اراک ریل و صنعتی را که ما به آن تعلق داریم برای شما ارسال می کنیم ،بنابراین شما می دانید که چگونه ما در جای خود قرار گرفته ایم.',
          t3: 'فیلتر بر اساس دسته بندی ها',
          t4: 'دسته بندی /',
-         t5: 'بیشتر'
+         t5: 'بیشتر',
+         t6: 'هیچ پستی در این دسته بندی موجود نمیباشد.',
+         t7: 'همه'
       },
       en: {
          hero: 'Blog',
@@ -496,7 +457,9 @@ export const state = () => ({
          t2: 'We want you to know more about us, so we will send you the news, events or developments of Arak Rail and Industrial Grating to which we belong, so you know how we are in place.',
          t3: 'Filter By Categories',
          t4: 'Category /',
-         t5: 'More'
+         t5: 'More',
+         t6: 'There are no posts in this category.',
+         t7: 'All'
       }
    },
    blog_details: {
@@ -730,7 +693,10 @@ export const state = () => ({
          t7: 'Products'
       }
    },
-   catalog_link: '',
+   calculation: {
+      fa: {},
+      en: {}
+   },
    calc_app_link: ''
 })