diff --git a/app/index/view/component/footer.php b/app/index/view/component/footer.php
index 48f1a6c..ab12638 100644
--- a/app/index/view/component/footer.php
+++ b/app/index/view/component/footer.php
@@ -1,83 +1,52 @@
-<footer class="footer">
+<footer class="footer" style="background-image: url(__IMAGES__/footer-bg-1.png)">
     <div class="container">
-        <div class="footer-content">
-            <div class="footer-logo">
-                <h3>{$config['admin_name']}</h3>
+        <div class="row" style="width: 100%;">
+            <div class="row-main">
+                <div class="mr-20">
+                    <img src="__IMAGES__/logo-l-w.png" alt="" height="70">
+                    <p class="text-white-50 my-4 f18" style="width: 400px;">美天智能科技，这里是介绍！</p>
+                </div>
+                <div style="display: flex; justify-content: space-between;width: 100%;margin-right: 200px;">
+                    <div>
+                        <h4 class="text-white f-20 font-weight-normal mb-3">关于我们</h4>
+                        <ul class="list-unstyled footer-sub-menu">
+                            <li><a href="#" class="footer-link">概况</a></li>
+                            <li><a href="#" class="footer-link">资讯</a></li>
+                            <li><a href="#" class="footer-link">加入我们</a></li>
+                            <li><a href="#" class="footer-link">联系我们</a></li>
+                        </ul>
+                    </div>
+                    <div>
+                        <h4 class="text-white f-20 font-weight-normal mb-3">商务合作</h4>
+                        <ul class="list-unstyled footer-sub-menu">
+                            <li><a href="#" class="footer-link">商务合作</a></li>
+                        </ul>
+                    </div>
+                    <div>
+                        <h4 class="text-white f-20 font-weight-normal mb-3">服务支持</h4>
+                        <ul class="list-unstyled footer-sub-menu">
+                            <li><a href="#" class="footer-link">常见问答</a></li>
+                            <li><a href="#" class="footer-link">软件下载</a></li>
+                            <li><a href="#" class="footer-link">服务政策</a></li>
+                            <li><a href="#" class="footer-link">投诉建议</a></li>
+                        </ul>
+                    </div>
+                </div>
+
+                <div>
+                    <div class="text-center">
+                        <img src="__IMAGES__/code.png" alt="微信二维码" class="img-fluid" style="max-width: 150px;">
+                        <p class="text-white-50 mt-2">微信公众号</p>
+                    </div>
+                </div>
             </div>
-            <div class="footer-links">
-                <ul>
-                    <li><a href="/">首页</a></li>
-                    <li><a href="/about">关于我们</a></li>
-                    <li><a href="/contact">联系我们</a></li>
-                    <li><a href="/service">服务条款</a></li>
-                </ul>
-            </div>
-            <div class="footer-contact">
-                <p>电话：{$config['phone'] ?? '暂无'}</p>
-                <p>邮箱：{$config['email'] ?? 'admin@example.com'}</p>
-                <p>地址：{$config['address'] ?? '暂无地址信息'}</p>
-            </div>
-        </div>
-        <div class="footer-bottom">
-            <p>版权所有 &copy; {date('Y')} {$config['admin_name']} - 保留所有权利</p>
         </div>
     </div>
 </footer>
-
-<style>
-.footer {
-    background-color: #333;
-    color: #fff;
-    padding: 30px 0;
-    margin-top: 30px;
-}
-.container {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 0 15px;
-}
-.footer-content {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    margin-bottom: 20px;
-}
-.footer-logo h3 {
-    margin: 0;
-    font-size: 24px;
-    color: #fff;
-}
-.footer-links ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-.footer-links li {
-    margin-bottom: 10px;
-}
-.footer-links a {
-    color: #ccc;
-    text-decoration: none;
-    transition: color 0.3s;
-}
-.footer-links a:hover {
-    color: #fff;
-}
-.footer-contact p {
-    margin: 5px 0;
-    color: #ccc;
-}
-.footer-bottom {
-    text-align: center;
-    padding-top: 20px;
-    border-top: 1px solid #444;
-}
-@media (max-width: 768px) {
-    .footer-content {
-        flex-direction: column;
-    }
-    .footer-logo, .footer-links, .footer-contact {
-        margin-bottom: 20px;
-    }
-}
-</style>
+<section class="copyright text-center">
+    <div class="container wow fadeInUp animated" data-wow-delay="400ms"
+        style="visibility: visible; animation-delay: 400ms; animation-name: fadeInUp;">
+        <p class="copyright__text">Copyright <span class="dynamic-year">2025</span> | All Rights By <a
+                href="http://www.yunzer.cn">Yunzer</a></p>
+    </div>
+</section>
\ No newline at end of file
diff --git a/app/index/view/component/header.php b/app/index/view/component/header.php
index b18efd6..4d7623d 100644
--- a/app/index/view/component/header.php
+++ b/app/index/view/component/header.php
@@ -1,22 +1,158 @@
-<header class="site-header">
-    <div class="logo">
-        <a href="/">网站名称</a>
+<div style="display: flex;flex-direction: column;">
+    <div class="topbar-one">
+        <div class="container">
+            <div style="width: 70%;">
+                <ul class="list-unstyled topbar-one__info">
+                    <li class="topbar-one__info__item"><span class="topbar-one__info__icon fas fa-phone-alt"></span><a
+                            href="tel:629-555-0129">(629) 555-0129</a></li>
+                    <li class="topbar-one__info__item"><span class="topbar-one__info__icon fas fa-envelope"></span><a
+                            href="mailto:info@example.com">info@example.com</a></li>
+                </ul>
+            </div>
+            <div class="topbar-one__social" style="width: 30%;">
+                <a href="https://facebook.com"><i class="fab fa-facebook-f"></i></a>
+                <a href="https://twitter.com"><i class="fab fa-twitter"></i></a>
+                <a href="https://instagram.com"><i class="fab fa-instagram"></i></a>
+                <a href="https://www.youtube.com/"><i class="fab fa-linkedin"></i></a>
+            </div>
+        </div>
     </div>
-    <nav class="main-nav">
-        <ul>
-            <li><a href="/">首页</a></li>
-            <li><a href="/about">关于我们</a></li>
-            <li><a href="/services">服务</a></li>
-            <li><a href="/contact">联系我们</a></li>
-        </ul>
-    </nav>
-    <div class="user-actions">
-        <?php if(isset($_SESSION['user_id'])): ?>
-            <a href="/user/profile">个人中心</a>
-            <a href="/user/logout">退出登录</a>
-        <?php else: ?>
-            <a href="/user/login">登录</a>
-            <a href="/user/register">注册</a>
-        <?php endif; ?>
+    <!-- 导航栏 -->
+    <div class="main-menu">
+        <div class="container">
+            <div class="main-menu__logo">
+                <a href="index.html"><img src="__IMAGES__/logo.png" width="186" alt="Logo"></a>
+            </div>
+            <div class="main-menu__nav">
+                <ul class="main-menu__list">
+                    <li><a href="index.html">首页</a></li>
+                    <li><a href="about.html">关于我们</a></li>
+                    <li><a href="products.html">产品服务</a></li>
+                    <li><a href="contact.html">联系我们</a></li>
+                </ul>
+            </div>
+            <div class="main-menu__right">
+                <a href="#" class="main-menu__search"><i class="layui-icon layui-icon-search"></i></a>
+                <a href="login.html" class="main-menu__login"><i class="layui-icon layui-icon-username"></i></a>
+            </div>
+        </div>
     </div>
-</header>
+    <div class="main-header">
+        <!-- Banner轮播 -->
+        <div class="layui-carousel" id="test10" lay-filter="test10">
+            <div carousel-item="">
+                <div>
+                    <div class="banner-content">
+                        <span class="banner-title">智能科技 引领未来</span>
+                        <span class="banner-desc">打造智能化解决方案，助力企业数字化转型,打造智能化解决方案，助力企业数字化转型,打造智能化解决方案，助力企业数字化转型</span>
+                        <a href="#" class="btn btn-primary" style="margin-top: 20px;width:150px">了解更多</a>
+                    </div>
+                    <a href="#" class="banner-slide">
+                        <img src="__IMAGES__/banner/banner1.jpg" alt="Banner 1">
+                    </a>
+                </div>
+                <div>
+                    <div class="banner-content">
+                        <span class="banner-title">创新技术 卓越服务</span>
+                        <spanp class="banner-desc">以创新科技为核心，为客户提供优质服务</spanp>
+                    </div>
+                    <a href="#" class="banner-slide">
+                        <img src="__IMAGES__/banner/banner2.jpg" alt="Banner 2">
+                    </a>
+                </div>
+                <div>
+                    <div class="banner-content">
+                        <span class="banner-title">专业团队 值得信赖</span>
+                        <spanp class="banner-desc">资深专家团队，为您提供专业的技术支持</spanp>
+                    </div>
+                    <a href="#" class="banner-slide">
+                        <img src="__IMAGES__/banner/banner3.jpg" alt="Banner 3">
+                    </a>
+                </div>
+                <div>
+                    <div class="banner-content">
+                        <span class="banner-title">全球视野 本地服务</span>
+                        <span class="banner-desc">立足本地，放眼全球，打造国际化服务</span>
+                    </div>
+                    <a href="#" class="banner-slide">
+                        <img src="__IMAGES__/banner/banner4.jpg" alt="Banner 4">
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- 固定导航 -->
+<div class="sticky-nav" style="display: none;">
+    <div class="container">
+        <div class="sticky-nav__logo">
+            <a href="index.html"><img src="__IMAGES__/logo.png" width="150" alt="Logo"></a>
+        </div>
+        <div class="sticky-nav__menu">
+            <ul>
+                <li><a href="index.html">首页</a></li>
+                <li><a href="about.html">关于我们</a></li>
+                <li><a href="products.html">产品服务</a></li>
+                <li><a href="contact.html">联系我们</a></li>
+            </ul>
+        </div>
+        <div class="sticky-nav__right">
+            <a href="#" class="main-menu__search"><i class="layui-icon layui-icon-search"></i></a>
+            <a href="login.html" class="main-menu__login"><i class="layui-icon layui-icon-username"></i></a>
+        </div>
+    </div>
+</div>
+
+<script>
+layui.use(['carousel', 'form'], function(){
+  var carousel = layui.carousel
+  ,form = layui.form;
+  
+  //图片轮播
+  carousel.render({
+    elem: '#test10'
+    ,width: '100%'
+    ,height: '86vh'
+    ,interval: 4000
+  });
+  
+  var $ = layui.$, active = {
+    set: function(othis){
+      var THIS = 'layui-bg-normal'
+      ,key = othis.data('key')
+      ,options = {};
+      
+      othis.css('background-color', '#5FB878').siblings().removeAttr('style'); 
+      options[key] = othis.data('value');
+      ins3.reload(options);
+    }
+  };
+  
+  //监听开关
+  form.on('switch(autoplay)', function(){
+    ins3.reload({
+      autoplay: this.checked
+    });
+  });
+  
+  $('.demoSet').on('keyup', function(){
+    var value = this.value
+    ,options = {};
+    if(!/^\d+$/.test(value)) return;
+    
+    options[this.name] = value;
+    ins3.reload(options);
+  });
+  
+  // 监听滚动事件
+  $(window).scroll(function() {
+    var scrollTop = $(window).scrollTop();
+    if (scrollTop > 150) { // 当滚动超过150px时显示固定导航
+      $('.sticky-nav').fadeIn();
+    } else {
+      $('.sticky-nav').fadeOut();
+    }
+  });
+});
+</script>
diff --git a/app/index/view/component/main.php b/app/index/view/component/main.php
index 8a83fd6..95f8eb3 100644
--- a/app/index/view/component/main.php
+++ b/app/index/view/component/main.php
@@ -1,410 +1,190 @@
 <main class="main-content">
     <div class="container">
-        <section class="hero-section">
-            <div class="hero-content">
-                <h1>欢迎来到我们的网站</h1>
-                <p>我们提供专业的服务和优质的产品</p>
-                <a href="#" class="btn btn-primary">了解更多</a>
+        <!-- 文章模块 -->
+        <div class="core-block core-module" id="opencourse" style="order: 3;">
+            <div class="module-header">
+                <div>
+                    <div class="ModuleTitle_titleWrapper">
+                        <h3 class="ModuleTitle_title">站点新闻</h3>
+                        <div class="ModuleTitle_subtitle">新鲜资讯 尽在掌握</div>
+                    </div>
+                </div>
+                <div class="more-btn">更多</div>
             </div>
-            <div class="hero-image">
-                <img src="__STATIC__/images/hero.jpg" alt="欢迎图片">
+            <div class="product-list">
+                <div class="opencourse product-item">
+                    <div class="video"><img data-v-4477fdbc=""
+                            src="https://static001.geekbang.org/resource/image/ff/b8/ff18d73bec1040abf3d7bc7bffb532b8.jpg?x-oss-process=image/resize,w_423,h_238/format,webp"
+                            alt="" class="cover"><!----></div>
+                    <div class="introduction">
+                        <div class="title">闪客 · 怎么理解 AI？</div>
+                        <div class="subtitle">闪客 | B 站知名科普 UP 主</div>
+                    </div>
+                    <div class="bottom">
+                        <div class="desc">1025人学过</div>
+                        <!-- <div class="btn">观看： 123人</div> -->
+                    </div>
+                </div>
+                <div class="opencourse product-item">
+                    <div class="video"><img data-v-4477fdbc=""
+                            src="https://static001.geekbang.org/resource/image/76/cd/762ee7f34a76fbff61d20aae313833cd.jpg?x-oss-process=image/resize,w_423,h_238/format,webp"
+                            alt="" class="cover">
+                    </div>
+                    <div class="introduction">
+                        <div class="title">多模态对话引擎实战</div>
+                        <div class="subtitle">吴桐 | 网易云信音视频技术负责人，流媒体首席架构师</div>
+                    </div>
+                    <div class="bottom">
+                        <div class="desc">380人学过</div>
+                        <!-- <div class="btn">观看： 123人</div> -->
+                    </div>
+                </div>
+                <div class="opencourse product-item">
+                    <div class="video"><img data-v-4477fdbc=""
+                            src="https://static001.geekbang.org/resource/image/4y/da/4yyfb232bfbfbdcc6ed827c16b04a9da.jpg?x-oss-process=image/resize,w_423,h_238/format,webp"
+                            alt="" class="cover"><!----></div>
+                    <div class="introduction">
+                        <div class="title">极客视点</div>
+                        <div class="subtitle">极客时间 | 编辑部</div>
+                    </div>
+                    <div class="bottom">
+                        <div class="desc">12.4w人学过</div>
+                        <!-- <div class="btn">观看： 123人</div> -->
+                    </div>
+                </div>
+                <div class="opencourse product-item">
+                    <div class="video"><img data-v-4477fdbc=""
+                            src="https://static001.geekbang.org/resource/image/0f/69/0f95b62cf7yy6d6yy674f090d063b669.jpg?x-oss-process=image/resize,w_423,h_238/format,webp"
+                            alt="" class="cover"><!----></div>
+                    <div class="introduction">
+                        <div class="title">周志明的软件架构课</div>
+                        <div class="subtitle">周志明 | 博士，远光软件研究院院长，《深入理解Java虚拟机》《凤凰架构》等书作者</div>
+                    </div>
+                    <div class="bottom">
+                        <div class="desc">6.0w人学过</div>
+                        <!-- <div class="btn">观看： 123人</div>d -->
+                    </div>
+                </div>
             </div>
-        </section>
+        </div>
 
-        <section class="features-section">
-            <h2 class="section-title">我们的特色</h2>
-            <div class="features-grid">
-                <div class="feature-card">
-                    <div class="feature-icon">
-                        <i class="layui-icon layui-icon-star"></i>
-                    </div>
-                    <h3>高品质服务</h3>
-                    <p>我们致力于提供最优质的服务，满足客户的各种需求。</p>
-                </div>
-                <div class="feature-card">
-                    <div class="feature-icon">
-                        <i class="layui-icon layui-icon-diamond"></i>
-                    </div>
-                    <h3>专业团队</h3>
-                    <p>我们拥有经验丰富的专业团队，为您提供最佳解决方案。</p>
-                </div>
-                <div class="feature-card">
-                    <div class="feature-icon">
-                        <i class="layui-icon layui-icon-heart"></i>
-                    </div>
-                    <h3>客户至上</h3>
-                    <p>以客户需求为中心，提供个性化的服务和支持。</p>
-                </div>
-            </div>
-        </section>
-
-        <section class="about-section">
-            <div class="about-content">
-                <h2 class="section-title">关于我们</h2>
-                <p>我们是一家专注于提供高质量服务的公司，成立于2010年。多年来，我们不断创新和发展，已经成为行业内的领先企业。</p>
-                <p>我们的使命是通过卓越的产品和服务，帮助客户实现他们的目标和愿景。</p>
-                <a href="#" class="btn btn-secondary">查看更多</a>
-            </div>
-            <div class="about-image">
-                <img src="__STATIC__/images/about.jpg" alt="关于我们">
-            </div>
-        </section>
-
-        <section class="products-section">
-            <h2 class="section-title">热门产品</h2>
-            <div class="products-grid">
-                <div class="product-card">
-                    <img src="__STATIC__/images/product1.jpg" alt="产品1">
-                    <h3>产品一</h3>
-                    <p>产品描述信息，介绍产品的特点和优势。</p>
-                    <a href="#" class="btn btn-small">查看详情</a>
-                </div>
-                <div class="product-card">
-                    <img src="__STATIC__/images/product2.jpg" alt="产品2">
-                    <h3>产品二</h3>
-                    <p>产品描述信息，介绍产品的特点和优势。</p>
-                    <a href="#" class="btn btn-small">查看详情</a>
-                </div>
-                <div class="product-card">
-                    <img src="__STATIC__/images/product3.jpg" alt="产品3">
-                    <h3>产品三</h3>
-                    <p>产品描述信息，介绍产品的特点和优势。</p>
-                    <a href="#" class="btn btn-small">查看详情</a>
-                </div>
-                <div class="product-card">
-                    <img src="__STATIC__/images/product4.jpg" alt="产品4">
-                    <h3>产品四</h3>
-                    <p>产品描述信息，介绍产品的特点和优势。</p>
-                    <a href="#" class="btn btn-small">查看详情</a>
-                </div>
-            </div>
-        </section>
-
-        <section class="contact-section">
-            <h2 class="section-title">联系我们</h2>
-            <div class="contact-container">
-                <div class="contact-info">
-                    <div class="contact-item">
-                        <i class="layui-icon layui-icon-location"></i>
-                        <p>地址：中国上海市浦东新区张江高科技园区</p>
-                    </div>
-                    <div class="contact-item">
-                        <i class="layui-icon layui-icon-cellphone"></i>
-                        <p>电话：400-123-4567</p>
-                    </div>
-                    <div class="contact-item">
-                        <i class="layui-icon layui-icon-email"></i>
-                        <p>邮箱：info@example.com</p>
-                    </div>
-                </div>
-                <div class="contact-form">
-                    <form action="#" method="post">
-                        <div class="form-group">
-                            <input type="text" name="name" placeholder="您的姓名">
+        <!-- 文章模块 -->
+        <div class="core-block core-module" id="opencourse" style="order: 3;">
+            <div class="module-header">
+                <div>
+                    <div class="ModuleTitle_titleWrapper">
+                        <h3 class="ModuleTitle_title">公开课</h3>
+                        <div class="tab-container">
+                            <div class="tab-header">
+                                <div class="tab-item active" data-tab="all">全部</div>
+                                <div class="tab-item" data-tab="frontend">前端</div>
+                                <div class="tab-item" data-tab="backend">后端</div>
+                                <div class="tab-item" data-tab="mobile">移动端</div>
+                            </div>
                         </div>
-                        <div class="form-group">
-                            <input type="email" name="email" placeholder="您的邮箱">
+                    </div>
+                </div>
+                <div class="more-btn">更多</div>
+            </div>
+            <div class="product-list">
+                <!-- 全部课程 -->
+                <div class="tab-content active" data-tab="all">
+                    <!-- 原有的课程列表内容 -->
+                    <div class="opencourse product-item">
+                        <!-- ... 原有内容 ... -->
+                    </div>
+                    <!-- ... 其他课程项 ... -->
+                </div>
+
+                <!-- 前端课程 -->
+                <div class="tab-content" data-tab="frontend">
+                    <div class="opencourse product-item">
+                        <div class="video">
+                            <img src="https://static001.geekbang.org/resource/image/ff/b8/ff18d73bec1040abf3d7bc7bffb532b8.jpg?x-oss-process=image/resize,w_423,h_238/format,webp"
+                                alt="" class="cover">
                         </div>
-                        <div class="form-group">
-                            <textarea name="message" placeholder="您的留言"></textarea>
+                        <div class="introduction">
+                            <div class="title">Vue.js 实战教程</div>
+                            <div class="subtitle">张老师 | 资深前端工程师</div>
                         </div>
-                        <button type="submit" class="btn btn-primary">提交</button>
-                    </form>
+                        <div class="bottom">
+                            <div class="desc">2.5w人学过</div>
+                        </div>
+                    </div>
+                    <!-- 可以添加更多前端课程 -->
+                </div>
+
+                <!-- 后端课程 -->
+                <div class="tab-content" data-tab="backend">
+                    <div class="opencourse product-item">
+                        <div class="video">
+                            <img src="https://static001.geekbang.org/resource/image/76/cd/762ee7f34a76fbff61d20aae313833cd.jpg?x-oss-process=image/resize,w_423,h_238/format,webp"
+                                alt="" class="cover">
+                        </div>
+                        <div class="introduction">
+                            <div class="title">PHP高级开发实战</div>
+                            <div class="subtitle">李老师 | 资深后端工程师</div>
+                        </div>
+                        <div class="bottom">
+                            <div class="desc">1.8w人学过</div>
+                        </div>
+                    </div>
+                    <!-- 可以添加更多后端课程 -->
+                </div>
+
+                <!-- 移动端课程 -->
+                <div class="tab-content" data-tab="mobile">
+                    <div class="opencourse product-item">
+                        <div class="video">
+                            <img src="https://static001.geekbang.org/resource/image/0f/69/0f95b62cf7yy6d6yy674f090d063b669.jpg?x-oss-process=image/resize,w_423,h_238/format,webp"
+                                alt="" class="cover">
+                        </div>
+                        <div class="introduction">
+                            <div class="title">Flutter跨平台开发</div>
+                            <div class="subtitle">王老师 | 移动端架构师</div>
+                        </div>
+                        <div class="bottom">
+                            <div class="desc">1.2w人学过</div>
+                        </div>
+                    </div>
+                    <!-- 可以添加更多移动端课程 -->
                 </div>
             </div>
-        </section>
+        </div>
+
     </div>
 </main>
 
-<style>
-.main-content {
-    padding: 50px 0;
-    background-color: #f8f9fa;
-}
 
-.container {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 0 15px;
-}
+<script>
+    document.addEventListener('DOMContentLoaded', function () {
+        // 获取所有tab项和内容
+        const tabItems = document.querySelectorAll('.tab-item');
+        const tabContents = document.querySelectorAll('.tab-content');
 
-.section-title {
-    text-align: center;
-    margin-bottom: 40px;
-    font-size: 32px;
-    color: #333;
-}
+        // 为每个tab项添加点击事件
+        tabItems.forEach(tab => {
+            tab.addEventListener('click', function () {
+                // 移除所有active类
+                tabItems.forEach(item => item.classList.remove('active'));
+                tabContents.forEach(content => content.classList.remove('active'));
 
-/* 英雄区域样式 */
-.hero-section {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 80px;
-}
+                // 添加active类到当前点击的tab
+                this.classList.add('active');
 
-.hero-content {
-    flex: 1;
-    padding-right: 50px;
-}
+                // 显示对应的内容
+                const tabName = this.getAttribute('data-tab');
+                const activeContent = document.querySelector(`.tab-content[data-tab="${tabName}"]`);
+                if (activeContent) {
+                    activeContent.classList.add('active');
+                }
 
-.hero-content h1 {
-    font-size: 48px;
-    margin-bottom: 20px;
-    color: #333;
-}
-
-.hero-content p {
-    font-size: 18px;
-    margin-bottom: 30px;
-    color: #666;
-}
-
-.hero-image {
-    flex: 1;
-}
-
-.hero-image img {
-    max-width: 100%;
-    border-radius: 10px;
-    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
-}
-
-/* 按钮样式 */
-.btn {
-    display: inline-block;
-    padding: 12px 30px;
-    border-radius: 5px;
-    text-decoration: none;
-    font-weight: bold;
-    transition: all 0.3s ease;
-}
-
-.btn-primary {
-    background-color: #3492ED;
-    color: white;
-}
-
-.btn-primary:hover {
-    background-color: #2a7fd9;
-}
-
-.btn-secondary {
-    background-color: #6c757d;
-    color: white;
-}
-
-.btn-secondary:hover {
-    background-color: #5a6268;
-}
-
-.btn-small {
-    padding: 8px 15px;
-    font-size: 14px;
-}
-
-/* 特色部分样式 */
-.features-section {
-    margin-bottom: 80px;
-}
-
-.features-grid {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 30px;
-}
-
-.feature-card {
-    background-color: white;
-    padding: 30px;
-    border-radius: 10px;
-    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
-    text-align: center;
-    transition: transform 0.3s ease;
-}
-
-.feature-card:hover {
-    transform: translateY(-10px);
-}
-
-.feature-icon {
-    font-size: 48px;
-    color: #3492ED;
-    margin-bottom: 20px;
-}
-
-.feature-card h3 {
-    margin-bottom: 15px;
-    color: #333;
-}
-
-.feature-card p {
-    color: #666;
-}
-
-/* 关于我们部分样式 */
-.about-section {
-    display: flex;
-    align-items: center;
-    margin-bottom: 80px;
-}
-
-.about-content {
-    flex: 1;
-    padding-right: 50px;
-}
-
-.about-content h2 {
-    text-align: left;
-}
-
-.about-content p {
-    margin-bottom: 20px;
-    color: #666;
-    line-height: 1.6;
-}
-
-.about-image {
-    flex: 1;
-}
-
-.about-image img {
-    max-width: 100%;
-    border-radius: 10px;
-    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
-}
-
-/* 产品部分样式 */
-.products-section {
-    margin-bottom: 80px;
-}
-
-.products-grid {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 20px;
-}
-
-.product-card {
-    background-color: white;
-    border-radius: 10px;
-    overflow: hidden;
-    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
-    transition: transform 0.3s ease;
-}
-
-.product-card:hover {
-    transform: translateY(-10px);
-}
-
-.product-card img {
-    width: 100%;
-    height: 200px;
-    object-fit: cover;
-}
-
-.product-card h3 {
-    padding: 15px 15px 5px;
-    color: #333;
-}
-
-.product-card p {
-    padding: 0 15px 15px;
-    color: #666;
-}
-
-.product-card .btn {
-    margin: 0 15px 15px;
-}
-
-/* 联系我们部分样式 */
-.contact-section {
-    margin-bottom: 50px;
-}
-
-.contact-container {
-    display: flex;
-    background-color: white;
-    border-radius: 10px;
-    overflow: hidden;
-    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
-}
-
-.contact-info {
-    flex: 1;
-    padding: 40px;
-    background-color: #3492ED;
-    color: white;
-}
-
-.contact-item {
-    display: flex;
-    align-items: center;
-    margin-bottom: 20px;
-}
-
-.contact-item i {
-    font-size: 24px;
-    margin-right: 15px;
-}
-
-.contact-form {
-    flex: 2;
-    padding: 40px;
-}
-
-.form-group {
-    margin-bottom: 20px;
-}
-
-.form-group input,
-.form-group textarea {
-    width: 100%;
-    padding: 12px;
-    border: 1px solid #ddd;
-    border-radius: 5px;
-    font-size: 16px;
-}
-
-.form-group textarea {
-    height: 150px;
-    resize: vertical;
-}
-
-/* 响应式设计 */
-@media (max-width: 992px) {
-    .hero-section,
-    .about-section {
-        flex-direction: column;
-    }
-    
-    .hero-content,
-    .about-content {
-        padding-right: 0;
-        margin-bottom: 30px;
-    }
-    
-    .features-grid {
-        grid-template-columns: repeat(2, 1fr);
-    }
-    
-    .products-grid {
-        grid-template-columns: repeat(2, 1fr);
-    }
-    
-    .contact-container {
-        flex-direction: column;
-    }
-}
-
-@media (max-width: 576px) {
-    .features-grid,
-    .products-grid {
-        grid-template-columns: 1fr;
-    }
-    
-    .hero-content h1 {
-        font-size: 36px;
-    }
-}
-</style>
+                // 添加切换动画效果
+                activeContent.style.opacity = '0';
+                setTimeout(() => {
+                    activeContent.style.opacity = '1';
+                }, 50);
+            });
+        });
+    });
+</script>
\ No newline at end of file
diff --git a/app/index/view/index/index.php b/app/index/view/index/index.php
index fd1cb88..82eb3f7 100644
--- a/app/index/view/index/index.php
+++ b/app/index/view/index/index.php
@@ -1,15 +1,21 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{$config['admin_name']}</title>
+    <link rel="stylesheet" href="__LAYUI__/css/layui.css">
     <link rel="stylesheet" href="__CSS__/style.css">
+    <link rel="stylesheet" href="__CSS__/bootstrap.min.css">
+    <script src="__LAYUI__/layui.js" charset="utf-8"></script>
 </head>
+
 <body>
     {include file="component/header" /}
     {include file="component/main" /}
     {include file="component/footer" /}
-    
+
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/config/view.php b/config/view.php
index e2db66c..2cf9202 100644
--- a/config/view.php
+++ b/config/view.php
@@ -26,7 +26,9 @@ return [
     'tpl_replace_string' => [
         '__STATIC__' => '/static',
         '__ADMIN__' => '/static/admin',
+        '__IMAGES__' => '/static/images',
         '__CSS__' => '/static/css',
+        '__LAYUI__' => '/static/layui',
         '__JS__' => '/static/js',
     ],
     // 是否开启模板编译缓存,设为false则每次都会重新编译
diff --git a/public/static/css/bootstrap.min.css b/public/static/css/bootstrap.min.css
new file mode 100644
index 0000000..116ea9c
--- /dev/null
+++ b/public/static/css/bootstrap.min.css
@@ -0,0 +1,9377 @@
+:root {
+  --blue:#007bff;
+  --indigo:#6610f2;
+  --purple:#6f42c1;
+  --pink:#e83e8c;
+  --red:#dc3545;
+  --orange:#fd7e14;
+  --yellow:#ffc107;
+  --green:#28a745;
+  --teal:#20c997;
+  --cyan:#17a2b8;
+  --white:#fff;
+  --gray:#6c757d;
+  --gray-dark:#343a40;
+  --primary:#007bff;
+  --secondary:#6c757d;
+  --success:#28a745;
+  --info:#17a2b8;
+  --warning:#ffc107;
+  --danger:#dc3545;
+  --light:#f8f9fa;
+  --dark:#343a40;
+  --breakpoint-xs:0;
+  --breakpoint-sm:576px;
+  --breakpoint-md:768px;
+  --breakpoint-lg:992px;
+  --breakpoint-xl:1200px;
+  --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
+}
+*,
+::after,
+::before {
+  box-sizing:border-box
+}
+html {
+  font-family:sans-serif;
+  line-height:1.15;
+  -webkit-text-size-adjust:100%;
+  -webkit-tap-highlight-color:transparent
+}
+article,
+aside,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section {
+  display:block
+}
+body {
+  margin:0;
+  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  font-size:1rem;
+  font-weight:400;
+  line-height:1.5;
+  color:#212529;
+  text-align:left;
+  background-color:#fff
+}
+[tabindex="-1"]:focus:not(:focus-visible) {
+  outline:0!important
+}
+hr {
+  box-sizing:content-box;
+  height:0;
+  overflow:visible
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top:0;
+  margin-bottom:.5rem
+}
+p {
+  margin-top:0;
+  margin-bottom:1rem
+}
+abbr[data-original-title],
+abbr[title] {
+  text-decoration:underline;
+  -webkit-text-decoration:underline dotted;
+  text-decoration:underline dotted;
+  cursor:help;
+  border-bottom:0;
+  -webkit-text-decoration-skip-ink:none;
+  text-decoration-skip-ink:none
+}
+address {
+  margin-bottom:1rem;
+  font-style:normal;
+  line-height:inherit
+}
+dl,
+ol,
+ul {
+  margin-top:0;
+  margin-bottom:1rem
+}
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+  margin-bottom:0
+}
+dt {
+  font-weight:700
+}
+dd {
+  margin-bottom:.5rem;
+  margin-left:0
+}
+blockquote {
+  margin:0 0 1rem
+}
+b,
+strong {
+  font-weight:bolder
+}
+small {
+  font-size:80%
+}
+sub,
+sup {
+  position:relative;
+  font-size:75%;
+  line-height:0;
+  vertical-align:baseline
+}
+sub {
+  bottom:-.25em
+}
+sup {
+  top:-.5em
+}
+a {
+  color:#007bff;
+  text-decoration:none;
+  background-color:transparent
+}
+a:hover {
+  color:#0056b3;
+  text-decoration:underline
+}
+a:not([href]) {
+  color:inherit;
+  text-decoration:none
+}
+a:not([href]):hover {
+  color:inherit;
+  text-decoration:none
+}
+code,
+kbd,
+pre,
+samp {
+  font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
+  font-size:1em
+}
+pre {
+  margin-top:0;
+  margin-bottom:1rem;
+  overflow:auto
+}
+figure {
+  margin:0 0 1rem
+}
+img {
+  vertical-align:middle;
+  border-style:none
+}
+svg {
+  overflow:hidden;
+  vertical-align:middle
+}
+table {
+  border-collapse:collapse
+}
+caption {
+  padding-top:.75rem;
+  padding-bottom:.75rem;
+  color:#6c757d;
+  text-align:left;
+  caption-side:bottom
+}
+th {
+  text-align:inherit
+}
+label {
+  display:inline-block;
+  margin-bottom:.5rem
+}
+button {
+  border-radius:0
+}
+button:focus {
+  outline:1px dotted;
+  outline:5px auto -webkit-focus-ring-color
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  margin:0;
+  font-family:inherit;
+  font-size:inherit;
+  line-height:inherit
+}
+button,
+input {
+  overflow:visible
+}
+button,
+select {
+  text-transform:none
+}
+select {
+  word-wrap:normal
+}
+[type=button],
+[type=reset],
+[type=submit],
+button {
+  -webkit-appearance:button
+}
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled),
+button:not(:disabled) {
+  cursor:pointer
+}
+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner,
+button::-moz-focus-inner {
+  padding:0;
+  border-style:none
+}
+input[type=checkbox],
+input[type=radio] {
+  box-sizing:border-box;
+  padding:0
+}
+input[type=date],
+input[type=datetime-local],
+input[type=month],
+input[type=time] {
+  -webkit-appearance:listbox
+}
+textarea {
+  overflow:auto;
+  resize:vertical
+}
+fieldset {
+  min-width:0;
+  padding:0;
+  margin:0;
+  border:0
+}
+legend {
+  display:block;
+  width:100%;
+  max-width:100%;
+  padding:0;
+  margin-bottom:.5rem;
+  font-size:1.5rem;
+  line-height:inherit;
+  color:inherit;
+  white-space:normal
+}
+progress {
+  vertical-align:baseline
+}
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
+  height:auto
+}
+[type=search] {
+  outline-offset:-2px;
+  -webkit-appearance:none
+}
+[type=search]::-webkit-search-decoration {
+  -webkit-appearance:none
+}
+::-webkit-file-upload-button {
+  font:inherit;
+  -webkit-appearance:button
+}
+output {
+  display:inline-block
+}
+summary {
+  display:list-item;
+  cursor:pointer
+}
+template {
+  display:none
+}
+[hidden] {
+  display:none!important
+}
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-bottom:.5rem;
+  font-weight:500;
+  line-height:1.2
+}
+.h1,
+h1 {
+  font-size:2.5rem
+}
+.h2,
+h2 {
+  font-size:2rem
+}
+.h3,
+h3 {
+  font-size:1.75rem
+}
+.h4,
+h4 {
+  font-size:1.5rem
+}
+.h5,
+h5 {
+  font-size:1.25rem
+}
+.h6,
+h6 {
+  font-size:1rem
+}
+.lead {
+  font-size:1.25rem;
+  font-weight:300
+}
+.display-1 {
+  font-size:6rem;
+  font-weight:300;
+  line-height:1.2
+}
+.display-2 {
+  font-size:5.5rem;
+  font-weight:300;
+  line-height:1.2
+}
+.display-3 {
+  font-size:4.5rem;
+  font-weight:300;
+  line-height:1.2
+}
+.display-4 {
+  font-size:3.5rem;
+  font-weight:300;
+  line-height:1.2
+}
+hr {
+  margin-top:1rem;
+  margin-bottom:1rem;
+  border:0;
+  border-top:1px solid rgba(0,0,0,.1)
+}
+.small,
+small {
+  font-size:80%;
+  font-weight:400
+}
+.mark,
+mark {
+  padding:.2em;
+  background-color:#fcf8e3
+}
+.list-unstyled {
+  padding-left:0;
+  list-style:none
+}
+.list-inline {
+  padding-left:0;
+  list-style:none
+}
+.list-inline-item {
+  display:inline-block
+}
+.list-inline-item:not(:last-child) {
+  margin-right:.5rem
+}
+.initialism {
+  font-size:90%;
+  text-transform:uppercase
+}
+.blockquote {
+  margin-bottom:1rem;
+  font-size:1.25rem
+}
+.blockquote-footer {
+  display:block;
+  font-size:80%;
+  color:#6c757d
+}
+.blockquote-footer::before {
+  content:"\2014\00A0"
+}
+.img-fluid {
+  max-width:100%;
+  height:auto
+}
+.img-thumbnail {
+  padding:.25rem;
+  background-color:#fff;
+  border:1px solid #dee2e6;
+  border-radius:.25rem;
+  max-width:100%;
+  height:auto
+}
+.figure {
+  display:inline-block
+}
+.figure-img {
+  margin-bottom:.5rem;
+  line-height:1
+}
+.figure-caption {
+  font-size:90%;
+  color:#6c757d
+}
+code {
+  font-size:87.5%;
+  color:#e83e8c;
+  word-wrap:break-word
+}
+a>code {
+  color:inherit
+}
+kbd {
+  padding:.2rem .4rem;
+  font-size:87.5%;
+  color:#fff;
+  background-color:#212529;
+  border-radius:.2rem
+}
+kbd kbd {
+  padding:0;
+  font-size:100%;
+  font-weight:700
+}
+pre {
+  display:block;
+  font-size:87.5%;
+  color:#212529
+}
+pre code {
+  font-size:inherit;
+  color:inherit;
+  word-break:normal
+}
+.pre-scrollable {
+  max-height:340px;
+  overflow-y:scroll
+}
+.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
+  }
+}
+.container-fluid,
+.container-lg,
+.container-md,
+.container-sm,
+.container-xl {
+  width:100%;
+  padding-right:15px;
+  padding-left:15px;
+  margin-right:auto;
+  margin-left:auto
+}
+@media(min-width:576px) {
+  .container,
+  .container-sm {
+    max-width:540px
+  }
+}
+@media(min-width:768px) {
+  .container,
+  .container-md,
+  .container-sm {
+    max-width:720px
+  }
+}
+@media(min-width:992px) {
+  .container,
+  .container-lg,
+  .container-md,
+  .container-sm {
+    max-width:960px
+  }
+}
+@media(min-width:1200px) {
+  .container,
+  .container-lg,
+  .container-md,
+  .container-sm,
+  .container-xl {
+    max-width:1140px
+  }
+}
+@media(min-width:1500px) {
+  .container,
+  .container-lg,
+  .container-md,
+  .container-sm,
+  .container-xl {
+    max-width:1440px
+  }
+}
+.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%
+}
+.row-cols-1>* {
+  -ms-flex:0 0 100%;
+  flex:0 0 100%;
+  max-width:100%
+}
+.row-cols-2>* {
+  -ms-flex:0 0 50%;
+  flex:0 0 50%;
+  max-width:50%
+}
+.row-cols-3>* {
+  -ms-flex:0 0 33.333333%;
+  flex:0 0 33.333333%;
+  max-width:33.333333%
+}
+.row-cols-4>* {
+  -ms-flex:0 0 25%;
+  flex:0 0 25%;
+  max-width:25%
+}
+.row-cols-5>* {
+  -ms-flex:0 0 20%;
+  flex:0 0 20%;
+  max-width:20%
+}
+.row-cols-6>* {
+  -ms-flex:0 0 16.666667%;
+  flex:0 0 16.666667%;
+  max-width:16.666667%
+}
+.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%
+  }
+  .row-cols-sm-1>* {
+    -ms-flex:0 0 100%;
+    flex:0 0 100%;
+    max-width:100%
+  }
+  .row-cols-sm-2>* {
+    -ms-flex:0 0 50%;
+    flex:0 0 50%;
+    max-width:50%
+  }
+  .row-cols-sm-3>* {
+    -ms-flex:0 0 33.333333%;
+    flex:0 0 33.333333%;
+    max-width:33.333333%
+  }
+  .row-cols-sm-4>* {
+    -ms-flex:0 0 25%;
+    flex:0 0 25%;
+    max-width:25%
+  }
+  .row-cols-sm-5>* {
+    -ms-flex:0 0 20%;
+    flex:0 0 20%;
+    max-width:20%
+  }
+  .row-cols-sm-6>* {
+    -ms-flex:0 0 16.666667%;
+    flex:0 0 16.666667%;
+    max-width:16.666667%
+  }
+  .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%
+  }
+  .row-cols-md-1>* {
+    -ms-flex:0 0 100%;
+    flex:0 0 100%;
+    max-width:100%
+  }
+  .row-cols-md-2>* {
+    -ms-flex:0 0 50%;
+    flex:0 0 50%;
+    max-width:50%
+  }
+  .row-cols-md-3>* {
+    -ms-flex:0 0 33.333333%;
+    flex:0 0 33.333333%;
+    max-width:33.333333%
+  }
+  .row-cols-md-4>* {
+    -ms-flex:0 0 25%;
+    flex:0 0 25%;
+    max-width:25%
+  }
+  .row-cols-md-5>* {
+    -ms-flex:0 0 20%;
+    flex:0 0 20%;
+    max-width:20%
+  }
+  .row-cols-md-6>* {
+    -ms-flex:0 0 16.666667%;
+    flex:0 0 16.666667%;
+    max-width:16.666667%
+  }
+  .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%
+  }
+  .row-cols-lg-1>* {
+    -ms-flex:0 0 100%;
+    flex:0 0 100%;
+    max-width:100%
+  }
+  .row-cols-lg-2>* {
+    -ms-flex:0 0 50%;
+    flex:0 0 50%;
+    max-width:50%
+  }
+  .row-cols-lg-3>* {
+    -ms-flex:0 0 33.333333%;
+    flex:0 0 33.333333%;
+    max-width:33.333333%
+  }
+  .row-cols-lg-4>* {
+    -ms-flex:0 0 25%;
+    flex:0 0 25%;
+    max-width:25%
+  }
+  .row-cols-lg-5>* {
+    -ms-flex:0 0 20%;
+    flex:0 0 20%;
+    max-width:20%
+  }
+  .row-cols-lg-6>* {
+    -ms-flex:0 0 16.666667%;
+    flex:0 0 16.666667%;
+    max-width:16.666667%
+  }
+  .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%
+  }
+  .row-cols-xl-1>* {
+    -ms-flex:0 0 100%;
+    flex:0 0 100%;
+    max-width:100%
+  }
+  .row-cols-xl-2>* {
+    -ms-flex:0 0 50%;
+    flex:0 0 50%;
+    max-width:50%
+  }
+  .row-cols-xl-3>* {
+    -ms-flex:0 0 33.333333%;
+    flex:0 0 33.333333%;
+    max-width:33.333333%
+  }
+  .row-cols-xl-4>* {
+    -ms-flex:0 0 25%;
+    flex:0 0 25%;
+    max-width:25%
+  }
+  .row-cols-xl-5>* {
+    -ms-flex:0 0 20%;
+    flex:0 0 20%;
+    max-width:20%
+  }
+  .row-cols-xl-6>* {
+    -ms-flex:0 0 16.666667%;
+    flex:0 0 16.666667%;
+    max-width:16.666667%
+  }
+  .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%
+  }
+}
+.table {
+  width:100%;
+  margin-bottom:1rem;
+  color:#212529
+}
+.table td,
+.table th {
+  padding:.75rem;
+  vertical-align:top;
+  border-top:1px solid #dee2e6
+}
+.table thead th {
+  vertical-align:bottom;
+  border-bottom:2px solid #dee2e6
+}
+.table tbody+tbody {
+  border-top:2px solid #dee2e6
+}
+.table-sm td,
+.table-sm th {
+  padding:.3rem
+}
+.table-bordered {
+  border:1px solid #dee2e6
+}
+.table-bordered td,
+.table-bordered th {
+  border:1px solid #dee2e6
+}
+.table-bordered thead td,
+.table-bordered thead th {
+  border-bottom-width:2px
+}
+.table-borderless tbody+tbody,
+.table-borderless td,
+.table-borderless th,
+.table-borderless thead th {
+  border:0
+}
+.table-striped tbody tr:nth-of-type(odd) {
+  background-color:rgba(0,0,0,.05)
+}
+.table-hover tbody tr:hover {
+  color:#212529;
+  background-color:rgba(0,0,0,.075)
+}
+.table-primary,
+.table-primary>td,
+.table-primary>th {
+  background-color:#b8daff
+}
+.table-primary tbody+tbody,
+.table-primary td,
+.table-primary th,
+.table-primary thead th {
+  border-color:#7abaff
+}
+.table-hover .table-primary:hover {
+  background-color:#9fcdff
+}
+.table-hover .table-primary:hover>td,
+.table-hover .table-primary:hover>th {
+  background-color:#9fcdff
+}
+.table-secondary,
+.table-secondary>td,
+.table-secondary>th {
+  background-color:#d6d8db
+}
+.table-secondary tbody+tbody,
+.table-secondary td,
+.table-secondary th,
+.table-secondary thead th {
+  border-color:#b3b7bb
+}
+.table-hover .table-secondary:hover {
+  background-color:#c8cbcf
+}
+.table-hover .table-secondary:hover>td,
+.table-hover .table-secondary:hover>th {
+  background-color:#c8cbcf
+}
+.table-success,
+.table-success>td,
+.table-success>th {
+  background-color:#c3e6cb
+}
+.table-success tbody+tbody,
+.table-success td,
+.table-success th,
+.table-success thead th {
+  border-color:#8fd19e
+}
+.table-hover .table-success:hover {
+  background-color:#b1dfbb
+}
+.table-hover .table-success:hover>td,
+.table-hover .table-success:hover>th {
+  background-color:#b1dfbb
+}
+.table-info,
+.table-info>td,
+.table-info>th {
+  background-color:#bee5eb
+}
+.table-info tbody+tbody,
+.table-info td,
+.table-info th,
+.table-info thead th {
+  border-color:#86cfda
+}
+.table-hover .table-info:hover {
+  background-color:#abdde5
+}
+.table-hover .table-info:hover>td,
+.table-hover .table-info:hover>th {
+  background-color:#abdde5
+}
+.table-warning,
+.table-warning>td,
+.table-warning>th {
+  background-color:#ffeeba
+}
+.table-warning tbody+tbody,
+.table-warning td,
+.table-warning th,
+.table-warning thead th {
+  border-color:#ffdf7e
+}
+.table-hover .table-warning:hover {
+  background-color:#ffe8a1
+}
+.table-hover .table-warning:hover>td,
+.table-hover .table-warning:hover>th {
+  background-color:#ffe8a1
+}
+.table-danger,
+.table-danger>td,
+.table-danger>th {
+  background-color:#f5c6cb
+}
+.table-danger tbody+tbody,
+.table-danger td,
+.table-danger th,
+.table-danger thead th {
+  border-color:#ed969e
+}
+.table-hover .table-danger:hover {
+  background-color:#f1b0b7
+}
+.table-hover .table-danger:hover>td,
+.table-hover .table-danger:hover>th {
+  background-color:#f1b0b7
+}
+.table-light,
+.table-light>td,
+.table-light>th {
+  background-color:#fdfdfe
+}
+.table-light tbody+tbody,
+.table-light td,
+.table-light th,
+.table-light thead th {
+  border-color:#fbfcfc
+}
+.table-hover .table-light:hover {
+  background-color:#ececf6
+}
+.table-hover .table-light:hover>td,
+.table-hover .table-light:hover>th {
+  background-color:#ececf6
+}
+.table-dark,
+.table-dark>td,
+.table-dark>th {
+  background-color:#c6c8ca
+}
+.table-dark tbody+tbody,
+.table-dark td,
+.table-dark th,
+.table-dark thead th {
+  border-color:#95999c
+}
+.table-hover .table-dark:hover {
+  background-color:#b9bbbe
+}
+.table-hover .table-dark:hover>td,
+.table-hover .table-dark:hover>th {
+  background-color:#b9bbbe
+}
+.table-active,
+.table-active>td,
+.table-active>th {
+  background-color:rgba(0,0,0,.075)
+}
+.table-hover .table-active:hover {
+  background-color:rgba(0,0,0,.075)
+}
+.table-hover .table-active:hover>td,
+.table-hover .table-active:hover>th {
+  background-color:rgba(0,0,0,.075)
+}
+.table .thead-dark th {
+  color:#fff;
+  background-color:#343a40;
+  border-color:#454d55
+}
+.table .thead-light th {
+  color:#495057;
+  background-color:#e9ecef;
+  border-color:#dee2e6
+}
+.table-dark {
+  color:#fff;
+  background-color:#343a40
+}
+.table-dark td,
+.table-dark th,
+.table-dark thead th {
+  border-color:#454d55
+}
+.table-dark.table-bordered {
+  border:0
+}
+.table-dark.table-striped tbody tr:nth-of-type(odd) {
+  background-color:rgba(255,255,255,.05)
+}
+.table-dark.table-hover tbody tr:hover {
+  color:#fff;
+  background-color:rgba(255,255,255,.075)
+}
+@media(max-width:575.98px) {
+  .table-responsive-sm {
+    display:block;
+    width:100%;
+    overflow-x:auto;
+    -webkit-overflow-scrolling:touch
+  }
+  .table-responsive-sm>.table-bordered {
+    border:0
+  }
+}
+@media(max-width:767.98px) {
+  .table-responsive-md {
+    display:block;
+    width:100%;
+    overflow-x:auto;
+    -webkit-overflow-scrolling:touch
+  }
+  .table-responsive-md>.table-bordered {
+    border:0
+  }
+}
+@media(max-width:991.98px) {
+  .table-responsive-lg {
+    display:block;
+    width:100%;
+    overflow-x:auto;
+    -webkit-overflow-scrolling:touch
+  }
+  .table-responsive-lg>.table-bordered {
+    border:0
+  }
+}
+@media(max-width:1199.98px) {
+  .table-responsive-xl {
+    display:block;
+    width:100%;
+    overflow-x:auto;
+    -webkit-overflow-scrolling:touch
+  }
+  .table-responsive-xl>.table-bordered {
+    border:0
+  }
+}
+.table-responsive {
+  display:block;
+  width:100%;
+  overflow-x:auto;
+  -webkit-overflow-scrolling:touch
+}
+.table-responsive>.table-bordered {
+  border:0
+}
+.form-control {
+  display:block;
+  width:100%;
+  height:calc(1.5em+.75rem+2px);
+  padding:.375rem .75rem;
+  font-size:1rem;
+  font-weight:400;
+  line-height:1.5;
+  color:#495057;
+  background-color:#fff;
+  background-clip:padding-box;
+  border:1px solid #ced4da;
+  border-radius:.25rem;
+  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
+}
+@media(prefers-reduced-motion:reduce) {
+  .form-control {
+    transition:none
+  }
+}
+.form-control::-ms-expand {
+  background-color:transparent;
+  border:0
+}
+.form-control:-moz-focusring {
+  color:transparent;
+  text-shadow:0 0 0 #495057
+}
+.form-control:focus {
+  color:#495057;
+  background-color:#fff;
+  border-color:#80bdff;
+  outline:0;
+  box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
+}
+.form-control::-webkit-input-placeholder {
+  color:#6c757d;
+  opacity:1
+}
+.form-control::-moz-placeholder {
+  color:#6c757d;
+  opacity:1
+}
+.form-control:-ms-input-placeholder {
+  color:#6c757d;
+  opacity:1
+}
+.form-control::-ms-input-placeholder {
+  color:#6c757d;
+  opacity:1
+}
+.form-control::placeholder {
+  color:#6c757d;
+  opacity:1
+}
+.form-control:disabled,
+.form-control[readonly] {
+  background-color:#e9ecef;
+  opacity:1
+}
+select.form-control:focus::-ms-value {
+  color:#495057;
+  background-color:#fff
+}
+.form-control-file,
+.form-control-range {
+  display:block;
+  width:100%
+}
+.col-form-label {
+  padding-top:calc(.375rem+1px);
+  padding-bottom:calc(.375rem+1px);
+  margin-bottom:0;
+  font-size:inherit;
+  line-height:1.5
+}
+.col-form-label-lg {
+  padding-top:calc(.5rem+1px);
+  padding-bottom:calc(.5rem+1px);
+  font-size:1.25rem;
+  line-height:1.5
+}
+.col-form-label-sm {
+  padding-top:calc(.25rem+1px);
+  padding-bottom:calc(.25rem+1px);
+  font-size:.875rem;
+  line-height:1.5
+}
+.form-control-plaintext {
+  display:block;
+  width:100%;
+  padding:.375rem 0;
+  margin-bottom:0;
+  font-size:1rem;
+  line-height:1.5;
+  color:#212529;
+  background-color:transparent;
+  border:solid transparent;
+  border-width:1px 0
+}
+.form-control-plaintext.form-control-lg,
+.form-control-plaintext.form-control-sm {
+  padding-right:0;
+  padding-left:0
+}
+.form-control-sm {
+  height:calc(1.5em+.5rem+2px);
+  padding:.25rem .5rem;
+  font-size:.875rem;
+  line-height:1.5;
+  border-radius:.2rem
+}
+.form-control-lg {
+  height:calc(1.5em+1rem+2px);
+  padding:.5rem 1rem;
+  font-size:1.25rem;
+  line-height:1.5;
+  border-radius:.3rem
+}
+select.form-control[multiple],
+select.form-control[size] {
+  height:auto
+}
+textarea.form-control {
+  height:auto
+}
+.form-group {
+  margin-bottom:1rem
+}
+.form-text {
+  display:block;
+  margin-top:.25rem
+}
+.form-row {
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-wrap:wrap;
+  flex-wrap:wrap;
+  margin-right:-5px;
+  margin-left:-5px
+}
+.form-row>.col,
+.form-row>[class*=col-] {
+  padding-right:5px;
+  padding-left:5px
+}
+.form-check {
+  position:relative;
+  display:block;
+  padding-left:1.25rem
+}
+.form-check-input {
+  position:absolute;
+  margin-top:.3rem;
+  margin-left:-1.25rem
+}
+.form-check-input:disabled~.form-check-label,
+.form-check-input[disabled]~.form-check-label {
+  color:#6c757d
+}
+.form-check-label {
+  margin-bottom:0
+}
+.form-check-inline {
+  display:-ms-inline-flexbox;
+  display:inline-flex;
+  -ms-flex-align:center;
+  align-items:center;
+  padding-left:0;
+  margin-right:.75rem
+}
+.form-check-inline .form-check-input {
+  position:static;
+  margin-top:0;
+  margin-right:.3125rem;
+  margin-left:0
+}
+.valid-feedback {
+  display:none;
+  width:100%;
+  margin-top:.25rem;
+  font-size:80%;
+  color:#28a745
+}
+.valid-tooltip {
+  position:absolute;
+  top:100%;
+  z-index:5;
+  display:none;
+  max-width:100%;
+  padding:.25rem .5rem;
+  margin-top:.1rem;
+  font-size:.875rem;
+  line-height:1.5;
+  color:#fff;
+  background-color:rgba(40,167,69,.9);
+  border-radius:.25rem
+}
+.is-valid~.valid-feedback,
+.is-valid~.valid-tooltip,
+.was-validated :valid~.valid-feedback,
+.was-validated :valid~.valid-tooltip {
+  display:block
+}
+.form-control.is-valid,
+.was-validated .form-control:valid {
+  border-color:#28a745;
+  padding-right:calc(1.5em+.75rem);
+  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-repeat:no-repeat;
+  background-position:right calc(.375em+.1875rem) center;
+  background-size:calc(.75em+.375rem) calc(.75em+.375rem)
+}
+.form-control.is-valid:focus,
+.was-validated .form-control:valid:focus {
+  border-color:#28a745;
+  box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
+}
+.was-validated textarea.form-control:valid,
+textarea.form-control.is-valid {
+  padding-right:calc(1.5em+.75rem);
+  background-position:top calc(.375em+.1875rem) right calc(.375em+.1875rem)
+}
+.custom-select.is-valid,
+.was-validated .custom-select:valid {
+  border-color:#28a745;
+  padding-right:calc(.75em+2.3125rem);
+  background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em+.375rem) calc(.75em+.375rem)
+}
+.custom-select.is-valid:focus,
+.was-validated .custom-select:valid:focus {
+  border-color:#28a745;
+  box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
+}
+.form-check-input.is-valid~.form-check-label,
+.was-validated .form-check-input:valid~.form-check-label {
+  color:#28a745
+}
+.form-check-input.is-valid~.valid-feedback,
+.form-check-input.is-valid~.valid-tooltip,
+.was-validated .form-check-input:valid~.valid-feedback,
+.was-validated .form-check-input:valid~.valid-tooltip {
+  display:block
+}
+.custom-control-input.is-valid~.custom-control-label,
+.was-validated .custom-control-input:valid~.custom-control-label {
+  color:#28a745
+}
+.custom-control-input.is-valid~.custom-control-label::before,
+.was-validated .custom-control-input:valid~.custom-control-label::before {
+  border-color:#28a745
+}
+.custom-control-input.is-valid:checked~.custom-control-label::before,
+.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
+  border-color:#34ce57;
+  background-color:#34ce57
+}
+.custom-control-input.is-valid:focus~.custom-control-label::before,
+.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
+  box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
+}
+.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
+.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
+  border-color:#28a745
+}
+.custom-file-input.is-valid~.custom-file-label,
+.was-validated .custom-file-input:valid~.custom-file-label {
+  border-color:#28a745
+}
+.custom-file-input.is-valid:focus~.custom-file-label,
+.was-validated .custom-file-input:valid:focus~.custom-file-label {
+  border-color:#28a745;
+  box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
+}
+.invalid-feedback {
+  display:none;
+  width:100%;
+  margin-top:.25rem;
+  font-size:80%;
+  color:#dc3545
+}
+.invalid-tooltip {
+  position:absolute;
+  top:100%;
+  z-index:5;
+  display:none;
+  max-width:100%;
+  padding:.25rem .5rem;
+  margin-top:.1rem;
+  font-size:.875rem;
+  line-height:1.5;
+  color:#fff;
+  background-color:rgba(220,53,69,.9);
+  border-radius:.25rem
+}
+.is-invalid~.invalid-feedback,
+.is-invalid~.invalid-tooltip,
+.was-validated :invalid~.invalid-feedback,
+.was-validated :invalid~.invalid-tooltip {
+  display:block
+}
+.form-control.is-invalid,
+.was-validated .form-control:invalid {
+  border-color:#dc3545;
+  padding-right:calc(1.5em+.75rem);
+  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+  background-repeat:no-repeat;
+  background-position:right calc(.375em+.1875rem) center;
+  background-size:calc(.75em+.375rem) calc(.75em+.375rem)
+}
+.form-control.is-invalid:focus,
+.was-validated .form-control:invalid:focus {
+  border-color:#dc3545;
+  box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
+}
+.was-validated textarea.form-control:invalid,
+textarea.form-control.is-invalid {
+  padding-right:calc(1.5em+.75rem);
+  background-position:top calc(.375em+.1875rem) right calc(.375em+.1875rem)
+}
+.custom-select.is-invalid,
+.was-validated .custom-select:invalid {
+  border-color:#dc3545;
+  padding-right:calc(.75em+2.3125rem);
+  background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em+.375rem) calc(.75em+.375rem)
+}
+.custom-select.is-invalid:focus,
+.was-validated .custom-select:invalid:focus {
+  border-color:#dc3545;
+  box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
+}
+.form-check-input.is-invalid~.form-check-label,
+.was-validated .form-check-input:invalid~.form-check-label {
+  color:#dc3545
+}
+.form-check-input.is-invalid~.invalid-feedback,
+.form-check-input.is-invalid~.invalid-tooltip,
+.was-validated .form-check-input:invalid~.invalid-feedback,
+.was-validated .form-check-input:invalid~.invalid-tooltip {
+  display:block
+}
+.custom-control-input.is-invalid~.custom-control-label,
+.was-validated .custom-control-input:invalid~.custom-control-label {
+  color:#dc3545
+}
+.custom-control-input.is-invalid~.custom-control-label::before,
+.was-validated .custom-control-input:invalid~.custom-control-label::before {
+  border-color:#dc3545
+}
+.custom-control-input.is-invalid:checked~.custom-control-label::before,
+.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
+  border-color:#e4606d;
+  background-color:#e4606d
+}
+.custom-control-input.is-invalid:focus~.custom-control-label::before,
+.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
+  box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
+}
+.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
+.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
+  border-color:#dc3545
+}
+.custom-file-input.is-invalid~.custom-file-label,
+.was-validated .custom-file-input:invalid~.custom-file-label {
+  border-color:#dc3545
+}
+.custom-file-input.is-invalid:focus~.custom-file-label,
+.was-validated .custom-file-input:invalid:focus~.custom-file-label {
+  border-color:#dc3545;
+  box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
+}
+.form-inline {
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-flow:row wrap;
+  flex-flow:row wrap;
+  -ms-flex-align:center;
+  align-items:center
+}
+.form-inline .form-check {
+  width:100%
+}
+@media(min-width:576px) {
+  .form-inline label {
+    display:-ms-flexbox;
+    display:flex;
+    -ms-flex-align:center;
+    align-items:center;
+    -ms-flex-pack:center;
+    justify-content:center;
+    margin-bottom:0
+  }
+  .form-inline .form-group {
+    display:-ms-flexbox;
+    display:flex;
+    -ms-flex:0 0 auto;
+    flex:0 0 auto;
+    -ms-flex-flow:row wrap;
+    flex-flow:row wrap;
+    -ms-flex-align:center;
+    align-items:center;
+    margin-bottom:0
+  }
+  .form-inline .form-control {
+    display:inline-block;
+    width:auto;
+    vertical-align:middle
+  }
+  .form-inline .form-control-plaintext {
+    display:inline-block
+  }
+  .form-inline .custom-select,
+  .form-inline .input-group {
+    width:auto
+  }
+  .form-inline .form-check {
+    display:-ms-flexbox;
+    display:flex;
+    -ms-flex-align:center;
+    align-items:center;
+    -ms-flex-pack:center;
+    justify-content:center;
+    width:auto;
+    padding-left:0
+  }
+  .form-inline .form-check-input {
+    position:relative;
+    -ms-flex-negative:0;
+    flex-shrink:0;
+    margin-top:0;
+    margin-right:.25rem;
+    margin-left:0
+  }
+  .form-inline .custom-control {
+    -ms-flex-align:center;
+    align-items:center;
+    -ms-flex-pack:center;
+    justify-content:center
+  }
+  .form-inline .custom-control-label {
+    margin-bottom:0
+  }
+}
+.btn {
+  display:inline-block;
+  font-weight:400;
+  color:#212529;
+  text-align:center;
+  vertical-align:middle;
+  cursor:pointer;
+  -webkit-user-select:none;
+  -moz-user-select:none;
+  -ms-user-select:none;
+  user-select:none;
+  background-color:transparent;
+  border:1px solid transparent;
+  padding:.375rem .75rem;
+  font-size:1rem;
+  line-height:1.5;
+  border-radius:.25rem;
+  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
+}
+@media(prefers-reduced-motion:reduce) {
+  .btn {
+    transition:none
+  }
+}
+.btn:hover {
+  color:#212529;
+  text-decoration:none
+}
+.btn.focus,
+.btn:focus {
+  outline:0;
+  box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
+}
+.btn.disabled,
+.btn:disabled {
+  opacity:.65
+}
+a.btn.disabled,
+fieldset:disabled a.btn {
+  pointer-events:none
+}
+.btn-primary {
+  color:#fff;
+  background-color:#007bff;
+  border-color:#007bff
+}
+.btn-primary:hover {
+  color:#fff;
+  background-color:#0069d9;
+  border-color:#0062cc
+}
+.btn-primary.focus,
+.btn-primary:focus {
+  color:#fff;
+  background-color:#0069d9;
+  border-color:#0062cc;
+  box-shadow:0 0 0 .2rem rgba(38,143,255,.5)
+}
+.btn-primary.disabled,
+.btn-primary:disabled {
+  color:#fff;
+  background-color:#007bff;
+  border-color:#007bff
+}
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+  color:#fff;
+  background-color:#0062cc;
+  border-color:#005cbf
+}
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-primary.dropdown-toggle:focus {
+  box-shadow:0 0 0 .2rem rgba(38,143,255,.5)
+}
+.btn-secondary {
+  color:#fff;
+  background-color:#6c757d;
+  border-color:#6c757d
+}
+.btn-secondary:hover {
+  color:#fff;
+  background-color:#5a6268;
+  border-color:#545b62
+}
+.btn-secondary.focus,
+.btn-secondary:focus {
+  color:#fff;
+  background-color:#5a6268;
+  border-color:#545b62;
+  box-shadow:0 0 0 .2rem rgba(130,138,145,.5)
+}
+.btn-secondary.disabled,
+.btn-secondary:disabled {
+  color:#fff;
+  background-color:#6c757d;
+  border-color:#6c757d
+}
+.btn-secondary:not(:disabled):not(.disabled).active,
+.btn-secondary:not(:disabled):not(.disabled):active,
+.show>.btn-secondary.dropdown-toggle {
+  color:#fff;
+  background-color:#545b62;
+  border-color:#4e555b
+}
+.btn-secondary:not(:disabled):not(.disabled).active:focus,
+.btn-secondary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-secondary.dropdown-toggle:focus {
+  box-shadow:0 0 0 .2rem rgba(130,138,145,.5)
+}
+.btn-success {
+  color:#fff;
+  background-color:#28a745;
+  border-color:#28a745
+}
+.btn-success:hover {
+  color:#fff;
+  background-color:#218838;
+  border-color:#1e7e34
+}
+.btn-success.focus,
+.btn-success:focus {
+  color:#fff;
+  background-color:#218838;
+  border-color:#1e7e34;
+  box-shadow:0 0 0 .2rem rgba(72,180,97,.5)
+}
+.btn-success.disabled,
+.btn-success:disabled {
+  color:#fff;
+  background-color:#28a745;
+  border-color:#28a745
+}
+.btn-success:not(:disabled):not(.disabled).active,
+.btn-success:not(:disabled):not(.disabled):active,
+.show>.btn-success.dropdown-toggle {
+  color:#fff;
+  background-color:#1e7e34;
+  border-color:#1c7430
+}
+.btn-success:not(:disabled):not(.disabled).active:focus,
+.btn-success:not(:disabled):not(.disabled):active:focus,
+.show>.btn-success.dropdown-toggle:focus {
+  box-shadow:0 0 0 .2rem rgba(72,180,97,.5)
+}
+.btn-info {
+  color:#fff;
+  background-color:#17a2b8;
+  border-color:#17a2b8
+}
+.btn-info:hover {
+  color:#fff;
+  background-color:#138496;
+  border-color:#117a8b
+}
+.btn-info.focus,
+.btn-info:focus {
+  color:#fff;
+  background-color:#138496;
+  border-color:#117a8b;
+  box-shadow:0 0 0 .2rem rgba(58,176,195,.5)
+}
+.btn-info.disabled,
+.btn-info:disabled {
+  color:#fff;
+  background-color:#17a2b8;
+  border-color:#17a2b8
+}
+.btn-info:not(:disabled):not(.disabled).active,
+.btn-info:not(:disabled):not(.disabled):active,
+.show>.btn-info.dropdown-toggle {
+  color:#fff;
+  background-color:#117a8b;
+  border-color:#10707f
+}
+.btn-info:not(:disabled):not(.disabled).active:focus,
+.btn-info:not(:disabled):not(.disabled):active:focus,
+.show>.btn-info.dropdown-toggle:focus {
+  box-shadow:0 0 0 .2rem rgba(58,176,195,.5)
+}
+.btn-warning {
+  color:#212529;
+  background-color:#ffc107;
+  border-color:#ffc107
+}
+.btn-warning:hover {
+  color:#212529;
+  background-color:#e0a800;
+  border-color:#d39e00
+}
+.btn-warning.focus,
+.btn-warning:focus {
+  color:#212529;
+  background-color:#e0a800;
+  border-color:#d39e00;
+  box-shadow:0 0 0 .2rem rgba(222,170,12,.5)
+}
+.btn-warning.disabled,
+.btn-warning:disabled {
+  color:#212529;
+  background-color:#ffc107;
+  border-color:#ffc107
+}
+.btn-warning:not(:disabled):not(.disabled).active,
+.btn-warning:not(:disabled):not(.disabled):active,
+.show>.btn-warning.dropdown-toggle {
+  color:#212529;
+  background-color:#d39e00;
+  border-color:#c69500
+}
+.btn-warning:not(:disabled):not(.disabled).active:focus,
+.btn-warning:not(:disabled):not(.disabled):active:focus,
+.show>.btn-warning.dropdown-toggle:focus {
+  box-shadow:0 0 0 .2rem rgba(222,170,12,.5)
+}
+.btn-danger {
+  color:#fff;
+  background-color:#dc3545;
+  border-color:#dc3545
+}
+.btn-danger:hover {
+  color:#fff;
+  background-color:#c82333;
+  border-color:#bd2130
+}
+.btn-danger.focus,
+.btn-danger:focus {
+  color:#fff;
+  background-color:#c82333;
+  border-color:#bd2130;
+  box-shadow:0 0 0 .2rem rgba(225,83,97,.5)
+}
+.btn-danger.disabled,
+.btn-danger:disabled {
+  color:#fff;
+  background-color:#dc3545;
+  border-color:#dc3545
+}
+.btn-danger:not(:disabled):not(.disabled).active,
+.btn-danger:not(:disabled):not(.disabled):active,
+.show>.btn-danger.dropdown-toggle {
+  color:#fff;
+  background-color:#bd2130;
+  border-color:#b21f2d
+}
+.btn-danger:not(:disabled):not(.disabled).active:focus,
+.btn-danger:not(:disabled):not(.disabled):active:focus,
+.show>.btn-danger.dropdown-toggle:focus {
+  box-shadow:0 0 0 .2rem rgba(225,83,97,.5)
+}
+.btn-light {
+  color:#212529;
+  background-color:#f8f9fa;
+  border-color:#f8f9fa
+}
+.btn-light:hover {
+  color:#212529;
+  background-color:#e2e6ea;
+  border-color:#dae0e5
+}
+.btn-light.focus,
+.btn-light:focus {
+  color:#212529;
+  background-color:#e2e6ea;
+  border-color:#dae0e5;
+  box-shadow:0 0 0 .2rem rgba(216,217,219,.5)
+}
+.btn-light.disabled,
+.btn-light:disabled {
+  color:#212529;
+  background-color:#f8f9fa;
+  border-color:#f8f9fa
+}
+.btn-light:not(:disabled):not(.disabled).active,
+.btn-light:not(:disabled):not(.disabled):active,
+.show>.btn-light.dropdown-toggle {
+  color:#212529;
+  background-color:#dae0e5;
+  border-color:#d3d9df
+}
+.btn-light:not(:disabled):not(.disabled).active:focus,
+.btn-light:not(:disabled):not(.disabled):active:focus,
+.show>.btn-light.dropdown-toggle:focus {
+  box-shadow:0 0 0 .2rem rgba(216,217,219,.5)
+}
+.btn-dark {
+  color:#fff;
+  background-color:#343a40;
+  border-color:#343a40
+}
+.btn-dark:hover {
+  color:#fff;
+  background-color:#23272b;
+  border-color:#1d2124
+}
+.btn-dark.focus,
+.btn-dark:focus {
+  color:#fff;
+  background-color:#23272b;
+  border-color:#1d2124;
+  box-shadow:0 0 0 .2rem rgba(82,88,93,.5)
+}
+.btn-dark.disabled,
+.btn-dark:disabled {
+  color:#fff;
+  background-color:#343a40;
+  border-color:#343a40
+}
+.btn-dark:not(:disabled):not(.disabled).active,
+.btn-dark:not(:disabled):not(.disabled):active,
+.show>.btn-dark.dropdown-toggle {
+  color:#fff;
+  background-color:#1d2124;
+  border-color:#171a1d
+}
+.btn-dark:not(:disabled):not(.disabled).active:focus,
+.btn-dark:not(:disabled):not(.disabled):active:focus,
+.show>.btn-dark.dropdown-toggle:focus {
+  box-shadow:0 0 0 .2rem rgba(82,88,93,.5)
+}
+.btn-outline-primary {
+  color:#007bff;
+  border-color:#007bff
+}
+.btn-outline-primary:hover {
+  color:#fff;
+  background-color:#007bff;
+  border-color:#007bff
+}
+.btn-outline-primary.focus,
+.btn-outline-primary:focus {
+  box-shadow:0 0 0 .2rem rgba(0,123,255,.5)
+}
+.btn-outline-primary.disabled,
+.btn-outline-primary:disabled {
+  color:#007bff;
+  background-color:transparent
+}
+.btn-outline-primary:not(:disabled):not(.disabled).active,
+.btn-outline-primary:not(:disabled):not(.disabled):active,
+.show>.btn-outline-primary.dropdown-toggle {
+  color:#fff;
+  background-color:#007bff;
+  border-color:#007bff
+}
+.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-primary.dropdown-toggle:focus {
+  box-shadow:0 0 0 .2rem rgba(0,123,255,.5)
+}
+.btn-outline-secondary {
+  color:#6c757d;
+  border-color:#6c757d
+}
+.btn-outline-secondary:hover {
+  color:#fff;
+  background-color:#6c757d;
+  border-color:#6c757d
+}
+.btn-outline-secondary.focus,
+.btn-outline-secondary:focus {
+  box-shadow:0 0 0 .2rem rgba(108,117,125,.5)
+}
+.btn-outline-secondary.disabled,
+.btn-outline-secondary:disabled {
+  color:#6c757d;
+  background-color:transparent
+}
+.btn-outline-secondary:not(:disabled):not(.disabled).active,
+.btn-outline-secondary:not(:disabled):not(.disabled):active,
+.show>.btn-outline-secondary.dropdown-toggle {
+  color:#fff;
+  background-color:#6c757d;
+  border-color:#6c757d
+}
+.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-secondary.dropdown-toggle:focus {
+  box-shadow:0 0 0 .2rem rgba(108,117,125,.5)
+}
+.btn-outline-success {
+  color:#28a745;
+  border-color:#28a745
+}
+.btn-outline-success:hover {
+  color:#fff;
+  background-color:#28a745;
+  border-color:#28a745
+}
+.btn-outline-success.focus,
+.btn-outline-success:focus {
+  box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
+}
+.btn-outline-success.disabled,
+.btn-outline-success:disabled {
+  color:#28a745;
+  background-color:transparent
+}
+.btn-outline-success:not(:disabled):not(.disabled).active,
+.btn-outline-success:not(:disabled):not(.disabled):active,
+.show>.btn-outline-success.dropdown-toggle {
+  color:#fff;
+  background-color:#28a745;
+  border-color:#28a745
+}
+.btn-outline-success:not(:disabled):not(.disabled).active:focus,
+.btn-outline-success:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-success.dropdown-toggle:focus {
+  box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
+}
+.btn-outline-info {
+  color:#17a2b8;
+  border-color:#17a2b8
+}
+.btn-outline-info:hover {
+  color:#fff;
+  background-color:#17a2b8;
+  border-color:#17a2b8
+}
+.btn-outline-info.focus,
+.btn-outline-info:focus {
+  box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
+}
+.btn-outline-info.disabled,
+.btn-outline-info:disabled {
+  color:#17a2b8;
+  background-color:transparent
+}
+.btn-outline-info:not(:disabled):not(.disabled).active,
+.btn-outline-info:not(:disabled):not(.disabled):active,
+.show>.btn-outline-info.dropdown-toggle {
+  color:#fff;
+  background-color:#17a2b8;
+  border-color:#17a2b8
+}
+.btn-outline-info:not(:disabled):not(.disabled).active:focus,
+.btn-outline-info:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-info.dropdown-toggle:focus {
+  box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
+}
+.btn-outline-warning {
+  color:#ffc107;
+  border-color:#ffc107
+}
+.btn-outline-warning:hover {
+  color:#212529;
+  background-color:#ffc107;
+  border-color:#ffc107
+}
+.btn-outline-warning.focus,
+.btn-outline-warning:focus {
+  box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
+}
+.btn-outline-warning.disabled,
+.btn-outline-warning:disabled {
+  color:#ffc107;
+  background-color:transparent
+}
+.btn-outline-warning:not(:disabled):not(.disabled).active,
+.btn-outline-warning:not(:disabled):not(.disabled):active,
+.show>.btn-outline-warning.dropdown-toggle {
+  color:#212529;
+  background-color:#ffc107;
+  border-color:#ffc107
+}
+.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-warning.dropdown-toggle:focus {
+  box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
+}
+.btn-outline-danger {
+  color:#dc3545;
+  border-color:#dc3545
+}
+.btn-outline-danger:hover {
+  color:#fff;
+  background-color:#dc3545;
+  border-color:#dc3545
+}
+.btn-outline-danger.focus,
+.btn-outline-danger:focus {
+  box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
+}
+.btn-outline-danger.disabled,
+.btn-outline-danger:disabled {
+  color:#dc3545;
+  background-color:transparent
+}
+.btn-outline-danger:not(:disabled):not(.disabled).active,
+.btn-outline-danger:not(:disabled):not(.disabled):active,
+.show>.btn-outline-danger.dropdown-toggle {
+  color:#fff;
+  background-color:#dc3545;
+  border-color:#dc3545
+}
+.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-danger.dropdown-toggle:focus {
+  box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
+}
+.btn-outline-light {
+  color:#f8f9fa;
+  border-color:#f8f9fa
+}
+.btn-outline-light:hover {
+  color:#212529;
+  background-color:#f8f9fa;
+  border-color:#f8f9fa
+}
+.btn-outline-light.focus,
+.btn-outline-light:focus {
+  box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
+}
+.btn-outline-light.disabled,
+.btn-outline-light:disabled {
+  color:#f8f9fa;
+  background-color:transparent
+}
+.btn-outline-light:not(:disabled):not(.disabled).active,
+.btn-outline-light:not(:disabled):not(.disabled):active,
+.show>.btn-outline-light.dropdown-toggle {
+  color:#212529;
+  background-color:#f8f9fa;
+  border-color:#f8f9fa
+}
+.btn-outline-light:not(:disabled):not(.disabled).active:focus,
+.btn-outline-light:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-light.dropdown-toggle:focus {
+  box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
+}
+.btn-outline-dark {
+  color:#343a40;
+  border-color:#343a40
+}
+.btn-outline-dark:hover {
+  color:#fff;
+  background-color:#343a40;
+  border-color:#343a40
+}
+.btn-outline-dark.focus,
+.btn-outline-dark:focus {
+  box-shadow:0 0 0 .2rem rgba(52,58,64,.5)
+}
+.btn-outline-dark.disabled,
+.btn-outline-dark:disabled {
+  color:#343a40;
+  background-color:transparent
+}
+.btn-outline-dark:not(:disabled):not(.disabled).active,
+.btn-outline-dark:not(:disabled):not(.disabled):active,
+.show>.btn-outline-dark.dropdown-toggle {
+  color:#fff;
+  background-color:#343a40;
+  border-color:#343a40
+}
+.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-dark.dropdown-toggle:focus {
+  box-shadow:0 0 0 .2rem rgba(52,58,64,.5)
+}
+.btn-link {
+  font-weight:400;
+  color:#007bff;
+  text-decoration:none
+}
+.btn-link:hover {
+  color:#0056b3;
+  text-decoration:underline
+}
+.btn-link.focus,
+.btn-link:focus {
+  text-decoration:underline;
+  box-shadow:none
+}
+.btn-link.disabled,
+.btn-link:disabled {
+  color:#6c757d;
+  pointer-events:none
+}
+.btn-group-lg>.btn,
+.btn-lg {
+  padding:.5rem 1rem;
+  font-size:1.25rem;
+  line-height:1.5;
+  border-radius:.3rem
+}
+.btn-group-sm>.btn,
+.btn-sm {
+  padding:.25rem .5rem;
+  font-size:.875rem;
+  line-height:1.5;
+  border-radius:.2rem
+}
+.btn-block {
+  display:block;
+  width:100%
+}
+.btn-block+.btn-block {
+  margin-top:.5rem
+}
+input[type=button].btn-block,
+input[type=reset].btn-block,
+input[type=submit].btn-block {
+  width:100%
+}
+.fade {
+  transition:opacity .15s linear
+}
+@media(prefers-reduced-motion:reduce) {
+  .fade {
+    transition:none
+  }
+}
+.fade:not(.show) {
+  opacity:0
+}
+.collapse:not(.show) {
+  display:none
+}
+.collapsing {
+  position:relative;
+  height:0;
+  overflow:hidden;
+  transition:height .35s ease
+}
+@media(prefers-reduced-motion:reduce) {
+  .collapsing {
+    transition:none
+  }
+}
+.dropdown,
+.dropleft,
+.dropright,
+.dropup {
+  position:relative
+}
+.dropdown-toggle {
+  white-space:nowrap
+}
+.dropdown-toggle::after {
+  display:inline-block;
+  margin-left:.255em;
+  vertical-align:.255em;
+  content:"";
+  border-top:.3em solid;
+  border-right:.3em solid transparent;
+  border-bottom:0;
+  border-left:.3em solid transparent
+}
+.dropdown-toggle:empty::after {
+  margin-left:0
+}
+.dropdown-menu {
+  position:absolute;
+  top:100%;
+  left:0;
+  z-index:1000;
+  display:none;
+  float:left;
+  min-width:10rem;
+  padding:.5rem 0;
+  margin:.125rem 0 0;
+  font-size:1rem;
+  color:#212529;
+  text-align:left;
+  list-style:none;
+  background-color:#fff;
+  background-clip:padding-box;
+  border:1px solid rgba(0,0,0,.15);
+  border-radius:.25rem
+}
+.dropdown-menu-left {
+  right:auto;
+  left:0
+}
+.dropdown-menu-right {
+  right:0;
+  left:auto
+}
+@media(min-width:576px) {
+  .dropdown-menu-sm-left {
+    right:auto;
+    left:0
+  }
+  .dropdown-menu-sm-right {
+    right:0;
+    left:auto
+  }
+}
+@media(min-width:768px) {
+  .dropdown-menu-md-left {
+    right:auto;
+    left:0
+  }
+  .dropdown-menu-md-right {
+    right:0;
+    left:auto
+  }
+}
+@media(min-width:992px) {
+  .dropdown-menu-lg-left {
+    right:auto;
+    left:0
+  }
+  .dropdown-menu-lg-right {
+    right:0;
+    left:auto
+  }
+}
+@media(min-width:1200px) {
+  .dropdown-menu-xl-left {
+    right:auto;
+    left:0
+  }
+  .dropdown-menu-xl-right {
+    right:0;
+    left:auto
+  }
+}
+.dropup .dropdown-menu {
+  top:auto;
+  bottom:100%;
+  margin-top:0;
+  margin-bottom:.125rem
+}
+.dropup .dropdown-toggle::after {
+  display:inline-block;
+  margin-left:.255em;
+  vertical-align:.255em;
+  content:"";
+  border-top:0;
+  border-right:.3em solid transparent;
+  border-bottom:.3em solid;
+  border-left:.3em solid transparent
+}
+.dropup .dropdown-toggle:empty::after {
+  margin-left:0
+}
+.dropright .dropdown-menu {
+  top:0;
+  right:auto;
+  left:100%;
+  margin-top:0;
+  margin-left:.125rem
+}
+.dropright .dropdown-toggle::after {
+  display:inline-block;
+  margin-left:.255em;
+  vertical-align:.255em;
+  content:"";
+  border-top:.3em solid transparent;
+  border-right:0;
+  border-bottom:.3em solid transparent;
+  border-left:.3em solid
+}
+.dropright .dropdown-toggle:empty::after {
+  margin-left:0
+}
+.dropright .dropdown-toggle::after {
+  vertical-align:0
+}
+.dropleft .dropdown-menu {
+  top:0;
+  right:100%;
+  left:auto;
+  margin-top:0;
+  margin-right:.125rem
+}
+.dropleft .dropdown-toggle::after {
+  display:inline-block;
+  margin-left:.255em;
+  vertical-align:.255em;
+  content:""
+}
+.dropleft .dropdown-toggle::after {
+  display:none
+}
+.dropleft .dropdown-toggle::before {
+  display:inline-block;
+  margin-right:.255em;
+  vertical-align:.255em;
+  content:"";
+  border-top:.3em solid transparent;
+  border-right:.3em solid;
+  border-bottom:.3em solid transparent
+}
+.dropleft .dropdown-toggle:empty::after {
+  margin-left:0
+}
+.dropleft .dropdown-toggle::before {
+  vertical-align:0
+}
+.dropdown-menu[x-placement^=bottom],
+.dropdown-menu[x-placement^=left],
+.dropdown-menu[x-placement^=right],
+.dropdown-menu[x-placement^=top] {
+  right:auto;
+  bottom:auto
+}
+.dropdown-divider {
+  height:0;
+  margin:.5rem 0;
+  overflow:hidden;
+  border-top:1px solid #e9ecef
+}
+.dropdown-item {
+  display:block;
+  width:100%;
+  padding:.25rem 1.5rem;
+  clear:both;
+  font-weight:400;
+  color:#212529;
+  text-align:inherit;
+  white-space:nowrap;
+  background-color:transparent;
+  border:0
+}
+.dropdown-item:focus,
+.dropdown-item:hover {
+  color:#16181b;
+  text-decoration:none;
+  background-color:#f8f9fa
+}
+.dropdown-item.active,
+.dropdown-item:active {
+  color:#fff;
+  text-decoration:none;
+  background-color:#007bff
+}
+.dropdown-item.disabled,
+.dropdown-item:disabled {
+  color:#6c757d;
+  pointer-events:none;
+  background-color:transparent
+}
+.dropdown-menu.show {
+  display:block
+}
+.dropdown-header {
+  display:block;
+  padding:.5rem 1.5rem;
+  margin-bottom:0;
+  font-size:.875rem;
+  color:#6c757d;
+  white-space:nowrap
+}
+.dropdown-item-text {
+  display:block;
+  padding:.25rem 1.5rem;
+  color:#212529
+}
+.btn-group,
+.btn-group-vertical {
+  position:relative;
+  display:-ms-inline-flexbox;
+  display:inline-flex;
+  vertical-align:middle
+}
+.btn-group-vertical>.btn,
+.btn-group>.btn {
+  position:relative;
+  -ms-flex:1 1 auto;
+  flex:1 1 auto
+}
+.btn-group-vertical>.btn:hover,
+.btn-group>.btn:hover {
+  z-index:1
+}
+.btn-group-vertical>.btn.active,
+.btn-group-vertical>.btn:active,
+.btn-group-vertical>.btn:focus,
+.btn-group>.btn.active,
+.btn-group>.btn:active,
+.btn-group>.btn:focus {
+  z-index:1
+}
+.btn-toolbar {
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-wrap:wrap;
+  flex-wrap:wrap;
+  -ms-flex-pack:start;
+  justify-content:flex-start
+}
+.btn-toolbar .input-group {
+  width:auto
+}
+.btn-group>.btn-group:not(:first-child),
+.btn-group>.btn:not(:first-child) {
+  margin-left:-1px
+}
+.btn-group>.btn-group:not(:last-child)>.btn,
+.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
+  border-top-right-radius:0;
+  border-bottom-right-radius:0
+}
+.btn-group>.btn-group:not(:first-child)>.btn,
+.btn-group>.btn:not(:first-child) {
+  border-top-left-radius:0;
+  border-bottom-left-radius:0
+}
+.dropdown-toggle-split {
+  padding-right:.5625rem;
+  padding-left:.5625rem
+}
+.dropdown-toggle-split::after,
+.dropright .dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after {
+  margin-left:0
+}
+.dropleft .dropdown-toggle-split::before {
+  margin-right:0
+}
+.btn-group-sm>.btn+.dropdown-toggle-split,
+.btn-sm+.dropdown-toggle-split {
+  padding-right:.375rem;
+  padding-left:.375rem
+}
+.btn-group-lg>.btn+.dropdown-toggle-split,
+.btn-lg+.dropdown-toggle-split {
+  padding-right:.75rem;
+  padding-left:.75rem
+}
+.btn-group-vertical {
+  -ms-flex-direction:column;
+  flex-direction:column;
+  -ms-flex-align:start;
+  align-items:flex-start;
+  -ms-flex-pack:center;
+  justify-content:center
+}
+.btn-group-vertical>.btn,
+.btn-group-vertical>.btn-group {
+  width:100%
+}
+.btn-group-vertical>.btn-group:not(:first-child),
+.btn-group-vertical>.btn:not(:first-child) {
+  margin-top:-1px
+}
+.btn-group-vertical>.btn-group:not(:last-child)>.btn,
+.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
+  border-bottom-right-radius:0;
+  border-bottom-left-radius:0
+}
+.btn-group-vertical>.btn-group:not(:first-child)>.btn,
+.btn-group-vertical>.btn:not(:first-child) {
+  border-top-left-radius:0;
+  border-top-right-radius:0
+}
+.btn-group-toggle>.btn,
+.btn-group-toggle>.btn-group>.btn {
+  margin-bottom:0
+}
+.btn-group-toggle>.btn input[type=checkbox],
+.btn-group-toggle>.btn input[type=radio],
+.btn-group-toggle>.btn-group>.btn input[type=checkbox],
+.btn-group-toggle>.btn-group>.btn input[type=radio] {
+  position:absolute;
+  clip:rect(0,0,0,0);
+  pointer-events:none
+}
+.input-group {
+  position:relative;
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-wrap:wrap;
+  flex-wrap:wrap;
+  -ms-flex-align:stretch;
+  align-items:stretch;
+  width:100%
+}
+.input-group>.custom-file,
+.input-group>.custom-select,
+.input-group>.form-control,
+.input-group>.form-control-plaintext {
+  position:relative;
+  -ms-flex:1 1 0;
+  flex:1 1 0;
+  min-width:0;
+  margin-bottom:0
+}
+.input-group>.custom-file+.custom-file,
+.input-group>.custom-file+.custom-select,
+.input-group>.custom-file+.form-control,
+.input-group>.custom-select+.custom-file,
+.input-group>.custom-select+.custom-select,
+.input-group>.custom-select+.form-control,
+.input-group>.form-control+.custom-file,
+.input-group>.form-control+.custom-select,
+.input-group>.form-control+.form-control,
+.input-group>.form-control-plaintext+.custom-file,
+.input-group>.form-control-plaintext+.custom-select,
+.input-group>.form-control-plaintext+.form-control {
+  margin-left:-1px
+}
+.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
+.input-group>.custom-select:focus,
+.input-group>.form-control:focus {
+  z-index:3
+}
+.input-group>.custom-file .custom-file-input:focus {
+  z-index:4
+}
+.input-group>.custom-select:not(:last-child),
+.input-group>.form-control:not(:last-child) {
+  border-top-right-radius:0;
+  border-bottom-right-radius:0
+}
+.input-group>.custom-select:not(:first-child),
+.input-group>.form-control:not(:first-child) {
+  border-top-left-radius:0;
+  border-bottom-left-radius:0
+}
+.input-group>.custom-file {
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-align:center;
+  align-items:center
+}
+.input-group>.custom-file:not(:last-child) .custom-file-label,
+.input-group>.custom-file:not(:last-child) .custom-file-label::after {
+  border-top-right-radius:0;
+  border-bottom-right-radius:0
+}
+.input-group>.custom-file:not(:first-child) .custom-file-label {
+  border-top-left-radius:0;
+  border-bottom-left-radius:0
+}
+.input-group-append,
+.input-group-prepend {
+  display:-ms-flexbox;
+  display:flex
+}
+.input-group-append .btn,
+.input-group-prepend .btn {
+  position:relative;
+  z-index:2
+}
+.input-group-append .btn:focus,
+.input-group-prepend .btn:focus {
+  z-index:3
+}
+.input-group-append .btn+.btn,
+.input-group-append .btn+.input-group-text,
+.input-group-append .input-group-text+.btn,
+.input-group-append .input-group-text+.input-group-text,
+.input-group-prepend .btn+.btn,
+.input-group-prepend .btn+.input-group-text,
+.input-group-prepend .input-group-text+.btn,
+.input-group-prepend .input-group-text+.input-group-text {
+  margin-left:-1px
+}
+.input-group-prepend {
+  margin-right:-1px
+}
+.input-group-append {
+  margin-left:-1px
+}
+.input-group-text {
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-align:center;
+  align-items:center;
+  padding:.375rem .75rem;
+  margin-bottom:0;
+  font-size:1rem;
+  font-weight:400;
+  line-height:1.5;
+  color:#495057;
+  text-align:center;
+  white-space:nowrap;
+  background-color:#e9ecef;
+  border:1px solid #ced4da;
+  border-radius:.25rem
+}
+.input-group-text input[type=checkbox],
+.input-group-text input[type=radio] {
+  margin-top:0
+}
+.input-group-lg>.custom-select,
+.input-group-lg>.form-control:not(textarea) {
+  height:calc(1.5em+1rem+2px)
+}
+.input-group-lg>.custom-select,
+.input-group-lg>.form-control,
+.input-group-lg>.input-group-append>.btn,
+.input-group-lg>.input-group-append>.input-group-text,
+.input-group-lg>.input-group-prepend>.btn,
+.input-group-lg>.input-group-prepend>.input-group-text {
+  padding:.5rem 1rem;
+  font-size:1.25rem;
+  line-height:1.5;
+  border-radius:.3rem
+}
+.input-group-sm>.custom-select,
+.input-group-sm>.form-control:not(textarea) {
+  height:calc(1.5em+.5rem+2px)
+}
+.input-group-sm>.custom-select,
+.input-group-sm>.form-control,
+.input-group-sm>.input-group-append>.btn,
+.input-group-sm>.input-group-append>.input-group-text,
+.input-group-sm>.input-group-prepend>.btn,
+.input-group-sm>.input-group-prepend>.input-group-text {
+  padding:.25rem .5rem;
+  font-size:.875rem;
+  line-height:1.5;
+  border-radius:.2rem
+}
+.input-group-lg>.custom-select,
+.input-group-sm>.custom-select {
+  padding-right:1.75rem
+}
+.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
+.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
+.input-group>.input-group-append:not(:last-child)>.btn,
+.input-group>.input-group-append:not(:last-child)>.input-group-text,
+.input-group>.input-group-prepend>.btn,
+.input-group>.input-group-prepend>.input-group-text {
+  border-top-right-radius:0;
+  border-bottom-right-radius:0
+}
+.input-group>.input-group-append>.btn,
+.input-group>.input-group-append>.input-group-text,
+.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
+.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
+.input-group>.input-group-prepend:not(:first-child)>.btn,
+.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
+  border-top-left-radius:0;
+  border-bottom-left-radius:0
+}
+.custom-control {
+  position:relative;
+  display:block;
+  min-height:1.5rem;
+  padding-left:1.5rem
+}
+.custom-control-inline {
+  display:-ms-inline-flexbox;
+  display:inline-flex;
+  margin-right:1rem
+}
+.custom-control-input {
+  position:absolute;
+  left:0;
+  z-index:-1;
+  width:1rem;
+  height:1.25rem;
+  opacity:0
+}
+.custom-control-input:checked~.custom-control-label::before {
+  color:#fff;
+  border-color:#007bff;
+  background-color:#007bff
+}
+.custom-control-input:focus~.custom-control-label::before {
+  box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
+}
+.custom-control-input:focus:not(:checked)~.custom-control-label::before {
+  border-color:#80bdff
+}
+.custom-control-input:not(:disabled):active~.custom-control-label::before {
+  color:#fff;
+  background-color:#b3d7ff;
+  border-color:#b3d7ff
+}
+.custom-control-input:disabled~.custom-control-label,
+.custom-control-input[disabled]~.custom-control-label {
+  color:#6c757d
+}
+.custom-control-input:disabled~.custom-control-label::before,
+.custom-control-input[disabled]~.custom-control-label::before {
+  background-color:#e9ecef
+}
+.custom-control-label {
+  position:relative;
+  margin-bottom:0;
+  vertical-align:top
+}
+.custom-control-label::before {
+  position:absolute;
+  top:.25rem;
+  left:-1.5rem;
+  display:block;
+  width:1rem;
+  height:1rem;
+  pointer-events:none;
+  content:"";
+  background-color:#fff;
+  border:#adb5bd solid 1px
+}
+.custom-control-label::after {
+  position:absolute;
+  top:.25rem;
+  left:-1.5rem;
+  display:block;
+  width:1rem;
+  height:1rem;
+  content:"";
+  background:no-repeat 50%/50% 50%
+}
+.custom-checkbox .custom-control-label::before {
+  border-radius:.25rem
+}
+.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
+  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
+}
+.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
+  border-color:#007bff;
+  background-color:#007bff
+}
+.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
+  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
+}
+.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
+  background-color:rgba(0,123,255,.5)
+}
+.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
+  background-color:rgba(0,123,255,.5)
+}
+.custom-radio .custom-control-label::before {
+  border-radius:50%
+}
+.custom-radio .custom-control-input:checked~.custom-control-label::after {
+  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
+}
+.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
+  background-color:rgba(0,123,255,.5)
+}
+.custom-switch {
+  padding-left:2.25rem
+}
+.custom-switch .custom-control-label::before {
+  left:-2.25rem;
+  width:1.75rem;
+  pointer-events:all;
+  border-radius:.5rem
+}
+.custom-switch .custom-control-label::after {
+  top:calc(.25rem+2px);
+  left:calc(-2.25rem+2px);
+  width:calc(1rem - 4px);
+  height:calc(1rem - 4px);
+  background-color:#adb5bd;
+  border-radius:.5rem;
+  transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
+  transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+  transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out
+}
+@media(prefers-reduced-motion:reduce) {
+  .custom-switch .custom-control-label::after {
+    transition:none
+  }
+}
+.custom-switch .custom-control-input:checked~.custom-control-label::after {
+  background-color:#fff;
+  -webkit-transform:translateX(.75rem);
+  transform:translateX(.75rem)
+}
+.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
+  background-color:rgba(0,123,255,.5)
+}
+.custom-select {
+  display:inline-block;
+  width:100%;
+  height:calc(1.5em+.75rem+2px);
+  padding:.375rem 1.75rem .375rem .75rem;
+  font-size:1rem;
+  font-weight:400;
+  line-height:1.5;
+  color:#495057;
+  vertical-align:middle;
+  background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
+  border:1px solid #ced4da;
+  border-radius:.25rem;
+  -webkit-appearance:none;
+  -moz-appearance:none;
+  appearance:none
+}
+.custom-select:focus {
+  border-color:#80bdff;
+  outline:0;
+  box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
+}
+.custom-select:focus::-ms-value {
+  color:#495057;
+  background-color:#fff
+}
+.custom-select[multiple],
+.custom-select[size]:not([size="1"]) {
+  height:auto;
+  padding-right:.75rem;
+  background-image:none
+}
+.custom-select:disabled {
+  color:#6c757d;
+  background-color:#e9ecef
+}
+.custom-select::-ms-expand {
+  display:none
+}
+.custom-select:-moz-focusring {
+  color:transparent;
+  text-shadow:0 0 0 #495057
+}
+.custom-select-sm {
+  height:calc(1.5em+.5rem+2px);
+  padding-top:.25rem;
+  padding-bottom:.25rem;
+  padding-left:.5rem;
+  font-size:.875rem
+}
+.custom-select-lg {
+  height:calc(1.5em+1rem+2px);
+  padding-top:.5rem;
+  padding-bottom:.5rem;
+  padding-left:1rem;
+  font-size:1.25rem
+}
+.custom-file {
+  position:relative;
+  display:inline-block;
+  width:100%;
+  height:calc(1.5em+.75rem+2px);
+  margin-bottom:0
+}
+.custom-file-input {
+  position:relative;
+  z-index:2;
+  width:100%;
+  height:calc(1.5em+.75rem+2px);
+  margin:0;
+  opacity:0
+}
+.custom-file-input:focus~.custom-file-label {
+  border-color:#80bdff;
+  box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
+}
+.custom-file-input:disabled~.custom-file-label,
+.custom-file-input[disabled]~.custom-file-label {
+  background-color:#e9ecef
+}
+.custom-file-input:lang(en)~.custom-file-label::after {
+  content:"Browse"
+}
+.custom-file-input~.custom-file-label[data-browse]::after {
+  content:attr(data-browse)
+}
+.custom-file-label {
+  position:absolute;
+  top:0;
+  right:0;
+  left:0;
+  z-index:1;
+  height:calc(1.5em+.75rem+2px);
+  padding:.375rem .75rem;
+  font-weight:400;
+  line-height:1.5;
+  color:#495057;
+  background-color:#fff;
+  border:1px solid #ced4da;
+  border-radius:.25rem
+}
+.custom-file-label::after {
+  position:absolute;
+  top:0;
+  right:0;
+  bottom:0;
+  z-index:3;
+  display:block;
+  height:calc(1.5em+.75rem);
+  padding:.375rem .75rem;
+  line-height:1.5;
+  color:#495057;
+  content:"Browse";
+  background-color:#e9ecef;
+  border-left:inherit;
+  border-radius:0 .25rem .25rem 0
+}
+.custom-range {
+  width:100%;
+  height:1.4rem;
+  padding:0;
+  background-color:transparent;
+  -webkit-appearance:none;
+  -moz-appearance:none;
+  appearance:none
+}
+.custom-range:focus {
+  outline:0
+}
+.custom-range:focus::-webkit-slider-thumb {
+  box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
+}
+.custom-range:focus::-moz-range-thumb {
+  box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
+}
+.custom-range:focus::-ms-thumb {
+  box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
+}
+.custom-range::-moz-focus-outer {
+  border:0
+}
+.custom-range::-webkit-slider-thumb {
+  width:1rem;
+  height:1rem;
+  margin-top:-.25rem;
+  background-color:#007bff;
+  border:0;
+  border-radius:1rem;
+  -webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+  transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+  -webkit-appearance:none;
+  appearance:none
+}
+@media(prefers-reduced-motion:reduce) {
+  .custom-range::-webkit-slider-thumb {
+    -webkit-transition:none;
+    transition:none
+  }
+}
+.custom-range::-webkit-slider-thumb:active {
+  background-color:#b3d7ff
+}
+.custom-range::-webkit-slider-runnable-track {
+  width:100%;
+  height:.5rem;
+  color:transparent;
+  cursor:pointer;
+  background-color:#dee2e6;
+  border-color:transparent;
+  border-radius:1rem
+}
+.custom-range::-moz-range-thumb {
+  width:1rem;
+  height:1rem;
+  background-color:#007bff;
+  border:0;
+  border-radius:1rem;
+  -moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+  transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+  -moz-appearance:none;
+  appearance:none
+}
+@media(prefers-reduced-motion:reduce) {
+  .custom-range::-moz-range-thumb {
+    -moz-transition:none;
+    transition:none
+  }
+}
+.custom-range::-moz-range-thumb:active {
+  background-color:#b3d7ff
+}
+.custom-range::-moz-range-track {
+  width:100%;
+  height:.5rem;
+  color:transparent;
+  cursor:pointer;
+  background-color:#dee2e6;
+  border-color:transparent;
+  border-radius:1rem
+}
+.custom-range::-ms-thumb {
+  width:1rem;
+  height:1rem;
+  margin-top:0;
+  margin-right:.2rem;
+  margin-left:.2rem;
+  background-color:#007bff;
+  border:0;
+  border-radius:1rem;
+  -ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+  transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+  appearance:none
+}
+@media(prefers-reduced-motion:reduce) {
+  .custom-range::-ms-thumb {
+    -ms-transition:none;
+    transition:none
+  }
+}
+.custom-range::-ms-thumb:active {
+  background-color:#b3d7ff
+}
+.custom-range::-ms-track {
+  width:100%;
+  height:.5rem;
+  color:transparent;
+  cursor:pointer;
+  background-color:transparent;
+  border-color:transparent;
+  border-width:.5rem
+}
+.custom-range::-ms-fill-lower {
+  background-color:#dee2e6;
+  border-radius:1rem
+}
+.custom-range::-ms-fill-upper {
+  margin-right:15px;
+  background-color:#dee2e6;
+  border-radius:1rem
+}
+.custom-range:disabled::-webkit-slider-thumb {
+  background-color:#adb5bd
+}
+.custom-range:disabled::-webkit-slider-runnable-track {
+  cursor:default
+}
+.custom-range:disabled::-moz-range-thumb {
+  background-color:#adb5bd
+}
+.custom-range:disabled::-moz-range-track {
+  cursor:default
+}
+.custom-range:disabled::-ms-thumb {
+  background-color:#adb5bd
+}
+.custom-control-label::before,
+.custom-file-label,
+.custom-select {
+  transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
+}
+@media(prefers-reduced-motion:reduce) {
+  .custom-control-label::before,
+  .custom-file-label,
+  .custom-select {
+    transition:none
+  }
+}
+.nav {
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-wrap:wrap;
+  flex-wrap:wrap;
+  padding-left:0;
+  margin-bottom:0;
+  list-style:none
+}
+.nav-link {
+  display:block;
+  padding:.5rem 1rem
+}
+.nav-link:focus,
+.nav-link:hover {
+  text-decoration:none
+}
+.nav-link.disabled {
+  color:#6c757d;
+  pointer-events:none;
+  cursor:default
+}
+.nav-tabs {
+  border-bottom:1px solid #dee2e6
+}
+.nav-tabs .nav-item {
+  margin-bottom:-1px
+}
+.nav-tabs .nav-link {
+  border:1px solid transparent;
+  border-top-left-radius:.25rem;
+  border-top-right-radius:.25rem
+}
+.nav-tabs .nav-link:focus,
+.nav-tabs .nav-link:hover {
+  border-color:#e9ecef #e9ecef #dee2e6
+}
+.nav-tabs .nav-link.disabled {
+  color:#6c757d;
+  background-color:transparent;
+  border-color:transparent
+}
+.nav-tabs .nav-item.show .nav-link,
+.nav-tabs .nav-link.active {
+  color:#495057;
+  background-color:#fff;
+  border-color:#dee2e6 #dee2e6 #fff
+}
+.nav-tabs .dropdown-menu {
+  margin-top:-1px;
+  border-top-left-radius:0;
+  border-top-right-radius:0
+}
+.nav-pills .nav-link {
+  border-radius:.25rem
+}
+.nav-pills .nav-link.active,
+.nav-pills .show>.nav-link {
+  color:#fff;
+  background-color:#007bff
+}
+.nav-fill .nav-item {
+  -ms-flex:1 1 auto;
+  flex:1 1 auto;
+  text-align:center
+}
+.nav-justified .nav-item {
+  -ms-flex-preferred-size:0;
+  flex-basis:0;
+  -ms-flex-positive:1;
+  flex-grow:1;
+  text-align:center
+}
+.tab-content>.tab-pane {
+  display:none
+}
+.tab-content>.active {
+  display:block
+}
+.navbar {
+  position:relative;
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-wrap:wrap;
+  flex-wrap:wrap;
+  -ms-flex-align:center;
+  align-items:center;
+  -ms-flex-pack:justify;
+  justify-content:space-between;
+  padding:.5rem 1rem
+}
+.navbar .container,
+.navbar .container-fluid,
+.navbar .container-lg,
+.navbar .container-md,
+.navbar .container-sm,
+.navbar .container-xl {
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-wrap:wrap;
+  flex-wrap:wrap;
+  -ms-flex-align:center;
+  align-items:center;
+  -ms-flex-pack:justify;
+  justify-content:space-between
+}
+.navbar-brand {
+  display:inline-block;
+  padding-top:.3125rem;
+  padding-bottom:.3125rem;
+  margin-right:1rem;
+  font-size:1.25rem;
+  line-height:inherit;
+  white-space:nowrap
+}
+.navbar-brand:focus,
+.navbar-brand:hover {
+  text-decoration:none
+}
+.navbar-nav {
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-direction:column;
+  flex-direction:column;
+  padding-left:0;
+  margin-bottom:0;
+  list-style:none
+}
+.navbar-nav .nav-link {
+  padding-right:0;
+  padding-left:0
+}
+.navbar-nav .dropdown-menu {
+  position:static;
+  float:none
+}
+.navbar-text {
+  display:inline-block;
+  padding-top:.5rem;
+  padding-bottom:.5rem
+}
+.navbar-collapse {
+  -ms-flex-preferred-size:100%;
+  flex-basis:100%;
+  -ms-flex-positive:1;
+  flex-grow:1;
+  -ms-flex-align:center;
+  align-items:center
+}
+.navbar-toggler {
+  padding:.25rem .75rem;
+  font-size:1.25rem;
+  line-height:1;
+  background-color:transparent;
+  border:1px solid transparent;
+  border-radius:.25rem
+}
+.navbar-toggler:focus,
+.navbar-toggler:hover {
+  text-decoration:none
+}
+.navbar-toggler-icon {
+  display:inline-block;
+  width:1.5em;
+  height:1.5em;
+  vertical-align:middle;
+  content:"";
+  background:no-repeat center center;
+  background-size:100% 100%
+}
+@media(max-width:575.98px) {
+  .navbar-expand-sm>.container,
+  .navbar-expand-sm>.container-fluid,
+  .navbar-expand-sm>.container-lg,
+  .navbar-expand-sm>.container-md,
+  .navbar-expand-sm>.container-sm,
+  .navbar-expand-sm>.container-xl {
+    padding-right:0;
+    padding-left:0
+  }
+}
+@media(min-width:576px) {
+  .navbar-expand-sm {
+    -ms-flex-flow:row nowrap;
+    flex-flow:row nowrap;
+    -ms-flex-pack:start;
+    justify-content:flex-start
+  }
+  .navbar-expand-sm .navbar-nav {
+    -ms-flex-direction:row;
+    flex-direction:row
+  }
+  .navbar-expand-sm .navbar-nav .dropdown-menu {
+    position:absolute
+  }
+  .navbar-expand-sm .navbar-nav .nav-link {
+    padding-right:.5rem;
+    padding-left:.5rem
+  }
+  .navbar-expand-sm>.container,
+  .navbar-expand-sm>.container-fluid,
+  .navbar-expand-sm>.container-lg,
+  .navbar-expand-sm>.container-md,
+  .navbar-expand-sm>.container-sm,
+  .navbar-expand-sm>.container-xl {
+    -ms-flex-wrap:nowrap;
+    flex-wrap:nowrap
+  }
+  .navbar-expand-sm .navbar-collapse {
+    display:-ms-flexbox!important;
+    display:flex!important;
+    -ms-flex-preferred-size:auto;
+    flex-basis:auto
+  }
+  .navbar-expand-sm .navbar-toggler {
+    display:none
+  }
+}
+@media(max-width:767.98px) {
+  .navbar-expand-md>.container,
+  .navbar-expand-md>.container-fluid,
+  .navbar-expand-md>.container-lg,
+  .navbar-expand-md>.container-md,
+  .navbar-expand-md>.container-sm,
+  .navbar-expand-md>.container-xl {
+    padding-right:0;
+    padding-left:0
+  }
+}
+@media(min-width:768px) {
+  .navbar-expand-md {
+    -ms-flex-flow:row nowrap;
+    flex-flow:row nowrap;
+    -ms-flex-pack:start;
+    justify-content:flex-start
+  }
+  .navbar-expand-md .navbar-nav {
+    -ms-flex-direction:row;
+    flex-direction:row
+  }
+  .navbar-expand-md .navbar-nav .dropdown-menu {
+    position:absolute
+  }
+  .navbar-expand-md .navbar-nav .nav-link {
+    padding-right:.5rem;
+    padding-left:.5rem
+  }
+  .navbar-expand-md>.container,
+  .navbar-expand-md>.container-fluid,
+  .navbar-expand-md>.container-lg,
+  .navbar-expand-md>.container-md,
+  .navbar-expand-md>.container-sm,
+  .navbar-expand-md>.container-xl {
+    -ms-flex-wrap:nowrap;
+    flex-wrap:nowrap
+  }
+  .navbar-expand-md .navbar-collapse {
+    display:-ms-flexbox!important;
+    display:flex!important;
+    -ms-flex-preferred-size:auto;
+    flex-basis:auto
+  }
+  .navbar-expand-md .navbar-toggler {
+    display:none
+  }
+}
+@media(max-width:991.98px) {
+  .navbar-expand-lg>.container,
+  .navbar-expand-lg>.container-fluid,
+  .navbar-expand-lg>.container-lg,
+  .navbar-expand-lg>.container-md,
+  .navbar-expand-lg>.container-sm,
+  .navbar-expand-lg>.container-xl {
+    padding-right:0;
+    padding-left:0
+  }
+}
+@media(min-width:992px) {
+  .navbar-expand-lg {
+    -ms-flex-flow:row nowrap;
+    flex-flow:row nowrap;
+    -ms-flex-pack:start;
+    justify-content:flex-start
+  }
+  .navbar-expand-lg .navbar-nav {
+    -ms-flex-direction:row;
+    flex-direction:row
+  }
+  .navbar-expand-lg .navbar-nav .dropdown-menu {
+    position:absolute
+  }
+  .navbar-expand-lg .navbar-nav .nav-link {
+    padding-right:.5rem;
+    padding-left:.5rem
+  }
+  .navbar-expand-lg>.container,
+  .navbar-expand-lg>.container-fluid,
+  .navbar-expand-lg>.container-lg,
+  .navbar-expand-lg>.container-md,
+  .navbar-expand-lg>.container-sm,
+  .navbar-expand-lg>.container-xl {
+    -ms-flex-wrap:nowrap;
+    flex-wrap:nowrap
+  }
+  .navbar-expand-lg .navbar-collapse {
+    display:-ms-flexbox!important;
+    display:flex!important;
+    -ms-flex-preferred-size:auto;
+    flex-basis:auto
+  }
+  .navbar-expand-lg .navbar-toggler {
+    display:none
+  }
+}
+@media(max-width:1199.98px) {
+  .navbar-expand-xl>.container,
+  .navbar-expand-xl>.container-fluid,
+  .navbar-expand-xl>.container-lg,
+  .navbar-expand-xl>.container-md,
+  .navbar-expand-xl>.container-sm,
+  .navbar-expand-xl>.container-xl {
+    padding-right:0;
+    padding-left:0
+  }
+}
+@media(min-width:1200px) {
+  .navbar-expand-xl {
+    -ms-flex-flow:row nowrap;
+    flex-flow:row nowrap;
+    -ms-flex-pack:start;
+    justify-content:flex-start
+  }
+  .navbar-expand-xl .navbar-nav {
+    -ms-flex-direction:row;
+    flex-direction:row
+  }
+  .navbar-expand-xl .navbar-nav .dropdown-menu {
+    position:absolute
+  }
+  .navbar-expand-xl .navbar-nav .nav-link {
+    padding-right:.5rem;
+    padding-left:.5rem
+  }
+  .navbar-expand-xl>.container,
+  .navbar-expand-xl>.container-fluid,
+  .navbar-expand-xl>.container-lg,
+  .navbar-expand-xl>.container-md,
+  .navbar-expand-xl>.container-sm,
+  .navbar-expand-xl>.container-xl {
+    -ms-flex-wrap:nowrap;
+    flex-wrap:nowrap
+  }
+  .navbar-expand-xl .navbar-collapse {
+    display:-ms-flexbox!important;
+    display:flex!important;
+    -ms-flex-preferred-size:auto;
+    flex-basis:auto
+  }
+  .navbar-expand-xl .navbar-toggler {
+    display:none
+  }
+}
+.navbar-expand {
+  -ms-flex-flow:row nowrap;
+  flex-flow:row nowrap;
+  -ms-flex-pack:start;
+  justify-content:flex-start
+}
+.navbar-expand>.container,
+.navbar-expand>.container-fluid,
+.navbar-expand>.container-lg,
+.navbar-expand>.container-md,
+.navbar-expand>.container-sm,
+.navbar-expand>.container-xl {
+  padding-right:0;
+  padding-left:0
+}
+.navbar-expand .navbar-nav {
+  -ms-flex-direction:row;
+  flex-direction:row
+}
+.navbar-expand .navbar-nav .dropdown-menu {
+  position:absolute
+}
+.navbar-expand .navbar-nav .nav-link {
+  padding-right:.5rem;
+  padding-left:.5rem
+}
+.navbar-expand>.container,
+.navbar-expand>.container-fluid,
+.navbar-expand>.container-lg,
+.navbar-expand>.container-md,
+.navbar-expand>.container-sm,
+.navbar-expand>.container-xl {
+  -ms-flex-wrap:nowrap;
+  flex-wrap:nowrap
+}
+.navbar-expand .navbar-collapse {
+  display:-ms-flexbox!important;
+  display:flex!important;
+  -ms-flex-preferred-size:auto;
+  flex-basis:auto
+}
+.navbar-expand .navbar-toggler {
+  display:none
+}
+.navbar-light .navbar-brand {
+  color:rgba(0,0,0,.9)
+}
+.navbar-light .navbar-brand:focus,
+.navbar-light .navbar-brand:hover {
+  color:rgba(0,0,0,.9)
+}
+.navbar-light .navbar-nav .nav-link {
+  color:rgba(0,0,0,.5)
+}
+.navbar-light .navbar-nav .nav-link:focus,
+.navbar-light .navbar-nav .nav-link:hover {
+  color:rgba(0,0,0,.7)
+}
+.navbar-light .navbar-nav .nav-link.disabled {
+  color:rgba(0,0,0,.3)
+}
+.navbar-light .navbar-nav .active>.nav-link,
+.navbar-light .navbar-nav .nav-link.active,
+.navbar-light .navbar-nav .nav-link.show,
+.navbar-light .navbar-nav .show>.nav-link {
+  color:rgba(0,0,0,.9)
+}
+.navbar-light .navbar-toggler {
+  color:rgba(0,0,0,.5);
+  border-color:rgba(0,0,0,.1)
+}
+.navbar-light .navbar-toggler-icon {
+  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
+}
+.navbar-light .navbar-text {
+  color:rgba(0,0,0,.5)
+}
+.navbar-light .navbar-text a {
+  color:rgba(0,0,0,.9)
+}
+.navbar-light .navbar-text a:focus,
+.navbar-light .navbar-text a:hover {
+  color:rgba(0,0,0,.9)
+}
+.navbar-dark .navbar-brand {
+  color:#fff
+}
+.navbar-dark .navbar-brand:focus,
+.navbar-dark .navbar-brand:hover {
+  color:#fff
+}
+.navbar-dark .navbar-nav .nav-link {
+  color:rgba(255,255,255,.5)
+}
+.navbar-dark .navbar-nav .nav-link:focus,
+.navbar-dark .navbar-nav .nav-link:hover {
+  color:rgba(255,255,255,.75)
+}
+.navbar-dark .navbar-nav .nav-link.disabled {
+  color:rgba(255,255,255,.25)
+}
+.navbar-dark .navbar-nav .active>.nav-link,
+.navbar-dark .navbar-nav .nav-link.active,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .show>.nav-link {
+  color:#fff
+}
+.navbar-dark .navbar-toggler {
+  color:rgba(255,255,255,.5);
+  border-color:rgba(255,255,255,.1)
+}
+.navbar-dark .navbar-toggler-icon {
+  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
+}
+.navbar-dark .navbar-text {
+  color:rgba(255,255,255,.5)
+}
+.navbar-dark .navbar-text a {
+  color:#fff
+}
+.navbar-dark .navbar-text a:focus,
+.navbar-dark .navbar-text a:hover {
+  color:#fff
+}
+.card {
+  position:relative;
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-direction:column;
+  flex-direction:column;
+  min-width:0;
+  word-wrap:break-word;
+  background-color:#fff;
+  background-clip:border-box;
+  border:1px solid rgba(0,0,0,.125);
+  border-radius:.25rem
+}
+.card>hr {
+  margin-right:0;
+  margin-left:0
+}
+.card>.list-group:first-child .list-group-item:first-child {
+  border-top-left-radius:.25rem;
+  border-top-right-radius:.25rem
+}
+.card>.list-group:last-child .list-group-item:last-child {
+  border-bottom-right-radius:.25rem;
+  border-bottom-left-radius:.25rem
+}
+.card-body {
+  -ms-flex:1 1 auto;
+  flex:1 1 auto;
+  min-height:1px;
+  padding:1.25rem
+}
+.card-title {
+  margin-bottom:.75rem
+}
+.card-subtitle {
+  margin-top:-.375rem;
+  margin-bottom:0
+}
+.card-text:last-child {
+  margin-bottom:0
+}
+.card-link:hover {
+  text-decoration:none
+}
+.card-link+.card-link {
+  margin-left:1.25rem
+}
+.card-header {
+  padding:.75rem 1.25rem;
+  margin-bottom:0;
+  background-color:rgba(0,0,0,.03);
+  border-bottom:1px solid rgba(0,0,0,.125)
+}
+.card-header:first-child {
+  border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0
+}
+.card-header+.list-group .list-group-item:first-child {
+  border-top:0
+}
+.card-footer {
+  padding:.75rem 1.25rem;
+  background-color:rgba(0,0,0,.03);
+  border-top:1px solid rgba(0,0,0,.125)
+}
+.card-footer:last-child {
+  border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)
+}
+.card-header-tabs {
+  margin-right:-.625rem;
+  margin-bottom:-.75rem;
+  margin-left:-.625rem;
+  border-bottom:0
+}
+.card-header-pills {
+  margin-right:-.625rem;
+  margin-left:-.625rem
+}
+.card-img-overlay {
+  position:absolute;
+  top:0;
+  right:0;
+  bottom:0;
+  left:0;
+  padding:1.25rem
+}
+.card-img,
+.card-img-bottom,
+.card-img-top {
+  -ms-flex-negative:0;
+  flex-shrink:0;
+  width:100%
+}
+.card-img,
+.card-img-top {
+  border-top-left-radius:calc(.25rem - 1px);
+  border-top-right-radius:calc(.25rem - 1px)
+}
+.card-img,
+.card-img-bottom {
+  border-bottom-right-radius:calc(.25rem - 1px);
+  border-bottom-left-radius:calc(.25rem - 1px)
+}
+.card-deck .card {
+  margin-bottom:15px
+}
+@media(min-width:576px) {
+  .card-deck {
+    display:-ms-flexbox;
+    display:flex;
+    -ms-flex-flow:row wrap;
+    flex-flow:row wrap;
+    margin-right:-15px;
+    margin-left:-15px
+  }
+  .card-deck .card {
+    -ms-flex:1 0 0;
+    flex:1 0 0;
+    margin-right:15px;
+    margin-bottom:0;
+    margin-left:15px
+  }
+}
+.card-group>.card {
+  margin-bottom:15px
+}
+@media(min-width:576px) {
+  .card-group {
+    display:-ms-flexbox;
+    display:flex;
+    -ms-flex-flow:row wrap;
+    flex-flow:row wrap
+  }
+  .card-group>.card {
+    -ms-flex:1 0 0;
+    flex:1 0 0;
+    margin-bottom:0
+  }
+  .card-group>.card+.card {
+    margin-left:0;
+    border-left:0
+  }
+  .card-group>.card:not(:last-child) {
+    border-top-right-radius:0;
+    border-bottom-right-radius:0
+  }
+  .card-group>.card:not(:last-child) .card-header,
+  .card-group>.card:not(:last-child) .card-img-top {
+    border-top-right-radius:0
+  }
+  .card-group>.card:not(:last-child) .card-footer,
+  .card-group>.card:not(:last-child) .card-img-bottom {
+    border-bottom-right-radius:0
+  }
+  .card-group>.card:not(:first-child) {
+    border-top-left-radius:0;
+    border-bottom-left-radius:0
+  }
+  .card-group>.card:not(:first-child) .card-header,
+  .card-group>.card:not(:first-child) .card-img-top {
+    border-top-left-radius:0
+  }
+  .card-group>.card:not(:first-child) .card-footer,
+  .card-group>.card:not(:first-child) .card-img-bottom {
+    border-bottom-left-radius:0
+  }
+}
+.card-columns .card {
+  margin-bottom:.75rem
+}
+@media(min-width:576px) {
+  .card-columns {
+    -webkit-column-count:3;
+    -moz-column-count:3;
+    column-count:3;
+    -webkit-column-gap:1.25rem;
+    -moz-column-gap:1.25rem;
+    column-gap:1.25rem;
+    orphans:1;
+    widows:1
+  }
+  .card-columns .card {
+    display:inline-block;
+    width:100%
+  }
+}
+.accordion>.card {
+  overflow:hidden
+}
+.accordion>.card:not(:last-of-type) {
+  border-bottom:0;
+  border-bottom-right-radius:0;
+  border-bottom-left-radius:0
+}
+.accordion>.card:not(:first-of-type) {
+  border-top-left-radius:0;
+  border-top-right-radius:0
+}
+.accordion>.card>.card-header {
+  border-radius:0;
+  margin-bottom:-1px
+}
+.breadcrumb {
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-wrap:wrap;
+  flex-wrap:wrap;
+  padding:.75rem 1rem;
+  margin-bottom:1rem;
+  list-style:none;
+  background-color:#e9ecef;
+  border-radius:.25rem
+}
+.breadcrumb-item+.breadcrumb-item {
+  padding-left:.5rem
+}
+.breadcrumb-item+.breadcrumb-item::before {
+  display:inline-block;
+  padding-right:.5rem;
+  color:#6c757d;
+  content:"/"
+}
+.breadcrumb-item+.breadcrumb-item:hover::before {
+  text-decoration:underline
+}
+.breadcrumb-item+.breadcrumb-item:hover::before {
+  text-decoration:none
+}
+.breadcrumb-item.active {
+  color:#6c757d
+}
+.pagination {
+  display:-ms-flexbox;
+  display:flex;
+  padding-left:0;
+  list-style:none;
+  border-radius:.25rem
+}
+.page-link {
+  position:relative;
+  display:block;
+  padding:.5rem .75rem;
+  margin-left:-1px;
+  line-height:1.25;
+  color:#007bff;
+  background-color:#fff;
+  border:1px solid #dee2e6
+}
+.page-link:hover {
+  z-index:2;
+  color:#0056b3;
+  text-decoration:none;
+  background-color:#e9ecef;
+  border-color:#dee2e6
+}
+.page-link:focus {
+  z-index:3;
+  outline:0;
+  box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
+}
+.page-item:first-child .page-link {
+  margin-left:0;
+  border-top-left-radius:.25rem;
+  border-bottom-left-radius:.25rem
+}
+.page-item:last-child .page-link {
+  border-top-right-radius:.25rem;
+  border-bottom-right-radius:.25rem
+}
+.page-item.active .page-link {
+  z-index:3;
+  color:#fff;
+  background-color:#007bff;
+  border-color:#007bff
+}
+.page-item.disabled .page-link {
+  color:#6c757d;
+  pointer-events:none;
+  cursor:auto;
+  background-color:#fff;
+  border-color:#dee2e6
+}
+.pagination-lg .page-link {
+  padding:.75rem 1.5rem;
+  font-size:1.25rem;
+  line-height:1.5
+}
+.pagination-lg .page-item:first-child .page-link {
+  border-top-left-radius:.3rem;
+  border-bottom-left-radius:.3rem
+}
+.pagination-lg .page-item:last-child .page-link {
+  border-top-right-radius:.3rem;
+  border-bottom-right-radius:.3rem
+}
+.pagination-sm .page-link {
+  padding:.25rem .5rem;
+  font-size:.875rem;
+  line-height:1.5
+}
+.pagination-sm .page-item:first-child .page-link {
+  border-top-left-radius:.2rem;
+  border-bottom-left-radius:.2rem
+}
+.pagination-sm .page-item:last-child .page-link {
+  border-top-right-radius:.2rem;
+  border-bottom-right-radius:.2rem
+}
+.badge {
+  display:inline-block;
+  padding:.25em .4em;
+  font-size:75%;
+  font-weight:700;
+  line-height:1;
+  text-align:center;
+  white-space:nowrap;
+  vertical-align:baseline;
+  border-radius:.25rem;
+  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
+}
+@media(prefers-reduced-motion:reduce) {
+  .badge {
+    transition:none
+  }
+}
+a.badge:focus,
+a.badge:hover {
+  text-decoration:none
+}
+.badge:empty {
+  display:none
+}
+.btn .badge {
+  position:relative;
+  top:-1px
+}
+.badge-pill {
+  padding-right:.6em;
+  padding-left:.6em;
+  border-radius:10rem
+}
+.badge-primary {
+  color:#fff;
+  background-color:#007bff
+}
+a.badge-primary:focus,
+a.badge-primary:hover {
+  color:#fff;
+  background-color:#0062cc
+}
+a.badge-primary.focus,
+a.badge-primary:focus {
+  outline:0;
+  box-shadow:0 0 0 .2rem rgba(0,123,255,.5)
+}
+.badge-secondary {
+  color:#fff;
+  background-color:#6c757d
+}
+a.badge-secondary:focus,
+a.badge-secondary:hover {
+  color:#fff;
+  background-color:#545b62
+}
+a.badge-secondary.focus,
+a.badge-secondary:focus {
+  outline:0;
+  box-shadow:0 0 0 .2rem rgba(108,117,125,.5)
+}
+.badge-success {
+  color:#fff;
+  background-color:#28a745
+}
+a.badge-success:focus,
+a.badge-success:hover {
+  color:#fff;
+  background-color:#1e7e34
+}
+a.badge-success.focus,
+a.badge-success:focus {
+  outline:0;
+  box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
+}
+.badge-info {
+  color:#fff;
+  background-color:#17a2b8
+}
+a.badge-info:focus,
+a.badge-info:hover {
+  color:#fff;
+  background-color:#117a8b
+}
+a.badge-info.focus,
+a.badge-info:focus {
+  outline:0;
+  box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
+}
+.badge-warning {
+  color:#212529;
+  background-color:#ffc107
+}
+a.badge-warning:focus,
+a.badge-warning:hover {
+  color:#212529;
+  background-color:#d39e00
+}
+a.badge-warning.focus,
+a.badge-warning:focus {
+  outline:0;
+  box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
+}
+.badge-danger {
+  color:#fff;
+  background-color:#dc3545
+}
+a.badge-danger:focus,
+a.badge-danger:hover {
+  color:#fff;
+  background-color:#bd2130
+}
+a.badge-danger.focus,
+a.badge-danger:focus {
+  outline:0;
+  box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
+}
+.badge-light {
+  color:#212529;
+  background-color:#f8f9fa
+}
+a.badge-light:focus,
+a.badge-light:hover {
+  color:#212529;
+  background-color:#dae0e5
+}
+a.badge-light.focus,
+a.badge-light:focus {
+  outline:0;
+  box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
+}
+.badge-dark {
+  color:#fff;
+  background-color:#343a40
+}
+a.badge-dark:focus,
+a.badge-dark:hover {
+  color:#fff;
+  background-color:#1d2124
+}
+a.badge-dark.focus,
+a.badge-dark:focus {
+  outline:0;
+  box-shadow:0 0 0 .2rem rgba(52,58,64,.5)
+}
+.jumbotron {
+  padding:2rem 1rem;
+  margin-bottom:2rem;
+  background-color:#e9ecef;
+  border-radius:.3rem
+}
+@media(min-width:576px) {
+  .jumbotron {
+    padding:4rem 2rem
+  }
+}
+.jumbotron-fluid {
+  padding-right:0;
+  padding-left:0;
+  border-radius:0
+}
+.alert {
+  position:relative;
+  padding:.75rem 1.25rem;
+  margin-bottom:1rem;
+  border:1px solid transparent;
+  border-radius:.25rem
+}
+.alert-heading {
+  color:inherit
+}
+.alert-link {
+  font-weight:700
+}
+.alert-dismissible {
+  padding-right:4rem
+}
+.alert-dismissible .close {
+  position:absolute;
+  top:0;
+  right:0;
+  padding:.75rem 1.25rem;
+  color:inherit
+}
+.alert-primary {
+  color:#004085;
+  background-color:#cce5ff;
+  border-color:#b8daff
+}
+.alert-primary hr {
+  border-top-color:#9fcdff
+}
+.alert-primary .alert-link {
+  color:#002752
+}
+.alert-secondary {
+  color:#383d41;
+  background-color:#e2e3e5;
+  border-color:#d6d8db
+}
+.alert-secondary hr {
+  border-top-color:#c8cbcf
+}
+.alert-secondary .alert-link {
+  color:#202326
+}
+.alert-success {
+  color:#155724;
+  background-color:#d4edda;
+  border-color:#c3e6cb
+}
+.alert-success hr {
+  border-top-color:#b1dfbb
+}
+.alert-success .alert-link {
+  color:#0b2e13
+}
+.alert-info {
+  color:#0c5460;
+  background-color:#d1ecf1;
+  border-color:#bee5eb
+}
+.alert-info hr {
+  border-top-color:#abdde5
+}
+.alert-info .alert-link {
+  color:#062c33
+}
+.alert-warning {
+  color:#856404;
+  background-color:#fff3cd;
+  border-color:#ffeeba
+}
+.alert-warning hr {
+  border-top-color:#ffe8a1
+}
+.alert-warning .alert-link {
+  color:#533f03
+}
+.alert-danger {
+  color:#721c24;
+  background-color:#f8d7da;
+  border-color:#f5c6cb
+}
+.alert-danger hr {
+  border-top-color:#f1b0b7
+}
+.alert-danger .alert-link {
+  color:#491217
+}
+.alert-light {
+  color:#818182;
+  background-color:#fefefe;
+  border-color:#fdfdfe
+}
+.alert-light hr {
+  border-top-color:#ececf6
+}
+.alert-light .alert-link {
+  color:#686868
+}
+.alert-dark {
+  color:#1b1e21;
+  background-color:#d6d8d9;
+  border-color:#c6c8ca
+}
+.alert-dark hr {
+  border-top-color:#b9bbbe
+}
+.alert-dark .alert-link {
+  color:#040505
+}
+@-webkit-keyframes progress-bar-stripes {
+  from {
+    background-position:1rem 0
+  }
+  to {
+    background-position:0 0
+  }
+}
+@keyframes progress-bar-stripes {
+  from {
+    background-position:1rem 0
+  }
+  to {
+    background-position:0 0
+  }
+}
+.progress {
+  display:-ms-flexbox;
+  display:flex;
+  height:1rem;
+  overflow:hidden;
+  font-size:.75rem;
+  background-color:#e9ecef;
+  border-radius:.25rem
+}
+.progress-bar {
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-direction:column;
+  flex-direction:column;
+  -ms-flex-pack:center;
+  justify-content:center;
+  overflow:hidden;
+  color:#fff;
+  text-align:center;
+  white-space:nowrap;
+  background-color:#007bff;
+  transition:width .6s ease
+}
+@media(prefers-reduced-motion:reduce) {
+  .progress-bar {
+    transition:none
+  }
+}
+.progress-bar-striped {
+  background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+  background-size:1rem 1rem
+}
+.progress-bar-animated {
+  -webkit-animation:progress-bar-stripes 1s linear infinite;
+  animation:progress-bar-stripes 1s linear infinite
+}
+@media(prefers-reduced-motion:reduce) {
+  .progress-bar-animated {
+    -webkit-animation:none;
+    animation:none
+  }
+}
+.media {
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-align:start;
+  align-items:flex-start
+}
+.media-body {
+  -ms-flex:1;
+  flex:1
+}
+.list-group {
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-direction:column;
+  flex-direction:column;
+  padding-left:0;
+  margin-bottom:0
+}
+.list-group-item-action {
+  width:100%;
+  color:#495057;
+  text-align:inherit
+}
+.list-group-item-action:focus,
+.list-group-item-action:hover {
+  z-index:1;
+  color:#495057;
+  text-decoration:none;
+  background-color:#f8f9fa
+}
+.list-group-item-action:active {
+  color:#212529;
+  background-color:#e9ecef
+}
+.list-group-item {
+  position:relative;
+  display:block;
+  padding:.75rem 1.25rem;
+  background-color:#fff;
+  border:1px solid rgba(0,0,0,.125)
+}
+.list-group-item:first-child {
+  border-top-left-radius:.25rem;
+  border-top-right-radius:.25rem
+}
+.list-group-item:last-child {
+  border-bottom-right-radius:.25rem;
+  border-bottom-left-radius:.25rem
+}
+.list-group-item.disabled,
+.list-group-item:disabled {
+  color:#6c757d;
+  pointer-events:none;
+  background-color:#fff
+}
+.list-group-item.active {
+  z-index:2;
+  color:#fff;
+  background-color:#007bff;
+  border-color:#007bff
+}
+.list-group-item+.list-group-item {
+  border-top-width:0
+}
+.list-group-item+.list-group-item.active {
+  margin-top:-1px;
+  border-top-width:1px
+}
+.list-group-horizontal {
+  -ms-flex-direction:row;
+  flex-direction:row
+}
+.list-group-horizontal .list-group-item:first-child {
+  border-bottom-left-radius:.25rem;
+  border-top-right-radius:0
+}
+.list-group-horizontal .list-group-item:last-child {
+  border-top-right-radius:.25rem;
+  border-bottom-left-radius:0
+}
+.list-group-horizontal .list-group-item.active {
+  margin-top:0
+}
+.list-group-horizontal .list-group-item+.list-group-item {
+  border-top-width:1px;
+  border-left-width:0
+}
+.list-group-horizontal .list-group-item+.list-group-item.active {
+  margin-left:-1px;
+  border-left-width:1px
+}
+@media(min-width:576px) {
+  .list-group-horizontal-sm {
+    -ms-flex-direction:row;
+    flex-direction:row
+  }
+  .list-group-horizontal-sm .list-group-item:first-child {
+    border-bottom-left-radius:.25rem;
+    border-top-right-radius:0
+  }
+  .list-group-horizontal-sm .list-group-item:last-child {
+    border-top-right-radius:.25rem;
+    border-bottom-left-radius:0
+  }
+  .list-group-horizontal-sm .list-group-item.active {
+    margin-top:0
+  }
+  .list-group-horizontal-sm .list-group-item+.list-group-item {
+    border-top-width:1px;
+    border-left-width:0
+  }
+  .list-group-horizontal-sm .list-group-item+.list-group-item.active {
+    margin-left:-1px;
+    border-left-width:1px
+  }
+}
+@media(min-width:768px) {
+  .list-group-horizontal-md {
+    -ms-flex-direction:row;
+    flex-direction:row
+  }
+  .list-group-horizontal-md .list-group-item:first-child {
+    border-bottom-left-radius:.25rem;
+    border-top-right-radius:0
+  }
+  .list-group-horizontal-md .list-group-item:last-child {
+    border-top-right-radius:.25rem;
+    border-bottom-left-radius:0
+  }
+  .list-group-horizontal-md .list-group-item.active {
+    margin-top:0
+  }
+  .list-group-horizontal-md .list-group-item+.list-group-item {
+    border-top-width:1px;
+    border-left-width:0
+  }
+  .list-group-horizontal-md .list-group-item+.list-group-item.active {
+    margin-left:-1px;
+    border-left-width:1px
+  }
+}
+@media(min-width:992px) {
+  .list-group-horizontal-lg {
+    -ms-flex-direction:row;
+    flex-direction:row
+  }
+  .list-group-horizontal-lg .list-group-item:first-child {
+    border-bottom-left-radius:.25rem;
+    border-top-right-radius:0
+  }
+  .list-group-horizontal-lg .list-group-item:last-child {
+    border-top-right-radius:.25rem;
+    border-bottom-left-radius:0
+  }
+  .list-group-horizontal-lg .list-group-item.active {
+    margin-top:0
+  }
+  .list-group-horizontal-lg .list-group-item+.list-group-item {
+    border-top-width:1px;
+    border-left-width:0
+  }
+  .list-group-horizontal-lg .list-group-item+.list-group-item.active {
+    margin-left:-1px;
+    border-left-width:1px
+  }
+}
+@media(min-width:1200px) {
+  .list-group-horizontal-xl {
+    -ms-flex-direction:row;
+    flex-direction:row
+  }
+  .list-group-horizontal-xl .list-group-item:first-child {
+    border-bottom-left-radius:.25rem;
+    border-top-right-radius:0
+  }
+  .list-group-horizontal-xl .list-group-item:last-child {
+    border-top-right-radius:.25rem;
+    border-bottom-left-radius:0
+  }
+  .list-group-horizontal-xl .list-group-item.active {
+    margin-top:0
+  }
+  .list-group-horizontal-xl .list-group-item+.list-group-item {
+    border-top-width:1px;
+    border-left-width:0
+  }
+  .list-group-horizontal-xl .list-group-item+.list-group-item.active {
+    margin-left:-1px;
+    border-left-width:1px
+  }
+}
+.list-group-flush .list-group-item {
+  border-right-width:0;
+  border-left-width:0;
+  border-radius:0
+}
+.list-group-flush .list-group-item:first-child {
+  border-top-width:0
+}
+.list-group-flush:last-child .list-group-item:last-child {
+  border-bottom-width:0
+}
+.list-group-item-primary {
+  color:#004085;
+  background-color:#b8daff
+}
+.list-group-item-primary.list-group-item-action:focus,
+.list-group-item-primary.list-group-item-action:hover {
+  color:#004085;
+  background-color:#9fcdff
+}
+.list-group-item-primary.list-group-item-action.active {
+  color:#fff;
+  background-color:#004085;
+  border-color:#004085
+}
+.list-group-item-secondary {
+  color:#383d41;
+  background-color:#d6d8db
+}
+.list-group-item-secondary.list-group-item-action:focus,
+.list-group-item-secondary.list-group-item-action:hover {
+  color:#383d41;
+  background-color:#c8cbcf
+}
+.list-group-item-secondary.list-group-item-action.active {
+  color:#fff;
+  background-color:#383d41;
+  border-color:#383d41
+}
+.list-group-item-success {
+  color:#155724;
+  background-color:#c3e6cb
+}
+.list-group-item-success.list-group-item-action:focus,
+.list-group-item-success.list-group-item-action:hover {
+  color:#155724;
+  background-color:#b1dfbb
+}
+.list-group-item-success.list-group-item-action.active {
+  color:#fff;
+  background-color:#155724;
+  border-color:#155724
+}
+.list-group-item-info {
+  color:#0c5460;
+  background-color:#bee5eb
+}
+.list-group-item-info.list-group-item-action:focus,
+.list-group-item-info.list-group-item-action:hover {
+  color:#0c5460;
+  background-color:#abdde5
+}
+.list-group-item-info.list-group-item-action.active {
+  color:#fff;
+  background-color:#0c5460;
+  border-color:#0c5460
+}
+.list-group-item-warning {
+  color:#856404;
+  background-color:#ffeeba
+}
+.list-group-item-warning.list-group-item-action:focus,
+.list-group-item-warning.list-group-item-action:hover {
+  color:#856404;
+  background-color:#ffe8a1
+}
+.list-group-item-warning.list-group-item-action.active {
+  color:#fff;
+  background-color:#856404;
+  border-color:#856404
+}
+.list-group-item-danger {
+  color:#721c24;
+  background-color:#f5c6cb
+}
+.list-group-item-danger.list-group-item-action:focus,
+.list-group-item-danger.list-group-item-action:hover {
+  color:#721c24;
+  background-color:#f1b0b7
+}
+.list-group-item-danger.list-group-item-action.active {
+  color:#fff;
+  background-color:#721c24;
+  border-color:#721c24
+}
+.list-group-item-light {
+  color:#818182;
+  background-color:#fdfdfe
+}
+.list-group-item-light.list-group-item-action:focus,
+.list-group-item-light.list-group-item-action:hover {
+  color:#818182;
+  background-color:#ececf6
+}
+.list-group-item-light.list-group-item-action.active {
+  color:#fff;
+  background-color:#818182;
+  border-color:#818182
+}
+.list-group-item-dark {
+  color:#1b1e21;
+  background-color:#c6c8ca
+}
+.list-group-item-dark.list-group-item-action:focus,
+.list-group-item-dark.list-group-item-action:hover {
+  color:#1b1e21;
+  background-color:#b9bbbe
+}
+.list-group-item-dark.list-group-item-action.active {
+  color:#fff;
+  background-color:#1b1e21;
+  border-color:#1b1e21
+}
+.close {
+  float:right;
+  font-size:1.5rem;
+  font-weight:700;
+  line-height:1;
+  color:#000;
+  text-shadow:0 1px 0 #fff;
+  opacity:.5
+}
+.close:hover {
+  color:#000;
+  text-decoration:none
+}
+.close:not(:disabled):not(.disabled):focus,
+.close:not(:disabled):not(.disabled):hover {
+  opacity:.75
+}
+button.close {
+  padding:0;
+  background-color:transparent;
+  border:0;
+  -webkit-appearance:none;
+  -moz-appearance:none;
+  appearance:none
+}
+a.close.disabled {
+  pointer-events:none
+}
+.toast {
+  max-width:350px;
+  overflow:hidden;
+  font-size:.875rem;
+  background-color:rgba(255,255,255,.85);
+  background-clip:padding-box;
+  border:1px solid rgba(0,0,0,.1);
+  box-shadow:0 .25rem .75rem rgba(0,0,0,.1);
+  -webkit-backdrop-filter:blur(10px);
+  backdrop-filter:blur(10px);
+  opacity:0;
+  border-radius:.25rem
+}
+.toast:not(:last-child) {
+  margin-bottom:.75rem
+}
+.toast.showing {
+  opacity:1
+}
+.toast.show {
+  display:block;
+  opacity:1
+}
+.toast.hide {
+  display:none
+}
+.toast-header {
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-align:center;
+  align-items:center;
+  padding:.25rem .75rem;
+  color:#6c757d;
+  background-color:rgba(255,255,255,.85);
+  background-clip:padding-box;
+  border-bottom:1px solid rgba(0,0,0,.05)
+}
+.toast-body {
+  padding:.75rem
+}
+.modal-open {
+  overflow:hidden
+}
+.modal-open .modal {
+  overflow-x:hidden;
+  overflow-y:auto
+}
+.modal {
+  position:fixed;
+  top:0;
+  left:0;
+  z-index:1050;
+  display:none;
+  width:100%;
+  height:100%;
+  overflow:hidden;
+  outline:0
+}
+.modal-dialog {
+  position:relative;
+  width:auto;
+  margin:.5rem;
+  pointer-events:none
+}
+.modal.fade .modal-dialog {
+  transition:-webkit-transform .3s ease-out;
+  transition:transform .3s ease-out;
+  transition:transform .3s ease-out,-webkit-transform .3s ease-out;
+  -webkit-transform:translate(0,-50px);
+  transform:translate(0,-50px)
+}
+@media(prefers-reduced-motion:reduce) {
+  .modal.fade .modal-dialog {
+    transition:none
+  }
+}
+.modal.show .modal-dialog {
+  -webkit-transform:none;
+  transform:none
+}
+.modal.modal-static .modal-dialog {
+  -webkit-transform:scale(1.02);
+  transform:scale(1.02)
+}
+.modal-dialog-scrollable {
+  display:-ms-flexbox;
+  display:flex;
+  max-height:calc(100% - 1rem)
+}
+.modal-dialog-scrollable .modal-content {
+  max-height:calc(100vh - 1rem);
+  overflow:hidden
+}
+.modal-dialog-scrollable .modal-footer,
+.modal-dialog-scrollable .modal-header {
+  -ms-flex-negative:0;
+  flex-shrink:0
+}
+.modal-dialog-scrollable .modal-body {
+  overflow-y:auto
+}
+.modal-dialog-centered {
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-align:center;
+  align-items:center;
+  min-height:calc(100% - 1rem)
+}
+.modal-dialog-centered::before {
+  display:block;
+  height:calc(100vh - 1rem);
+  content:""
+}
+.modal-dialog-centered.modal-dialog-scrollable {
+  -ms-flex-direction:column;
+  flex-direction:column;
+  -ms-flex-pack:center;
+  justify-content:center;
+  height:100%
+}
+.modal-dialog-centered.modal-dialog-scrollable .modal-content {
+  max-height:none
+}
+.modal-dialog-centered.modal-dialog-scrollable::before {
+  content:none
+}
+.modal-content {
+  position:relative;
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-direction:column;
+  flex-direction:column;
+  width:100%;
+  pointer-events:auto;
+  background-color:#fff;
+  background-clip:padding-box;
+  border:1px solid rgba(0,0,0,.2);
+  border-radius:.3rem;
+  outline:0
+}
+.modal-backdrop {
+  position:fixed;
+  top:0;
+  left:0;
+  z-index:1040;
+  width:100vw;
+  height:100vh;
+  background-color:#000
+}
+.modal-backdrop.fade {
+  opacity:0
+}
+.modal-backdrop.show {
+  opacity:.5
+}
+.modal-header {
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-align:start;
+  align-items:flex-start;
+  -ms-flex-pack:justify;
+  justify-content:space-between;
+  padding:1rem 1rem;
+  border-bottom:1px solid #dee2e6;
+  border-top-left-radius:calc(.3rem - 1px);
+  border-top-right-radius:calc(.3rem - 1px)
+}
+.modal-header .close {
+  padding:1rem 1rem;
+  margin:-1rem -1rem -1rem auto
+}
+.modal-title {
+  margin-bottom:0;
+  line-height:1.5
+}
+.modal-body {
+  position:relative;
+  -ms-flex:1 1 auto;
+  flex:1 1 auto;
+  padding:1rem
+}
+.modal-footer {
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-wrap:wrap;
+  flex-wrap:wrap;
+  -ms-flex-align:center;
+  align-items:center;
+  -ms-flex-pack:end;
+  justify-content:flex-end;
+  padding:.75rem;
+  border-top:1px solid #dee2e6;
+  border-bottom-right-radius:calc(.3rem - 1px);
+  border-bottom-left-radius:calc(.3rem - 1px)
+}
+.modal-footer>* {
+  margin:.25rem
+}
+.modal-scrollbar-measure {
+  position:absolute;
+  top:-9999px;
+  width:50px;
+  height:50px;
+  overflow:scroll
+}
+@media(min-width:576px) {
+  .modal-dialog {
+    max-width:500px;
+    margin:1.75rem auto
+  }
+  .modal-dialog-scrollable {
+    max-height:calc(100% - 3.5rem)
+  }
+  .modal-dialog-scrollable .modal-content {
+    max-height:calc(100vh - 3.5rem)
+  }
+  .modal-dialog-centered {
+    min-height:calc(100% - 3.5rem)
+  }
+  .modal-dialog-centered::before {
+    height:calc(100vh - 3.5rem)
+  }
+  .modal-sm {
+    max-width:300px
+  }
+}
+@media(min-width:992px) {
+  .modal-lg,
+  .modal-xl {
+    max-width:800px
+  }
+}
+@media(min-width:1200px) {
+  .modal-xl {
+    max-width:1140px
+  }
+}
+.tooltip {
+  position:absolute;
+  z-index:1070;
+  display:block;
+  margin:0;
+  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  font-style:normal;
+  font-weight:400;
+  line-height:1.5;
+  text-align:left;
+  text-align:start;
+  text-decoration:none;
+  text-shadow:none;
+  text-transform:none;
+  letter-spacing:normal;
+  word-break:normal;
+  word-spacing:normal;
+  white-space:normal;
+  line-break:auto;
+  font-size:.875rem;
+  word-wrap:break-word;
+  opacity:0
+}
+.tooltip.show {
+  opacity:.9
+}
+.tooltip .arrow {
+  position:absolute;
+  display:block;
+  width:.8rem;
+  height:.4rem
+}
+.tooltip .arrow::before {
+  position:absolute;
+  content:"";
+  border-color:transparent;
+  border-style:solid
+}
+.bs-tooltip-auto[x-placement^=top],
+.bs-tooltip-top {
+  padding:.4rem 0
+}
+.bs-tooltip-auto[x-placement^=top] .arrow,
+.bs-tooltip-top .arrow {
+  bottom:0
+}
+.bs-tooltip-auto[x-placement^=top] .arrow::before,
+.bs-tooltip-top .arrow::before {
+  top:0;
+  border-width:.4rem .4rem 0;
+  border-top-color:#000
+}
+.bs-tooltip-auto[x-placement^=right],
+.bs-tooltip-right {
+  padding:0 .4rem
+}
+.bs-tooltip-auto[x-placement^=right] .arrow,
+.bs-tooltip-right .arrow {
+  left:0;
+  width:.4rem;
+  height:.8rem
+}
+.bs-tooltip-auto[x-placement^=right] .arrow::before,
+.bs-tooltip-right .arrow::before {
+  right:0;
+  border-width:.4rem .4rem .4rem 0;
+  border-right-color:#000
+}
+.bs-tooltip-auto[x-placement^=bottom],
+.bs-tooltip-bottom {
+  padding:.4rem 0
+}
+.bs-tooltip-auto[x-placement^=bottom] .arrow,
+.bs-tooltip-bottom .arrow {
+  top:0
+}
+.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
+.bs-tooltip-bottom .arrow::before {
+  bottom:0;
+  border-width:0 .4rem .4rem;
+  border-bottom-color:#000
+}
+.bs-tooltip-auto[x-placement^=left],
+.bs-tooltip-left {
+  padding:0 .4rem
+}
+.bs-tooltip-auto[x-placement^=left] .arrow,
+.bs-tooltip-left .arrow {
+  right:0;
+  width:.4rem;
+  height:.8rem
+}
+.bs-tooltip-auto[x-placement^=left] .arrow::before,
+.bs-tooltip-left .arrow::before {
+  left:0;
+  border-width:.4rem 0 .4rem .4rem;
+  border-left-color:#000
+}
+.tooltip-inner {
+  max-width:200px;
+  padding:.25rem .5rem;
+  color:#fff;
+  text-align:center;
+  background-color:#000;
+  border-radius:.25rem
+}
+.popover {
+  position:absolute;
+  top:0;
+  left:0;
+  z-index:1060;
+  display:block;
+  max-width:276px;
+  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  font-style:normal;
+  font-weight:400;
+  line-height:1.5;
+  text-align:left;
+  text-align:start;
+  text-decoration:none;
+  text-shadow:none;
+  text-transform:none;
+  letter-spacing:normal;
+  word-break:normal;
+  word-spacing:normal;
+  white-space:normal;
+  line-break:auto;
+  font-size:.875rem;
+  word-wrap:break-word;
+  background-color:#fff;
+  background-clip:padding-box;
+  border:1px solid rgba(0,0,0,.2);
+  border-radius:.3rem
+}
+.popover .arrow {
+  position:absolute;
+  display:block;
+  width:1rem;
+  height:.5rem;
+  margin:0 .3rem
+}
+.popover .arrow::after,
+.popover .arrow::before {
+  position:absolute;
+  display:block;
+  content:"";
+  border-color:transparent;
+  border-style:solid
+}
+.bs-popover-auto[x-placement^=top],
+.bs-popover-top {
+  margin-bottom:.5rem
+}
+.bs-popover-auto[x-placement^=top]>.arrow,
+.bs-popover-top>.arrow {
+  bottom:calc(-.5rem - 1px)
+}
+.bs-popover-auto[x-placement^=top]>.arrow::before,
+.bs-popover-top>.arrow::before {
+  bottom:0;
+  border-width:.5rem .5rem 0;
+  border-top-color:rgba(0,0,0,.25)
+}
+.bs-popover-auto[x-placement^=top]>.arrow::after,
+.bs-popover-top>.arrow::after {
+  bottom:1px;
+  border-width:.5rem .5rem 0;
+  border-top-color:#fff
+}
+.bs-popover-auto[x-placement^=right],
+.bs-popover-right {
+  margin-left:.5rem
+}
+.bs-popover-auto[x-placement^=right]>.arrow,
+.bs-popover-right>.arrow {
+  left:calc(-.5rem - 1px);
+  width:.5rem;
+  height:1rem;
+  margin:.3rem 0
+}
+.bs-popover-auto[x-placement^=right]>.arrow::before,
+.bs-popover-right>.arrow::before {
+  left:0;
+  border-width:.5rem .5rem .5rem 0;
+  border-right-color:rgba(0,0,0,.25)
+}
+.bs-popover-auto[x-placement^=right]>.arrow::after,
+.bs-popover-right>.arrow::after {
+  left:1px;
+  border-width:.5rem .5rem .5rem 0;
+  border-right-color:#fff
+}
+.bs-popover-auto[x-placement^=bottom],
+.bs-popover-bottom {
+  margin-top:.5rem
+}
+.bs-popover-auto[x-placement^=bottom]>.arrow,
+.bs-popover-bottom>.arrow {
+  top:calc(-.5rem - 1px)
+}
+.bs-popover-auto[x-placement^=bottom]>.arrow::before,
+.bs-popover-bottom>.arrow::before {
+  top:0;
+  border-width:0 .5rem .5rem .5rem;
+  border-bottom-color:rgba(0,0,0,.25)
+}
+.bs-popover-auto[x-placement^=bottom]>.arrow::after,
+.bs-popover-bottom>.arrow::after {
+  top:1px;
+  border-width:0 .5rem .5rem .5rem;
+  border-bottom-color:#fff
+}
+.bs-popover-auto[x-placement^=bottom] .popover-header::before,
+.bs-popover-bottom .popover-header::before {
+  position:absolute;
+  top:0;
+  left:50%;
+  display:block;
+  width:1rem;
+  margin-left:-.5rem;
+  content:"";
+  border-bottom:1px solid #f7f7f7
+}
+.bs-popover-auto[x-placement^=left],
+.bs-popover-left {
+  margin-right:.5rem
+}
+.bs-popover-auto[x-placement^=left]>.arrow,
+.bs-popover-left>.arrow {
+  right:calc(-.5rem - 1px);
+  width:.5rem;
+  height:1rem;
+  margin:.3rem 0
+}
+.bs-popover-auto[x-placement^=left]>.arrow::before,
+.bs-popover-left>.arrow::before {
+  right:0;
+  border-width:.5rem 0 .5rem .5rem;
+  border-left-color:rgba(0,0,0,.25)
+}
+.bs-popover-auto[x-placement^=left]>.arrow::after,
+.bs-popover-left>.arrow::after {
+  right:1px;
+  border-width:.5rem 0 .5rem .5rem;
+  border-left-color:#fff
+}
+.popover-header {
+  padding:.5rem .75rem;
+  margin-bottom:0;
+  font-size:1rem;
+  background-color:#f7f7f7;
+  border-bottom:1px solid #ebebeb;
+  border-top-left-radius:calc(.3rem - 1px);
+  border-top-right-radius:calc(.3rem - 1px)
+}
+.popover-header:empty {
+  display:none
+}
+.popover-body {
+  padding:.5rem .75rem;
+  color:#212529
+}
+.carousel {
+  position:relative
+}
+.carousel.pointer-event {
+  -ms-touch-action:pan-y;
+  touch-action:pan-y
+}
+.carousel-inner {
+  position:relative;
+  width:100%;
+  overflow:hidden
+}
+.carousel-inner::after {
+  display:block;
+  clear:both;
+  content:""
+}
+.carousel-item {
+  position:relative;
+  display:none;
+  float:left;
+  width:100%;
+  margin-right:-100%;
+  -webkit-backface-visibility:hidden;
+  backface-visibility:hidden;
+  transition:-webkit-transform .6s ease-in-out;
+  transition:transform .6s ease-in-out;
+  transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out
+}
+@media(prefers-reduced-motion:reduce) {
+  .carousel-item {
+    transition:none
+  }
+}
+.carousel-item-next,
+.carousel-item-prev,
+.carousel-item.active {
+  display:block
+}
+.active.carousel-item-right,
+.carousel-item-next:not(.carousel-item-left) {
+  -webkit-transform:translateX(100%);
+  transform:translateX(100%)
+}
+.active.carousel-item-left,
+.carousel-item-prev:not(.carousel-item-right) {
+  -webkit-transform:translateX(-100%);
+  transform:translateX(-100%)
+}
+.carousel-fade .carousel-item {
+  opacity:0;
+  transition-property:opacity;
+  -webkit-transform:none;
+  transform:none
+}
+.carousel-fade .carousel-item-next.carousel-item-left,
+.carousel-fade .carousel-item-prev.carousel-item-right,
+.carousel-fade .carousel-item.active {
+  z-index:1;
+  opacity:1
+}
+.carousel-fade .active.carousel-item-left,
+.carousel-fade .active.carousel-item-right {
+  z-index:0;
+  opacity:0;
+  transition:opacity 0s .6s
+}
+@media(prefers-reduced-motion:reduce) {
+  .carousel-fade .active.carousel-item-left,
+  .carousel-fade .active.carousel-item-right {
+    transition:none
+  }
+}
+.carousel-control-next,
+.carousel-control-prev {
+  position:absolute;
+  top:0;
+  bottom:0;
+  z-index:1;
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-align:center;
+  align-items:center;
+  -ms-flex-pack:center;
+  justify-content:center;
+  width:15%;
+  color:#fff;
+  text-align:center;
+  opacity:.5;
+  transition:opacity .15s ease
+}
+@media(prefers-reduced-motion:reduce) {
+  .carousel-control-next,
+  .carousel-control-prev {
+    transition:none
+  }
+}
+.carousel-control-next:focus,
+.carousel-control-next:hover,
+.carousel-control-prev:focus,
+.carousel-control-prev:hover {
+  color:#fff;
+  text-decoration:none;
+  outline:0;
+  opacity:.9
+}
+.carousel-control-prev {
+  left:0
+}
+.carousel-control-next {
+  right:0
+}
+.carousel-control-next-icon,
+.carousel-control-prev-icon {
+  display:inline-block;
+  width:20px;
+  height:20px;
+  background:no-repeat 50%/100% 100%
+}
+.carousel-control-prev-icon {
+  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
+}
+.carousel-control-next-icon {
+  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
+}
+.carousel-indicators {
+  position:absolute;
+  right:0;
+  bottom:0;
+  left:0;
+  z-index:15;
+  display:-ms-flexbox;
+  display:flex;
+  -ms-flex-pack:center;
+  justify-content:center;
+  padding-left:0;
+  margin-right:15%;
+  margin-left:15%;
+  list-style:none
+}
+.carousel-indicators li {
+  box-sizing:content-box;
+  -ms-flex:0 1 auto;
+  flex:0 1 auto;
+  width:30px;
+  height:3px;
+  margin-right:3px;
+  margin-left:3px;
+  text-indent:-999px;
+  cursor:pointer;
+  background-color:#fff;
+  background-clip:padding-box;
+  border-top:10px solid transparent;
+  border-bottom:10px solid transparent;
+  opacity:.5;
+  transition:opacity .6s ease
+}
+@media(prefers-reduced-motion:reduce) {
+  .carousel-indicators li {
+    transition:none
+  }
+}
+.carousel-indicators .active {
+  opacity:1
+}
+.carousel-caption {
+  position:absolute;
+  right:15%;
+  bottom:20px;
+  left:15%;
+  z-index:10;
+  padding-top:20px;
+  padding-bottom:20px;
+  color:#fff;
+  text-align:center
+}
+@-webkit-keyframes spinner-border {
+  to {
+    -webkit-transform:rotate(360deg);
+    transform:rotate(360deg)
+  }
+}
+@keyframes spinner-border {
+  to {
+    -webkit-transform:rotate(360deg);
+    transform:rotate(360deg)
+  }
+}
+.spinner-border {
+  display:inline-block;
+  width:2rem;
+  height:2rem;
+  vertical-align:text-bottom;
+  border:.25em solid currentColor;
+  border-right-color:transparent;
+  border-radius:50%;
+  -webkit-animation:spinner-border .75s linear infinite;
+  animation:spinner-border .75s linear infinite
+}
+.spinner-border-sm {
+  width:1rem;
+  height:1rem;
+  border-width:.2em
+}
+@-webkit-keyframes spinner-grow {
+  0% {
+    -webkit-transform:scale(0);
+    transform:scale(0)
+  }
+  50% {
+    opacity:1
+  }
+}
+@keyframes spinner-grow {
+  0% {
+    -webkit-transform:scale(0);
+    transform:scale(0)
+  }
+  50% {
+    opacity:1
+  }
+}
+.spinner-grow {
+  display:inline-block;
+  width:2rem;
+  height:2rem;
+  vertical-align:text-bottom;
+  background-color:currentColor;
+  border-radius:50%;
+  opacity:0;
+  -webkit-animation:spinner-grow .75s linear infinite;
+  animation:spinner-grow .75s linear infinite
+}
+.spinner-grow-sm {
+  width:1rem;
+  height:1rem
+}
+.align-baseline {
+  vertical-align:baseline!important
+}
+.align-top {
+  vertical-align:top!important
+}
+.align-middle {
+  vertical-align:middle!important
+}
+.align-bottom {
+  vertical-align:bottom!important
+}
+.align-text-bottom {
+  vertical-align:text-bottom!important
+}
+.align-text-top {
+  vertical-align:text-top!important
+}
+.bg-primary {
+  background-color:#007bff!important
+}
+a.bg-primary:focus,
+a.bg-primary:hover,
+button.bg-primary:focus,
+button.bg-primary:hover {
+  background-color:#0062cc!important
+}
+.bg-secondary {
+  background-color:#6c757d!important
+}
+a.bg-secondary:focus,
+a.bg-secondary:hover,
+button.bg-secondary:focus,
+button.bg-secondary:hover {
+  background-color:#545b62!important
+}
+.bg-success {
+  background-color:#28a745!important
+}
+a.bg-success:focus,
+a.bg-success:hover,
+button.bg-success:focus,
+button.bg-success:hover {
+  background-color:#1e7e34!important
+}
+.bg-info {
+  background-color:#17a2b8!important
+}
+a.bg-info:focus,
+a.bg-info:hover,
+button.bg-info:focus,
+button.bg-info:hover {
+  background-color:#117a8b!important
+}
+.bg-warning {
+  background-color:#ffc107!important
+}
+a.bg-warning:focus,
+a.bg-warning:hover,
+button.bg-warning:focus,
+button.bg-warning:hover {
+  background-color:#d39e00!important
+}
+.bg-danger {
+  background-color:#dc3545!important
+}
+a.bg-danger:focus,
+a.bg-danger:hover,
+button.bg-danger:focus,
+button.bg-danger:hover {
+  background-color:#bd2130!important
+}
+.bg-light {
+  background-color:#f8f9fa!important
+}
+a.bg-light:focus,
+a.bg-light:hover,
+button.bg-light:focus,
+button.bg-light:hover {
+  background-color:#dae0e5!important
+}
+.bg-dark {
+  background-color:#343a40!important
+}
+a.bg-dark:focus,
+a.bg-dark:hover,
+button.bg-dark:focus,
+button.bg-dark:hover {
+  background-color:#1d2124!important
+}
+.bg-white {
+  background-color:#fff!important
+}
+.bg-transparent {
+  background-color:transparent!important
+}
+.border {
+  border:1px solid #dee2e6!important
+}
+.border-top {
+  border-top:1px solid #dee2e6!important
+}
+.border-right {
+  border-right:1px solid #dee2e6!important
+}
+.border-bottom {
+  border-bottom:1px solid #dee2e6!important
+}
+.border-left {
+  border-left:1px solid #dee2e6!important
+}
+.border-0 {
+  border:0!important
+}
+.border-top-0 {
+  border-top:0!important
+}
+.border-right-0 {
+  border-right:0!important
+}
+.border-bottom-0 {
+  border-bottom:0!important
+}
+.border-left-0 {
+  border-left:0!important
+}
+.border-primary {
+  border-color:#007bff!important
+}
+.border-secondary {
+  border-color:#6c757d!important
+}
+.border-success {
+  border-color:#28a745!important
+}
+.border-info {
+  border-color:#17a2b8!important
+}
+.border-warning {
+  border-color:#ffc107!important
+}
+.border-danger {
+  border-color:#dc3545!important
+}
+.border-light {
+  border-color:#f8f9fa!important
+}
+.border-dark {
+  border-color:#343a40!important
+}
+.border-white {
+  border-color:#fff!important
+}
+.rounded-sm {
+  border-radius:.2rem!important
+}
+.rounded {
+  border-radius:.25rem!important
+}
+.rounded-top {
+  border-top-left-radius:.25rem!important;
+  border-top-right-radius:.25rem!important
+}
+.rounded-right {
+  border-top-right-radius:.25rem!important;
+  border-bottom-right-radius:.25rem!important
+}
+.rounded-bottom {
+  border-bottom-right-radius:.25rem!important;
+  border-bottom-left-radius:.25rem!important
+}
+.rounded-left {
+  border-top-left-radius:.25rem!important;
+  border-bottom-left-radius:.25rem!important
+}
+.rounded-lg {
+  border-radius:.3rem!important
+}
+.rounded-circle {
+  border-radius:50%!important
+}
+.rounded-pill {
+  border-radius:50rem!important
+}
+.rounded-0 {
+  border-radius:0!important
+}
+.clearfix::after {
+  display:block;
+  clear:both;
+  content:""
+}
+.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
+  }
+}
+.embed-responsive {
+  position:relative;
+  display:block;
+  width:100%;
+  padding:0;
+  overflow:hidden
+}
+.embed-responsive::before {
+  display:block;
+  content:""
+}
+.embed-responsive .embed-responsive-item,
+.embed-responsive embed,
+.embed-responsive iframe,
+.embed-responsive object,
+.embed-responsive video {
+  position:absolute;
+  top:0;
+  bottom:0;
+  left:0;
+  width:100%;
+  height:100%;
+  border:0
+}
+.embed-responsive-21by9::before {
+  padding-top:42.857143%
+}
+.embed-responsive-16by9::before {
+  padding-top:56.25%
+}
+.embed-responsive-4by3::before {
+  padding-top:75%
+}
+.embed-responsive-1by1::before {
+  padding-top:100%
+}
+.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
+  }
+}
+.float-left {
+  float:left!important
+}
+.float-right {
+  float:right!important
+}
+.float-none {
+  float:none!important
+}
+@media(min-width:576px) {
+  .float-sm-left {
+    float:left!important
+  }
+  .float-sm-right {
+    float:right!important
+  }
+  .float-sm-none {
+    float:none!important
+  }
+}
+@media(min-width:768px) {
+  .float-md-left {
+    float:left!important
+  }
+  .float-md-right {
+    float:right!important
+  }
+  .float-md-none {
+    float:none!important
+  }
+}
+@media(min-width:992px) {
+  .float-lg-left {
+    float:left!important
+  }
+  .float-lg-right {
+    float:right!important
+  }
+  .float-lg-none {
+    float:none!important
+  }
+}
+@media(min-width:1200px) {
+  .float-xl-left {
+    float:left!important
+  }
+  .float-xl-right {
+    float:right!important
+  }
+  .float-xl-none {
+    float:none!important
+  }
+}
+.overflow-auto {
+  overflow:auto!important
+}
+.overflow-hidden {
+  overflow:hidden!important
+}
+.position-static {
+  position:static!important
+}
+.position-relative {
+  position:relative!important
+}
+.position-absolute {
+  position:absolute!important
+}
+.position-fixed {
+  position:fixed!important
+}
+.position-sticky {
+  position:-webkit-sticky!important;
+  position:sticky!important
+}
+.fixed-top {
+  position:fixed;
+  top:0;
+  right:0;
+  left:0;
+  z-index:1030
+}
+.fixed-bottom {
+  position:fixed;
+  right:0;
+  bottom:0;
+  left:0;
+  z-index:1030
+}
+@supports((position:-webkit-sticky) or(position:sticky)) {
+  .sticky-top {
+    position:-webkit-sticky;
+    position:sticky;
+    top:0;
+    z-index:1020
+  }
+}
+.sr-only {
+  position:absolute;
+  width:1px;
+  height:1px;
+  padding:0;
+  margin:-1px;
+  overflow:hidden;
+  clip:rect(0,0,0,0);
+  white-space:nowrap;
+  border:0
+}
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position:static;
+  width:auto;
+  height:auto;
+  overflow:visible;
+  clip:auto;
+  white-space:normal
+}
+.shadow-sm {
+  box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important
+}
+.shadow {
+  box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important
+}
+.shadow-lg {
+  box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important
+}
+.shadow-none {
+  box-shadow:none!important
+}
+.w-25 {
+  width:25%!important
+}
+.w-50 {
+  width:50%!important
+}
+.w-75 {
+  width:75%!important
+}
+.w-100 {
+  width:100%!important
+}
+.w-auto {
+  width:auto!important
+}
+.h-25 {
+  height:25%!important
+}
+.h-50 {
+  height:50%!important
+}
+.h-75 {
+  height:75%!important
+}
+.h-100 {
+  height:100%!important
+}
+.h-auto {
+  height:auto!important
+}
+.mw-100 {
+  max-width:100%!important
+}
+.mh-100 {
+  max-height:100%!important
+}
+.min-vw-100 {
+  min-width:100vw!important
+}
+.min-vh-100 {
+  min-height:100vh!important
+}
+.vw-100 {
+  width:100vw!important
+}
+.vh-100 {
+  height:100vh!important
+}
+.stretched-link::after {
+  position:absolute;
+  top:0;
+  right:0;
+  bottom:0;
+  left:0;
+  z-index:1;
+  pointer-events:auto;
+  content:"";
+  background-color:rgba(0,0,0,0)
+}
+.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
+  }
+}
+.text-monospace {
+  font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important
+}
+.text-justify {
+  text-align:justify!important
+}
+.text-wrap {
+  white-space:normal!important
+}
+.text-nowrap {
+  white-space:nowrap!important
+}
+.text-truncate {
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap
+}
+.text-left {
+  text-align:left!important
+}
+.text-right {
+  text-align:right!important
+}
+.text-center {
+  text-align:center!important
+}
+@media(min-width:576px) {
+  .text-sm-left {
+    text-align:left!important
+  }
+  .text-sm-right {
+    text-align:right!important
+  }
+  .text-sm-center {
+    text-align:center!important
+  }
+}
+@media(min-width:768px) {
+  .text-md-left {
+    text-align:left!important
+  }
+  .text-md-right {
+    text-align:right!important
+  }
+  .text-md-center {
+    text-align:center!important
+  }
+}
+@media(min-width:992px) {
+  .text-lg-left {
+    text-align:left!important
+  }
+  .text-lg-right {
+    text-align:right!important
+  }
+  .text-lg-center {
+    text-align:center!important
+  }
+}
+@media(min-width:1200px) {
+  .text-xl-left {
+    text-align:left!important
+  }
+  .text-xl-right {
+    text-align:right!important
+  }
+  .text-xl-center {
+    text-align:center!important
+  }
+}
+.text-lowercase {
+  text-transform:lowercase!important
+}
+.text-uppercase {
+  text-transform:uppercase!important
+}
+.text-capitalize {
+  text-transform:capitalize!important
+}
+.font-weight-light {
+  font-weight:300!important
+}
+.font-weight-lighter {
+  font-weight:lighter!important
+}
+.font-weight-normal {
+  font-weight:400!important
+}
+.font-weight-bold {
+  font-weight:700!important
+}
+.font-weight-bolder {
+  font-weight:bolder!important
+}
+.font-italic {
+  font-style:italic!important
+}
+.text-white {
+  color:#fff!important
+}
+.text-primary {
+  color:#007bff!important
+}
+a.text-primary:focus,
+a.text-primary:hover {
+  color:#0056b3!important
+}
+.text-secondary {
+  color:#6c757d!important
+}
+a.text-secondary:focus,
+a.text-secondary:hover {
+  color:#494f54!important
+}
+.text-success {
+  color:#28a745!important
+}
+a.text-success:focus,
+a.text-success:hover {
+  color:#19692c!important
+}
+.text-info {
+  color:#17a2b8!important
+}
+a.text-info:focus,
+a.text-info:hover {
+  color:#0f6674!important
+}
+.text-warning {
+  color:#ffc107!important
+}
+a.text-warning:focus,
+a.text-warning:hover {
+  color:#ba8b00!important
+}
+.text-danger {
+  color:#dc3545!important
+}
+a.text-danger:focus,
+a.text-danger:hover {
+  color:#a71d2a!important
+}
+.text-light {
+  color:#f8f9fa!important
+}
+a.text-light:focus,
+a.text-light:hover {
+  color:#cbd3da!important
+}
+.text-dark {
+  color:#343a40!important
+}
+a.text-dark:focus,
+a.text-dark:hover {
+  color:#121416!important
+}
+.text-body {
+  color:#212529!important
+}
+.text-muted {
+  color:#6c757d!important
+}
+.text-black-50 {
+  color:rgba(0,0,0,.5)!important
+}
+.text-white-50 {
+  color:rgba(255,255,255,.5)!important
+}
+.text-hide {
+  font:0/0 a;
+  color:transparent;
+  text-shadow:none;
+  background-color:transparent;
+  border:0
+}
+.text-decoration-none {
+  text-decoration:none!important
+}
+.text-break {
+  word-break:break-word!important;
+  overflow-wrap:break-word!important
+}
+.text-reset {
+  color:inherit!important
+}
+.visible {
+  visibility:visible!important
+}
+.invisible {
+  visibility:hidden!important
+}
+@media print {
+  *,
+  ::after,
+  ::before {
+    text-shadow:none!important;
+    box-shadow:none!important
+  }
+  a:not(.btn) {
+    text-decoration:underline
+  }
+  abbr[title]::after {
+    content:" (" attr(title) ")"
+  }
+  pre {
+    white-space:pre-wrap!important
+  }
+  blockquote,
+  pre {
+    border:1px solid #adb5bd;
+    page-break-inside:avoid
+  }
+  thead {
+    display:table-header-group
+  }
+  img,
+  tr {
+    page-break-inside:avoid
+  }
+  h2,
+  h3,
+  p {
+    orphans:3;
+    widows:3
+  }
+  h2,
+  h3 {
+    page-break-after:avoid
+  }
+  @page {
+    size:a3
+  }
+  body {
+    min-width:992px!important
+  }
+  .container {
+    min-width:992px!important
+  }
+  .navbar {
+    display:none
+  }
+  .badge {
+    border:1px solid #000
+  }
+  .table {
+    border-collapse:collapse!important
+  }
+  .table td,
+  .table th {
+    background-color:#fff!important
+  }
+  .table-bordered td,
+  .table-bordered th {
+    border:1px solid #dee2e6!important
+  }
+  .table-dark {
+    color:inherit
+  }
+  .table-dark tbody+tbody,
+  .table-dark td,
+  .table-dark th,
+  .table-dark thead th {
+    border-color:#dee2e6
+  }
+  .table .thead-dark th {
+    color:inherit;
+    border-color:#dee2e6
+  }
+}
diff --git a/public/static/css/style.css b/public/static/css/style.css
index e69de29..a5223e8 100644
--- a/public/static/css/style.css
+++ b/public/static/css/style.css
@@ -0,0 +1,487 @@
+/* 基础样式 */
+body {
+  font-family: "Muli", sans-serif;
+  color: rgb(52, 58, 64);
+}
+
+/* 字体大小类 */
+.f20,
+.f-20 {
+  font-size: 20px;
+}
+
+.f18,
+.f-18 {
+  font-size: 18px;
+}
+
+.f16,
+.f-16 {
+  font-size: 16px;
+}
+
+.f14,
+.f-14 {
+  font-size: 14px;
+}
+
+.f12,
+.f-12 {
+  font-size: 12px;
+}
+
+.mr-20 {
+  margin-right: 20px;
+}
+
+.mr-10 {
+  margin-right: 10px;
+}
+
+/* 页脚样式 */
+.footer {
+  margin-top: 200px;
+  padding: 80px 0;
+  position: relative;
+  background-color: #2a254d;
+}
+
+.footer .container {
+  display: flex;
+  justify-content: center;
+}
+
+.row-main {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.footer-sub-menu li {
+  font-size: 16px;
+  margin-bottom: 5px;
+}
+
+.footer-sub-menu li a:hover {
+  color: #f57005;
+  text-decoration: none;
+  transition: all 0.3s ease;
+}
+
+.main-footer {
+  background-color: var(--eduact-black);
+  position: relative;
+  padding: 132px 0 120px;
+}
+
+.copyright {
+  position: relative;
+  background-color: #1f1944;
+  padding: 27px 0 28px;
+}
+
+.copyright__text {
+  color: #697585;
+  margin: 0;
+  font-family: var(--eduact-font);
+  font-size: 16px;
+  line-height: 25px;
+  font-weight: 400;
+}
+
+.copyright__text a {
+  color: #f57005;
+}
+
+.copyright__text a:hover {
+  color: #f57005;
+}
+
+/* 响应式容器 */
+@media (min-width: 1400px) {
+  .container {
+    padding: 0 18px;
+    max-width: 1356px;
+  }
+}
+
+/* 头部样式 */
+.main-header {
+  position: relative;
+  width: 100%;
+  /* height: 800px; */
+}
+
+/* 主导航菜单 */
+.main-menu {
+  background: #f8f9fa;
+  width: 100%;
+}
+
+.main-menu .container {
+  height: 100px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: relative;
+}
+
+.main-menu__logo {
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+.main-menu__list {
+  display: flex;
+  justify-content: center;
+  gap: 35px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.main-menu__list a {
+  color: #2c3e50;
+  font-size: 16px;
+  font-weight: 500;
+  text-decoration: none;
+  padding: 16px 30px;
+  border-radius: 6px;
+  transition: all 0.3s ease;
+  position: relative;
+}
+
+.main-menu__list a:hover {
+  color: #fff;
+  background-color: #3498db;
+  box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
+  transform: translateY(-2px);
+  text-decoration: none;
+}
+
+.main-menu__list a::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  width: 0;
+  height: 2px;
+  background-color: #3498db;
+  transition: all 0.3s ease;
+  transform: translateX(-50%);
+}
+
+.main-menu__list a:hover::after {
+  width: 80%;
+}
+
+/* 轮播图样式 */
+.banner-content {
+  position: absolute;
+  top: 65%;
+  left: 35%;
+  transform: translate(-50%, -50%);
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+}
+
+.banner-title {
+  font-size: 4em;
+  font-weight: 600;
+  margin-bottom: 10px;
+}
+
+.banner-desc {
+  font-size: 2em;
+  font-weight: 400;
+  width: 750px;
+}
+
+.banner-slider {
+  width: 100%;
+  height: 86vh;
+  overflow: hidden;
+  position: relative;
+}
+
+.banner-container {
+  width: 100%;
+  height: 100%;
+}
+
+.banner-slide {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.banner-slide img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  /* 关键：等比缩放并铺满 */
+  display: block;
+}
+
+/* 固定导航 */
+.sticky-nav {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  background: #fff;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  z-index: 1000;
+  padding: 10px 0;
+}
+
+.sticky-nav .container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.sticky-nav__logo {
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+.sticky-nav__menu ul {
+  display: flex;
+  justify-content: center;
+  gap: 30px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.sticky-nav__menu ul li a {
+  text-decoration: none;
+  font-size: 16px;
+  transition: color 0.3s;
+}
+
+/* 轮播动画 */
+@keyframes slide {
+  0%,
+  33% {
+    transform: translateX(0);
+  }
+
+  34%,
+  66% {
+    transform: translateX(-33.33%);
+  }
+
+  67%,
+  100% {
+    transform: translateX(-66.66%);
+  }
+}
+
+/* 顶部栏 */
+.topbar-one {
+  background: #3492ed;
+}
+
+.topbar-one .container {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.topbar-one .container a {
+  color: #fff;
+}
+
+.topbar-one .container .topbar-one__info {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+}
+
+.topbar-one .container ul {
+  display: flex;
+  align-items: center;
+  margin: 10px 0;
+  padding: 0;
+}
+
+.topbar-one .container ul li {
+  margin-right: 10px;
+}
+
+/* 主要内容区 */
+.main-content {
+  max-width: 1250px;
+  margin: 0 auto;
+  padding: 0 15px;
+}
+
+.core-block {
+  margin-top: 80px;
+}
+
+.module-header {
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid #efefef;
+  margin-bottom: 20px;
+  padding-bottom: 15px;
+}
+
+.ModuleTitle_titleWrapper {
+  display: flex;
+}
+
+.ModuleTitle_title {
+  margin-right: 24px;
+  font-size: 22px;
+  font-weight: 600;
+  color: #404040;
+}
+
+.tab-header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.tab-header .active {
+  color: #f57005;
+}
+
+.tab-content {
+  display: none;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+
+.tab-content.active {
+  display: block;
+  opacity: 1;
+}
+.tab-item {
+  cursor: pointer;
+}
+
+.product-item {
+  transition: transform 0.3s ease;
+}
+
+.product-item:hover {
+  transform: translateY(-5px);
+  transition: transform 0.5s ease;
+}
+
+.ModuleTitle_subtitle {
+  font-size: 16px;
+  color: #888;
+}
+
+.more-btn {
+  padding: 3px 15px;
+  font-size: 14px;
+  color: #7f848c;
+  line-height: 30px;
+  cursor: pointer;
+}
+
+.product-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  justify-content: flex-start;
+}
+
+.product-item {
+  cursor: pointer;
+}
+
+.opencourse {
+  width: 280px;
+  height: 300px;
+  background: #fff;
+  box-shadow: 0 4px 30px 0 rgba(238, 242, 245, 0.8);
+  border-radius: 8px;
+  cursor: pointer;
+  transition: box-shadow 0.2s linear;
+  padding: 15px;
+  overflow: hidden;
+}
+
+.opencourse:hover .title {
+  color: #fa8919;
+}
+
+.video {
+  position: relative;
+  background: #eee;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.video img {
+  width: 100%;
+  object-fit: cover;
+}
+
+.introduction {
+  margin: 12px 12px 0 10px;
+}
+
+.bottom {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 16px 12px 0 10px;
+}
+
+.bottom .desc {
+  font-weight: 400;
+  color: #b2b2b2;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.bottom .btn {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 92px;
+  height: 28px;
+  background: #fbf5ee;
+  border-radius: 14px;
+  font-weight: 500;
+  color: #fa8919;
+  cursor: pointer;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.introduction .title {
+  font-size: 17px;
+  font-weight: 500;
+  color: #404040;
+  line-height: 25px;
+  transition: color 0.2s ease;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.introduction .subtitle {
+  height: 45px;
+  margin-top: 4px;
+  font-size: 15px;
+  font-weight: 400;
+  color: #888;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
diff --git a/public/static/images/article1.webp b/public/static/images/article1.webp
new file mode 100644
index 0000000..f0f7ef7
Binary files /dev/null and b/public/static/images/article1.webp differ
diff --git a/public/static/images/banner/banner1.JPG b/public/static/images/banner/banner1.JPG
new file mode 100644
index 0000000..fa210c9
Binary files /dev/null and b/public/static/images/banner/banner1.JPG differ
diff --git a/public/static/images/banner/banner1.png b/public/static/images/banner/banner1.png
new file mode 100644
index 0000000..8e3a8cf
Binary files /dev/null and b/public/static/images/banner/banner1.png differ
diff --git a/public/static/images/banner/banner2.JPG b/public/static/images/banner/banner2.JPG
new file mode 100644
index 0000000..75a11ca
Binary files /dev/null and b/public/static/images/banner/banner2.JPG differ
diff --git a/public/static/images/banner/banner2.png b/public/static/images/banner/banner2.png
new file mode 100644
index 0000000..6aed399
Binary files /dev/null and b/public/static/images/banner/banner2.png differ
diff --git a/public/static/images/banner/banner3.JPG b/public/static/images/banner/banner3.JPG
new file mode 100644
index 0000000..23dc132
Binary files /dev/null and b/public/static/images/banner/banner3.JPG differ
diff --git a/public/static/images/banner/banner3.png b/public/static/images/banner/banner3.png
new file mode 100644
index 0000000..28b6efc
Binary files /dev/null and b/public/static/images/banner/banner3.png differ
diff --git a/public/static/images/banner/banner4.JPG b/public/static/images/banner/banner4.JPG
new file mode 100644
index 0000000..a0f55b4
Binary files /dev/null and b/public/static/images/banner/banner4.JPG differ
diff --git a/public/static/images/code.png b/public/static/images/code.png
new file mode 100644
index 0000000..0dd1f2f
Binary files /dev/null and b/public/static/images/code.png differ
diff --git a/public/static/images/footer-bg-1.png b/public/static/images/footer-bg-1.png
new file mode 100644
index 0000000..f603e3d
Binary files /dev/null and b/public/static/images/footer-bg-1.png differ
diff --git a/public/static/images/hero-1-bg-img.png b/public/static/images/hero-1-bg-img.png
new file mode 100644
index 0000000..aced7e2
Binary files /dev/null and b/public/static/images/hero-1-bg-img.png differ
diff --git a/public/static/images/logo-light.png b/public/static/images/logo-light.png
new file mode 100644
index 0000000..41d0929
Binary files /dev/null and b/public/static/images/logo-light.png differ
diff --git a/public/static/images/logo.png b/public/static/images/logo.png
index bb82ef3..ab69e49 100644
Binary files a/public/static/images/logo.png and b/public/static/images/logo.png differ
diff --git a/runtime/index/temp/cb3abdcb36407244b9b613766f30573b.php b/runtime/index/temp/cb3abdcb36407244b9b613766f30573b.php
index 29e36d1..c75a111 100644
--- a/runtime/index/temp/cb3abdcb36407244b9b613766f30573b.php
+++ b/runtime/index/temp/cb3abdcb36407244b9b613766f30573b.php
@@ -1,531 +1,420 @@
-<?php /*a:4:{s:59:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\index\index.php";i:1746007477;s:64:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\header.php";i:1746004822;s:62:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\main.php";i:1746007578;s:64:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\footer.php";i:1746007524;}*/ ?>
+<?php /*a:4:{s:59:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\index\index.php";i:1746503955;s:64:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\header.php";i:1746516246;s:62:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\main.php";i:1746522874;s:64:"E:\Demos\DemoOwns\PHP\yunzer\app\index\view\component\footer.php";i:1746515097;}*/ ?>
 <!DOCTYPE html>
 <html>
+
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title><?php echo htmlentities((string) $config['admin_name']); ?></title>
+    <link rel="stylesheet" href="/static/layui/css/layui.css">
     <link rel="stylesheet" href="/static/css/style.css">
+    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
+    <script src="/static/layui/layui.js" charset="utf-8"></script>
 </head>
+
 <body>
-    <header class="site-header">
-    <div class="logo">
-        <a href="/">网站名称</a>
+    <div style="display: flex;flex-direction: column;">
+    <div class="topbar-one">
+        <div class="container">
+            <div style="width: 70%;">
+                <ul class="list-unstyled topbar-one__info">
+                    <li class="topbar-one__info__item"><span class="topbar-one__info__icon fas fa-phone-alt"></span><a
+                            href="tel:629-555-0129">(629) 555-0129</a></li>
+                    <li class="topbar-one__info__item"><span class="topbar-one__info__icon fas fa-envelope"></span><a
+                            href="mailto:info@example.com">info@example.com</a></li>
+                </ul>
+            </div>
+            <div class="topbar-one__social" style="width: 30%;">
+                <a href="https://facebook.com"><i class="fab fa-facebook-f"></i></a>
+                <a href="https://twitter.com"><i class="fab fa-twitter"></i></a>
+                <a href="https://instagram.com"><i class="fab fa-instagram"></i></a>
+                <a href="https://www.youtube.com/"><i class="fab fa-linkedin"></i></a>
+            </div>
+        </div>
     </div>
-    <nav class="main-nav">
-        <ul>
-            <li><a href="/">首页</a></li>
-            <li><a href="/about">关于我们</a></li>
-            <li><a href="/services">服务</a></li>
-            <li><a href="/contact">联系我们</a></li>
-        </ul>
-    </nav>
-    <div class="user-actions">
-        <?php if(isset($_SESSION['user_id'])): ?>
-            <a href="/user/profile">个人中心</a>
-            <a href="/user/logout">退出登录</a>
-        <?php else: ?>
-            <a href="/user/login">登录</a>
-            <a href="/user/register">注册</a>
-        <?php endif; ?>
+    <!-- 导航栏 -->
+    <div class="main-menu">
+        <div class="container">
+            <div class="main-menu__logo">
+                <a href="index.html"><img src="/static/images/logo.png" width="186" alt="Logo"></a>
+            </div>
+            <div class="main-menu__nav">
+                <ul class="main-menu__list">
+                    <li><a href="index.html">首页</a></li>
+                    <li><a href="about.html">关于我们</a></li>
+                    <li><a href="products.html">产品服务</a></li>
+                    <li><a href="contact.html">联系我们</a></li>
+                </ul>
+            </div>
+            <div class="main-menu__right">
+                <a href="#" class="main-menu__search"><i class="layui-icon layui-icon-search"></i></a>
+                <a href="login.html" class="main-menu__login"><i class="layui-icon layui-icon-username"></i></a>
+            </div>
+        </div>
     </div>
-</header>
+    <div class="main-header">
+        <!-- Banner轮播 -->
+        <div class="layui-carousel" id="test10" lay-filter="test10">
+            <div carousel-item="">
+                <div>
+                    <div class="banner-content">
+                        <span class="banner-title">智能科技 引领未来</span>
+                        <span class="banner-desc">打造智能化解决方案，助力企业数字化转型,打造智能化解决方案，助力企业数字化转型,打造智能化解决方案，助力企业数字化转型</span>
+                        <a href="#" class="btn btn-primary" style="margin-top: 20px;width:150px">了解更多</a>
+                    </div>
+                    <a href="#" class="banner-slide">
+                        <img src="/static/images/banner/banner1.jpg" alt="Banner 1">
+                    </a>
+                </div>
+                <div>
+                    <div class="banner-content">
+                        <span class="banner-title">创新技术 卓越服务</span>
+                        <spanp class="banner-desc">以创新科技为核心，为客户提供优质服务</spanp>
+                    </div>
+                    <a href="#" class="banner-slide">
+                        <img src="/static/images/banner/banner2.jpg" alt="Banner 2">
+                    </a>
+                </div>
+                <div>
+                    <div class="banner-content">
+                        <span class="banner-title">专业团队 值得信赖</span>
+                        <spanp class="banner-desc">资深专家团队，为您提供专业的技术支持</spanp>
+                    </div>
+                    <a href="#" class="banner-slide">
+                        <img src="/static/images/banner/banner3.jpg" alt="Banner 3">
+                    </a>
+                </div>
+                <div>
+                    <div class="banner-content">
+                        <span class="banner-title">全球视野 本地服务</span>
+                        <span class="banner-desc">立足本地，放眼全球，打造国际化服务</span>
+                    </div>
+                    <a href="#" class="banner-slide">
+                        <img src="/static/images/banner/banner4.jpg" alt="Banner 4">
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- 固定导航 -->
+<div class="sticky-nav" style="display: none;">
+    <div class="container">
+        <div class="sticky-nav__logo">
+            <a href="index.html"><img src="/static/images/logo.png" width="150" alt="Logo"></a>
+        </div>
+        <div class="sticky-nav__menu">
+            <ul>
+                <li><a href="index.html">首页</a></li>
+                <li><a href="about.html">关于我们</a></li>
+                <li><a href="products.html">产品服务</a></li>
+                <li><a href="contact.html">联系我们</a></li>
+            </ul>
+        </div>
+        <div class="sticky-nav__right">
+            <a href="#" class="main-menu__search"><i class="layui-icon layui-icon-search"></i></a>
+            <a href="login.html" class="main-menu__login"><i class="layui-icon layui-icon-username"></i></a>
+        </div>
+    </div>
+</div>
+
+<script>
+layui.use(['carousel', 'form'], function(){
+  var carousel = layui.carousel
+  ,form = layui.form;
+  
+  //图片轮播
+  carousel.render({
+    elem: '#test10'
+    ,width: '100%'
+    ,height: '86vh'
+    ,interval: 4000
+  });
+  
+  var $ = layui.$, active = {
+    set: function(othis){
+      var THIS = 'layui-bg-normal'
+      ,key = othis.data('key')
+      ,options = {};
+      
+      othis.css('background-color', '#5FB878').siblings().removeAttr('style'); 
+      options[key] = othis.data('value');
+      ins3.reload(options);
+    }
+  };
+  
+  //监听开关
+  form.on('switch(autoplay)', function(){
+    ins3.reload({
+      autoplay: this.checked
+    });
+  });
+  
+  $('.demoSet').on('keyup', function(){
+    var value = this.value
+    ,options = {};
+    if(!/^\d+$/.test(value)) return;
+    
+    options[this.name] = value;
+    ins3.reload(options);
+  });
+  
+  // 监听滚动事件
+  $(window).scroll(function() {
+    var scrollTop = $(window).scrollTop();
+    if (scrollTop > 150) { // 当滚动超过150px时显示固定导航
+      $('.sticky-nav').fadeIn();
+    } else {
+      $('.sticky-nav').fadeOut();
+    }
+  });
+});
+</script>
 
     <main class="main-content">
     <div class="container">
-        <section class="hero-section">
-            <div class="hero-content">
-                <h1>欢迎来到我们的网站</h1>
-                <p>我们提供专业的服务和优质的产品</p>
-                <a href="#" class="btn btn-primary">了解更多</a>
+        <!-- 文章模块 -->
+        <div class="core-block core-module" id="opencourse" style="order: 3;">
+            <div class="module-header">
+                <div>
+                    <div class="ModuleTitle_titleWrapper">
+                        <h3 class="ModuleTitle_title">站点新闻</h3>
+                        <div class="ModuleTitle_subtitle">新鲜资讯 尽在掌握</div>
+                    </div>
+                </div>
+                <div class="more-btn">更多</div>
             </div>
-            <div class="hero-image">
-                <img src="/static/images/hero.jpg" alt="欢迎图片">
+            <div class="product-list">
+                <div class="opencourse product-item">
+                    <div class="video"><img data-v-4477fdbc=""
+                            src="https://static001.geekbang.org/resource/image/ff/b8/ff18d73bec1040abf3d7bc7bffb532b8.jpg?x-oss-process=image/resize,w_423,h_238/format,webp"
+                            alt="" class="cover"><!----></div>
+                    <div class="introduction">
+                        <div class="title">闪客 · 怎么理解 AI？</div>
+                        <div class="subtitle">闪客 | B 站知名科普 UP 主</div>
+                    </div>
+                    <div class="bottom">
+                        <div class="desc">1025人学过</div>
+                        <!-- <div class="btn">观看： 123人</div> -->
+                    </div>
+                </div>
+                <div class="opencourse product-item">
+                    <div class="video"><img data-v-4477fdbc=""
+                            src="https://static001.geekbang.org/resource/image/76/cd/762ee7f34a76fbff61d20aae313833cd.jpg?x-oss-process=image/resize,w_423,h_238/format,webp"
+                            alt="" class="cover">
+                    </div>
+                    <div class="introduction">
+                        <div class="title">多模态对话引擎实战</div>
+                        <div class="subtitle">吴桐 | 网易云信音视频技术负责人，流媒体首席架构师</div>
+                    </div>
+                    <div class="bottom">
+                        <div class="desc">380人学过</div>
+                        <!-- <div class="btn">观看： 123人</div> -->
+                    </div>
+                </div>
+                <div class="opencourse product-item">
+                    <div class="video"><img data-v-4477fdbc=""
+                            src="https://static001.geekbang.org/resource/image/4y/da/4yyfb232bfbfbdcc6ed827c16b04a9da.jpg?x-oss-process=image/resize,w_423,h_238/format,webp"
+                            alt="" class="cover"><!----></div>
+                    <div class="introduction">
+                        <div class="title">极客视点</div>
+                        <div class="subtitle">极客时间 | 编辑部</div>
+                    </div>
+                    <div class="bottom">
+                        <div class="desc">12.4w人学过</div>
+                        <!-- <div class="btn">观看： 123人</div> -->
+                    </div>
+                </div>
+                <div class="opencourse product-item">
+                    <div class="video"><img data-v-4477fdbc=""
+                            src="https://static001.geekbang.org/resource/image/0f/69/0f95b62cf7yy6d6yy674f090d063b669.jpg?x-oss-process=image/resize,w_423,h_238/format,webp"
+                            alt="" class="cover"><!----></div>
+                    <div class="introduction">
+                        <div class="title">周志明的软件架构课</div>
+                        <div class="subtitle">周志明 | 博士，远光软件研究院院长，《深入理解Java虚拟机》《凤凰架构》等书作者</div>
+                    </div>
+                    <div class="bottom">
+                        <div class="desc">6.0w人学过</div>
+                        <!-- <div class="btn">观看： 123人</div>d -->
+                    </div>
+                </div>
             </div>
-        </section>
+        </div>
 
-        <section class="features-section">
-            <h2 class="section-title">我们的特色</h2>
-            <div class="features-grid">
-                <div class="feature-card">
-                    <div class="feature-icon">
-                        <i class="layui-icon layui-icon-star"></i>
-                    </div>
-                    <h3>高品质服务</h3>
-                    <p>我们致力于提供最优质的服务，满足客户的各种需求。</p>
-                </div>
-                <div class="feature-card">
-                    <div class="feature-icon">
-                        <i class="layui-icon layui-icon-diamond"></i>
-                    </div>
-                    <h3>专业团队</h3>
-                    <p>我们拥有经验丰富的专业团队，为您提供最佳解决方案。</p>
-                </div>
-                <div class="feature-card">
-                    <div class="feature-icon">
-                        <i class="layui-icon layui-icon-heart"></i>
-                    </div>
-                    <h3>客户至上</h3>
-                    <p>以客户需求为中心，提供个性化的服务和支持。</p>
-                </div>
-            </div>
-        </section>
-
-        <section class="about-section">
-            <div class="about-content">
-                <h2 class="section-title">关于我们</h2>
-                <p>我们是一家专注于提供高质量服务的公司，成立于2010年。多年来，我们不断创新和发展，已经成为行业内的领先企业。</p>
-                <p>我们的使命是通过卓越的产品和服务，帮助客户实现他们的目标和愿景。</p>
-                <a href="#" class="btn btn-secondary">查看更多</a>
-            </div>
-            <div class="about-image">
-                <img src="/static/images/about.jpg" alt="关于我们">
-            </div>
-        </section>
-
-        <section class="products-section">
-            <h2 class="section-title">热门产品</h2>
-            <div class="products-grid">
-                <div class="product-card">
-                    <img src="/static/images/product1.jpg" alt="产品1">
-                    <h3>产品一</h3>
-                    <p>产品描述信息，介绍产品的特点和优势。</p>
-                    <a href="#" class="btn btn-small">查看详情</a>
-                </div>
-                <div class="product-card">
-                    <img src="/static/images/product2.jpg" alt="产品2">
-                    <h3>产品二</h3>
-                    <p>产品描述信息，介绍产品的特点和优势。</p>
-                    <a href="#" class="btn btn-small">查看详情</a>
-                </div>
-                <div class="product-card">
-                    <img src="/static/images/product3.jpg" alt="产品3">
-                    <h3>产品三</h3>
-                    <p>产品描述信息，介绍产品的特点和优势。</p>
-                    <a href="#" class="btn btn-small">查看详情</a>
-                </div>
-                <div class="product-card">
-                    <img src="/static/images/product4.jpg" alt="产品4">
-                    <h3>产品四</h3>
-                    <p>产品描述信息，介绍产品的特点和优势。</p>
-                    <a href="#" class="btn btn-small">查看详情</a>
-                </div>
-            </div>
-        </section>
-
-        <section class="contact-section">
-            <h2 class="section-title">联系我们</h2>
-            <div class="contact-container">
-                <div class="contact-info">
-                    <div class="contact-item">
-                        <i class="layui-icon layui-icon-location"></i>
-                        <p>地址：中国上海市浦东新区张江高科技园区</p>
-                    </div>
-                    <div class="contact-item">
-                        <i class="layui-icon layui-icon-cellphone"></i>
-                        <p>电话：400-123-4567</p>
-                    </div>
-                    <div class="contact-item">
-                        <i class="layui-icon layui-icon-email"></i>
-                        <p>邮箱：info@example.com</p>
-                    </div>
-                </div>
-                <div class="contact-form">
-                    <form action="#" method="post">
-                        <div class="form-group">
-                            <input type="text" name="name" placeholder="您的姓名">
+        <!-- 文章模块 -->
+        <div class="core-block core-module" id="opencourse" style="order: 3;">
+            <div class="module-header">
+                <div>
+                    <div class="ModuleTitle_titleWrapper">
+                        <h3 class="ModuleTitle_title">公开课</h3>
+                        <div class="tab-container">
+                            <div class="tab-header">
+                                <div class="tab-item active" data-tab="all">全部</div>
+                                <div class="tab-item" data-tab="frontend">前端</div>
+                                <div class="tab-item" data-tab="backend">后端</div>
+                                <div class="tab-item" data-tab="mobile">移动端</div>
+                            </div>
                         </div>
-                        <div class="form-group">
-                            <input type="email" name="email" placeholder="您的邮箱">
+                    </div>
+                </div>
+                <div class="more-btn">更多</div>
+            </div>
+            <div class="product-list">
+                <!-- 全部课程 -->
+                <div class="tab-content active" data-tab="all">
+                    <!-- 原有的课程列表内容 -->
+                    <div class="opencourse product-item">
+                        <!-- ... 原有内容 ... -->
+                    </div>
+                    <!-- ... 其他课程项 ... -->
+                </div>
+
+                <!-- 前端课程 -->
+                <div class="tab-content" data-tab="frontend">
+                    <div class="opencourse product-item">
+                        <div class="video">
+                            <img src="https://static001.geekbang.org/resource/image/ff/b8/ff18d73bec1040abf3d7bc7bffb532b8.jpg?x-oss-process=image/resize,w_423,h_238/format,webp"
+                                alt="" class="cover">
                         </div>
-                        <div class="form-group">
-                            <textarea name="message" placeholder="您的留言"></textarea>
+                        <div class="introduction">
+                            <div class="title">Vue.js 实战教程</div>
+                            <div class="subtitle">张老师 | 资深前端工程师</div>
                         </div>
-                        <button type="submit" class="btn btn-primary">提交</button>
-                    </form>
+                        <div class="bottom">
+                            <div class="desc">2.5w人学过</div>
+                        </div>
+                    </div>
+                    <!-- 可以添加更多前端课程 -->
+                </div>
+
+                <!-- 后端课程 -->
+                <div class="tab-content" data-tab="backend">
+                    <div class="opencourse product-item">
+                        <div class="video">
+                            <img src="https://static001.geekbang.org/resource/image/76/cd/762ee7f34a76fbff61d20aae313833cd.jpg?x-oss-process=image/resize,w_423,h_238/format,webp"
+                                alt="" class="cover">
+                        </div>
+                        <div class="introduction">
+                            <div class="title">PHP高级开发实战</div>
+                            <div class="subtitle">李老师 | 资深后端工程师</div>
+                        </div>
+                        <div class="bottom">
+                            <div class="desc">1.8w人学过</div>
+                        </div>
+                    </div>
+                    <!-- 可以添加更多后端课程 -->
+                </div>
+
+                <!-- 移动端课程 -->
+                <div class="tab-content" data-tab="mobile">
+                    <div class="opencourse product-item">
+                        <div class="video">
+                            <img src="https://static001.geekbang.org/resource/image/0f/69/0f95b62cf7yy6d6yy674f090d063b669.jpg?x-oss-process=image/resize,w_423,h_238/format,webp"
+                                alt="" class="cover">
+                        </div>
+                        <div class="introduction">
+                            <div class="title">Flutter跨平台开发</div>
+                            <div class="subtitle">王老师 | 移动端架构师</div>
+                        </div>
+                        <div class="bottom">
+                            <div class="desc">1.2w人学过</div>
+                        </div>
+                    </div>
+                    <!-- 可以添加更多移动端课程 -->
                 </div>
             </div>
-        </section>
+        </div>
+
     </div>
 </main>
 
-<style>
-.main-content {
-    padding: 50px 0;
-    background-color: #f8f9fa;
-}
 
-.container {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 0 15px;
-}
+<script>
+    document.addEventListener('DOMContentLoaded', function () {
+        // 获取所有tab项和内容
+        const tabItems = document.querySelectorAll('.tab-item');
+        const tabContents = document.querySelectorAll('.tab-content');
 
-.section-title {
-    text-align: center;
-    margin-bottom: 40px;
-    font-size: 32px;
-    color: #333;
-}
+        // 为每个tab项添加点击事件
+        tabItems.forEach(tab => {
+            tab.addEventListener('click', function () {
+                // 移除所有active类
+                tabItems.forEach(item => item.classList.remove('active'));
+                tabContents.forEach(content => content.classList.remove('active'));
 
-/* 英雄区域样式 */
-.hero-section {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 80px;
-}
+                // 添加active类到当前点击的tab
+                this.classList.add('active');
 
-.hero-content {
-    flex: 1;
-    padding-right: 50px;
-}
+                // 显示对应的内容
+                const tabName = this.getAttribute('data-tab');
+                const activeContent = document.querySelector(`.tab-content[data-tab="${tabName}"]`);
+                if (activeContent) {
+                    activeContent.classList.add('active');
+                }
 
-.hero-content h1 {
-    font-size: 48px;
-    margin-bottom: 20px;
-    color: #333;
-}
-
-.hero-content p {
-    font-size: 18px;
-    margin-bottom: 30px;
-    color: #666;
-}
-
-.hero-image {
-    flex: 1;
-}
-
-.hero-image img {
-    max-width: 100%;
-    border-radius: 10px;
-    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
-}
-
-/* 按钮样式 */
-.btn {
-    display: inline-block;
-    padding: 12px 30px;
-    border-radius: 5px;
-    text-decoration: none;
-    font-weight: bold;
-    transition: all 0.3s ease;
-}
-
-.btn-primary {
-    background-color: #3492ED;
-    color: white;
-}
-
-.btn-primary:hover {
-    background-color: #2a7fd9;
-}
-
-.btn-secondary {
-    background-color: #6c757d;
-    color: white;
-}
-
-.btn-secondary:hover {
-    background-color: #5a6268;
-}
-
-.btn-small {
-    padding: 8px 15px;
-    font-size: 14px;
-}
-
-/* 特色部分样式 */
-.features-section {
-    margin-bottom: 80px;
-}
-
-.features-grid {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 30px;
-}
-
-.feature-card {
-    background-color: white;
-    padding: 30px;
-    border-radius: 10px;
-    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
-    text-align: center;
-    transition: transform 0.3s ease;
-}
-
-.feature-card:hover {
-    transform: translateY(-10px);
-}
-
-.feature-icon {
-    font-size: 48px;
-    color: #3492ED;
-    margin-bottom: 20px;
-}
-
-.feature-card h3 {
-    margin-bottom: 15px;
-    color: #333;
-}
-
-.feature-card p {
-    color: #666;
-}
-
-/* 关于我们部分样式 */
-.about-section {
-    display: flex;
-    align-items: center;
-    margin-bottom: 80px;
-}
-
-.about-content {
-    flex: 1;
-    padding-right: 50px;
-}
-
-.about-content h2 {
-    text-align: left;
-}
-
-.about-content p {
-    margin-bottom: 20px;
-    color: #666;
-    line-height: 1.6;
-}
-
-.about-image {
-    flex: 1;
-}
-
-.about-image img {
-    max-width: 100%;
-    border-radius: 10px;
-    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
-}
-
-/* 产品部分样式 */
-.products-section {
-    margin-bottom: 80px;
-}
-
-.products-grid {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 20px;
-}
-
-.product-card {
-    background-color: white;
-    border-radius: 10px;
-    overflow: hidden;
-    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
-    transition: transform 0.3s ease;
-}
-
-.product-card:hover {
-    transform: translateY(-10px);
-}
-
-.product-card img {
-    width: 100%;
-    height: 200px;
-    object-fit: cover;
-}
-
-.product-card h3 {
-    padding: 15px 15px 5px;
-    color: #333;
-}
-
-.product-card p {
-    padding: 0 15px 15px;
-    color: #666;
-}
-
-.product-card .btn {
-    margin: 0 15px 15px;
-}
-
-/* 联系我们部分样式 */
-.contact-section {
-    margin-bottom: 50px;
-}
-
-.contact-container {
-    display: flex;
-    background-color: white;
-    border-radius: 10px;
-    overflow: hidden;
-    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
-}
-
-.contact-info {
-    flex: 1;
-    padding: 40px;
-    background-color: #3492ED;
-    color: white;
-}
-
-.contact-item {
-    display: flex;
-    align-items: center;
-    margin-bottom: 20px;
-}
-
-.contact-item i {
-    font-size: 24px;
-    margin-right: 15px;
-}
-
-.contact-form {
-    flex: 2;
-    padding: 40px;
-}
-
-.form-group {
-    margin-bottom: 20px;
-}
-
-.form-group input,
-.form-group textarea {
-    width: 100%;
-    padding: 12px;
-    border: 1px solid #ddd;
-    border-radius: 5px;
-    font-size: 16px;
-}
-
-.form-group textarea {
-    height: 150px;
-    resize: vertical;
-}
-
-/* 响应式设计 */
-@media (max-width: 992px) {
-    .hero-section,
-    .about-section {
-        flex-direction: column;
-    }
-    
-    .hero-content,
-    .about-content {
-        padding-right: 0;
-        margin-bottom: 30px;
-    }
-    
-    .features-grid {
-        grid-template-columns: repeat(2, 1fr);
-    }
-    
-    .products-grid {
-        grid-template-columns: repeat(2, 1fr);
-    }
-    
-    .contact-container {
-        flex-direction: column;
-    }
-}
-
-@media (max-width: 576px) {
-    .features-grid,
-    .products-grid {
-        grid-template-columns: 1fr;
-    }
-    
-    .hero-content h1 {
-        font-size: 36px;
-    }
-}
-</style>
-
-    <footer class="footer">
+                // 添加切换动画效果
+                activeContent.style.opacity = '0';
+                setTimeout(() => {
+                    activeContent.style.opacity = '1';
+                }, 50);
+            });
+        });
+    });
+</script>
+    <footer class="footer" style="background-image: url(/static/images/footer-bg-1.png)">
     <div class="container">
-        <div class="footer-content">
-            <div class="footer-logo">
-                <h3><?php echo htmlentities((string) $config['admin_name']); ?></h3>
+        <div class="row" style="width: 100%;">
+            <div class="row-main">
+                <div class="mr-20">
+                    <img src="/static/images/logo-l-w.png" alt="" height="70">
+                    <p class="text-white-50 my-4 f18" style="width: 400px;">美天智能科技，这里是介绍！</p>
+                </div>
+                <div style="display: flex; justify-content: space-between;width: 100%;margin-right: 200px;">
+                    <div>
+                        <h4 class="text-white f-20 font-weight-normal mb-3">关于我们</h4>
+                        <ul class="list-unstyled footer-sub-menu">
+                            <li><a href="#" class="footer-link">概况</a></li>
+                            <li><a href="#" class="footer-link">资讯</a></li>
+                            <li><a href="#" class="footer-link">加入我们</a></li>
+                            <li><a href="#" class="footer-link">联系我们</a></li>
+                        </ul>
+                    </div>
+                    <div>
+                        <h4 class="text-white f-20 font-weight-normal mb-3">商务合作</h4>
+                        <ul class="list-unstyled footer-sub-menu">
+                            <li><a href="#" class="footer-link">商务合作</a></li>
+                        </ul>
+                    </div>
+                    <div>
+                        <h4 class="text-white f-20 font-weight-normal mb-3">服务支持</h4>
+                        <ul class="list-unstyled footer-sub-menu">
+                            <li><a href="#" class="footer-link">常见问答</a></li>
+                            <li><a href="#" class="footer-link">软件下载</a></li>
+                            <li><a href="#" class="footer-link">服务政策</a></li>
+                            <li><a href="#" class="footer-link">投诉建议</a></li>
+                        </ul>
+                    </div>
+                </div>
+
+                <div>
+                    <div class="text-center">
+                        <img src="/static/images/code.png" alt="微信二维码" class="img-fluid" style="max-width: 150px;">
+                        <p class="text-white-50 mt-2">微信公众号</p>
+                    </div>
+                </div>
             </div>
-            <div class="footer-links">
-                <ul>
-                    <li><a href="/">首页</a></li>
-                    <li><a href="/about">关于我们</a></li>
-                    <li><a href="/contact">联系我们</a></li>
-                    <li><a href="/service">服务条款</a></li>
-                </ul>
-            </div>
-            <div class="footer-contact">
-                <p>电话：<?php echo isset($config['phone']) ? htmlentities((string) $config['phone']) : '暂无'; ?></p>
-                <p>邮箱：<?php echo isset($config['email']) ? htmlentities((string) $config['email']) : 'admin@example.com'; ?></p>
-                <p>地址：<?php echo isset($config['address']) ? htmlentities((string) $config['address']) : '暂无地址信息'; ?></p>
-            </div>
-        </div>
-        <div class="footer-bottom">
-            <p>版权所有 &copy; {date('Y')} <?php echo htmlentities((string) $config['admin_name']); ?> - 保留所有权利</p>
         </div>
     </div>
 </footer>
+<section class="copyright text-center">
+    <div class="container wow fadeInUp animated" data-wow-delay="400ms"
+        style="visibility: visible; animation-delay: 400ms; animation-name: fadeInUp;">
+        <p class="copyright__text">Copyright <span class="dynamic-year">2025</span> | All Rights By <a
+                href="http://www.yunzer.cn">Yunzer</a></p>
+    </div>
+</section>
 
-<style>
-.footer {
-    background-color: #333;
-    color: #fff;
-    padding: 30px 0;
-    margin-top: 30px;
-}
-.container {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 0 15px;
-}
-.footer-content {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    margin-bottom: 20px;
-}
-.footer-logo h3 {
-    margin: 0;
-    font-size: 24px;
-    color: #fff;
-}
-.footer-links ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-.footer-links li {
-    margin-bottom: 10px;
-}
-.footer-links a {
-    color: #ccc;
-    text-decoration: none;
-    transition: color 0.3s;
-}
-.footer-links a:hover {
-    color: #fff;
-}
-.footer-contact p {
-    margin: 5px 0;
-    color: #ccc;
-}
-.footer-bottom {
-    text-align: center;
-    padding-top: 20px;
-    border-top: 1px solid #444;
-}
-@media (max-width: 768px) {
-    .footer-content {
-        flex-direction: column;
-    }
-    .footer-logo, .footer-links, .footer-contact {
-        margin-bottom: 20px;
-    }
-}
-</style>
-
-    
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/runtime/session/sess_10ff1d16467096034c375bcf8f2a7f4b b/runtime/session/sess_10ff1d16467096034c375bcf8f2a7f4b
deleted file mode 100644
index d3dc7c0..0000000
--- a/runtime/session/sess_10ff1d16467096034c375bcf8f2a7f4b
+++ /dev/null
@@ -1 +0,0 @@
-a:1:{s:7:"captcha";a:1:{s:3:"key";s:60:"$2y$10$yZU4JApcw3QRNuzXTn6wX.J4OqqMv2Km319/ufwZH3HNzjowPtqzq";}}
\ No newline at end of file