├── img
    ├── logo.png
    ├── avatar.png
    ├── favicon.png
    ├── loading.gif
    ├── logo@2x.png
    ├── logo-dark.png
    └── error-avatar.png
├── screenshot.png
├── README.md
├── LICENSE
├── 404.php
├── js
    ├── scripts.js
    ├── lazyload.js
    └── menuzord.js
├── footer.php
├── page.php
├── page_no_sidebar.php
├── index.php
├── archive.php
├── header.php
├── post.php
├── functions.php
├── comments.php
└── css
    └── style.min.css


/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fordes123/typecho-theme-pir/HEAD/img/logo.png


--------------------------------------------------------------------------------
/img/avatar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fordes123/typecho-theme-pir/HEAD/img/avatar.png


--------------------------------------------------------------------------------
/img/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fordes123/typecho-theme-pir/HEAD/img/favicon.png


--------------------------------------------------------------------------------
/img/loading.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fordes123/typecho-theme-pir/HEAD/img/loading.gif


--------------------------------------------------------------------------------
/img/logo@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fordes123/typecho-theme-pir/HEAD/img/logo@2x.png


--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fordes123/typecho-theme-pir/HEAD/screenshot.png


--------------------------------------------------------------------------------
/img/logo-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fordes123/typecho-theme-pir/HEAD/img/logo-dark.png


--------------------------------------------------------------------------------
/img/error-avatar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fordes123/typecho-theme-pir/HEAD/img/error-avatar.png


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # typecho-theme-pic-r
 2 | typecho主题pic魔改，[示例页面](https://pir-vercel.vercel.app/) 
 3 | 
 4 | 
 5 | ![](./screenshot.png)
 6 | 
 7 | 
 8 | ### 说明
 9 | 
10 | - 主题似乎最开始移植自wordpress, ~~原作为 @[国服第一盖伦](https://p.liangxingjian.com)，遗憾的是其主页已无法访问~~ 原作为 [massive](https://themeforest.net/item/massive-responsive-multipurpose-html5-template/12503639)。
11 | 
12 | - 狗尾续貂随意改改，壁纸相册化，~~不支持显示博文~~
13 | 
14 | 
15 | 
16 | ### 注意项
17 | 
18 | - 克隆项目后将主题文件夹上传至typecho目录 **/usr/themes/** 路径下，到后台选择启用；
19 | 
20 | - 修改后为完全壁纸或相册模板，~~不支持显示博文~~
21 | 
22 | - 新建文章并将图片插入正文即可，支持任意数量，暂不支持附件形式
23 | 
24 | - 主页图片标签跟随文章tag，如无tag则显示分类名称
25 | 
26 | - 每页显示图片数量取决于后台 **设置-> 阅读-> 每页文章数目** 以及正文中插入的图片数量
27 | 
28 | 
29 | ### Todo
30 | 
31 | - [x] 移除 二级页面
32 | - [x] 改进 首页样式，添加 灯箱、标签等
33 | - [x] 图片懒加载
34 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2021 fordes123
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/404.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <?php $this->need('header.php'); ?>
 3 | 
 4 | <!--page title start-->
 5 | <section class="page-title">
 6 |     <div class="container">
 7 |         <h4 class="text-uppercase">PAGE NOT FOUND</h4>
 8 |     </div>
 9 | </section>
10 | <!--page title end-->
11 | 
12 | <!--body content start-->
13 | <section class="body-content ">
14 | 
15 |     <!--error-->
16 |     <div class="page-content">
17 |         <div class="container">
18 |             <div class="row page-content">
19 |                 <div class="col-md-5 text-center">
20 |                     <div class="error-avatar">
21 |                         <img src="<?php $this->options->themeUrl('img/error-avatar.png'); ?>" alt="" />
22 |                     </div>
23 |                 </div>
24 | 
25 |                 <div class="col-md-7">
26 |                     <div class="error-info">
27 |                         <div class="error404">
28 |                             404
29 |                         </div>
30 |                         <div class="error-txt">
31 |                             好吧...
32 |                             <br />页面被管理员吃了
33 |                         </div>
34 |                         <a href="<?php $this->options->siteUrl(); ?>" class="btn btn-medium  btn-theme-color "> 带我回家</a>
35 |                     </div>
36 |                 </div>
37 |             </div>
38 |         </div>
39 |     </div>
40 |     <!--error-->
41 | 
42 | 
43 | </section>
44 | <!--body content end-->
45 | 
46 | 
47 | <?php $this->need('footer.php'); ?>


--------------------------------------------------------------------------------
/js/scripts.js:
--------------------------------------------------------------------------------
 1 | (function () {
 2 |     "use strict";
 3 | 
 4 |     var $window, $document, $body;
 5 | 
 6 |     $window = $(window);
 7 |     $document = $(document);
 8 |     $body = $("body");
 9 | 
10 | 
11 |     /*==============================================
12 |      Pre loader init
13 |      ===============================================*/
14 | 
15 |     var $portfolio = $('.portfolio').masonry({
16 |         itemSelector: '.portfolio-item',
17 |     });
18 | 
19 |     if ($('.ajaxloadpost .next').length > 0) {
20 |         var masonry = $portfolio.data('masonry');
21 |         $portfolio.infiniteScroll({
22 |             path: '.next',
23 |             append: '.portfolio-item',
24 |             hideNav: '.ajaxloadpost',
25 |             status: '.page-load-status',
26 |             history: false,
27 |             scrollThreshold: 100,
28 |             outlayer: masonry
29 |         });
30 | 
31 |         $('.portfolio').on('append.infiniteScroll', function () {
32 |             $("img.lazyload").lazyload({
33 |                 onLoaded: lazyloaded
34 |             });
35 |         });
36 |     }
37 | 
38 |     function lazyloaded() {
39 |         $portfolio.masonry('layout');
40 |     }
41 | 
42 |     $window.on("load", function () {
43 |         $("#loading").fadeOut();
44 |         $("#tb-preloader").delay(200).fadeOut("slow").remove();
45 |         $("img.lazyload").lazyload({
46 |             onLoaded: lazyloaded
47 |         });
48 |         $(".js-primary-navigation").menuzord();
49 |     });
50 | 
51 |     /*==============================================
52 |      Wow init
53 |      ===============================================*/
54 |     if (typeof WOW == "function")
55 |         new WOW().init();
56 | })(jQuery);


--------------------------------------------------------------------------------
/footer.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
 3 | ?>
 4 | 
 5 | 
 6 | <footer id="footer" class="gray text-center footer-1">
 7 |     <div class="container">
 8 |         <p class="footer-logo">
 9 |             <img class="retina" src="<?php $this->options->themeUrl('img/logo.png'); ?>" alt=""/>
10 |         </p>
11 |         <div class="sub-title"><?php $this->options->description() ?></div>
12 |         <div class="copyright">
13 |             &copy; <?php echo date("Y"); ?> <a
14 |                     href="<?php $this->options->siteUrl(); ?>"><?php $this->options->title(); ?></a>. <a
15 |                     href="https://beian.miit.gov.cn/"><?php $this->options->icp(); ?></a>
16 |         </div>
17 |         <div class="copyright-sub-title text-uppercase">
18 |             <span>Powered by <a href="http://www.typecho.org/" rel="nofollow" target="_blank">Typecho</a> | Theme by <a
19 |                         href="https://github.com/fordes123/typecho-theme-pic-r" target="_blank">Pir</a> </span>
20 |         </div>
21 |     </div>
22 | </footer>
23 | </div>
24 | 
25 | <style>
26 |     .page-load-status {
27 |         display: none;
28 |         text-align: center;
29 |     }
30 | 
31 |     .loader-ellips {
32 |         font-size: 20px;
33 |         width: auto;
34 |         position: initial;
35 |     }
36 | </style>
37 | 
38 | <!-- inject:js -->
39 | <script src="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/2.2.3/jquery.min.js"
40 |         type="application/javascript"></script>
41 | <script src="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/twitter-bootstrap/3.4.0/js/bootstrap.min.js"
42 |         type="application/javascript"></script>
43 | <script src="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.min.js"
44 |         type="application/javascript"></script>
45 | <script src="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/masonry/4.2.2/masonry.pkgd.min.js"
46 |         type="application/javascript"></script>
47 | <script src="//lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery.imagesloaded/5.0.0/imagesloaded.pkgd.min.js"
48 |         type="application/javascript"></script>
49 | <?php if (!($this->is('post') || $this->is('page'))) : ?>
50 |     <script src="//lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery-infinitescroll/4.0.1/infinite-scroll.pkgd.min.js"></script>
51 | <?php endif; ?>
52 | <script src="<?php $this->options->themeUrl('./js/menuzord.js'); ?>"></script>
53 | <script src="<?php $this->options->themeUrl('./js/scripts.js'); ?>"></script>
54 | <script src="<?php $this->options->themeUrl('./js/lazyload.js'); ?>"></script>
55 | </body>
56 | </html>


--------------------------------------------------------------------------------
/page.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <?php $this->need('header.php'); ?>
 3 | 
 4 |         <!--body content start-->
 5 |         <section class="body-content ">
 6 |             <div class="page-content">
 7 |                 <div class="container">
 8 |                     <div class="row">
 9 |                         <div class="col-md-12">
10 |                             <!--classic image post-->
11 |                             <div class="blog-classic">
12 |                                 <div class="blog-post">
13 |                                     <div class="full-width" style="display:none;">
14 |                                         
15 |                                     </div>
16 |                                     <h4 class="text-uppercase"><a itemtype="url" href="<?php $this->permalink() ?>"><?php $this->title(); ?></a></h4>
17 |                                     <ul class="post-meta">
18 |                                         <li><i class="fa fa-user"></i>posted by <a itemprop="name" href="<?php $this->author->permalink(); ?>" rel="author"><?php $this->author(); ?></a>
19 |                                         </li>
20 |                                         <li><i class="fa fa-comments"></i>  <a href="#form"><?php $this->commentsNum('0', '1', '%d'); ?> comments</a>
21 |                                         </li>
22 |                                     </ul>
23 | 
24 | 									<?php $this->content(); ?>
25 | 
26 |                                     <div class="inline-block">
27 |                                         <div class="widget-tags">
28 |                                             <h6 class="text-uppercase">Tags </h6>
29 |                                             <?php $this->tags(' ', true, '<a>没有标签</a>'); ?>
30 |                                         </div>
31 |                                     </div>
32 | 
33 | 
34 |                                     <div class="clearfix inline-block">
35 |                                         <?php //这是一个广告位 ?>
36 |                                     </div>
37 | 
38 | 
39 |                                     <?php $this->need('comments.php'); ?>
40 | 
41 | 
42 | 
43 |                                 </div>
44 |                             </div>
45 |                             <!--classic image post-->
46 | 
47 |                         </div>
48 |                         
49 | 						
50 | 						
51 |                     </div>
52 |                 </div>
53 |             </div>
54 | 
55 | 
56 |         </section>
57 |         <!--body content end-->
58 | 
59 | <?php $this->need('footer.php'); ?>


--------------------------------------------------------------------------------
/page_no_sidebar.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * 宽版页面
 4 |  *
 5 |  * @package custom
 6 |  */
 7 |  if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 8 | <?php $this->need('header.php'); ?>
 9 | 
10 |         <!--body content start-->
11 |         <section class="body-content ">
12 |             <div class="page-content">
13 |                 <div class="container">
14 |                     <div class="row">
15 |                         <div class="col-md-12">
16 |                             <!--classic image post-->
17 |                             <div class="blog-classic">
18 |                                 <div class="blog-post">
19 |                                     <div class="full-width" style="display:none;">
20 |                                         
21 |                                     </div>
22 |                                     <h4 class="text-uppercase"><a itemtype="url" href="<?php $this->permalink() ?>"><?php $this->title(); ?></a></h4>
23 |                                     <ul class="post-meta">
24 |                                         <li><i class="fa fa-user"></i>posted by <a itemprop="name" href="<?php $this->author->permalink(); ?>" rel="author"><?php $this->author(); ?></a>
25 |                                         </li>
26 |                                         <li><i class="fa fa-comments"></i>  <a href="#form"><?php $this->commentsNum('0', '1', '%d'); ?> comments</a>
27 |                                         </li>
28 |                                     </ul>
29 | 
30 |                                     <?php $this->content(); ?>
31 | 
32 |                                     <div class="inline-block">
33 |                                         <div class="widget-tags">
34 |                                             <h6 class="text-uppercase">Tags </h6>
35 |                                             <?php $this->tags(' ', true, '<a>没有标签</a>'); ?>
36 |                                         </div>
37 |                                     </div>
38 | 
39 | 
40 |                                     <div class="clearfix inline-block">
41 |                                         <?php //这是一个广告位 ?>
42 |                                     </div>
43 | 
44 | 
45 |                                     <?php $this->need('comments.php'); ?>
46 | 
47 | 
48 | 
49 |                                 </div>
50 |                             </div>
51 |                             <!--classic image post-->
52 | 
53 |                         </div>
54 | 
55 |                     </div>
56 |                 </div>
57 |             </div>
58 | 
59 | 
60 |         </section>
61 |         <!--body content end-->
62 | 
63 | <?php $this->need('footer.php'); ?>


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /**
 4 |  * typecho图片主题，修改自 <a href='https://typecho.me/1031.html'>pic</a> 主题.<br>原作为网页模板 <a href='https://themeforest.net/item/massive-responsive-multipurpose-html5-template/12503639'>massive</a>.<br>本版完全壁纸相册化，不支持博文显示
 5 |  * 
 6 |  * @package pir
 7 |  * @author fordes
 8 |  * @version 1.2
 9 |  * @link https://github.com/fordes123/typecho-theme-pir
10 |  */
11 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
12 | $this->need('header.php'); ?>
13 | 
14 | <!--body content start-->
15 | <section class="content">
16 |     <div class="container">
17 |         <div class="row ">
18 |             <div class="portfolio portfolio-with-title portfolio-masonry blog-m col-4 gutter ">
19 |                 <?php if ($this->have()) : ?>
20 |                     <?php while ($this->next()) : ?>
21 |                         <div class="portfolio-item">
22 |                             <div class="thumb">
23 |                                 <img class="img-item lazyload" data-fancybox="gallery" data-src="<?php echo $this->fields->original ?>" src="<?php $this->options->themeUrl('./img/loading.gif'); ?>" alt=""></img>
24 |                                 <div class="widget-tags">
25 |                                     <?php if ($this->options->mode) : ?>
26 |                                         <a href="<?php $this->permalink(); ?>">
27 |                                             <!--<i class="fa fa-send"></i> -->
28 |                                             <?php $this->title(); ?>
29 |                                         </a>
30 |                                     <?php else : ?>
31 |                                     <?php if (count($this->tags) == 0) {
32 |                                             $this->category(' ', true, '');
33 |                                         } else {
34 |                                             $this->tags(' ', true, '');
35 |                                         }
36 |                                     endif; ?>
37 |                                 </div>
38 |                             </div>
39 |                         </div>
40 |                     <?php endwhile; ?>
41 |                 <?php endif; ?>
42 |             </div>
43 |         </div>
44 |     </div>
45 | 
46 |     <div class="col-md-12">
47 |         <div class="text-center">
48 |             <div class="page-load-status">
49 |                 <div class="loader-ellips tb-preloader-wave infinite-scroll-request"></div>
50 |                 <p class="infinite-scroll-last">到底啦～</p>
51 |                 <p class="infinite-scroll-error">加载错误</p>
52 |             </div>
53 |         </div>
54 |     </div>
55 |     <div class="ajaxloadpost" style="display:none">
56 |         <?php $this->pageLink('下一页', 'next'); ?>
57 |     </div>
58 | </section>
59 | <!--body content end-->
60 | 
61 | <?php $this->need('footer.php'); ?>


--------------------------------------------------------------------------------
/archive.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /**
 4 |  * The main template file
 5 |  * 
 6 |  * @package massive
 7 |  * @author massive
 8 |  * @version 1.0
 9 |  * @link https://www.xingkb.com
10 |  */
11 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
12 | $this->need('header.php'); ?>
13 | 
14 | <!--page title start-->
15 | <section class="page-title">
16 |     <div class="container">
17 |         <h4 class="text-uppercase"><?php $this->archiveTitle(array(
18 |                                         'category'  =>  _t('Category : %s'),
19 |                                         'search'    =>  _t('Search : %s'),
20 |                                         'tag'       =>  _t('Tag : %s'),
21 |                                         'author'    =>  _t('Author : %s'),
22 |                                         'date'      =>  _t('Date : %s')
23 |                                     ), '', ''); ?></h4>
24 |     </div>
25 | </section>
26 | <!--page title end-->
27 | 
28 | <!--body content start-->
29 | <section class="body-content">
30 |     <div class="container">
31 |         <div class="row ">
32 |             <div class="portfolio portfolio-with-title portfolio-masonry blog-m col-4 gutter ">
33 |                 <?php if ($this->have()) : ?>
34 |                     <?php while ($this->next()) : ?>
35 |                         <div class="portfolio-item">
36 |                             <div class="thumb">
37 |                                 <img class="img-item lazyload" data-fancybox="gallery" data-src="<?php echo $this->fields->original ?>" src="<?php $this->options->themeUrl('./img/loading.gif'); ?>" alt=""></img>
38 |                                 <div class="widget-tags">
39 |                                     <?php if ($this->options->mode) : ?>
40 |                                         <a href="<?php $this->permalink(); ?>">
41 |                                             <!--<i class="fa fa-send"></i> -->
42 |                                             <?php $this->title(); ?>
43 |                                         </a>
44 |                                     <?php else : ?>
45 |                                     <?php if (count($this->tags) == 0) {
46 |                                             $this->category(' ', true, '');
47 |                                         } else {
48 |                                             $this->tags(' ', true, '');
49 |                                         }
50 |                                     endif; ?>
51 |                                 </div>
52 |                             </div>
53 |                         </div>
54 |                     <?php endwhile; ?>
55 |                 <?php endif; ?>
56 |             </div>
57 | 
58 |         </div>
59 |     </div>
60 | 
61 |     <div class="col-md-12">
62 |         <div class="text-center">
63 |             <div class="page-load-status">
64 |                 <div class="loader-ellips tb-preloader-wave infinite-scroll-request"></div>
65 |                 <p class="infinite-scroll-last">到底啦～</p>
66 |                 <p class="infinite-scroll-error">加载错误</p>
67 |             </div>
68 |         </div>
69 |     </div>
70 |     <div class="ajaxloadpost" style="display:none">
71 |         <?php $this->pageLink('下一页', 'next'); ?>
72 |     </div>
73 | </section>
74 | <!--body content end-->
75 | 
76 | <?php $this->need('footer.php'); ?>


--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?> <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <!--favicon icon-->
 6 |     <link rel="icon" type="image/png" href="<?php $this->options->themeUrl('./img/favicon.png'); ?>">
 7 |     <title><?php $this->archiveTitle(array('category' => _t(' %s '), 'search' => _t(' %s '), 'tag' => _t(' %s '), 'author' => _t(' %s ')), '', ' - '); ?><?php $this->options->title(); ?></title>
 8 |     <!-- inject:css -->
 9 |     <link rel="stylesheet" href="<?php $this->options->themeUrl('./css/style.min.css'); ?>">
10 |     <link href="//lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/twitter-bootstrap/3.4.0/css/bootstrap.min.css"
11 |           type="text/css" rel="stylesheet"/>
12 |     <link href="//lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/6.0.0/css/all.min.css" type="text/css"
13 |           rel="stylesheet"/>
14 |     <link href="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.min.css" type="text/css"
15 |           rel="stylesheet"/>
16 |     <!-- end inject -->
17 |     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
18 |     <!--[if lt IE 9]>
19 |     <script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
20 |     <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
21 |     <![endif]-->
22 |     <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/>
23 | </head>
24 | <body>
25 | <!--  preloader start -->
26 | <div id="tb-preloader">
27 |     <div id="loading" class="tb-preloader-wave"></div>
28 | </div>
29 | <!-- preloader end -->
30 | <div class="wrapper">
31 |     <!--header start-->
32 |     <header class="l-header">
33 |         <div class="l-navbar l-navbar_t-light l-navbar_expand js-navbar-sticky">
34 |             <div class="container-fluid">
35 |                 <nav class="menuzord js-primary-navigation" role="navigation" aria-label="Primary Navigation">
36 |                     <!--logo start-->
37 |                     <a href="<?php $this->options->siteUrl(); ?>"
38 |                        class="logo-brand"> <?php $this->options->title() ?> </a>
39 |                     <!--logo end-->
40 |                     <!--mega menu start-->
41 |                     <ul class="menuzord-menu menuzord-right c-nav_s-standard">
42 |                         <li><a href="<?php $this->options->siteUrl(); ?>"><span class="fa fa-home"> 首页</span></a></li>
43 |                         <li><a href="javascript:void(0)"><span class="fa fa-th">分类</span></a>
44 |                             <ul class="dropdown"> <?php $this->widget('Widget_Metas_Category_List')->to($cats); ?> <?php while ($cats->next()) : ?>
45 |                                     <li><a href="<?php $cats->permalink() ?>"><?php $cats->name() ?></a>
46 |                                     </li> <?php endwhile; ?> </ul>
47 |                         </li>
48 |                         <li><a href="javascript:void(0)"><span class="fa fa-file">页面</span></a>
49 |                             <ul class="dropdown"> <?php $this->widget('Widget_Contents_Page_List')->to($pages); ?> <?php while ($pages->next()) : ?>
50 |                                     <li><a href="<?php $pages->permalink(); ?>"><?php $pages->title(); ?></a>
51 |                                     </li> <?php endwhile; ?> </ul>
52 |                         </li>
53 |                         <li><a href="javascript:void(0)"><i class="fa fa-search"></i> 搜索</a>
54 |                             <div class="megamenu megamenu-quarter-width navbar-search">
55 |                                 <form id="search" method="post" action="./" role="searchform"><input type="text"
56 |                                                                                                      name="s"
57 |                                                                                                      class="form-control"
58 |                                                                                                      placeholder="在这里输入">
59 |                                 </form>
60 |                             </div>
61 |                         </li>
62 |                     </ul>
63 |                     <!--mega menu end-->
64 |                 </nav>
65 |             </div>
66 |         </div>
67 |     </header> <!--header end-->


--------------------------------------------------------------------------------
/post.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | /**
  4 |  * The template for displaying all single posts and attachments
  5 |  *
  6 |  * @package Vtrois
  7 |  * @version 2.3
  8 |  */
  9 | if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 10 | <?php $this->need('header.php'); ?>
 11 |     <!-- single -->
 12 |     <!--page title start-->
 13 |     <section class="page-title">
 14 |         <div class="container">
 15 |             <h4 class="text-uppercase"></h4>
 16 |             <ol class="breadcrumb">
 17 |                 <li><a href="<?php $this->options->siteUrl(); ?>">HOME</a></li>
 18 |                 <?php if ($this->is('index')) : ?>
 19 |                     <!-- 页面为首页时 -->
 20 |                 <?php elseif ($this->is('post')) : ?>
 21 |                     <!-- 页面为文章单页时 -->
 22 |                     <li><?php $this->category(); ?></li>
 23 |                     <li><?php $this->title() ?></li>
 24 |                 <?php else : ?>
 25 |                     <!-- 页面为其他页时 -->
 26 |                     <li><?php $this->archiveTitle('', '', ''); ?></li>
 27 |                 <?php endif; ?>
 28 |             </ol>
 29 | 
 30 |         </div>
 31 |     </section>
 32 |     <!--page title end-->
 33 | 
 34 |     <!--body content start-->
 35 |     <section class="body-content ">
 36 |         <div class="page-content">
 37 |             <div class="container">
 38 |                 <div class="row">
 39 |                     <div class="col-md-12">
 40 |                         <!--classic image post-->
 41 |                         <div class="blog-classic">
 42 |                             <div class="blog-post">
 43 |                                 <div class="full-width" style="display:none;">
 44 | 
 45 |                                 </div>
 46 |                                 <h4 class="text-uppercase"><a itemtype="url"
 47 |                                                               href="<?php $this->permalink() ?>"><?php $this->title(); ?></a>
 48 |                                 </h4>
 49 |                                 <ul class="post-meta">
 50 |                                     <li><i class="fa fa-user"></i>posted by <a itemprop="name"
 51 |                                                                                href="<?php $this->author->permalink(); ?>"
 52 |                                                                                rel="author"><?php $this->author(); ?></a>
 53 |                                     </li>
 54 |                                     <li><i class="fa fa-folder-open"></i> <?php $this->category(','); ?>
 55 |                                     </li>
 56 |                                     <li><i class="fa fa-comments"></i> <a
 57 |                                                 href="#form"><?php $this->commentsNum('0', '1', '%d'); ?> comments</a>
 58 |                                     </li>
 59 |                                 </ul>
 60 | 
 61 |                                 <?php $this->content(); ?>
 62 |                                 <div class="inline-block">
 63 |                                     <div class="widget-tags">
 64 |                                         <h6 class="text-uppercase">标签 </h6>
 65 |                                         <?php $this->tags(' ', true, '<a>没有标签</a>'); ?>
 66 |                                     </div>
 67 |                                 </div>
 68 |                                 <div class="clearfix inline-block">
 69 |                                     <?php //这是一个广告位
 70 |                                     ?>
 71 |                                 </div>
 72 |                                 <div class="pagination-row">
 73 |                                     <div class="pagination-post">
 74 |                                         <div class="prev-post">
 75 |                                             <?php $this->thePrev(' %s ', '<a><div class="arrow"><i class="fa fa-angle-double-left"></i></div><div class="pagination-txt"><span>First Post</span></div></a>', array('title' => '<div class="arrow"><i class="fa fa-angle-double-left"></i></div><div class="pagination-txt"><span>Previous Post</span></div>')); ?>
 76 |                                         </div>
 77 |                                         <div class="post-list-link">
 78 |                                             <a href="<?php $this->options->siteUrl(); ?>">
 79 |                                                 <i class="fa fa-home"></i>
 80 |                                             </a>
 81 |                                         </div>
 82 |                                         <div class="next-post">
 83 |                                             <?php $this->theNext(' %s ', '<a><div class="arrow"><i class="fa fa-angle-double-right"></i></div><div class="pagination-txt"><span>Last Post</span></div></a>', array('title' => '<div class="arrow"><i class="fa fa-angle-double-right"></i></div><div class="pagination-txt"><span>Next Post</span></div>')); ?>
 84 |                                         </div>
 85 |                                     </div>
 86 |                                 </div>
 87 |                                 <?php $this->need('comments.php'); ?>
 88 |                             </div>
 89 |                         </div>
 90 |                         <!--classic image post-->
 91 | 
 92 |                     </div>
 93 | 
 94 | 
 95 |                 </div>
 96 |             </div>
 97 |         </div>
 98 | 
 99 | 
100 |     </section>
101 |     <!--body content end-->
102 | 
103 | <?php $this->need('footer.php'); ?>


--------------------------------------------------------------------------------
/functions.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
  3 | 
  4 | function themeConfig($form)
  5 | {
  6 |     $form->addInput(new Typecho_Widget_Helper_Form_Element_Text('icp', NULL, NULL, _t('ICP备案号'), _t('有就写没有就不写不可以乱写༼ つ ◕_◕ ༽つ')));
  7 |     $form->addInput(new Typecho_Widget_Helper_Form_Element_Radio('mode', array(false => '相册模式', true => '图集模式'), false, '显示模式', '相册模式: 不显示博文，一篇文章代表一张图片<br>图集模式: 显示博文，可在博文中插入更多文字和图片'));
  8 | }
  9 | 
 10 | function themeFields($layout)
 11 | {
 12 |     $layout->addItem(new Typecho_Widget_Helper_Form_Element_Text('original', NULL, NULL, _t('原图地址（图集模式下表现为封面）'), _t('用CDN啊，再不济上个图床~')));
 13 | }
 14 | 
 15 | 
 16 | /*文章阅读次数统计*/
 17 | function get_post_view($archive)
 18 | {
 19 |     $cid = $archive->cid;
 20 |     $db = Typecho_Db::get();
 21 |     $prefix = $db->getPrefix();
 22 |     if (!array_key_exists('views', $db->fetchRow($db->select()->from('table.contents')))) {
 23 |         $db->query('ALTER TABLE `' . $prefix . 'contents` ADD `views` INT(10) DEFAULT 0;');
 24 |         echo 0;
 25 |         return;
 26 |     }
 27 |     $row = $db->fetchRow($db->select('views')->from('table.contents')->where('cid = ?', $cid));
 28 |     if ($archive->is('single')) {
 29 |         $views = Typecho_Cookie::get('extend_contents_views');
 30 |         if (empty($views)) {
 31 |             $views = array();
 32 |         } else {
 33 |             $views = explode(',', $views);
 34 |         }
 35 |         if (!in_array($cid, $views)) {
 36 |             $db->query($db->update('table.contents')->rows(array('views' => (int)$row['views'] + 1))->where('cid = ?', $cid));
 37 |             array_push($views, $cid);
 38 |             $views = implode(',', $views);
 39 |             Typecho_Cookie::set('extend_contents_views', $views); //记录查看cookie
 40 | 
 41 |         }
 42 |     }
 43 |     echo $row['views'];
 44 | }
 45 | 
 46 | 
 47 | /*Typecho 24小时发布文章数量*/
 48 | function get_recent_posts_number($days = 1, $display = true)
 49 | {
 50 |     $db = Typecho_Db::get();
 51 |     $today = time() + 3600 * 8;
 52 |     $daysago = $today - ($days * 24 * 60 * 60);
 53 |     $total_posts = $db->fetchObject($db->select(array('COUNT(cid)' => 'num'))
 54 |         ->from('table.contents')
 55 |         ->orWhere('created < ? AND created > ?', $today, $daysago)
 56 |         ->where('type = ? AND status = ? AND password IS NULL', 'post', 'publish'))->num;
 57 |     if ($display) {
 58 |         echo $total_posts;
 59 |     } else {
 60 |         return $total_posts;
 61 |     }
 62 | }
 63 | 
 64 | //热门文章（评论最多）
 65 | function rmcp($days = 30, $num = 5)
 66 | {
 67 |     $defaults = array(
 68 |         'before' => '',
 69 |         'after' => '',
 70 |         'xformat' => '<a class="list-group-item visible-lg" title="{title}" href="{permalink}" rel="bookmark"><i class="fa  fa-book"></i> {title}</a> 
 71 | 	<a class="list-group-item visible-md" title="{title}" href="{permalink}" rel="bookmark"><i class="fa  fa-book"></i> {title}</a>'
 72 |     );
 73 |     $time = time() - (24 * 60 * 60 * $days);
 74 |     $db = Typecho_Db::get();
 75 |     $sql = $db->select()->from('table.contents')
 76 |         ->where('created >= ?', $time)
 77 |         ->where('type = ?', 'post')
 78 |         ->limit($num)
 79 |         ->order('commentsNum', Typecho_Db::SORT_DESC);
 80 |     $result = $db->fetchAll($sql);
 81 |     echo $defaults['before'];
 82 |     foreach ($result as $val) {
 83 |         $val = Typecho_Widget::widget('Widget_Abstract_Contents')->filter($val);
 84 |         echo str_replace(array('{permalink}', '{title}', '{commentsNum}'), array($val['permalink'], $val['title'], $val['commentsNum']), $defaults['xformat']);
 85 |     }
 86 |     echo $defaults['after'];
 87 | }
 88 | 
 89 | //随机文章
 90 | function theme_random_posts()
 91 | {
 92 |     $defaults = array(
 93 |         'number' => 6,
 94 |         'before' => '',
 95 |         'after' => '',
 96 |         'xformat' => '<a class="list-group-item visible-lg" title="{title}" href="{permalink}" rel="bookmark"><i class="fa  fa-book"></i> {title}</a> 
 97 | 	<a class="list-group-item visible-md" title="{title}" href="{permalink}" rel="bookmark"><i class="fa  fa-book"></i> {title}</a>'
 98 |     );
 99 |     $db = Typecho_Db::get();
100 | 
101 |     $sql = $db->select()->from('table.contents')
102 |         ->where('status = ?', 'publish')
103 |         ->where('type = ?', 'post')
104 |         ->where('created <= unix_timestamp(now())', 'post') //添加这一句避免未达到时间的文章提前曝光
105 |         ->limit($defaults['number'])
106 |         ->order('RAND()');
107 | 
108 |     $result = $db->fetchAll($sql);
109 |     echo $defaults['before'];
110 |     foreach ($result as $val) {
111 |         $val = Typecho_Widget::widget('Widget_Abstract_Contents')->filter($val);
112 |         echo str_replace(array('{permalink}', '{title}'), array($val['permalink'], $val['title']), $defaults['xformat']);
113 |     }
114 |     echo $defaults['after'];
115 | }
116 | 
117 | //缩略图调用
118 | function showThumb($obj, $link = false)
119 | {
120 |     preg_match_all("/<[img|IMG].*?src=[\'|\"](.*?)[\'|\"].*?[\/]?>/", $obj->content, $matches);
121 |     $thumb = '';
122 |     $options = Typecho_Widget::widget('Widget_Options');
123 |     $attach = $obj->attachments(1)->attachment;
124 |     if (isset($attach->isImage) && $attach->isImage == 1) {
125 |         $thumb = $attach->url;   //附件是图片 输出附件
126 |     } elseif (isset($matches[1][0])) {
127 |         $thumb = $matches[1][0];  //文章内容中抓到了图片 输出链接
128 |     }
129 | 
130 | 
131 |     //空的话输出默认随机图
132 |     $thumb = empty($thumb) ? $options->themeUrl . '/img/' . rand(1, 14) . '.jpg' : $thumb;
133 | 
134 | 
135 |     if ($link) {
136 |         return $thumb;
137 |     } else {
138 |         $thumb = '<img src="' . $thumb . '">';
139 |         return $thumb;
140 |     }
141 | }
142 | 
143 | function getPostImg($archive)
144 | {
145 |     $img = array();
146 |     //  匹配 img 的 src 的正则表达式
147 |     preg_match_all("/<[img|IMG].*?src=[\'|\"](.*?)[\'|\"].*?[\/]?>/", $archive->content, $img);
148 |     //  判断是否匹配到图片
149 |     if (count($img) > 0 && count($img[0]) > 0) {
150 |         //  返回图片
151 |         return $img[1];
152 |     } else {
153 |         //  如果没有匹配到就返回 none
154 |         return 'none';
155 |     }
156 | }
157 | 


--------------------------------------------------------------------------------
/js/lazyload.js:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  * Lazy Load - JavaScript plugin for lazy loading images
  3 |  *
  4 |  * Copyright (c) 2007-2017 Mika Tuupola
  5 |  *
  6 |  * Licensed under the MIT license:
  7 |  *   http://www.opensource.org/licenses/mit-license.php
  8 |  *
  9 |  * Project home:
 10 |  *   https://appelsiini.net/projects/lazyload
 11 |  *
 12 |  * Version: 2.0.0-beta.2
 13 |  *
 14 |  */
 15 | 
 16 | (function (root, factory) {
 17 |     if (typeof exports === "object") {
 18 |         module.exports = factory(root);
 19 |     } else if (typeof define === "function" && define.amd) {
 20 |         define([], factory(root));
 21 |     } else {
 22 |         root.LazyLoad = factory(root);
 23 |     }
 24 | }) (typeof global !== "undefined" ? global : this.window || this.global, function (root) {
 25 | 
 26 |     "use strict";
 27 | 
 28 |     const defaults = {
 29 |         src: "data-src",
 30 |         srcset: "data-srcset",
 31 |         selector: ".lazyload",
 32 |         onLoaded: function(el) {
 33 |             el.classList.add('loaded');
 34 |         }
 35 |     };
 36 | 
 37 |     /**
 38 |     * Merge two or more objects. Returns a new object.
 39 |     * @private
 40 |     * @param {Boolean}  deep     If true, do a deep (or recursive) merge [optional]
 41 |     * @param {Object}   objects  The objects to merge together
 42 |     * @returns {Object}          Merged values of defaults and options
 43 |     */
 44 |     const extend = function ()  {
 45 | 
 46 |         let extended = {};
 47 |         let deep = false;
 48 |         let i = 0;
 49 |         let length = arguments.length;
 50 | 
 51 |         /* Check if a deep merge */
 52 |         if (Object.prototype.toString.call(arguments[0]) === "[object Boolean]") {
 53 |             deep = arguments[0];
 54 |             i++;
 55 |         }
 56 | 
 57 |         /* Merge the object into the extended object */
 58 |         let merge = function (obj) {
 59 |             for (let prop in obj) {
 60 |                 if (Object.prototype.hasOwnProperty.call(obj, prop)) {
 61 |                     /* If deep merge and property is an object, merge properties */
 62 |                     if (deep && Object.prototype.toString.call(obj[prop]) === "[object Object]") {
 63 |                         extended[prop] = extend(true, extended[prop], obj[prop]);
 64 |                     } else {
 65 |                         extended[prop] = obj[prop];
 66 |                     }
 67 |                 }
 68 |             }
 69 |         };
 70 | 
 71 |         /* Loop through each object and conduct a merge */
 72 |         for (; i < length; i++) {
 73 |             let obj = arguments[i];
 74 |             merge(obj);
 75 |         }
 76 | 
 77 |         return extended;
 78 |     };
 79 | 
 80 |     function LazyLoad(images, options) {
 81 |         this.settings = extend(defaults, options || {});
 82 |         this.images = images || document.querySelectorAll(this.settings.selector);
 83 |         this.observer = null;
 84 |         this.init();
 85 |     }
 86 | 
 87 |     LazyLoad.prototype = {
 88 |         init: function() {
 89 | 
 90 |             /* Without observers load everything and bail out early. */
 91 |             if (!root.IntersectionObserver) {
 92 |                 this.loadImages();
 93 |                 return;
 94 |             }
 95 | 
 96 |             let self = this;
 97 |             let observerConfig = {
 98 |                 root: null,
 99 |                 rootMargin: "0px",
100 |                 threshold: [0]
101 |             };
102 | 
103 |             this.observer = new IntersectionObserver(function(entries) {
104 |                 entries.forEach(function (entry) {
105 |                     if (entry.intersectionRatio > 0) {
106 |                         self.observer.unobserve(entry.target);
107 |                         entry.target.onload = function () {
108 |                             self.settings.onLoaded(entry.target);
109 |                         };
110 |                         let src = entry.target.getAttribute(self.settings.src);
111 |                         let srcset = entry.target.getAttribute(self.settings.srcset);
112 |                         if ("img" === entry.target.tagName.toLowerCase()) {
113 |                             if (src) {
114 |                                 entry.target.src = src;
115 |                             }
116 |                             if (srcset) {
117 |                                 entry.target.srcset = srcset;
118 |                             }
119 |                         } else {
120 |                             entry.target.style.backgroundImage = "url(" + src + ")";
121 |                         }
122 |                     }
123 |                 });
124 |             }, observerConfig);
125 | 
126 |             this.images.forEach(function (image) {
127 |                 self.observer.observe(image);
128 |             });
129 |         },
130 | 
131 |         loadAndDestroy: function () {
132 |             if (!this.settings) { return; }
133 |             this.loadImages();
134 |             this.destroy();
135 |         },
136 | 
137 |         loadImages: function () {
138 |             if (!this.settings) { return; }
139 | 
140 |             let self = this;
141 |             this.images.forEach(function (image) {
142 |                 image.onload = function () {
143 |                     self.settings.onLoaded(image);
144 |                 };
145 |                 let src = image.getAttribute(self.settings.src);
146 |                 let srcset = image.getAttribute(self.settings.srcset);
147 |                 if ("img" === image.tagName.toLowerCase()) {
148 |                     if (src) {
149 |                         image.src = src;
150 |                     }
151 |                     if (srcset) {
152 |                         image.srcset = srcset;
153 |                     }
154 |                 } else {
155 |                     image.style.backgroundImage = "url('" + src + "')";
156 |                 }
157 |             });
158 |         },
159 | 
160 |         destroy: function () {
161 |             if (!this.settings) { return; }
162 |             this.observer.disconnect();
163 |             this.settings = null;
164 |         }
165 |     };
166 | 
167 |     root.lazyload = function(images, options) {
168 |         return new LazyLoad(images, options);
169 |     };
170 | 
171 |     if (root.jQuery) {
172 |         const $ = root.jQuery;
173 |         $.fn.lazyload = function (options) {
174 |             options = options || {};
175 |             options.attribute = options.attribute || "data-src";
176 |             new LazyLoad($.makeArray(this), options);
177 |             return this;
178 |         };
179 |     }
180 | 
181 |     return LazyLoad;
182 | });


--------------------------------------------------------------------------------
/comments.php:
--------------------------------------------------------------------------------
  1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
  2 | <?php function threadedComments($comments, $options)
  3 | {
  4 | ?>
  5 |     <<?php echo $comments->levels > 0 ? 'div' : 'li'; ?> id="<?php $comments->theId(); ?>" class="media">
  6 |         <?php
  7 |         $host = '//secure.gravatar.com';
  8 |         $url = '/avatar/';
  9 |         $size = '50';
 10 |         $rating = Helper::options()->commentsAvatarRating;
 11 |         $hash = md5(strtolower($comments->mail));
 12 |         $avatar = $host . $url . $hash . '?s=' . $size . '&r=' . $rating . '&d=';
 13 |         ?>
 14 |         <a class="pull-left" href="#">
 15 |             <img class="media-object comment-avatar lazyload" src="<?php Helper::options()->themeUrl('./img/avatar.png'); ?>" onerror="javascript:this.src='<?php Helper::options()->themeUrl('./img/avatar.png'); ?>';" data-src="<?php echo $avatar ?>" alt="<?php echo $comments->author; ?>" width="50" height="50">
 16 |         </a>
 17 |         <div class="media-body">
 18 | 
 19 |             <div class="comment-info">
 20 |                 <div class="comment-author">
 21 |                     <a><?php echo $comments->author; ?></a>
 22 |                 </div>
 23 |                 <?php $comments->date('Y/m/d H:m'); ?>
 24 |                 <?php $comments->reply($word = '<i class="fa fa-comment-o"></i>回复'); ?>
 25 |             </div>
 26 | 
 27 |             <?php $comments->content(); ?>
 28 |             <?php if ($comments->children) { ?>
 29 |                 <?php $comments->threadedComments($options); ?>
 30 |             <?php } ?>
 31 | 
 32 |         </div>
 33 | 
 34 |     </<?php echo $comments->levels > 0 ? 'div' : 'li'; ?>>
 35 | <?php } ?>
 36 | 
 37 | <!--comments discussion section start-->
 38 | 
 39 | <div id="form" class="heading-title-alt text-left heading-border-bottom">
 40 |     <h4 class="text-uppercase"><?php $this->commentsNum('0', '1', '%d'); ?> 条评论</h4>
 41 | </div>
 42 | <?php $this->comments()->to($comments); ?>
 43 | <?php if ($comments->have()) : ?>
 44 |     <ul class="media-list comments-list m-bot-50 clearlist">
 45 |         <!-- Comment Item start-->
 46 |         <?php $comments->listComments(array('before' =>  '', 'after'  =>  '')); ?>
 47 |         <!-- Comment Item end-->
 48 |     </ul>
 49 | <?php endif; ?>
 50 | <!--comments discussion section end-->
 51 | 
 52 | <!--comments  section start-->
 53 | <?php if ($this->allow('comment')) : ?>
 54 |     <div id="<?php $this->respondId(); ?>" class="heading-title-alt text-left heading-border-bottom">
 55 |         <h4 class="text-uppercase">发表感言</h4>
 56 |     </div>
 57 |     <div class="cancel-comment-reply btn btn-small btn-white-solid"> <?php $comments->cancelReply($word = '<i class="fa fa-rotate-left"></i> 取消回复'); ?> </div>
 58 |     <form action="<?php $this->commentUrl() ?>" method="post" id="commentform" role="form" class="blog-comments">
 59 | 
 60 |         <div class="row">
 61 |             <?php if (!$this->user->hasLogin()) : ?>
 62 |                 <div class="col-md-6 form-group">
 63 |                     <!-- Name -->
 64 |                     <input type="text" name="author" id="name" class=" form-control" placeholder="Name *" maxlength="100" value="<?php $this->remember('author'); ?>" required="">
 65 |                 </div>
 66 | 
 67 |                 <div class="col-md-6 form-group">
 68 |                     <!-- Email -->
 69 |                     <input type="email" name="mail" id="mail" class=" form-control" placeholder="Email *" maxlength="100" value="<?php $this->remember('mail'); ?>" required="">
 70 |                 </div>
 71 | 
 72 |                 <!-- Website -->
 73 |                 <div class="form-group col-md-12">
 74 |                     <input type="text" name="url" id="website" class=" form-control" placeholder="Website" maxlength="100" value="<?php $this->remember('url'); ?>">
 75 |                 </div>
 76 |             <?php else : ?>
 77 |                 <!-- User -->
 78 |                 <div class="form-group col-md-12">
 79 |                     <h5 class="text-uppercase"><span class="active"><?php $this->user->screenName(); ?></span> Welcome back.</h5>
 80 |                 </div>
 81 |             <?php endif; ?>
 82 |             <!-- Comment -->
 83 |             <div class="form-group col-md-12">
 84 |                 <textarea name="text" id="text" class=" form-control" rows="6" placeholder="您的支持是我们的动力！" maxlength="400"></textarea>
 85 |             </div>
 86 | 
 87 |             <!-- Send Button -->
 88 |             <div class="form-group col-md-12">
 89 |                 <button type="submit" class="btn btn-small btn-default">
 90 |                     发射
 91 |                 </button>
 92 |             </div>
 93 | 
 94 |             <!-- Security -->
 95 |             <?php $security = $this->widget('Widget_Security'); ?>
 96 |             <input type="hidden" name="_" value="<?php echo $security->getToken($this->request->getReferer()) ?>"></p>
 97 | 
 98 | 
 99 |         </div>
100 | 
101 |     </form>
102 |     <script data-no-instant>
103 |         (function() {
104 |             window.TypechoComment = {
105 |                 dom: function(id) {
106 |                     return document.getElementById(id);
107 |                 },
108 |                 create: function(tag, attr) {
109 |                     var el = document.createElement(tag);
110 |                     for (var key in attr) {
111 |                         el.setAttribute(key, attr[key]);
112 |                     }
113 |                     return el;
114 |                 },
115 |                 reply: function(cid, coid) {
116 |                     var comment = this.dom(cid),
117 |                         parent = comment.parentNode,
118 |                         response = this.dom('respond-post-1'),
119 |                         input = this.dom('comment-parent'),
120 |                         form = 'form' == response.tagName ? response : response.getElementsByTagName('form')[0],
121 |                         textarea = response.getElementsByTagName('textarea')[0];
122 |                     if (null == input) {
123 |                         input = this.create('input', {
124 |                             'type': 'hidden',
125 |                             'name': 'parent',
126 |                             'id': 'comment-parent'
127 |                         });
128 |                         form.appendChild(input);
129 |                     }
130 |                     input.setAttribute('value', coid);
131 |                     if (null == this.dom('comment-form-place-holder')) {
132 |                         var holder = this.create('div', {
133 |                             'id': 'comment-form-place-holder'
134 |                         });
135 |                         response.parentNode.insertBefore(holder, response);
136 |                     }
137 |                     comment.appendChild(response);
138 |                     this.dom('cancel-comment-reply-link').style.display = '';
139 |                     if (null != textarea && 'text' == textarea.name) {
140 |                         textarea.focus();
141 |                     }
142 |                     return false;
143 |                 },
144 |                 cancelReply: function() {
145 |                     var response = this.dom('respond-post-1'),
146 |                         holder = this.dom('comment-form-place-holder'),
147 |                         input = this.dom('comment-parent');
148 |                     if (null != input) {
149 |                         input.parentNode.removeChild(input);
150 |                     }
151 |                     if (null == holder) {
152 |                         return true;
153 |                     }
154 |                     this.dom('cancel-comment-reply-link').style.display = 'none';
155 |                     holder.parentNode.insertBefore(response, holder);
156 |                     return false;
157 |                 }
158 |             };
159 |         })();
160 |     </script>
161 | <?php else : ?>
162 |     <div id="<?php $this->respondId(); ?>" class="heading-title-alt text-left heading-border-bottom">
163 |         <h4 class="text-uppercase">Comment Closed</h4>
164 |     </div>
165 | <?php endif; ?>
166 | <!--comments  section end-->


--------------------------------------------------------------------------------
/js/menuzord.js:
--------------------------------------------------------------------------------
  1 | (function ($) {
  2 |     jQuery.fn.menuzord = function (options) {
  3 |         var settings;
  4 |         $.extend(settings = {
  5 |             showSpeed: 300,
  6 |             hideSpeed: 300,
  7 |             trigger: "hover",
  8 |             showDelay: 0,
  9 |             hideDelay: 0,
 10 |             effect: "fade",
 11 |             align: "left",
 12 |             responsive: true,
 13 |             animation: "none",
 14 |             indentChildren: true,
 15 |             indicatorFirstLevel: "+",
 16 |             indicatorSecondLevel: "+",
 17 |             scrollable: true,
 18 |             scrollableMaxHeight: 400
 19 |         }, options);
 20 |         var menu_container = $(this);
 21 |         var menu = $(menu_container).children(".menuzord-menu");
 22 |         var menu_li = $(menu).find("li");
 23 |         var showHideButton;
 24 |         var mobileWidthBase = 991;
 25 |         var bigScreenFlag = 2000;
 26 |         var smallScreenFlag = 200;
 27 |         $(menu).children("li").children("a").each(function () {
 28 |             if ($(this).siblings(".dropdown, .megamenu").length > 0) {
 29 |                 $(this).append("<span class='indicator'>" + settings.indicatorFirstLevel + "</span>");
 30 |             }
 31 |         });
 32 |         $(menu).find(".dropdown").children("li").children("a").each(function () {
 33 |             if ($(this).siblings(".dropdown").length > 0) {
 34 |                 $(this).append("<span class='indicator'>" + settings.indicatorSecondLevel + "</span>");
 35 |             }
 36 |         });
 37 |         if (settings.align == "right") {
 38 |             $(menu).addClass("menuzord-right");
 39 |         }
 40 |         if (settings.indentChildren) {
 41 |             $(menu).addClass("menuzord-indented");
 42 |         }
 43 |         if (settings.responsive) {
 44 |             $(menu_container).addClass("menuzord-responsive").prepend("<a href='javascript:void(0)' class='showhide'><em></em><em></em><em></em></a>");
 45 |             showHideButton = $(menu_container).children(".showhide");
 46 |         }
 47 |         if (settings.scrollable) {
 48 |             if (settings.responsive) {
 49 |                 $(menu).css("max-height", settings.scrollableMaxHeight).addClass("scrollable").append("<li class='scrollable-fix'></li>");
 50 |             }
 51 |         }
 52 | 
 53 |         function showDropdown(item) {
 54 |             if (settings.effect == "fade") $(item).children(".dropdown, .megamenu").stop(true, true).delay(settings.showDelay).fadeIn(settings.showSpeed).addClass(settings.animation);
 55 |             else
 56 |                 $(item).children(".dropdown, .megamenu").stop(true, true).delay(settings.showDelay).slideDown(settings.showSpeed).addClass(settings.animation);
 57 |         }
 58 | 
 59 |         function hideDropdown(item) {
 60 |             if (settings.effect == "fade") $(item).children(".dropdown, .megamenu").stop(true, true).delay(settings.hideDelay).fadeOut(settings.hideSpeed).removeClass(settings.animation);
 61 |             else
 62 |                 $(item).children(".dropdown, .megamenu").stop(true, true).delay(settings.hideDelay).slideUp(settings.hideSpeed).removeClass(settings.animation);
 63 |             $(item).children(".dropdown, .megamenu").find(".dropdown, .megamenu").stop(true, true).delay(settings.hideDelay).fadeOut(settings.hideSpeed);
 64 |         }
 65 | 
 66 |         function landscapeMode() {
 67 |             $(menu).find(".dropdown, .megamenu").hide(0);
 68 |             if (navigator.userAgent.match(/Mobi/i) || window.navigator.msMaxTouchPoints > 0 || settings.trigger == "click") {
 69 |                 $(".menuzord-menu > li > a, .menuzord-menu ul.dropdown li a").bind("click touchstart", function (e) {
 70 |                     e.stopPropagation();
 71 |                     e.preventDefault();
 72 |                     $(this).parent("li").siblings("li").find(".dropdown, .megamenu").stop(true, true).fadeOut(300);
 73 |                     if ($(this).siblings(".dropdown, .megamenu").css("display") == "none") {
 74 |                         showDropdown($(this).parent("li"));
 75 |                         return false;
 76 |                     } else {
 77 |                         hideDropdown($(this).parent("li"));
 78 |                     }
 79 |                     window.location.href = $(this).attr("href");
 80 |                 });
 81 |                 $(document).bind("click.menu touchstart.menu", function (ev) {
 82 |                     if ($(ev.target).closest(".menuzord").length == 0) {
 83 |                         $(".menuzord-menu").find(".dropdown, .megamenu").fadeOut(300);
 84 |                     }
 85 |                 });
 86 |             } else {
 87 |                 $(menu_li).bind("mouseenter", function () {
 88 |                     showDropdown(this);
 89 |                 }).bind("mouseleave", function () {
 90 |                     hideDropdown(this);
 91 |                 });
 92 |             }
 93 |         }
 94 | 
 95 |         function portraitMode() {
 96 |             $(menu).find(".dropdown, .megamenu").hide(0);
 97 |             $(menu).find(".indicator").each(function () {
 98 |                 if ($(this).parent("a").siblings(".dropdown, .megamenu").length > 0) {
 99 |                     $(this).bind("click", function (e) {
100 |                         $(menu).scrollTo({
101 |                             top: 45,
102 |                             left: 0
103 |                         }, 600);
104 |                         if ($(this).parent().prop("tagName") == "A") {
105 |                             e.preventDefault();
106 |                         }
107 |                         if ($(this).parent("a").siblings(".dropdown, .megamenu").css("display") == "none") {
108 |                             $(this).parent("a").siblings(".dropdown, .megamenu").delay(settings.showDelay).slideDown(settings.showSpeed);
109 |                             $(this).parent("a").parent("li").siblings("li").find(".dropdown, .megamenu").slideUp(settings.hideSpeed);
110 |                         } else {
111 |                             $(this).parent("a").siblings(".dropdown, .megamenu").slideUp(settings.hideSpeed);
112 |                         }
113 |                     });
114 |                 }
115 |             });
116 |         }
117 | 
118 |         function fixSubmenuRight() {
119 |             var submenus = $(menu).children("li").children(".dropdown, .megamenu");
120 |             if ($(window).innerWidth() > mobileWidthBase) {
121 |                 var menu_width = $(menu_container).outerWidth(true);
122 |                 for (var i = 0; i < submenus.length; i++) {
123 |                     if ($(submenus[i]).parent("li").position().left + $(submenus[i]).outerWidth() > menu_width) {
124 |                         $(submenus[i]).css("right", 0);
125 |                     } else {
126 |                         if (menu_width == $(submenus[i]).outerWidth() || (menu_width - $(submenus[i]).outerWidth()) < 20) {
127 |                             $(submenus[i]).css("left", 0);
128 |                         }
129 |                         if ($(submenus[i]).parent("li").position().left + $(submenus[i]).outerWidth() < menu_width) {
130 |                             $(submenus[i]).css("right", "auto");
131 |                         }
132 |                     }
133 |                 }
134 |             }
135 |         }
136 | 
137 |         function showMobileBar() {
138 |             $(menu).hide(0);
139 |             $(showHideButton).show(0).click(function () {
140 |                 if ($(menu).css("display") == "none") $(menu).slideDown(settings.showSpeed);
141 |                 else
142 |                     $(menu).slideUp(settings.hideSpeed).find(".dropdown, .megamenu").hide(settings.hideSpeed);
143 |             });
144 |         }
145 | 
146 |         function hideMobileBar() {
147 |             $(menu).show(0);
148 |             $(showHideButton).hide(0);
149 |         }
150 | 
151 |         function unbindEvents() {
152 |             $(menu_container).find("li, a").unbind();
153 |             $(document).unbind("click.menu touchstart.menu");
154 |         }
155 | 
156 |         function menuTabs() {
157 |             function startTab(tab) {
158 |                 var TabNavs = $(tab).find(".menuzord-tabs-nav > li");
159 |                 var TabContents = $(tab).find(".menuzord-tabs-content");
160 |                 $(TabNavs).bind("click touchstart", function (e) {
161 |                     e.stopPropagation();
162 |                     e.preventDefault();
163 |                     $(TabNavs).removeClass("active");
164 |                     $(this).addClass("active");
165 |                     $(TabContents).hide(0);
166 |                     $(TabContents[$(this).index()]).show(0);
167 |                 });
168 |             }
169 |             if ($(menu).find(".menuzord-tabs").length > 0) {
170 |                 var menuTabs = $(menu).find(".menuzord-tabs");
171 |                 for (var i = 0; i < menuTabs.length; i++) {
172 |                     startTab(menuTabs[i]);
173 |                 }
174 |             }
175 |         }
176 | 
177 |         function windowWidth() {
178 |             return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
179 |         }
180 | 
181 |         function startMenu() {
182 |             fixSubmenuRight();
183 |             if (windowWidth() <= mobileWidthBase && bigScreenFlag > mobileWidthBase) {
184 |                 unbindEvents();
185 |                 if (settings.responsive) {
186 |                     showMobileBar();
187 |                     portraitMode();
188 |                 } else {
189 |                     landscapeMode();
190 |                 }
191 |             }
192 |             if (windowWidth() > mobileWidthBase && smallScreenFlag <= mobileWidthBase) {
193 |                 unbindEvents();
194 |                 hideMobileBar();
195 |                 landscapeMode();
196 |             }
197 |             bigScreenFlag = windowWidth();
198 |             smallScreenFlag = windowWidth();
199 |             menuTabs();
200 |             if (/MSIE (\d+\.\d+);/.test(navigator.userAgent) && windowWidth() < mobileWidthBase) {
201 |                 var ieversion = new Number(RegExp.$1);
202 |                 if (ieversion == 8) {
203 |                     $(showHideButton).hide(0);
204 |                     $(menu).show(0);
205 |                     unbindEvents();
206 |                     landscapeMode();
207 |                 }
208 |             }
209 |         }
210 |         startMenu();
211 |         $(window).resize(function () {
212 |             startMenu();
213 |             fixSubmenuRight();
214 |         });
215 |     }
216 | }(jQuery));
217 | (function (k) {
218 |     'use strict';
219 |     k(['jquery'], function ($) {
220 |         var j = $.scrollTo = function (a, b, c) {
221 |             return $(window).scrollTo(a, b, c)
222 |         };
223 |         j.defaults = {
224 |             axis: 'xy',
225 |             duration: parseFloat($.fn.jquery) >= 1.3 ? 0 : 1,
226 |             limit: !0
227 |         };
228 |         j.window = function (a) {
229 |             return $(window)._scrollable()
230 |         };
231 |         $.fn._scrollable = function () {
232 |             return this.map(function () {
233 |                 var a = this,
234 |                     isWin = !a.nodeName || $.inArray(a.nodeName.toLowerCase(), ['iframe', '#document', 'html', 'body']) != -1;
235 |                 if (!isWin) return a;
236 |                 var b = (a.contentWindow || a).document || a.ownerDocument || a;
237 |                 return /webkit/i.test(navigator.userAgent) || b.compatMode == 'BackCompat' ? b.body : b.documentElement
238 |             })
239 |         };
240 |         $.fn.scrollTo = function (f, g, h) {
241 |             if (typeof g == 'object') {
242 |                 h = g;
243 |                 g = 0
244 |             }
245 |             if (typeof h == 'function') h = {
246 |                 onAfter: h
247 |             };
248 |             if (f == 'max') f = 9e9;
249 |             h = $.extend({}, j.defaults, h);
250 |             g = g || h.duration;
251 |             h.queue = h.queue && h.axis.length > 1;
252 |             if (h.queue) g /= 2;
253 |             h.offset = both(h.offset);
254 |             h.over = both(h.over);
255 |             return this._scrollable().each(function () {
256 |                 if (f == null) return;
257 |                 var d = this,
258 |                     $elem = $(d),
259 |                     targ = f,
260 |                     toff, attr = {},
261 |                     win = $elem.is('html,body');
262 |                 switch (typeof targ) {
263 |                     case 'number':
264 |                     case 'string':
265 |                         if (/^([+-]=?)?\d+(\.\d+)?(px|%)?$/.test(targ)) {
266 |                             targ = both(targ);
267 |                             break
268 |                         }
269 |                         targ = win ? $(targ) : $(targ, this);
270 |                         if (!targ.length) return;
271 |                     case 'object':
272 |                         if (targ.is || targ.style) toff = (targ = $(targ)).offset()
273 |                 }
274 |                 var e = $.isFunction(h.offset) && h.offset(d, targ) || h.offset;
275 |                 $.each(h.axis.split(''), function (i, a) {
276 |                     var b = a == 'x' ? 'Left' : 'Top',
277 |                         pos = b.toLowerCase(),
278 |                         key = 'scroll' + b,
279 |                         old = d[key],
280 |                         max = j.max(d, a);
281 |                     if (toff) {
282 |                         attr[key] = toff[pos] + (win ? 0 : old - $elem.offset()[pos]);
283 |                         if (h.margin) {
284 |                             attr[key] -= parseInt(targ.css('margin' + b)) || 0;
285 |                             attr[key] -= parseInt(targ.css('border' + b + 'Width')) || 0
286 |                         }
287 |                         attr[key] += e[pos] || 0;
288 |                         if (h.over[pos]) attr[key] += targ[a == 'x' ? 'width' : 'height']() * h.over[pos]
289 |                     } else {
290 |                         var c = targ[pos];
291 |                         attr[key] = c.slice && c.slice(-1) == '%' ? parseFloat(c) / 100 * max : c
292 |                     }
293 |                     if (h.limit && /^\d+$/.test(attr[key])) attr[key] = attr[key] <= 0 ? 0 : Math.min(attr[key], max);
294 |                     if (!i && h.queue) {
295 |                         if (old != attr[key]) animate(h.onAfterFirst);
296 |                         delete attr[key]
297 |                     }
298 |                 });
299 |                 animate(h.onAfter);
300 | 
301 |                 function animate(a) {
302 |                     $elem.animate(attr, g, h.easing, a && function () {
303 |                         a.call(this, targ, h)
304 |                     })
305 |                 }
306 |             }).end()
307 |         };
308 |         j.max = function (a, b) {
309 |             var c = b == 'x' ? 'Width' : 'Height',
310 |                 scroll = 'scroll' + c;
311 |             if (!$(a).is('html,body')) return a[scroll] - $(a)[c.toLowerCase()]();
312 |             var d = 'client' + c,
313 |                 html = a.ownerDocument.documentElement,
314 |                 body = a.ownerDocument.body;
315 |             return Math.max(html[scroll], body[scroll]) - Math.min(html[d], body[d])
316 |         };
317 | 
318 |         function both(a) {
319 |             return $.isFunction(a) || typeof a == 'object' ? a : {
320 |                 top: a,
321 |                 left: a
322 |             }
323 |         }
324 |         return j
325 |     })
326 | }(typeof define === 'function' && define.amd ? define : function (a, b) {
327 |     if (typeof module !== 'undefined' && module.exports) {
328 |         module.exports = b(require('jquery'))
329 |     } else {
330 |         b(jQuery)
331 |     }
332 | }));


--------------------------------------------------------------------------------
/css/style.min.css:
--------------------------------------------------------------------------------
1 | /*============================================== Project: Massive - Multipurpose Responsive Theme Build: Bootstrap 3+ Author: ThemeBucket ===============================================*//*============================================== Table of Contents 0. tb preloader 1. import css files 2. typography 3. header 4. top mega menu 5. menu appear alt 6. floating menu 7. nav icon 8. nav link boxed 9. nav link border box 10. nav link border bottom 11. nav center align 12. nav bottom position 13. nav block left align 14. pre-defined > margin top | margin bottom 15. body content 16. portfolio 17. portfolio with title 18. portfolio masonry 19. Isotope Filtering 20. portfolio details 21. portfolio nav 22. masonry grid 23. Flex Slider 24. slider revolution 25. maintenance 26. top bar 27. primary nav 28. countdown 29. bs slider 30. static banner 31. video banner 32. custom pagination 33. Product list 34. contact us 35. event page 36. magazine page 37. catering page 38. hotel page 39. app landing page 40. Slider Typist 41. Boxed View 42. scroll top ===============================================*//*============================================== Pre Loader ===============================================*/  #tb-preloader {position: fixed;z-index: 999999;top: 0;right: 0;bottom: 0;left: 0;display: block;background: #fff;}  .tb-preloader-wave {position: absolute;top: 50%;left: 50%;width: 60px;height: 60px;margin: -30px 0 0 -30px;}  .tb-preloader-wave:before, .tb-preloader-wave:after {position: absolute;display: inline-block;width: 60px;height: 60px;content: "";-webkit-animation: preloader-wave 1.6s linear infinite;animation: preloader-wave 1.6s linear infinite;border-radius: 50%;background: #222;}  .tb-preloader-wave:after {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}  @-webkit-keyframes preloader-wave { 0% {-webkit-transform: scale(0, 0);transform: scale(0, 0);opacity: 0.5;} 100% {-webkit-transform: scale(1, 1);transform: scale(1, 1);opacity: 0;} }  @keyframes preloader-wave { 0% {-webkit-transform: scale(0, 0);transform: scale(0, 0);opacity: 0.5;} 100% {-webkit-transform: scale(1, 1);transform: scale(1, 1);opacity: 0;} }  /*============================================== Base ===============================================*/  body {color: #323232;font-family: "Source Sans Pro", sans-serif;font-size: 15px;font-weight: 400;line-height: 1.5;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;text-rendering: optimizeLegibility;}  a:active, a:focus {outline: none !important;}  h1, h2, h3, h4, h5, h6 {margin: 0 0 30px 0;color: #333;font-weight: normal;line-height: 1.5;}  h1, h2 {letter-spacing: 2px;}  h3, h4 {letter-spacing: 2px;}  h5, h6 {letter-spacing: 1px;}  a {text-decoration: none !important;}  a:hover, a:focus {color: #323232;}  a, .btn {-webkit-transition: all 0.3s;transition: all 0.3s;}  a img, iframe {border: none;}  p {margin: 0 0 30px;color: #7e7e7e;line-height: 30px;}  hr {margin-top: 0;margin-bottom: 0;border: 0;border-top: 1px solid #eee;}  pre {display: block;margin: 0 0 30px;padding: 9.5px;word-wrap: break-word;word-break: break-all;color: #333;border: 1px solid #ededed;border-radius: 0;background-color: #f9f9f9;font-size: 13px;line-height: 1.42857143;}  .parallax-window {min-height: 400px;padding: 150px 0;background: transparent;}  /*============================================== Utility ===============================================*/  .column-two, .column-three, .column-four {-webkit-column-gap: 40px;-moz-column-gap: 40px;column-gap: 40px;}  .column-two {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}  .column-three {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}  .column-four {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}  .m-top-0, .m-top-10, .m-top-15, .m-top-20, .m-top-25, .m-top-30, .m-top-35, .m-top-40, .m-top-50, .m-top-80, .m-top-100, .m-bot-0, .m-bot-10, .m-bot-15, .m-bot-20, .m-bot-25, .m-bot-30, .m-bot-35, .m-bot-40, .m-bot-50, .m-bot-80, .m-bot-100 {display: inline-block;}  .m-top-0 {margin-top: 0 !important;}  .m-top-5 {margin-top: 5px;}  .m-top-10 {margin-top: 10px;}  .m-top-15 {margin-top: 15px;}  .m-top-20 {margin-top: 20px;}  .m-top-25 {margin-top: 25px;}  .m-top-30 {margin-top: 30px;}  .m-top-35 {margin-top: 35px;}  .m-top-40 {margin-top: 40px;}  .m-top-50 {margin-top: 50px;}  .m-top-80 {margin-top: 80px;}  .m-top-100 {margin-top: 100px;}  /*margin bottom*/  .m-bot-0 {margin-bottom: 0 !important;}  .m-bot-10 {margin-bottom: 10px;}  .m-bot-15 {margin-bottom: 15px;}  .m-bot-20 {margin-bottom: 20px;}  .m-bot-25 {margin-bottom: 25px;}  .m-bot-30 {margin-bottom: 30px;}  .m-bot-35 {margin-bottom: 35px;}  .m-bot-40 {margin-bottom: 40px;}  .m-bot-50 {margin-bottom: 50px;}  .m-bot-80 {margin-bottom: 80px;}  .m-bot-100 {margin-bottom: 100px;}  .m-left-10 {margin-left: 20px;}  /*padding top*/  .p-top-0 {padding-top: 0 !important;}  .p-top-10 {padding-top: 10px;}  .p-top-15 {padding-top: 15px;}  .p-top-20 {padding-top: 20px;}  .p-top-25 {padding-top: 25px;}  .p-top-30 {padding-top: 30px;}  .p-top-35 {padding-top: 35px;}  .p-top-40 {padding-top: 40px;}  .p-top-50 {padding-top: 50px;}  .p-top-80 {padding-top: 80px;}  .p-top-100 {padding-top: 100px;}  .p-tb-10 {padding: 10px 0;}  .p-tb-20 {padding: 20px 0;}  .p-tb-30 {padding: 30px 0;}  .p-tb-50 {padding: 50px 0;}  .p-tb-100 {padding: 100px 0;}  .p-tb-150 {padding: 150px 0;}  .p-tb-200 {padding: 200px 0;}  .p-top-0 {padding-top: 0 !important;}  .p-bot-0 {padding-bottom: 0 !important;}  .p-bot-100 {padding-bottom: 100px !important;}  .theme-bg-space {padding: 10px 20px;}  .bg-space-lg {padding: 40px;}  .bg-space-m {padding: 20px 100px;}  .inline-block {display: inline-block;width: 100%;}  .relative {position: relative;}  .vertical-align {position: relative;}  .ls-20 {letter-spacing: 20px !important;}  .ls-40 {letter-spacing: 40px !important;}  .b-lg-lw {font-weight: 100;}  .txt-xl {font-size: 26px !important;font-weight: 300;line-height: 36px;}  .txt-sm {font-size: 16px !important;font-weight: normal;line-height: 20px;}  .height-160 {height: 160px !important;}  .height-227 {height: 227px !important;}  .height-300 {height: 300px !important;}  .height-310 {height: 310px !important;}  .height-361 {height: 361px !important;}  .height-450 {height: 450px !important;}  .height-550 {height: 550px !important;}  .height-600 {height: 600px !important;}  .width-300 {width: 300px !important;}  .dark-bg-alt {background: #222;}  .gray-bg-alt {background: #e8e8e8;}  .opacity-90 {opacity: 0.9;}  .ls-3 {letter-spacing: 3px;}  .m-r-0 {margin-right: 0;}  .l-weight {font-weight: 100 !important;}  .semi-transparent {background: rgba(10, 10, 10, 0.5) !important;}  .float-none {float: none !important;}  /*============================================== Bootstrap Reset ===============================================*/  .container-fluid, .col-lg-1, .col-md-1, .col-sm-1, .col-xs-1, .col-lg-2, .col-md-2, .col-sm-2, .col-xs-2, .col-lg-3, .col-md-3, .col-sm-3, .col-xs-3, .col-lg-4, .col-md-4, .col-sm-4, .col-xs-4, .col-lg-5, .col-md-5, .col-sm-5, .col-xs-5, .col-lg-6, .col-md-6, .col-sm-6, .col-xs-6, .col-lg-7, .col-md-7, .col-sm-7, .col-xs-7, .col-lg-8, .col-md-8, .col-sm-8, .col-xs-8, .col-lg-9, .col-md-9, .col-sm-9, .col-xs-9, .col-lg-10, .col-md-10, .col-sm-10, .col-xs-10, .col-lg-11, .col-md-11, .col-sm-11, .col-xs-11, .col-lg-12, .col-md-12, .col-sm-12, .col-xs-12 {padding-right: 30px;padding-left: 30px;}  .btn-default {border-color: #e5e5e5;}  /*============================================== Top Bar ===============================================*/  .top-bar {height: 40px;border-bottom: 1px solid #eee;line-height: 40px;}  .top-bar .gray-bg {background: #f5f5f5;}  .top-social-link a {display: inline-block;margin-right: 10px;color: #aaa;}  .top-social-link a:hover, .top-link li a:hover {color: #222;}  .top-link {float: right;margin: 0;padding: 0;list-style: none;}  .top-link li {display: inline-block;margin: 0 5px;}  .top-link li i, .top-link li a i {margin-right: 10px;}  .top-link li, .top-link li a {color: #aaa;}  .top-link.text-uppercase {font-size: 12px;}  .top-bar .col-lg-1, .top-bar .col-lg-10, .top-bar .col-lg-11, .top-bar .col-lg-12, .top-bar .col-lg-2, .top-bar .col-lg-3, .top-bar .col-lg-4, .top-bar .col-lg-5, .top-bar .col-lg-6, .top-bar .col-lg-7, .top-bar .col-lg-8, .top-bar .col-lg-9, .top-bar .col-md-1, .top-bar .col-md-10, .top-bar .col-md-11, .top-bar .col-md-12, .top-bar .col-md-2, .top-bar .col-md-3, .top-bar .col-md-4, .top-bar .col-md-5, .top-bar .col-md-6, .top-bar .col-md-7, .top-bar .col-md-8, .top-bar .col-md-9, .top-bar .col-sm-1, .top-bar .col-sm-10, .top-bar .col-sm-11, .top-bar .col-sm-12, .top-bar .col-sm-2, .top-bar .col-sm-3, .top-bar .col-sm-4, .top-bar .col-sm-5, .top-bar .col-sm-6, .top-bar .col-sm-7, .top-bar .col-sm-8, .top-bar .col-sm-9, .top-bar .col-xs-1, .top-bar .col-xs-10, .top-bar .col-xs-11, .top-bar .col-xs-12, .top-bar .col-xs-2, .top-bar .col-xs-3, .top-bar .col-xs-4, .top-bar .col-xs-5, .top-bar .col-xs-6, .top-bar .col-xs-7, .top-bar .col-xs-8, .top-bar .col-xs-9 {padding-right: 15px;padding-left: 15px;}  .top-link.divider li:after {display: inline-block;padding-left: 13px;content: "/";}  .top-link.divider li:last-child:after {display: inline-block;content: "";}  /*============================================== Header ===============================================*//*top-ads*/  .top-ads {float: right;margin-top: 10px;}  /*============================================== Navbar ===============================================*/  .menuzord {position: relative;float: left;width: 100%;padding: 0;letter-spacing: 0.5px;text-transform: uppercase;background: none;}  .logo-brand {float: left;height: 50px;margin-right: 30px;color: #666;font-size: 20px;font-weight: 600;line-height: 50px;}  .logo-brand img {position: relative;top: -2px;display: inline-block;max-height: 100%;padding: 2px 0;}  .menuzord-menu {float: left;margin: 0;padding: 0;list-style: none;}  .menuzord-menu.menuzord-right {float: right;}  .menuzord-menu ul.dropdown li a, .menuzord-menu>li>.megamenu a, .menuzord-menu>li>.megamenu h5 {color: #222;}  .menuzord-menu>li>.megamenu h5 {margin-bottom: 20px;padding-left: 10px;font-size: 14px;font-weight: 600;}  .menuzord-menu>li>.megamenu .megamenu-row li a {display: inline-block;width: 100%;padding: 8px 10px;font-size: 12px;}  .menuzord-menu a {-webkit-transition: color 0.3s, background 0.3s;transition: color 0.3s, background 0.3s;}  .menuzord-menu.scrollable>.scrollable-fix {display: none;}  .menuzord-menu>li {display: inline-block;float: left;margin-left: 2px;}  .menuzord-menu>li>a {display: inline-block;padding: 0 12px;text-decoration: none;color: #333;outline: 0;font-size: 13px;font-weight: normal;-webkit-tap-highlight-color: transparent;}  .menuzord-menu>li.active>a, .menuzord-menu>li:hover>a {color: #333;}  .menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown {position: absolute;z-index: 1000;display: none;min-width: 190px;margin: 0;padding: 0;list-style: none;white-space: nowrap;background: #fff;}  .menuzord-menu ul.dropdown li ul.dropdown {top: -1px;left: 100%;}  .menuzord-menu ul.dropdown li {position: relative;clear: both;width: 100%;border: 0;font-size: 12px;}  .menuzord-menu ul.dropdown li a {position: relative;display: inline-block;float: left;clear: both;width: 100%;padding: 10px 25px 10px 22px;text-decoration: none;color: #222;outline: 0;background: 0 0;}  .menuzord-menu ul.dropdown li:hover>a {padding-right: 19px;color: #333;}  .menuzord-menu ul.dropdown.dropdown-left {left: auto;}  .menuzord-menu ul.dropdown li ul.dropdown.dropdown-left {right: 100%;left: auto;}  .menuzord-menu li .indicator {margin-left: 3px;}  .menuzord-menu li ul.dropdown li .indicator {position: absolute;top: 8px;right: 10px;font-size: 15px;}  .menuzord-menu>li>.megamenu {position: absolute;z-index: 1000;left: 0;display: none;width: 100%;padding: 20px;border-top: solid 1px #f0f0f0;background: #fff;}  .menuzord-menu>li>.megamenu.megamenu-half-width {left: auto;width: 50%;}  .menuzord-menu>li>.megamenu.megamenu-quarter-width {left: auto;width: 25%;}  .menuzord-menu>li>.megamenu .megamenu-row {width: 100%;margin-top: 15px;}  .menuzord-menu>li>.megamenu .megamenu-row:first-child {margin-top: 0;}  .menuzord-menu>li>.megamenu .megamenu-row:after, .menuzord-menu>li>.megamenu .megamenu-row:before {display: table;content: "";line-height: 0;}  .menuzord-menu>li>.megamenu .megamenu-row:after {clear: both;}  .menuzord-menu>li>.megamenu .megamenu-row .col1, .menuzord-menu>li>.megamenu .megamenu-row .col10, .menuzord-menu>li>.megamenu .megamenu-row .col11, .menuzord-menu>li>.megamenu .megamenu-row .col12, .menuzord-menu>li>.megamenu .megamenu-row .col2, .menuzord-menu>li>.megamenu .megamenu-row .col3, .menuzord-menu>li>.megamenu .megamenu-row .col4, .menuzord-menu>li>.megamenu .megamenu-row .col5, .menuzord-menu>li>.megamenu .megamenu-row .col6, .menuzord-menu>li>.megamenu .megamenu-row .col7, .menuzord-menu>li>.megamenu .megamenu-row .col8, .menuzord-menu>li>.megamenu .megamenu-row .col9 {display: block;float: left;min-height: 20px;margin-left: 3%;}  .menuzord-menu>li>.megamenu .megamenu-row [class*="col"]:first-child {margin-left: 0;}  .menuzord-menu>li>.megamenu .megamenu-row .col1 {width: 5.583333333333%;}  .menuzord-menu>li>.megamenu .megamenu-row .col2 {width: 14.166666666666%;}  .menuzord-menu>li>.megamenu .megamenu-row .col3 {width: 22.75%;}  .menuzord-menu>li>.megamenu .megamenu-row .col4 {width: 31.333333333333%;}  .menuzord-menu>li>.megamenu .megamenu-row .col5 {width: 39.916666666667%;}  .menuzord-menu>li>.megamenu .megamenu-row .col6 {width: 48.5%;}  .menuzord-menu>li>.megamenu .megamenu-row .col7 {width: 57.083333333333%;}  .menuzord-menu>li>.megamenu .megamenu-row .col8 {width: 65.666666666667%;}  .menuzord-menu>li>.megamenu .megamenu-row .col9 {width: 74.25%;}  .menuzord-menu>li>.megamenu .megamenu-row .col10 {width: 82.833333333334%;}  .menuzord-menu>li>.megamenu .megamenu-row .col11 {width: 91.416666666667%;}  .menuzord-menu>li>.megamenu .megamenu-row .col12 {width: 100%;}  .menuzord .showhide {display: none;float: right;width: 30px;height: 46px;padding: 13px 0 0;text-decoration: none;outline: 0;-webkit-tap-highlight-color: transparent;}  .menuzord .showhide em {float: right;width: 20px;height: 3px;margin: 3.5px 0 0;background: #777;}  .menuzord-menu>li>a>.fa {float: left;margin: 0 5px 0 0;color: inherit;font-size: 14px;line-height: inherit;}  .menuzord-menu>li.search form {float: left;padding: 22px 16px 17px;}  .menuzord-tabs {float: left;width: 100%;}  .menuzord-tabs-nav {float: left;width: 20%;margin: 0;padding: 0;list-style: none;}  .menuzord-tabs-nav>li>a {float: left;width: 100%;padding: 7px 16px;text-decoration: none;color: #666;border: 1px solid #f0f0f0;outline: 0;font-size: 13px;}  .menuzord-tabs-nav li.active a, .menuzord-tabs-nav li:hover a {background: #f0f0f0;}  .menuzord-tabs-content {display: none;float: right;width: 80%;min-height: 30px;padding: 20px;border: 1px solid #f0f0f0;font-size: 13px;}  .menuzord-tabs-content.active {display: block;}  .menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown {border: 1px solid #efefef;background: #fff;}  .menuzord-menu ul.dropdown li:hover>a {color: #d6b161;}  .menuzord-menu>li>.megamenu {border: 1px solid #efefef;border-top: none;background: #fff;}  .menuzord-tabs-nav>li>a {color: #fff;}  .navbar-search .form-control {border-radius: 0;}  @media (max-width: 768px) {  .l-header {position: fixed;z-index: 1000;top: 0;width: 100%;background: #fff;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);}  .menuzord-responsive .menuzord-menu>li.nav-divider {display: none;}  .l-navbar_t-light, .l-navbar_t-light-trans, .l-navbar_t-dark .showhide em, .l-navbar_t-semi-trans .showhide em, .l-navbar_t-dark-trans .showhide em {background: #fff;}  .l-navbar_t-dark, .l-navbar_t-semi-trans, .l-navbar_t-dark-trans {background: #0a0a0a;}  }  @media (min-width: 769px) {  .l-header_overlay {position: absolute;z-index: 1200;top: 0;width: 100%;}  .menuzord-menu .megamenu, .menuzord-menu .dropdown {text-align: left;border: 0 !important;}  .menuzord-menu .megamenu, .menuzord-menu .dropdown, .l-navbar-wrapper_has-sticky .l-navbar, .l-navbar_s-left {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}  .logo-brand {display: inline-block;height: 100px;}  .l-navbar-wrapper_has-sticky .logo-brand {display: block;}  .logo-brand, .c-nav_s-standard>li>a {line-height: 100px;}  .c-nav_s-bg>li>a {line-height: 40px;}  .c-nav_s-bg>li.active>a, .c-nav_s-bg>li:hover>a {color: #fff !important;}  .c-nav_s-outline>li>a {border: 1px solid transparent;line-height: 38px;}  .c-nav_s-underline>li>a {border-bottom: 1px solid transparent;line-height: 99px;}  .l-navbar_expand .c-nav_s-bg>li>a, .l-navbar_expand .c-nav_s-outline>li>a {margin: 30px 0;}  .l-navbar_compact .c-nav_s-bg>li>a, .l-navbar_compact .c-nav_s-outline>li>a {margin: 10px 0;}  .l-navbar-wrapper_has-sticky .c-nav_s-bg>li>a, .l-navbar-wrapper_has-sticky .c-nav_s-outline>li>a {margin: 0;}  .l-navbar-wrapper_has-sticky .c-nav_s-outline>li>a {line-height: 58px;}  .menuzord-menu .dropdown>li>a, .menuzord-menu .megamenu-row li>a {line-height: 18px;}  .l-navbar-wrapper, .logo-brand, .menuzord-menu>li>a {-webkit-transition: height 0.3s, line-height 0.3s, margin 0.3s;transition: height 0.3s, line-height 0.3s, margin 0.3s;}  .l-navbar_t-light {background: #fff;}  .l-navbar_t-dark {background: #0a0a0a;}  .l-navbar_t-dark .menuzord-menu>li>a, .l-navbar_t-semi-trans .menuzord-menu>li>a, .l-navbar_t-dark-trans .menuzord-menu>li>a {color: #fff;}  .l-navbar_t-semi-trans {background: rgba(10, 10, 10, 0.5);}  .l-navbar_t-light-trans, .l-navbar_t-dark-trans, .l-navbar_t-semi-trans {-webkit-transition: background-color 0.3s;transition: background-color 0.3s;}  .l-navbar_compact .logo-brand {height: 60px;}  .l-navbar_compact .logo-brand, .l-navbar_compact .c-nav_s-standard>li>a {line-height: 60px;}  .l-navbar_compact.l-navbar_s-center .logo-brand {height: 100px;}  .l-navbar_s-center {text-align: center;}  .l-navbar_s-center.l-navbar_t-light {border-top-color: #ddd;}  .l-navbar_s-center.l-navbar_t-light-trans .menuzord-menu, .l-navbar_s-center.l-navbar_t-dark-trans .menuzord-menu, .l-navbar_s-center.l-navbar_t-semi-trans .menuzord-menu {border-top-color: rgba(10, 10, 10, 0.2);}  .l-navbar_s-center.l-navbar_t-dark {border-top-color: #222;}  .l-navbar_s-center .logo-brand {float: none;}  .l-navbar_s-center .menuzord-menu, .l-navbar_s-center .menuzord-menu>li {float: none;text-align: center;}  .l-navbar_s-center .logo-brand.sticky-fix {float: left;}  .l-navbar-wrapper_has-sticky .l-navbar_s-center .menuzord-menu.menuzord-right, .l-navbar-wrapper_has-sticky .l-navbar_s-center .menuzord-menu.pull-right {float: right;}  .l-navbar_s-floating {width: 1170px;margin: auto;margin-top: 50px;}  .l-navbar-wrapper_has-sticky .l-navbar_s-floating {margin-top: 0;}  .l-navbar-wrapper_has-sticky .l-navbar_t-semi-trans, .l-navbar-wrapper_has-sticky .l-navbar_t-dark-trans {background: #0a0a0a;}  .l-navbar-wrapper_has-sticky .l-navbar_t-light-trans {background: #fff;}  .l-navbar-wrapper_has-sticky .logo-brand, .l-navbar-wrapper_has-sticky .menuzord-menu>li>a {line-height: 60px;}  .l-navbar-wrapper_has-sticky .logo-brand {height: 60px;}  .body_has-navbar-left .wrapper {margin-left: 260px;}  .body_has-navbar-left .l-header {position: fixed;z-index: 1000;top: 0;bottom: 0;left: 0;width: 260px;}  .body_has-navbar-left .l-navbar_s-left {height: 100%;}  .l-navbar_s-left.l-navbar_t-dark {background: #333;}  .l-navbar_s-left .container, .l-navbar_s-left .container-fluid, .l-navbar_s-left .col-lg-1, .l-navbar_s-left .col-md-1, .l-navbar_s-left .col-sm-1, .l-navbar_s-left .col-xs-1, .l-navbar_s-left .col-lg-2, .l-navbar_s-left .col-md-2, .l-navbar_s-left .col-sm-2, .l-navbar_s-left .col-xs-2, .l-navbar_s-left .col-lg-3, .l-navbar_s-left .col-md-3, .l-navbar_s-left .col-sm-3, .l-navbar_s-left .col-xs-3, .l-navbar_s-left .col-lg-4, .l-navbar_s-left .col-md-4, .l-navbar_s-left .col-sm-4, .l-navbar_s-left .col-xs-4, .l-navbar_s-left .col-lg-5, .l-navbar_s-left .col-md-5, .l-navbar_s-left .col-sm-5, .l-navbar_s-left .col-xs-5, .l-navbar_s-left .col-lg-6, .l-navbar_s-left .col-md-6, .l-navbar_s-left .col-sm-6, .l-navbar_s-left .col-xs-6, .l-navbar_s-left .col-lg-7, .l-navbar_s-left .col-md-7, .l-navbar_s-left .col-sm-7, .l-navbar_s-left .col-xs-7, .l-navbar_s-left .col-lg-8, .l-navbar_s-left .col-md-8, .l-navbar_s-left .col-sm-8, .l-navbar_s-left .col-xs-8, .l-navbar_s-left .col-lg-9, .l-navbar_s-left .col-md-9, .l-navbar_s-left .col-sm-9, .l-navbar_s-left .col-xs-9, .l-navbar_s-left .col-lg-10, .l-navbar_s-left .col-md-10, .l-navbar_s-left .col-sm-10, .l-navbar_s-left .col-xs-10, .l-navbar_s-left .col-lg-11, .l-navbar_s-left .col-md-11, .l-navbar_s-left .col-sm-11, .l-navbar_s-left .col-xs-11, .l-navbar_s-left .col-lg-12, .l-navbar_s-left .col-md-12, .l-navbar_s-left .col-sm-12, .l-navbar_s-left .col-xs-12 {width: auto;padding: 0;}  .l-navbar_s-left .logo-brand, .l-navbar_s-left .menuzord-menu, .l-navbar_s-left .menuzord-menu>li {float: none;}  .l-navbar_s-left .logo-brand {display: block;margin: 40px 20px;text-align: center;}  .l-navbar_s-left .menuzord-menu>li {display: block;margin: 0;}  .l-navbar_s-left .menuzord-menu>li>a {display: block;padding: 0 20px;}  .l-navbar_s-left .menuzord-menu>li>a {line-height: 40px;}  .l-navbar_s-left .menuzord-menu>li>.dropdown, .l-navbar_s-left .menuzord-menu>li>.megamenu {left: 260px !important;margin-top: -40px;}  .l-navbar_s-left .menuzord-menu>li>.megamenu {width: 800px;padding: 20px;}  .l-navbar_s-left .menuzord-menu>li.nav-divider {display: none;}  .l-navbar_s-left .menuzord-menu>li>.navbar-search {width: 450px;}  .nav-divider a {cursor: text;}  .l-navbar_bottom {position: fixed;bottom: 0;width: 100%;}  }  /*============================================== Nav: Primary ===============================================*/  #primary_nav_wrap ul {position: relative;z-index: 1200;float: left;margin: 0;padding: 0;list-style: none;}  #primary_nav_wrap ul a {display: block;padding: 0 15px;text-decoration: none;color: #8b8b8b;font-size: 12px;line-height: 40px;}  #primary_nav_wrap ul li {position: relative;float: left;margin: 0;padding: 0;}  #primary_nav_wrap ul li.current-menu-item {background: #ddd;}  #primary_nav_wrap ul li:hover {background: rgba(255, 255, 255, 0.06);}  #primary_nav_wrap ul ul {position: absolute;top: 100%;left: 15px;display: none; /*border: 1px solid #eee;*/padding: 0;background: #222;}  #primary_nav_wrap ul ul li {float: none;min-width: 150px;}  #primary_nav_wrap ul ul a {padding: 10px 15px;color: #b0b0b0;line-height: 120%;}  #primary_nav_wrap ul ul ul {top: 0;left: 100%;}  #primary_nav_wrap ul li:hover>ul {display: block;}  /*============================================== Nav: Push ===============================================*/  .navigation-is-open main {-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);}  .cd-nav-trigger {position: fixed;z-index: 1300;top: 20px;right: 2%; /*image replacement */overflow: hidden;width: 40px;height: 40px;-webkit-transition: -webkit-transform 0.5s;transition: -webkit-transform 0.5s;transition: transform 0.5s;transition: transform 0.5s, -webkit-transform 0.5s;white-space: nowrap;text-indent: 100%;border-radius: 0;background-color: rgba(0, 0, 0, 0.9);}  .cd-nav-trigger .cd-nav-icon { /*icon created in CSS */position: absolute;top: 50%;right: auto;bottom: auto;left: 50%;width: 20px;height: 2px;-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);background-color: #fff;}  .cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after {position: absolute;top: 0;right: 0;width: 100%;height: 100%; /*upper and lower lines of the menu icon */content: "";-webkit-transition: width 0.5s, top 0.3s, -webkit-transform 0.5s;transition: width 0.5s, top 0.3s, -webkit-transform 0.5s;transition: transform 0.5s, width 0.5s, top 0.3s;transition: transform 0.5s, width 0.5s, top 0.3s, -webkit-transform 0.5s; /*Force Hardware Acceleration in WebKit */-webkit-transform: translateZ(0);transform: translateZ(0);background-color: inherit;-webkit-backface-visibility: hidden;backface-visibility: hidden;}  .cd-nav-trigger .cd-nav-icon::before {-webkit-transform: translateY(-6px);-ms-transform: translateY(-6px);transform: translateY(-6px);-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;}  .cd-nav-trigger .cd-nav-icon::after {-webkit-transform: translateY(6px);-ms-transform: translateY(6px);transform: translateY(6px);-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;}  .no-touch .cd-nav-trigger:hover .cd-nav-icon::after {top: 2px;}  .no-touch .cd-nav-trigger:hover .cd-nav-icon::before {top: -2px;}  .cd-nav-trigger svg {position: absolute;top: 0;left: 0;}  .cd-nav-trigger circle {-webkit-transition: stroke-dashoffset 0.4s 0s;transition: stroke-dashoffset 0.4s 0s;}  .navigation-is-open .cd-nav-trigger {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}  .navigation-is-open .cd-nav-trigger .cd-nav-icon::after, .navigation-is-open .cd-nav-trigger .cd-nav-icon::before { /*animate arrow --> from hamburger to arrow */width: 50%;-webkit-transition: width 0.5s, -webkit-transform 0.5s;transition: width 0.5s, -webkit-transform 0.5s;transition: transform 0.5s, width 0.5s;transition: transform 0.5s, width 0.5s, -webkit-transform 0.5s;}  .navigation-is-open .cd-nav-trigger .cd-nav-icon::before {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}  .navigation-is-open .cd-nav-trigger .cd-nav-icon::after {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}  .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {top: 0;}  .navigation-is-open .cd-nav-trigger circle {-webkit-transition: stroke-dashoffset 0.4s 0.3s;transition: stroke-dashoffset 0.4s 0.3s;stroke-dashoffset: 0;}  @media only screen and (min-width: 1170px) {  .cd-nav-trigger {top: 40px;}  }  .cd-nav {position: fixed;z-index: 1200;top: 0;left: 0;visibility: hidden;width: 100%;height: 100%;-webkit-transition: visibility 0s 0.7s, opacity 0s 0.7s;transition: visibility 0s 0.7s, opacity 0s 0.7s;opacity: 0;background-color: rgba(0, 0, 0, 0.9);}  .cd-nav .cd-navigation-wrapper {overflow-y: auto;-webkit-overflow-scrolling: touch; /*all navigation content */height: 100%;padding: 40px 5% 40px calc(5% + 80px);-webkit-transition: -webkit-transform 0.7s;transition: -webkit-transform 0.7s;transition: transform 0.7s;transition: transform 0.7s, -webkit-transform 0.7s;-webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78); /*Force Hardware Acceleration in WebKit */-webkit-transform: translateZ(0);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateZ(0);transform: translateX(-50%);-webkit-backface-visibility: hidden;backface-visibility: hidden;}  .navigation-is-open .cd-nav {visibility: visible;-webkit-transition: visibility 0s 0s, opacity 0s 0s;transition: visibility 0s 0s, opacity 0s 0s;opacity: 1;}  .navigation-is-open .cd-nav .cd-navigation-wrapper {-webkit-transition: -webkit-transform 0.5s;transition: -webkit-transform 0.5s;transition: transform 0.5s;transition: transform 0.5s, -webkit-transform 0.5s;-webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}  .cd-nav h2 {position: relative;margin-bottom: 1.7em;text-transform: uppercase;color: #e8e8e8;font-size: 1.3rem;font-weight: 800;}  .cd-nav h2::after {position: absolute;bottom: -20px;left: 0;width: 60px;height: 1px; /*bottom separation line */content: "";background-color: currentColor;}  .cd-nav .cd-primary-nav {margin-top: 60px;padding: 0;list-style: none;}  .cd-nav .cd-primary-nav li {margin: 1.6em 0;}  .cd-nav .cd-primary-nav a {display: inline-block;color: rgba(255, 255, 255, 0.7); /*font-family: "Merriweather", serif;*/font-size: 2.4rem;}  .cd-nav .cd-contact-info {margin-top: 80px;padding: 0;list-style: none;}  .cd-nav .cd-contact-info li { /*font-family: "Merriweather", serif;*/margin-bottom: 1.5em;color: rgba(255, 255, 255, 0.6);line-height: 1.2;}  .cd-nav .cd-contact-info a {color: #fff;}  .cd-nav .cd-contact-info span {display: block;}  .cd-nav .cd-contact-info li, .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info span {font-size: 1.6rem;}  @media only screen and (min-width: 1170px) {  .cd-nav .cd-navigation-wrapper {padding: 62px 20%;}  .cd-nav .cd-navigation-wrapper::after {display: table;clear: both;content: "";}  .cd-nav .cd-half-block {float: left;width: 50%;}  .cd-nav .cd-primary-nav {margin-top: 0;}  .cd-nav h2 {margin-bottom: 5.6em;font-size: 1.5rem;}  .cd-nav .cd-primary-nav li {margin: 1em 0;}  .cd-nav .cd-primary-nav a {font-size: 2.5rem;font-weight: 300;}  .cd-nav .cd-contact-info {margin-top: 120px;text-align: right;}  .cd-nav .cd-contact-info li {margin-bottom: 2.4em;}  .cd-nav .cd-contact-info li, .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info span {font-size: 1.6rem;line-height: 25px;}  }  .no-js main {overflow: visible;height: auto;}  .no-js .cd-nav {position: static;visibility: visible;}  .no-js .cd-nav .cd-navigation-wrapper {overflow: visible;height: auto;padding: 100px 5%;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}  /*============================================== Nav: Dotted ===============================================*/  .cd-img-replace { /*replace text with a background-image */display: inline-block;overflow: hidden;white-space: nowrap;text-indent: 100%;}  /*No Touch devices */  .cd-nav-trigger {display: none;}  .no-touch #cd-vertical-nav {position: fixed;z-index: 300;top: 50%;right: 40px;bottom: auto;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}  .no-touch #cd-vertical-nav li {list-style: none;text-align: right;}  .no-touch #cd-vertical-nav a {display: inline-block; /*prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */-webkit-backface-visibility: hidden;backface-visibility: hidden;}  .no-touch #cd-vertical-nav a:after {display: table;clear: both;content: "";}  .no-touch #cd-vertical-nav a span {display: inline-block;float: right;-webkit-transform: scale(0.6);-ms-transform: scale(0.6);transform: scale(0.6);}  .no-touch #cd-vertical-nav a:hover span, .no-touch #cd-vertical-nav li.active span {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}  .no-touch #cd-vertical-nav a:hover .cd-label {opacity: 1;}  .no-touch #cd-vertical-nav a.is-selected .cd-dot {background-color: white;}  .no-touch #cd-vertical-nav .cd-dot {position: relative; /*we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/top: 11px;width: 12px;height: 12px;-webkit-transition: background-color 0.5s, -webkit-transform 0.2s;transition: background-color 0.5s, -webkit-transform 0.2s;transition: transform 0.2s, background-color 0.5s;transition: transform 0.2s, background-color 0.5s, -webkit-transform 0.2s;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;border-radius: 50%;background-color: #ababab;}  .no-touch #cd-vertical-nav .cd-label {position: relative;margin-right: 10px;padding: 0.4em 0.5em;-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;transition: opacity 0.2s, -webkit-transform 0.2s;transition: transform 0.2s, opacity 0.2s;transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;-webkit-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;transform-origin: 100% 50%;opacity: 0;color: #7e7e7e;font-size: 14px;}  /*Touch devices */  .touch .cd-nav-trigger {position: fixed;z-index: 9999;top: inherit;right: 5%;bottom: 30px;display: block;width: 44px;height: 44px;border-radius: 0.25em;background: rgba(255, 255, 255, 0.9);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}  .touch .cd-nav-trigger span {position: absolute;top: 50%;right: auto;bottom: auto;left: 50%;width: 4px;height: 4px;-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);border-radius: 50%;background-color: #3e3947;}  .touch .cd-nav-trigger span::before, .touch .cd-nav-trigger span::after {position: absolute;left: 0;width: 100%;height: 100%;content: "";border-radius: inherit;background-color: inherit;}  .touch .cd-nav-trigger span::before {top: -9px;}  .touch .cd-nav-trigger span::after {bottom: -9px;}  .touch #cd-vertical-nav {position: fixed;z-index: 1200;right: 5%;bottom: 30px;overflow-y: scroll;width: 90%;max-width: 400px;max-height: 90%;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;border-radius: 0.25em;background-color: rgba(255, 255, 255, 0.9);}  .touch #cd-vertical-nav ul.op-nav {margin: 0;padding: 0;}  .touch #cd-vertical-nav a {display: block;padding: 1em;border-bottom: 1px solid rgba(62, 57, 71, 0.1);}  .touch #cd-vertical-nav a span:first-child {display: none;}  .touch #cd-vertical-nav a.is-selected span:last-child {color: #7e7e7e;}  .touch #cd-vertical-nav.open {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}  .touch #cd-vertical-nav.open+.cd-nav-trigger {background-color: transparent;}  .touch #cd-vertical-nav.open+.cd-nav-trigger span {background-color: rgba(62, 57, 71, 0);}  .touch #cd-vertical-nav.open+.cd-nav-trigger span::before, .touch #cd-vertical-nav.open+.cd-nav-trigger span::after {left: -8px;width: 20px;height: 3px;border-radius: 0;background-color: #3e3947;}  .touch #cd-vertical-nav.open+.cd-nav-trigger span::before {top: 1px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}  .touch #cd-vertical-nav.open+.cd-nav-trigger span::after {bottom: 0;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}  .touch #cd-vertical-nav li:last-child a {border-bottom: none;}  @media only screen and (min-width: 768px) {  .touch .cd-nav-trigger, .touch #cd-vertical-nav {bottom: 40px;}  }  /*============================================== Nav: Side ===============================================*//*------------------------------------------------------------------ left side nav fixed -------------------------------------------------------------------*/  body.left-nav-fixed {overflow-x: hidden;}  .left-nav-fixed .wrapper {margin-left: 260px;}  .left-nav-fixed .logo-area {display: inline-block;width: 100%;padding: 40px 20px;}  .left-nav-fixed .logo-brand {float: none;margin: 0;}  .left-nav-fixed #header {position: fixed;z-index: 300;top: 0;left: 0;width: 260px;height: 100%;border-right: 1px solid #eee;background-color: #fff;}  .border-less {border: none !important;}  .left-nav-fixed header.header-full-width .container, .left-nav-fixed header .container {width: 100%;padding: 0;}  .left-nav-fixed .container {width: auto;padding: 0 30px;}  .left-nav-fixed .menuzord-menu>li>a, .left-nav-fixed header.sticky .menuzord-menu>li>a {padding: 0;}  .left-nav-fixed .menuzord-menu li, .left-nav-fixed .menuzord-menu li a {width: 100%;}  .left-nav-fixed .menuzord-menu>li>a {padding: 0 20px;line-height: 40px;}  .left-nav-fixed .menuzord-menu li ul {margin-top: -40px;margin-left: 258px;}  .left-nav-fixed .menuzord-menu li .megamenu-row ul {margin-top: 0;margin-left: 0;}  .left-nav-fixed .menuzord-menu>li>.megamenu {position: absolute;z-index: 99;left: 260px;display: none;width: 800px;margin-top: -40px;padding: 20px;border-top: none;background: none;background: #fff;}  .left-nav-fixed header .light-header, .left-nav-fixed header.sticky .light-header, .left-nav-fixed #header.transparent-header.sticky .light-header, .left-nav-fixed .light-nav {background: none !important;}  .left-nav-fixed header.sticky .header-sticky {box-shadow: none;}  .left-nav-fixed header.sticky .header-sticky, .left-nav-fixed header.transparent-header {position: static;width: 100%;}  .left-nav-fixed .menuzord-menu>li>a, .left-nav-fixed header.sticky .menuzord-menu>li>a, .left-nav-fixed .logo-brand, header.sticky .logo-brand, .left-nav-fixed header li.nav-icon i, .left-nav-fixed header.sticky li.nav-icon i {-webkit-transition: none;transition: none;}  .left-nav-fixed .menuzord-menu li .indicator {float: right;margin-left: 3px;}  .side-social-link {display: inline-block;margin-top: 50px;padding: 0 20px;text-align: center;}  .side-social-link a {display: inline-block;width: 35px;height: 35px;margin: 0 2px;text-align: center;color: #bababa;border: 1px solid #bababa;border-radius: 50%;line-height: 35px;}  .side-social-link a:hover {color: #fff;}  .left-nav-fixed .menuzord-menu>li>a {color: #222;}  /*dark nav*/  .left-nav-fixed.dark-side-nav #header {border-right: none;background-color: #333;}  .left-nav-fixed.dark-side-nav .menuzord-menu>li>a {color: #fff;}  /*nav toggle*/  .side-nav-toggle {position: absolute;top: 15px;right: -50px;padding: 5px 10px;color: #222;background-color: #fff;}  .side-nav-close .wrapper {margin-left: 0 !important;}  .side-nav-close #header {left: -260px !important;}  .side-nav-open .wrapper {margin-left: 260px;}  .side-nav-open #header {left: 0;}  /*side-push-nav*/  .side-push-nav .container {width: 1170px;}  .side-push-nav .wrapper, .side-push-nav #header {-webkit-transition: all 0.3s;transition: all 0.3s;}  /*responsive issue fix*/  body {overflow-x: hidden;}  .body_has-navbar-left .container {max-width: 1170px;}  @media (min-width: 768px) {  .body_has-navbar-left .container {max-width: 505px;}  }  @media (min-width: 1012px) {  .body_has-navbar-left .container {max-width: 750px;}  }  @media (min-width: 1230px) {  .body_has-navbar-left .container {max-width: 970px;}  }  @media (min-width: 1430px) {  .body_has-navbar-left .container {max-width: 1170px;}  }  @media (min-width: 768px) {  .body_has-navbar-left .portfolio.col-3 .portfolio-item {width: 100%;}  }  @media (min-width: 1012px) {  .body_has-navbar-left .portfolio.col-3 .portfolio-item {width: 50%;}  }  @media (min-width: 1230px) {  .body_has-navbar-left .portfolio.col-3 .portfolio-item {width: 50%;}  }  @media (min-width: 1430px) {  .body_has-navbar-left .portfolio.col-3 .portfolio-item {width: 33.33333333%;}  }  /*============================================== Breadcrumb ===============================================*/  .breadcrumb li {text-transform: uppercase;}  .breadcrumb li>a {color: #7e7e7e;}  .breadcrumb li>a:hover {color: #222;}  .breadcrumb>.active {color: #222;}  /*============================================== Body ===============================================*/  .body-content {position: relative;overflow: hidden;width: 100%;}  .page-content {display: inline-block;width: 100%;padding: 100px 0;}  .page-content-sm {display: inline-block;width: 100%;padding: 50px 0;}  .full-content {display: inline-block;width: 100%;padding: 0 0 !important;}  .overlay-dark {display: inherit;background: rgba(0, 0, 0, 0.5);}  .overlay-light {display: inherit;background: rgba(255, 255, 255, 0.5);}  .massive-list {padding-left: 15px;}  .massive-list li {margin-bottom: 10px;}  /*============================================== Isotope ===============================================*/  .isotope-item {z-index: 2;}  .isotope-hidden.isotope-item {z-index: 1;pointer-events: none;}  .isotope, .isotope .isotope-item {-webkit-transition-duration: 0.8s;transition-duration: 0.8s;}  .isotope {-webkit-transition-property: height, width;transition-property: height, width;}  .isotope .isotope-item {-webkit-transition-property: opacity, -webkit-transform;transition-property: opacity, -webkit-transform;transition-property: transform, opacity;transition-property: transform, opacity, -webkit-transform;}  /*disabling Isotope CSS3 transitions */  .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {-webkit-transition-duration: 0s;transition-duration: 0s;}  /*disable CSS transitions for containers with infinite scrolling*/  .isotope.infinite-scrolling {-webkit-transition: none;transition: none;}  /*------------------------------------------------------------------ page title -------------------------------------------------------------------*/  .page-title {position: relative;padding: 50px 0;background-color: #f5f5f5;}  .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5 {margin-bottom: 0;letter-spacing: 2px;font-weight: normal;}  .page-title span {display: block;margin-top: 5px;color: #929294;}  .page-title .container {position: relative;}  .page-title .breadcrumb {position: absolute;top: 50%; /*right: 30px;*/left: auto;width: auto;margin: -10px 0 0 0;padding: 0;background-color: transparent;font-size: 12px;}  .page-title .breadcrumb li {letter-spacing: 1px;}  .page-title .breadcrumb.box {margin-top: -20px;padding: 15px;background: rgba(0, 0, 0, .5);}  .page-title .breadcrumb.box a:hover {color: #fff;}  /*============================================== Portfolio ===============================================*/  .portfolio {margin: 50px 0 10px 0;}  .portfolio .portfolio-item {float: left;}  .portfolio .portfolio-item .thumb {position: relative;}  .portfolio .portfolio-item .thumb img {display: block;width: 100%;height: auto;}  .portfolio-hover {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: 0;-webkit-transition: all 0.3s;transition: all 0.3s;opacity: 0;border: 20px solid rgba(0, 0, 0, 0.1);background-color: rgba(255, 255, 255, 0.9);}  .portfolio-item:hover .portfolio-hover, .portfolio-item:hover .portfolio-hover .portfolio-description, .portfolio-item:hover .portfolio-hover .action-btn {opacity: 1;}  .portfolio-item:hover .portfolio-hover .portfolio-description {bottom: 45%;margin-bottom: -90px;}  .portfolio-item:hover .portfolio-hover .action-btn {top: 40%;margin-top: -55px;}  .portfolio-hover .portfolio-description {position: absolute;bottom: 0;width: 100%;-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-transform: translateY(-55%);-ms-transform: translateY(-55%);transform: translateY(-55%);opacity: 0;}  .portfolio-hover .action-btn {position: absolute;top: 0;width: 100%;-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-transform: translateY(45%);-ms-transform: translateY(45%);transform: translateY(45%);text-align: center;opacity: 0;font-size: 17px;}  .portfolio-description, .portfolio-description h4 a, .portfolio-hover .action-btn a {text-align: center;color: #222;}  .portfolio-description h4 {margin-bottom: 5px;letter-spacing: 4px;text-transform: uppercase;font-size: 14px;}  .portfolio-description p {margin-bottom: 0;letter-spacing: 3px;text-transform: uppercase;color: #757575;font-size: 12px; /*font-family: 'Abel', sans-serif;*/font-weight: normal;}  .portfolio-description a, .portfolio-title a {color: #757575;}  /*gutter*/  .portfolio.gutter .portfolio-item {padding: 10px;}  /*portfolio 2 grid*/  .portfolio.col-2 .portfolio-item {width: 49.99%;}  /*portfolio 3 grid*/  .portfolio.col-3 .portfolio-item {width: 33.3333333%;}  /*portfolio 4 grid*/  .portfolio.col-4 .portfolio-item {width: 24.98%;}  /*portfolio 5 grid*/  .portfolio.col-5 .portfolio-item {width: 19.99%;}  /*portfolio 6 grid*/  .portfolio.col-6 .portfolio-item {width: 16.666666667%;}  .portfolio-filter {margin: 0;padding: 0;list-style: none;}  .portfolio-filter li {display: inline-block;}  .portfolio-filter li a {margin: 0 15px; /*font-family: 'Abel', sans-serif;*/letter-spacing: 3px;text-transform: uppercase;color: #a9a8a8;font-size: 14px;}  .portfolio-filter li a:hover, .portfolio-filter li.active a {color: #222;}  /*---------------------------------------------------------------- portfolio with title -----------------------------------------------------------------*/  .portfolio-with-title .portfolio-item:hover .portfolio-hover .action-btn {top: 50%;margin-top: -45px;}  .portfolio-with-title .portfolio-title {padding: 15px 0;}  .portfolio-with-title .portfolio-title h4, .portfolio-with-title .portfolio-title h4 a {margin: 0;letter-spacing: 1px;text-transform: uppercase;color: #222;font-size: 14px;}  .portfolio-with-title .portfolio-title h3, .portfolio-with-title .portfolio-title h3 a {margin: 0 0 10px 0;letter-spacing: 1px;text-transform: uppercase;color: #222;font-size: 18px;}  .portfolio-with-title .portfolio-title p {margin: 0;letter-spacing: 1px;text-transform: uppercase;color: #7e7e7e;font-size: 12px; /*font-family: 'Abel', sans-serif;*/font-weight: normal;}  .portfolio-with-title.portfolio-masonry .portfolio-title {padding: 15px;}  .portfolio-with-title.portfolio-masonry.gutter .portfolio-title {padding: 15px 0;}  /*---------------------------------------------------------------- portfolio masonry -----------------------------------------------------------------*//*clear fix */  .portfolio-masonry:after {display: block;clear: both;content: "";}  /*---- .grid-item ---- */  .portfolio-masonry .portfolio-item {float: left;}  .portfolio-masonry .portfolio-item-width2 {width: 200px;}  .portfolio-masonry .portfolio-item-height2 {height: 200px;}  .portfolio-nav-row {position: relative;padding: 40px 0;}  .portfolio-nav {position: absolute;top: 50%;right: 10px;left: auto;max-width: 300px;margin-top: -12px;}  .portfolio-nav.left {position: absolute;top: 50%;right: auto;left: 0;max-width: 300px;margin-top: -12px;}  .portfolio-nav a {display: block;float: left;margin-left: 20px;text-align: center;color: #aeaeae;}  .portfolio-nav.left a {margin-right: 20px;margin-left: 0;}  .portfolio-nav a:hover, .portfolio-nav a:hover span {-webkit-transition: all 0.3s;transition: all 0.3s;color: #323232;}  .portfolio-nav a span, .portfolio-nav a span i {display: inline-block;margin-top: 0;-webkit-transition: all 0.3s;transition: all 0.3s;}  .portfolio-gap-less .portfolio {margin: 0;}  /*============================================== Banner: Flex ===============================================*/  .slides {margin: 0;padding: 0;list-style: none;}  .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {border: none;outline: none;}  .flex-control-nav {margin: 0;padding: 0;list-style: none;border: none;}  .flex-direction-nav {display: none;}  .flexslider {position: relative;margin: 0;padding: 0;}  .flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;transition: all 1s ease;}  .flex-control-nav {position: absolute;z-index: 10;right: 15px;bottom: 15px;margin: 0;text-align: center;}  .flex-control-nav li {display: block;float: left;width: 10px;height: 10px;margin: 0 3px;}  .flex-control-nav li a {display: block;width: 10px;height: 10px;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-indent: -9999px;border: 1px solid #fff;border-radius: 50%;}  .flex-control-nav li:hover a, .flex-control-nav li a.flex-active {background-color: #fff;}  .flex-direction-nav {margin: 0;padding: 0;list-style: none;}  .flex-direction-nav {*height: 0;}  .flex-direction-nav a {position: absolute;z-index: 200;top: 50%;display: block;overflow: hidden;width: 40px;height: 40px;margin: -40px 0 0;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-decoration: none;color: rgba(0, 0, 0, 0.8);background-color: rgba(0, 0, 0, 0.5);line-height: 40px;}  .flex-direction-nav a:hover {background-color: rgba(0, 0, 0, 0.7);}  .flex-direction-nav a:before {display: block;width: 40px;content: "\f104";text-align: center;color: #fff;font-family: "fontawesome";font-size: 16px;}  .flex-direction-nav a.flex-next:before {content: "\f105";}  .flex-direction-nav .flex-prev {left: 0;}  .flex-direction-nav .flex-next {right: 0;text-align: right;}  .post-slider-thumb .flex-control-thumbs {position: relative;z-index: 10;top: 10px;right: auto;left: auto;margin: 0 auto;text-align: left;}  .post-slider-thumb .flex-control-thumbs li {display: inline-block;float: none;width: 80px;height: auto;margin: 0 3px 0 0;cursor: pointer;}  .post-slider .flex-direction-nav, .post-slider-thumb .flex-direction-nav {display: block;}  .post-slider .flex-direction-nav .flex-prev, .post-slider .flex-direction-nav .flex-next, .post-slider-thumb .flex-direction-nav .flex-prev, .post-slider-thumb .flex-direction-nav .flex-next {opacity: 0;}  .post-slider:hover .flex-direction-nav .flex-prev, .post-slider:hover .flex-direction-nav .flex-next, .post-slider-thumb:hover .flex-direction-nav .flex-prev, .post-slider-thumb:hover .flex-direction-nav .flex-next {opacity: 1;}  .post-list-aside .post-img img {border: 2px solid transparent;}  .post-list-aside .post-img img.flex-active {border: 2px solid rgba(0, 0, 0, 0.8);}  .post-slider .flex-control-thumbs {display: none;}  @media screen and (max-width: 860px) {  .flex-direction-nav .flex-prev, .post-slider .flex-direction-nav .flex-prev, .post-slider-thumb .flex-direction-nav .flex-prev {left: 0;opacity: 1;}  .flex-direction-nav .flex-next, .post-slider .flex-direction-nav .flex-next, .post-slider-thumb .flex-direction-nav .flex-next {right: 0;opacity: 1;}  }  /*============================================== Banner: Revolution ===============================================*/  .tp-banner-container {position: relative;width: 100%;padding: 0;}  .tp-banner {position: relative;width: 100%;}  .tp-banner>ul {padding: 0;list-style: none;}  .tp-banner-fullscreen-container {position: relative;width: 100%;padding: 0;}  .rev-heading {letter-spacing: 5px;text-transform: uppercase;color: #333; /*font: normal 60px/1.5 'Abel', sans-serif;*/font: normal 60px/1.5 "Source Sans Pro", sans-serif;font-weight: 300;}  .rev-subheading {letter-spacing: 6px; /*font-family: 'Abel', sans-serif;*/text-transform: uppercase;color: #555;font-size: 20px;}  .rev-desc {color: #454545;font-size: 16px;line-height: 26px;}  .rev-white {color: #fff;}  /*============================================== Banner: Bootstrap ===============================================*/  .bs-hero.full-screen .carousel-inner .item img {width: 100%; /*height: 100vh;*/height: auto;}  .bs-hero.full-screen .carousel-inner .item .bs-info {position: absolute;top: 40%;left: 12%;}  .bs-hero.full-screen .carousel-inner .item .bs-info-center {position: absolute;top: 30%;left: 50%;width: 1000px;margin-left: -500px;text-align: center;}  .bs-hero.full-screen .carousel-inner .item .bs-info-right {position: absolute; /*width: 1170px;*/top: 35%;right: 12%;text-align: right;}  .bs-hero.full-screen .carousel-inner .item .bs-info h1 {text-transform: uppercase;}  .bs-hero.full-screen .carousel-indicators {z-index: 1200;}  .bs-hero.full-screen .carousel-inner .item .bs-info h1 span {font-size: 18px;}  .bs-hero.full-screen .carousel.slide .carousel-control {width: 30%;margin-top: 180px;margin-bottom: 120px;}  /*============================================== Banner: Static ===============================================*/  .vertical-align .container-mid {position: absolute;z-index: 200;top: 50%;left: 50%;width: 100%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}  .light-box, .dark-box {padding: 70px 50px;}  .light-box {outline: 5px solid rgba(255, 255, 255, 0.5);outline-offset: 5px;background: rgba(255, 255, 255, 0.5);}  .dark-box {outline: 5px solid rgba(0, 0, 0, 0.5);outline-offset: 5px;background: rgba(0, 0, 0, 0.5);}  .banner-box {max-width: 650px;margin: 0 auto;}  .banner-box h1, .banner-box h3, .banner-title h1, .banner-title h3, .banner-box h2, .banner-box h2, .banner-title h2, .banner-title h2 {margin-bottom: 0;}  .banner-box h1, .banner-title h1 {letter-spacing: 5px;font-size: 60px;font-weight: 300;line-height: normal;}  .banner-box h3, .banner-title h3 {letter-spacing: 6px;font-size: 20px;}  .banner-title.light-txt h1, .banner-title.light-txt h2, .banner-title.light-txt h3 {color: #fff;}  .b-lg-txt {font-size: 100px !important;font-weight: 300;}  .hero-text {position: relative;z-index: 6000;}  .hero-text h1 {margin-bottom: 10px;}  .hero-text a {margin: 10px 5px;}  .banner-scroll a {position: absolute;z-index: 10;bottom: 20px;left: 50%;margin-left: -11px;text-transform: uppercase;color: #fff;font-size: 12px;}  .banner-scroll a:before {display: block;width: 25px;height: 35px;margin-bottom: 5px;margin-left: 5px;content: "";border: 2px solid #fff;border-radius: 15px;}  .banner-scroll .scroll-down {position: absolute;z-index: 2;top: 8px;left: 50%;display: block;width: 2px;height: 8px;margin-left: -3px;-webkit-animation: 3s arrow infinite ease;animation: 3s arrow infinite ease;background: #fff;}  /*============================================== Banner: Video ===============================================*/  .video-banner {position: relative;display: block;overflow: hidden;width: 100%;height: 100vh;}  .video-banner.overlay-background .container {position: absolute;z-index: 300;}  .overlay-background {position: relative;background-repeat: no-repeat;background-attachment: fixed;background-position: 50% 0;background-size: cover;}  .overlay-background .container {position: relative;z-index: 300;}  .overlay-block {position: absolute;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);}  .overlay-block-light {position: absolute;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.45);}  /*============================================== Video Parallax ===============================================*/  .video-parallax {position: relative;overflow: hidden;}  .video-parallax .container {position: absolute;z-index: 100;top: 50%;right: 0;left: 0;margin-top: -80px;color: #fff;}  .video-parallax .container i {display: block;margin-bottom: 30px;font-size: 50px;}  .video-parallax .container+.video-wrap {z-index: 1;}  .video-wrap {position: relative;overflow: hidden;width: 100%;}  .video-overlay, .banner-overaly {position: absolute;z-index: 5;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);-webkit-backface-visibility: hidden;}  /*============================================== Countdown ===============================================*/  .count-down, .count-down-alt {text-transform: uppercase;}  .count-down .c-grid, .count-down-alt .c-grid {display: inline-block;width: 150px;height: 150px;margin: 0 20px;padding-top: 42px;text-align: center;}  .count-down.light-bg .c-grid, .count-down-alt.light-bg .c-grid {background: #fff;}  .count-down-alt .c-grid {border: 5px solid rgba(0, 0, 0, 0.2);}  .count-down .c-grid {border: 1px solid #e0e0e0;}  .count-down .c-grid, .count-down.light .c-grid {border: 1px solid #fff;}  .count-down.light .c-value, .count-down.light .c-title, .count-down-alt.light .c-value, .count-down-alt.light .c-title {color: #fff;}  .count-down .c-value, .count-down .c-title, .count-down-alt .c-value, .count-down-alt .c-title {display: block;}  .count-down .c-value, .count-down-alt .c-value {font-size: 30px;}  .count-down .c-title, .count-down-alt .c-title {letter-spacing: 3px;font-size: 14px;}  .count-down.circle .c-grid, .count-down-alt.circle .c-grid {border-radius: 50% !important;}  .count-down.round .c-grid, .count-down-alt.round .c-grid {border-radius: 5px !important;}  .count-icon {position: absolute;top: 50px;right: 0;}  .count-icon i {font-size: 40px;}  /*============================================== Pagination ===============================================*/  .custom-pagination>li:first-child>a, .custom-pagination>li:first-child>span, .custom-pagination>li:last-child>a, .custom-pagination>li:last-child>span {border-radius: 0;}  .custom-pagination>li>a {margin: 0 3px;color: #424242;}  .custom-pagination>li>a:hover {color: #000;}  .custom-pagination.pagination>.active>a, .custom-pagination.pagination>.active>a:focus, .custom-pagination.pagination>.active>a:hover, .custom-pagination.pagination>.active>span, .custom-pagination.pagination>.active>span:focus, .custom-pagination.pagination>.active>span:hover {z-index: 2;cursor: default;color: #fff;border-color: #222;background-color: #222;}  /*============================================== Product ===============================================*/  .cart-info .megamenu-quarter-width {width: 450px !important;}  .cart-table-list, .cart-table-list i {color: #222;border: none;}  header li.nav-icon .cart-table-list a {color: #222;line-height: normal;}  .total-cart {display: inline-block;float: right;width: 100%;margin-bottom: 20px;padding-top: 20px;text-align: right;color: #222;border-top: 1px solid rgba(0, 0, 0, 0.2);}  .total-cart ul {float: right;width: 100%;padding: 0;list-style: none;}  .total-cart ul li {display: block;overflow: hidden;}  .total-cart ul li span {display: inline-block;width: 100px;text-align: right;white-space: nowrap;}  .cart-table-list a.close img {width: 11px;height: 11px;}  .cart-table-list td img {width: 50px;height: auto;}  .s-cart-btn a {margin: 0 0 10px 10px;color: #fff !important;}  .cart-table-list.table>tbody>tr>td {height: 20px;vertical-align: middle;border: none;line-height: 20px;}  .product-list {min-height: 440px;margin-bottom: 50px;}  .product-list .product-img {position: relative; /*height: 340px;*/overflow: hidden;width: 100%;margin-bottom: 20px;}  .product-img:hover>a:nth-of-type(2) {z-index: 2;opacity: 1;}  .product-img>a:nth-of-type(2) {position: absolute;z-index: -1;top: 0;left: 0;opacity: 0;}  .sale-label {position: absolute;z-index: 10;top: 10px;left: 10px;width: 50px;height: 50px;text-align: center;text-transform: uppercase;color: #fff;border-radius: 50%;line-height: 50px;}  .product-img>a, .product-img:hover>a {-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}  .product-list .product-img img, .product-img img, .product-img>a {display: block;width: 100%;height: 100%;}  .product-title h5 {margin-bottom: 10px;text-transform: uppercase;font-size: 12px;font-weight: 600;}  .product-title h5 a {color: #222;}  .product-price {margin-bottom: 5px;font-size: 18px;}  .product-price del {color: #837f7e;font-size: 14px;}  .product-rating {display: inline-block;width: 100%;margin-bottom: 15px;color: #9b9a9a;}  .product-cart {font-size: 12px;}  .product-grid input {height: 40px;border-radius: 0;box-shadow: none;}  .product-grid input:focus, .product-grid .form-control:focus, .portfolio-meta .form-control:focus {border-color: #000;box-shadow: none;}  .product-grid button.btn, .p-values, .full-width button.btn {width: 100%;}  .fit-img img {width: 100%;height: auto;}  .product-grid .form-control, .p-quantity .form-control, .portfolio-meta .form-control {box-shadow: none;}  .p-quantity {margin-bottom: 0; /*padding: 0;*/list-style: none;}  .p-values {display: inline-block;}  .p-values ul {float: left;}  .p-quantity li {float: left;width: 130px;margin: 15px 0;letter-spacing: 2px;text-transform: uppercase;color: #000;font-size: 12px;}  .p-quantity li label {padding-top: 7px;font-weight: normal;}  .p-quantity .input-group-btn:first-child>.btn, .p-quantity .input-group-btn:first-child>.btn-group {margin-right: -1px;}  .p-quantity .btn.focus, .p-quantity .btn:focus, .p-quantity .btn:hover {color: #222 !important;}  .product-grid .col-lg-1, .product-grid .col-lg-10, .product-grid .col-lg-11, .product-grid .col-lg-12, .product-grid .col-lg-2, .product-grid .col-lg-3, .product-grid .col-lg-4, .product-grid .col-lg-5, .product-grid .col-lg-6, .product-grid .col-lg-7, .product-grid .col-lg-8, .product-grid .col-lg-9, .product-grid .col-md-1, .product-grid .col-md-10, .product-grid .col-md-11, .product-grid .col-md-12, .product-grid .col-md-2, .product-grid .col-md-3, .product-grid .col-md-4, .product-grid .col-md-5, .product-grid .col-md-6, .product-grid .col-md-7, .product-grid .col-md-8, .product-grid .col-md-9, .product-grid .col-sm-1, .product-grid .col-sm-10, .product-grid .col-sm-11, .product-grid .col-sm-12, .product-grid .col-sm-2, .product-grid .col-sm-3, .product-grid .col-sm-4, .product-grid .col-sm-5, .product-grid .col-sm-6, .product-grid .col-sm-7, .product-grid .col-sm-8, .product-grid .col-sm-9, .product-grid .col-xs-1, .product-grid .col-xs-10, .product-grid .col-xs-11, .product-grid .col-xs-12, .product-grid .col-xs-2, .product-grid .col-xs-3, .product-grid .col-xs-4, .product-grid .col-xs-5, .product-grid .col-xs-6, .product-grid .col-xs-7, .product-grid .col-xs-8, .product-grid .col-xs-9 {padding-right: 15px;padding-left: 15px;}  .product-grid .row {margin-right: -15px;margin-left: -15px;}  .stock .number-item {color: #757575;font-size: 30px;}  .stock .status {display: initial;padding: 5px 10px;letter-spacing: normal;color: #fff;border-radius: 2px;}  .review-avatar {width: 60px;height: auto;margin-right: 10px;}  .review-rating i {padding: 0 !important;}  .review-rating {float: right;}  .cart-table {border: 1px solid #ddd;}  .cart-table td a {color: #222;}  .cart-table td a:hover {color: #000;}  .cart-table thead th {text-transform: uppercase;}  .cart-table.table>tbody>tr>td, .cart-table.table>tbody>tr>th, .cart-table.table>tfoot>tr>td, .cart-table.table>tfoot>tr>th, .cart-table.table>thead>tr>td, .cart-table.table>thead>tr>th {vertical-align: middle;}  .cart-img img {width: 60px;height: auto;}  .cart-action input {padding: 6px 3px 6px 6px;}  .cart-action input, .cart-action button {float: left;margin-right: 3px;}  .cart-action button:hover i {color: #222;}  .cart-quantity {width: 45px;border-radius: 0;}  .coupon-form input {height: 40px;border-radius: 0;}  .coupon-form label {text-transform: uppercase;font-weight: normal;}  .cart-total {font-size: 16px;}  .cart-btn-row a {margin-right: 0;margin-left: 10px;}  .coupon-form label {margin-right: 20px;}  .coupon-form input {margin-right: 10px;}  .pro-box .one-third, .featured-box.pro-box .one-third:nth-child(2) {padding: 10px 5px;}  .panel {margin-bottom: 20px;border: none;border-radius: 0;background-color: #fff;box-shadow: none;}  .shop-view-mode {display: inline-block;margin-top: 5px;}  .shop-view-mode a {margin-left: 15px;color: #adadad;}  .shop-view-mode a:hover {color: #222;}  /*============================================== Boxed View ===============================================*/  .boxed.box-bg {background: #ddd;}  .boxed .wrapper {position: relative;width: 1170px;margin: 0 auto;background: #fff;}  .boxed header.sticky, .boxed header.sticky .header-sticky, .boxed header.transparent-header {width: 1170px;}  /*============================================== Blog ===============================================*/  .blog-classic {margin-bottom: 70px;padding-bottom: 70px;border-bottom: 1px solid #efefef;}  .blog-classic .date {float: left;width: 100px;height: 100px;margin-right: 40px;padding-top: 15px;text-align: center;color: #fff;background: #222;font-size: 30px;}  .blog-classic .date.right {float: right;margin-right: 0;margin-left: 40px;}  .blog-classic .date span {display: block;font-size: 12px;}  .blog-classic .blog-post {overflow: hidden;}  .blog-classic .blog-post .full-width {margin-bottom: 50px;}  .blog-post h4 a {color: #222;}  .blog-post h4 {margin-bottom: 10px;}  .post-meta {margin-bottom: 40px;padding: 0;list-style: none;}  .post-meta li {display: inline-block;margin-right: 10px;text-transform: uppercase;color: #a7a7a7;font-size: 12px;}  .post-meta li a {margin-right: 5px;color: #a7a7a7;}  .post-meta li i {padding-right: 10px;}  .blog-post blockquote {margin: 0 0 20px;padding: 0;border-left: none;font-size: 17.5px;font-style: italic;}  .blog-post img {display: block;height: auto;max-width: 100%;}  .quote-post p:before {padding-right: 10px;content: "\f10d";color: #837f7e;font-family: "FontAwesome";}  .quote-post p:after {padding-left: 10px;content: "\f10e";color: #837f7e;font-family: "FontAwesome";}  .portfolio-with-title.blog-m .portfolio-title h4 a {font-size: 16px;}  .portfolio-with-title.blog-m .portfolio-title p {letter-spacing: normal;}  .video-fit {position: relative;width: 100%;padding-top: 50%;}  .audio-fit {position: relative;width: 100%;padding-top: 20%;}  .video-fit iframe, .video-fit object, .video-fit embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}  .audio-fit iframe {position: absolute;top: 0;left: 0;width: 100%;border: none;}  /*custom pagination */  .custom-pagination>li:first-child>a, .custom-pagination>li:first-child>span, .custom-pagination>li:last-child>a, .custom-pagination>li:last-child>span {border-radius: 0;}  .custom-pagination>li>a {margin: 0 3px;color: #424242;}  .custom-pagination>li>a:hover {color: #000;}  .custom-pagination.pagination>.active>a, .custom-pagination.pagination>.active>a:focus, .custom-pagination.pagination>.active>a:hover, .custom-pagination.pagination>.active>span, .custom-pagination.pagination>.active>span:focus, .custom-pagination.pagination>.active>span:hover {z-index: 2;cursor: default;color: #fff;border-color: #222;background-color: #222;}  /*search-row*/  .search-row {position: relative;}  .search-btn {position: absolute;top: 50%;right: 1px;overflow: hidden;width: 40px;height: 40px;margin-top: -20px;color: #ccc;border: none;outline: none;background: transparent;font-size: 14px;line-height: 36px;}  .search-row input {width: 100% !important;height: 40px;border-radius: 0;box-shadow: none;}  .search-row input:focus {border-color: #333;outline: 0;box-shadow: none;}  .widget {display: inline-block;width: 100%;margin-bottom: 60px;}  .widget h6 {font-size: 14px;font-weight: 600;}  .widget .avatar {display: block;margin-bottom: 30px;}  .widget-latest-post, .widget-category, .widget-comments {padding: 0;list-style: none;}  .widget-latest-post li, .widget-category li, .widget-comments li {float: left;width: 100%;margin-bottom: 30px;}  .widget-category li, .widget-comments li {margin-bottom: 20px;}  .widget-category li a, .widget-comments li a {color: #837f7e;}  .widget-category li a:before {padding-right: 10px;content: "\f105";font-family: "FontAwesome";}  .widget-comments li:before {padding-right: 10px;content: "\f0e6";color: #837f7e;font-family: "FontAwesome";}  .widget-latest-post li:last-child {margin-bottom: 0;}  .widget-latest-post .thumb {float: left;width: 75px;height: auto;margin-right: 20px;}  .widget-latest-post .thumb img {width: 100%;height: 100%;}  .widget-latest-post .w-desk {display: inherit;overflow: hidden;color: #9b9a9a;}  .widget-latest-post .w-desk a {display: block;text-transform: uppercase;color: #333;font-size: 13px;}  .widget-social-link a {float: left;}  .widget-social-link a {width: 35px;height: 35px;margin: 0 15px 15px 0;text-align: center;color: #5a5a5a;border: 1px solid #5a5a5a;font-size: 16px;line-height: 35px;}  .widget-social-link a:hover, .widget-tags a:hover {background: #d6b161;border: 1px solid #d6b161;}  .circle a {border-radius: 50%;}  .thumb .widget-tags a {color: #fff;}  .widget-tags a {float: left;margin-right: 10px;margin-bottom: 10px;padding: 3px 10px;border: 1px solid #d3d3d3;border-radius: 50px;}  .img-item {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}  .thumb {border: solid 0px #555;-webkit-transform: scale(0.96);-o-transform: scale(0.96);-moz-transform: scale(0.96);-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: 0px 3px 3px #555;-moz-box-shadow: 0px 3px 3px #555;box-shadow: 0px 3px 3px #555;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}  .thumb:hover {-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);-moz-box-shadow: 0px 3px 8px #555;-webkit-box-shadow: 0px 3px 8px #555;-o-box-shadow: 0px 3px 8px #555;}  .thumb .widget-tags {display: inline-block;width: 100%;position: absolute;left: 0;bottom: 0;padding-left: 10px;opacity: 0;}  .thumb:hover .widget-tags {opacity: 1;}  /*------------------------------ blog-masonry ------------------------------*/  .portfolio-with-title.blog-m .portfolio-title p {margin: 5px 0 0 0;text-transform: none;color: #757575;font-family: "Source Sans Pro", sans-serif;font-size: 14px;font-weight: normal;line-height: 26px;}  .portfolio-with-title.blog-m .portfolio-title p {display: block;margin-bottom: 20px;}  .portfolio-with-title.blog-m .portfolio-title .date {display: block;margin: 5px 0 20px 0;letter-spacing: 1px;text-transform: uppercase;font-size: 12px;}  .portfolio-with-title.blog-m .portfolio-title .date, .portfolio-with-title.blog-m .portfolio-title .date a {color: #a8a8a8;}  /*------------------------------ comments-list ------------------------------*/  .comments-list .comment-author a {letter-spacing: 1px;text-transform: uppercase;color: #222;font-size: 12px; /*font-family: 'Abel', sans-serif;*/font-weight: bold;}  .comments-list .media>.pull-left {padding-right: 20px;}  .comments-list .comment-info, .comments-list .comment-info a {color: #a7a7a7;}  .comments-list .comment-info .comment-author a {color: #222;}  .comments-list .comment-info i {padding: 0 10px;}  .comments-list .comment-avatar {width: 50px;height: auto;}  .comments-list .comment-avatar {border-radius: 50%;}  .blog-comments .col-md-6, .blog-comments .col-md-12 {padding-right: 15px;padding-left: 15px;}  .blog-comments .form-control {border-radius: 0;box-shadow: none;}  .blog-comments .form-control:focus {border-color: #222;}  /*----*/  .pagination-row {overflow: hidden;}  .pagination-row {margin-bottom: 60px;padding: 30px 0;text-align: center;text-transform: uppercase;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;}  .pagination-post .prev-post {float: left;text-align: left;}  .pagination-post .prev-post, .pagination-post .next-post {width: 45%;}  .pagination-post .post-list-link {float: left;width: 10%;margin-top: 5px;text-align: center;}  .pagination-post .next-post {float: right;text-align: right;}  .pagination-post .prev-post .arrow {float: left;margin-right: 20px;}  .pagination-post .arrow {color: #e5e5e5;font-size: 50px;line-height: 50px;}  .pagination-post .next-post .arrow {float: right;margin-left: 20px;}  .pagination-post .post-list-link a {color: #d2d2d2;outline: none;font-size: 30px;}  .pagination-post .pagination-txt {margin-top: 18px;}  .pagination-post a {color: #d2d2d2;}  .pagination-post a:hover, .pagination-post a:hover .arrow {color: #222;}  .pagination-post a, .pagination-post a .arrow, .pagination-post a:hover, .pagination-post a:hover .arrow {-webkit-transition: all 0.3s;transition: all 0.3s;}  /*============================================== Post ===============================================*/  .video-fit {position: relative;width: 100%;padding-top: 50%;}  .audio-fit {position: relative;width: 100%;padding-top: 20%;}  .video-fit iframe, .video-fit object, .video-fit embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}  .audio-fit iframe {position: absolute;top: 0;left: 0;width: 100%; /*height: 100%;*/border: none;}  /*============================================== TB Grid ===============================================*/  .tb-grid {width: 100%;margin: auto;}  .tb-grid .box, .tb-grid .box2, .tb-grid .box3 {display: inline-block;}  .tb-grid .box {width: 33.3333%;padding-top: 33.3333%;}  .tb-grid .box2 {width: 66.6666%;padding-top: 33.3333%;}  .tb-grid .box3 {width: 66.6666%;padding-top: 66.6666%;}  .tb-grid .box-nano {position: relative;float: left;width: 50%;margin: 0;padding-top: 50%;}  .tb-grid .item>.item-inner, .tb-grid .box-nano>.item-inner {position: absolute;top: 5px;right: 5px;bottom: 5px;left: 5px;margin: 0;cursor: crosshair;background-repeat: no-repeat;background-position: 50% 0;background-size: cover;}  .tb-grid .items>.item-inner {top: 0;right: 0;bottom: 0;left: 0;}  /*============================================== Typist ===============================================*/  @-webkit-keyframes blink { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} }  @keyframes blink { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} }  .typist-blink:after {position: relative;top: 10px;display: inline-block;height: 47px;margin-right: 7px;margin-left: 3px;content: " ";-webkit-animation: blink 1s step-start 0s infinite;animation: blink 1s step-start 0s infinite;border-right: 2px solid;}  .typist-blink>.selectedText {display: none;}  .typist-mark>.selectedText {color: #fff;background-color: #222;font-style: normal;}  /*============================================== Footer ===============================================*/  #footer.gray {padding: 80px 0;background: #f5f5f5;}  #footer.dark {background: #222;}  #footer.gray .sub-title {margin: 15px 0;letter-spacing: 2px;color: #222;font-size: 12px;}  #footer.dark .sub-title {margin: 15px 0;letter-spacing: 2px;color: #fff;font-size: 12px;}  #footer.gray .social-link a {display: inline-block;margin: 10px;color: #222;font-size: 20px;}  #footer.dark .social-link a {display: inline-block;margin: 5px;color: #fff;font-size: 20px;}  #footer.gray .social-link.circle a {width: 40px;height: 40px;text-align: center;border: 1px solid #222;border-radius: 50%;line-height: 40px;}  #footer.dark .social-link.circle a {width: 40px;height: 40px;text-align: center;border: 1px solid #fff;border-radius: 50%;line-height: 40px;}  #footer.gray .social-link.circle a:hover {color: #fff;border: 1px solid transparent;background: #222;}  #footer.dark .social-link.circle a:hover {color: #222;border: 1px solid transparent;background: #fff;}  #footer.gray .copyright {letter-spacing: 2px;color: #000;font-size: 14px;}  #footer.dark .copyright {letter-spacing: 2px;color: #fff;font-size: 14px;}  #footer.gray .copyright-sub-title {letter-spacing: 2px;font-size: 12px;}  .footer-logo {display: block;}  .f-link, #footer.dark h5 {color: #fff;}  #footer.dark h5 {letter-spacing: 1px;}  #footer.dark {color: #6f7273;}  #footer.dark .primary-footer {padding: 80px 0;background: #222;}  #footer .f-list, .r-work {margin: 0;padding: 0;list-style: none;}  #footer .f-list li a {display: block;color: #a2a2a2;line-height: 45px;}  #footer .f-list li {border-bottom: 1px solid #333;}  #footer .f-list li a:before {padding-right: 15px;content: "\f105";font-family: "fontawesome";}  .r-work li a {float: left;margin: 0 10px 10px 0;}  .r-work li a {width: 55px;height: 55px;}  .r-work li a img {width: 100%;height: auto;}  #footer.dark .secondary-footer {display: inline-block;width: 100%;padding: 35px 0;border-top: 1px solid #2c2c2c;background: #1b1b1b;font-weight: normal;}  #footer.dark .secondary-footer .social-link a {display: inline-block;margin: 0 0 0 15px;color: #5a5a5a;font-size: 20px;}  #footer.dark .secondary-footer .social-link.circle a {width: 35px;height: 35px;text-align: center;border: 1px solid #5a5a5a;border-radius: 50%;line-height: 35px;}  #footer.dark .secondary-footer .social-link.circle a:hover {color: #fff;border: 1px solid transparent;background: #5a5a5a;}  .footer-3, .footer-4 {position: relative;}  .footer-3 .f-logo-center {position: absolute;top: -50px;left: 50%;margin-left: -3%;padding: 20px;text-align: center;border: 5px solid #f5f5f5;background-color: #fff;}  .footer-4 .f-logo-center {position: absolute;top: -50px;left: 50%;margin-left: -5%;padding: 20px;text-align: center;border: 5px solid #222;background-color: #fff;}  .footer-4.dark {padding: 80px 0;background: #222;}  .footer-4.dark .social-link a {display: inline-block;margin: 10px;color: #fff;font-size: 20px;}  .footer-4.dark .social-link.circle a {width: 40px;height: 40px;text-align: center;border: 1px solid #fff;border-radius: 50%;line-height: 40px;}  .footer-4.dark .social-link.circle a:hover {color: #222;border: 1px solid transparent;background: #fff;}  .footer-4.dark .copyright {letter-spacing: 2px;color: #fff;font-size: 14px;}  .footer-4.dark .copyright-sub-title {letter-spacing: 2px;color: #d0d0d0;font-size: 12px;}  .gray .border-top {padding-top: 40px;border-top: 1px dashed rgba(0, 0, 0, 0.1);}  .dark .border-top {padding-top: 40px;border-top: 1px dashed rgba(255, 255, 255, 0.2);}  .short-pad {padding: 40px 0 !important;}  /*============================================== Pages ===============================================*/  .maintenance-banner {background: #ededed;}  .maintenance-banner p {font-size: 16px;}  .dark-txt {color: #222;}  .border-less-input input {border: none;}  .login-bg-input input {background: #f5f5f5;}  .contact-comments .col-md-6, .contact-comments .col-md-12 {padding-right: 15px;padding-left: 15px;}  .form-control {border: 1px solid #e5e5e5;border-radius: 3px;box-shadow: none;}  .form-control:focus {border-color: #222;box-shadow: none;}  .contact-comments .form-control {height: 40px;border-radius: 0;}  .contact-comments .cmnt-text {height: 95px;}  .contact-comments label {text-transform: uppercase;color: #7e7e7e;font-weight: normal;}  address p {margin-bottom: 0;}  .ticket-register .form-control {height: 40px;color: #a7a7a7;border-radius: 5px;}  .ticket-register .form-group, .register-member a {margin: 0 5px;}  .register-member a {display: inline-block;width: 60px;height: 60px;margin-bottom: 10px;}  .register-member a img {width: 100%;height: auto;border-radius: 50%;}  .magazine-slider {margin-top: 0;}  .magazine-slider img {height: 424px;}  .magazine-slider .container {width: auto;}  .aside-social {margin-bottom: 20px;border: 1px solid #ddd;font-size: 0;}  .aside-social li {width: 25%;padding-top: 8px;-webkit-transition: background 0.3s ease 0s;transition: background 0.3s ease 0s;text-align: center;border-left: 1px solid #ddd;}  .aside-social li:hover {-webkit-transition: background 0.3s ease 0s;transition: background 0.3s ease 0s;color: #fff;border-left: 1px solid #333;background: #333;}  .aside-social li:hover i, .aside-social li:hover p {-webkit-transition: 0.3s ease 0s;transition: 0.3s ease 0s;color: #fff;}  .aside-social li:first-child {border-left: medium none;}  .aside-social.list-inline>li {display: inline-block;}  .aside-social.list-inline {margin-left: 0;}  .aside-social li i {margin-top: 5px;-webkit-transition: 0.3s ease 0s;transition: 0.3s ease 0s;color: #aaa;font-size: 16px;}  .aside-social li p {margin-top: 5px;margin-bottom: 6px;-webkit-transition: 0.3s ease 0s;transition: 0.3s ease 0s;font-size: 11px;}  .round-less {border-radius: 0;}  .magazine-grid .post-single .post-desk {height: auto;}  .magazine-latest-news {position: relative;padding: 20px;background: #eee;}  .breaking {position: absolute;top: 0;left: 0;float: left;margin-right: 30px;padding: 20px;text-transform: uppercase;color: #fff;background: #333;}  .breaking:after {position: absolute;top: 50%;left: 100%;width: 0;height: 0;margin-top: -10px;content: " ";pointer-events: none;border: solid transparent;border-width: 10px;border-color: rgba(51, 51, 51, 0);border-left-color: #333;}  .magazine-latest-news .news-slider {margin: 0 150px 0 130px;}  .magazine-latest-news .flex-control-nav {bottom: 25px;}  .magazine-latest-news a {color: #333;}  .catering-form .form-control {height: 65px;border: none;}  .catering-form input {width: 400px !important;}  .catering-form select {width: 200px !important;}  .app-down-row {position: relative;height: 510px;}  .app-down-row .cater-avatar {position: absolute;top: -65px;left: 0;}  .app-btn a {margin-right: 10px;}  .catering-list .post-single .post-desk {height: 180px;padding: 30px 0;}  .app-down-row .app-info {font-weight: 300;}  .app-down-row .app-info span {font-weight: bold;}  .float-left {float: left;}  .txt-extra-xl {font-size: 70px;}  .light-txt-trans {color: rgba(255, 255, 255, 0.5);}  .f-menu-desk {margin-bottom: 15px;color: #959595;}  .amenities-list li:last-child {border-bottom: 1px solid #9e9e9e;}  .amenities-list li {padding: 10px 0;border-top: 1px solid #9e9e9e;}  .hotel-intro-box-resize .post-single {width: 250px;}  .app-device { /*position: relative;*/}  .app-device img {position: absolute;right: 10%;bottom: 0;}  .app-img-bottom {min-height: 600px;}  .app-img-bottom img {position: absolute;bottom: 0;left: 15%;}  .app-icon i {margin-right: 15px;color: #dedede;font-size: 30px;}  .intro-title h2 {font-size: 36px;}  .intro-title p {letter-spacing: 2px;color: #fff !important;font-size: 16px;font-weight: 300;}  .intro-title p span {font-size: 26px;}  .intro-title i {position: relative;top: 4px;right: 10px;color: rgba(255, 255, 255, 0.5);font-size: 26px;line-height: 20px;}  .intro-title .btn {line-height: 32px;}  .intro-title a:hover i, .intro-title a:focus i {color: #222;}  .intro-portfolio img {margin-bottom: 30px;}  .intro-portfolio .fit-img {margin-bottom: 20px;}  .intro-portfolio a img, .intro-portfolio a img:hover {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}  .intro-portfolio a img:hover {opacity: 0.8;}  .intro-portfolio a {text-transform: uppercase;color: #222;}  @media screen and (-webkit-min-device-pixel-ratio: 0) {  .travel-form-bg ul {margin-bottom: -1px;margin-left: 15px;}  }  .travel-form {position: absolute;bottom: 0;width: 100%;}  .travel-form.icon-tabs li i {display: inline-block !important;}  .travel-form.icon-tabs li i {position: relative;top: 7px;padding-right: 10px;font-size: 35px;}  .travel-form.icon-tabs .nav>li {margin-left: 0;padding: 0;}  .travel-form.icon-tabs .nav>li>a {padding: 30px 40px;}  .travel-form.icon-tabs .nav>li>a:hover { /*background: #fff;*/}  .travel-form.icon-tabs .nav-pills>li>a:hover, .travel-form.icon-tabs .nav-pills>li.active:hover>a, .travel-form.icon-tabs .nav-pills>li.active>a, .travel-form.icon-tabs .nav-pills>li.active>a:focus {color: #fff;border-bottom: none;}  .travel-form .form-control, .travel-form .btn {height: 50px;border-color: transparent;border-radius: 4px;}  .travel-form .btn {margin-top: 35px;}  .travel-form .form-group {float: left;width: 15%;margin-right: 10px;}  .travel-form .form-group label {letter-spacing: 1px;text-transform: uppercase;font-weight: normal;}  .travel-grid .col-md-6 {padding: 0;}  .travel-grid .post-list-aside .post-img img {border: none;}  .travel-grid .post-list-aside {float: left;}  .travel-grid .post-desk {display: inline-block;height: auto;padding: 50px 30px;}  .featured-item.feature-outline.travel-feature {position: relative;padding: 0 0 0 130px;}  .fashion-title h1 {margin-bottom: 0;letter-spacing: 5px;font-size: 100px;font-weight: 100;}  .fashion-footer p {font-size: 13px;line-height: 20px;}  .fashion-footer .subscribe-form {display: inline-block;width: 100%;margin-bottom: 30px;}  .fashion-footer .subscribe-form input {width: 65% !important;border-radius: 4px;background: #f8f8f8;}  .fashion-footer ul {padding: 0;list-style: none;}  .fashion-footer ul li a {display: block;margin-bottom: 10px;text-transform: uppercase;color: #6f7273;font-size: 13px;}  .fashion-footer ul li a:hover {color: #222;}  .fashion-footer .social-link a {display: inline-block;width: 35px;height: 35px;margin-top: 5px;margin-right: 10px;margin-bottom: 5px;text-align: center;color: #cdcdcd;border: 1px solid #cdcdcd;border-radius: 50%;line-height: 35px;}  .fashion-footer .social-link a:hover {color: #fff;border: 1px solid transparent;background: #5a5a5a;}  .wedding-font {text-transform: none;font-family: "Arizonia", cursive;}  .bride-groom-txt {font-size: 100px !important;line-height: normal;}  .wd-font-50 {font-size: 50px !important;}  .wd-font-72 {font-size: 72px !important;}  .wd-font-light {font-weight: 300 !important;}  .bride-groom-row {padding: 0 50px;}  .bride-groom-row .team-img {width: 300px;height: 300px;margin: 0 auto;}  .bride-groom-row .team-img img {width: 100%;height: auto;}  .wed-thumb, .bride-groom-row .team-img.fnf-img {display: inline-block;width: 160px;height: 160px;}  .wed-thumb img, .bride-groom-row .team-img.fnf-img img {width: 100%;height: auto;border: 10px solid #fff;border-radius: 50%;}  .m-top-negative {position: relative;top: -80px;}  .pad-less {padding: 0;}  .wedding-form .form-control {border-radius: 5px;}  .wd-photo-border {border: 10px solid #f2f3f3 !important;}  .heart-space {padding: 0 10px;font-size: 30px;}  .decor-category a {position: relative;display: block;overflow: hidden;margin-bottom: 20px;}  .decor-category a img {-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}  .decor-category a:hover img {-webkit-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);}  .decor-category a .title {position: absolute;top: 35%;right: 10%;text-align: right;text-transform: uppercase;font-size: 24px;font-weight: 300;}  .decor-category a .title.dark {color: #222;}  .decor-category a .title.light {color: #fff;}  .portfolio-meta {padding: 0;list-style: none;}  .portfolio-meta li {margin: 15px 0;color: #666;}  .portfolio-meta li span {display: inline-block;width: 130px;letter-spacing: 2px;text-transform: uppercase;color: #000;font-size: 12px;}  .portfolio-meta li a {margin-right: 10px;color: #cdcdcd;}  .portfolio-meta li a:hover {color: #323232;}  /*------------------------------------------------------------------ error 404 -------------------------------------------------------------------*/  .error404 {display: block;margin-top: 20px;color: #222;font-size: 140px;font-weight: 100;line-height: 140px;}  .error-txt {display: block;margin-bottom: 50px;letter-spacing: 1px;text-transform: uppercase;font-size: 22px;}  .error-info {padding-left: 60px;border-left: 1px solid #ddd;}  .error-parallax .error-avatar {display: block;margin-top: 180px;margin-bottom: 50px;}  .error-parallax .error-info {padding-left: 0;border-left: none;}  .error-parallax .error-info .error404, .error-parallax .error-info .error-txt {color: #fff;}  .gym-schedule {display: block;}  .gym-schedule li {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);font-size: 16px;}  .gym-schedule li i {padding-right: 10px;}  .gym-schedule li .opening-hour {float: right;text-align: right;}  /*============================================== Mailchimp ===============================================*/  .mailchimp label {font-weight: normal;}  /*============================================== Scroll Top ===============================================*/  .lift-off {position: fixed;right: 20px;bottom: 20px;width: 40px;height: 40px;-webkit-transition: all 0.3s;transition: all 0.3s;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.6);line-height: 40px;}  .lift-off_show {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;}  .lift-off_hide {visibility: hidden;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);opacity: 0;}  /*============================================== Responsive ===============================================*//*------------------------------------------------------------------ Responsive Stylesheet Project: Massive - Multipurpose Responsive Theme Build: Bootstrap 3 + Author: ThemeBucket -------------------------------------------------------------------*//*------------------------------------------------------------------ Table of contents 1. Small Desktop 2. Tablet Landscape 3. Tablet Portrait 4. Phone 5. Small Phone -------------------------------------------------------------------*//*------------------------------- Small desktop ------------------------------- *//*------------------------------- Tablet Landscape ------------------------------- */  @media screen and (max-width: 1024px) {  .login-box.gray-bg {margin-bottom: 20px;}  }  @media screen and (max-width: 992px) {  /*portfolio grid*/ .portfolio.col-2 .portfolio-item, .portfolio.col-3 .portfolio-item, .portfolio.col-4 .portfolio-item, .portfolio.col-5 .portfolio-item, .portfolio.col-6 .portfolio-item {width: 33.3333333%; /*width: 50%;*/}  .social-link.pull-right {float: left !important;margin-top: 10px;}  #footer.dark .secondary-footer .social-link a {margin: 0 15px 0 0;}  .f-list {margin-bottom: 40px !important;}  .clients.grid-2 li {width: 50%;}  .clients.grid-3 li, .clients.grid-4 li, .clients.grid-5 li, .clients.grid-6 li {width: 33.33%;}  .clients.angle-box.grid-2 li {width: 46%;}  .clients.angle-box.grid-3 li, .clients.angle-box.grid-4 li, .clients.angle-box.grid-5 li, .clients.angle-box.grid-6 li {width: 29.33%;}  .feature-bg-box {margin-bottom: 50px;}  }  @media screen and (max-width: 800px) {  /*portfolio grid*/ .portfolio.col-2 .portfolio-item, .portfolio.col-3 .portfolio-item, .portfolio.col-4 .portfolio-item, .portfolio.col-5 .portfolio-item, .portfolio.col-6 .portfolio-item { /*width: 33.3333333%;*/width: 50%;}  .testimonial.grid-2 li, .img-post.col-2 .item, .img-post.col-3 .item, .img-post.col-4 .item {width: 100%;}  .subscribe-info, .subscribe-form {width: 90%;}  .subscribe-info {display: inline-block;margin-bottom: 30px;}  .post-parallax .dark-overlay {display: none;}  .v-middle {padding-bottom: 30px;}  .post-list-aside {margin-bottom: 50px;}  .feature-border-box {display: inline-block;margin-bottom: 50px;}  .bs-hero.full-screen .carousel-inner .item img {width: 100%;height: 100vh;}  .lift-off {display: none;}  }  /*------------------------------- Tablet Portrait ------------------------------- */  @media screen and (max-width: 768px) {  .page-title {margin-top: 47px;}  .menuzord-responsive.menuzord {padding: 0;}  .menuzord-responsive .logo-brand {font-size: 20px;line-height: 2.55;}  .menuzord-responsive .showhide {margin: 0;}  .menuzord-responsive .menuzord-menu {float: left !important;width: 100%;}  .menuzord-responsive .menuzord-menu.scrollable {overflow-y: auto;-webkit-overflow-scrolling: touch;}  .menuzord-responsive .menuzord-menu.scrollable>.scrollable-fix {display: block;}  .menuzord-responsive .menuzord-menu>li {position: relative;display: block;width: 100%;}  .menuzord-responsive .menuzord-menu>li>a {display: block;width: 100%;padding: 12px 20px;border-bottom: solid 1px #f0f0f0;}  .menuzord-responsive .menuzord-menu>li:first-child>a {border-top: solid 1px #f0f0f0;}  .menuzord-responsive .menuzord-menu ul.dropdown, .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {position: static;left: 0;float: left;width: 100%;border: none;background: #fff;}  .menuzord-responsive .menuzord-menu ul.dropdown li {position: relative;}  .menuzord-responsive .menuzord-menu ul.dropdown li a {border-bottom: solid 1px #f0f0f0;}  .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>a {padding-left: 40px !important;}  .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>a {padding-left: 60px !important;}  .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li>a {padding-left: 80px !important;}  .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li:hover>a { /*padding-left: 50px!important*/}  .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li:hover>a {padding-left: 70px !important;}  .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li:hover>a {padding-left: 90px !important;}  .menuzord-responsive .menuzord-menu li .indicator {position: absolute;top: 0;right: 0;width: 60px;height: 45px;text-align: center;border-left: solid 1px #f5f5f5;font-size: 22px;line-height: 43px;}  .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator {top: 0;right: 0;height: 38px;font-size: 18px;line-height: 36px;}  .menuzord-responsive .menuzord-menu>li>.megamenu {position: static;left: 0 !important;width: 100% !important;border-top: none;border-bottom: solid 1px #f0f0f0;}  .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row [class*="col"] {display: block;float: none;width: 100% !important;margin-top: 15px;margin-left: 0;}  .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row, .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row:first-child [class*="col"]:first-child {margin-top: 0;}  .menuzord-responsive .menuzord-menu>li.search form {width: 100%;margin: 4px 0;padding: 10px 16px !important;}  .menuzord-responsive .menuzord-menu>li.search form input[type="text"], .menuzord-responsive .menuzord-tabs-content, .menuzord-responsive .menuzord-tabs-nav {width: 100%;}  /*-------------------------*//*Mneu items *//*-------------------------*/ .menuzord-responsive .menuzord-menu>li>a {padding: 12px 20px !important;line-height: 20px;}  /*Dropdown indicators */ .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator {border: none;}  /*Dropdown */ .menuzord-responsive .menuzord-menu ul.dropdown, .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {background: #fff;}  /*Dropdown items */ .menuzord-responsive .menuzord-menu ul.dropdown li a {border: none;}  .menuzord-menu li .indicator i.fa-angle-down:before {content: "\f107";}  /*----*/ .top-ads {display: none;}  .portfolio-filter li {display: inline-block;line-height: 40px;}  ul.menuzord-menu {background: #fff;}  .login-box.gray-bg {margin-bottom: 20px;}  .count-down .c-grid, .count-down-alt .c-grid {float: left;margin: 10px;}  .count-icon {right: 40px;}  .feature-bg-box {margin-bottom: 50px !important;}  .catering-form input, .catering-form button, .catering-form select {width: 100% !important;margin-bottom: 10px;}  .catering-form .form-group, header.nav-center-align .logo-brand img {margin: 0;}  header.nav-center-align .logo-brand img {height: 40px;}  .cart-info .megamenu-quarter-width {width: auto !important;}  .boxed .wrapper, .boxed header.sticky, .boxed header.sticky .header-sticky, .boxed header.transparent-header {width: 100%;}  .banner-box h1, .banner-title h1 {font-size: 30px;}  .banner-box h3, .banner-title h3, h3 {font-size: 18px;}  h1 {font-size: 26px;}  h2 {font-size: 20px;}  .b-lg-txt {font-size: 40px !important;}  .post-single .post-desk {height: auto;}  .nav-center-align .logo-brand, .nav-center-align .menuzord-menu, .nav-center-align .menuzord-menu>li {float: left;}  /**/ .travel-form.icon-tabs .nav>li>a {padding: 30px 25px;}  }  @media screen and (max-width: 767px) {  .page-title .breadcrumb {right: auto;left: 15px;margin: 20px 0 0;}  .page-content {padding: 50px 0;}  .heading-title {margin-bottom: 50px;}  .promo-info {padding-right: 0;}  .promo-btn {position: relative;top: 0;right: 0;margin-top: 0;margin-top: 20px;}  .fun-factor {padding: 30px 0;}  .post-grid {margin: 0;}  .post-grid .col-lg-1, .post-grid .col-lg-10, .post-grid .col-lg-11, .post-grid .col-lg-12, .post-grid .col-lg-2, .post-grid .col-lg-3, .post-grid .col-lg-4, .post-grid .col-lg-5, .post-grid .col-lg-6, .post-grid .col-lg-7, .post-grid .col-lg-8, .post-grid .col-lg-9, .post-grid .col-md-1, .post-grid .col-md-10, .post-grid .col-md-11, .post-grid .col-md-12, .post-grid .col-md-2, .post-grid .col-md-3, .post-grid .col-md-4, .post-grid .col-md-5, .post-grid .col-md-6, .post-grid .col-md-7, .post-grid .col-md-8, .post-grid .col-md-9, .post-grid .col-sm-1, .post-grid .col-sm-10, .post-grid .col-sm-11, .post-grid .col-sm-12, .post-grid .col-sm-2, .post-grid .col-sm-3, .post-grid .col-sm-4, .post-grid .col-sm-5, .post-grid .col-sm-6, .post-grid .col-sm-7, .post-grid .col-sm-8, .post-grid .col-sm-9, .post-grid .col-xs-1, .post-grid .col-xs-10, .post-grid .col-xs-11, .post-grid .col-xs-12, .post-grid .col-xs-2, .post-grid .col-xs-3, .post-grid .col-xs-4, .post-grid .col-xs-5, .post-grid .col-xs-6, .post-grid .col-xs-7, .post-grid .col-xs-8, .post-grid .col-xs-9 {padding-right: 15px;padding-left: 15px;}  .post-desk.pad-left-less {padding-left: 40px !important;}  .portfolio-filter li {display: inline-block;line-height: 40px;}  .page-title {text-align: center;}  .page-title .breadcrumb {position: relative !important;top: 0 !important;right: 0 !important;left: 0 !important;margin: 10px 0 0 !important;}  .footer-3 .f-logo-center, .footer-4 .f-logo-center {left: 40px !important;}  .clients.grid-2 li, .clients.grid-3 li, .clients.grid-4 li, .clients.grid-5 li, .clients.grid-6 li {width: 50%;}  .clients.angle-box.grid-2 li, .clients.angle-box.grid-3 li, .clients.angle-box.grid-4 li, .clients.angle-box.grid-5 li, .clients.angle-box.grid-6 li {width: 46%;}  .testimonial.grid-2 li, .subscribe-info, .subscribe-form, .c-info-row .c-info, .c-info-row .c-slide, .nav>li, .featured-box .one-third {width: 100%;}  .half-txt {width: 80%;}  .icon-box-tabs .nav-pills>li+li {margin-left: 0;}  .icon-box-tabs .nav-pills>li {margin-bottom: 10px;text-align: center;}  .subscribe-info, .featured-item {display: inline-block;width: 100%;margin-bottom: 30px;}  .subscribe-form input, .subscribe-box.text-center .subscribe-form input {display: inline-block;margin-bottom: 10px;}  .subscribe-form input, .subscribe-form .btn {width: 100% !important;}  .error-info {display: inline-block;width: 100%;margin-top: 60px;padding-top: 30px;padding-left: 0;text-align: center;border-top: 1px solid #ddd;border-left: none;}  .maintenance-banner img, .responsive-img img {width: 100%;height: auto;}  .feature-border-box {display: inline-block;margin-bottom: 50px;}  #portfolio-carousel.owl-theme .owl-controls, #portfolio-carousel-alt.owl-theme .owl-controls {position: absolute;top: auto;right: 0;bottom: -48px;left: 0;margin-top: 10px;text-align: center;}  .count-down .c-grid, .count-down-alt .c-grid {margin: 20px;}  .count-icon {right: 40px;}  .p-quantity, .featured-box .one-third:nth-child(2) {padding: 0;}  .img-post .post-desk {padding: 10px;}  .side-object .content {width: 100%;padding: 100px 0;text-align: center;}  .side-object .object {display: none;}  .bs-hero.full-screen .carousel-inner .item img {width: 100%;height: 100%;}  .btn {margin-bottom: 5px;}  .btn-medium {font-size: 12px;}  .intro-title h2 {font-size: 20px;}  .intro-title p {font-size: 12px;}  .intro-title p span {font-size: 20px;}  .tp-caption .btn {padding: 5px;font-size: 10px;}  /**/ .travel-form .form-group {width: 100%;}  .travel-form.icon-tabs .nav>li>a {padding: 10px 5px;font-size: 12px;}  .travel-form.icon-tabs li i {font-size: 20px;}  .travel-form .nav>li {width: auto;margin-right: 5px;}  .travel-form .form-control, .travel-form .btn {height: 30px;}  .travel-form .form-group {margin-bottom: 0;}  .travel-form label {display: inline-block;margin-bottom: 0;font-size: 11px;font-weight: normal;}  .travel-form .btn {margin-top: 10px;}  .travel-form .btn {line-height: 10px;}  .travel-booking+.body-content {margin-top: 100px;}  .travel-form {position: static;margin-top: 20px;}  .travel-form-bg-light {padding: 24px 0;}  /**/ .bs-hero.full-screen .carousel.slide .carousel-control {width: 30%;margin-top: 0;margin-bottom: 0;}  .fashion-title h1 {margin-bottom: 0;letter-spacing: 5px;font-size: 25px;font-weight: 100;}  .bs-hero.full-screen .carousel-inner .item img {width: 100%;height: 100vh;}  .fashion-footer .subscribe-form input {width: 100% !important;}  .fashion-footer ul {display: block;margin: 20px 0 30px 0;}  .fashion-footer ul, .fashion-footer .social-link {text-align: center;}  .bs-hero.full-screen .carousel-inner .item .bs-info-center {width: 100%;margin-left: -50%;}  .bs-hero.full-screen .carousel-inner .item .bs-info-right {width: 100%;}  .bs-hero.full-screen .carousel-inner .item .bs-info-right {top: 45%;right: 0;left: 0;text-align: center;}  }  /*------------------------------- Phone ------------------------------- */  @media screen and (max-width: 480px) {  /*portfolio grid*/ .portfolio.col-2 .portfolio-item, .portfolio.col-3 .portfolio-item, .portfolio.col-4 .portfolio-item, .portfolio.col-5 .portfolio-item, .portfolio.col-6 .portfolio-item, .testimonial.grid-2 li {width: 100%; /*width: 50%;*/}  .error-parallax .error-avatar img {width: 50%;height: auto;}  .error-parallax .error-avatar {display: block;margin-top: 80px;margin-bottom: 20px;}  .error-parallax .error-info {display: inline-block;margin-top: 0;padding-top: 0;padding-left: 0;border-top: none;border-left: none;}  /**/ .coming-soon-logo img {width: 30%;}  .count-down .c-grid, .count-down-alt .c-grid {margin: 10px 30px;}  }  /*------------------------------- Small Phone ------------------------------- */  @media screen and (max-width: 479px) {  .clients.grid-2 li, .clients.grid-3 li, .clients.grid-4 li, .clients.grid-5 li, .clients.grid-6 li, .testimonial.grid-2 li {width: 100%;}  .clients.angle-box.grid-2 li, .clients.angle-box.grid-3 li, .clients.angle-box.grid-4 li, .clients.angle-box.grid-5 li, .clients.angle-box.grid-6 li {width: 96%;}  .error-avatar img {width: 100%;height: auto;}  .error-parallax .error-avatar img {width: 50%;height: auto;}  .error-parallax .error-avatar {display: block;margin-top: 80px;margin-bottom: 20px;}  .error-parallax .error-info {display: inline-block;margin-top: 0;padding-top: 0;padding-left: 0;border-top: none;border-left: none;}  .login-box, .login-social-link a, .c-info-row .c-info, .c-info-row .c-slide {width: 100%;}  .login-social-link a {display: block;margin-bottom: 15px;}  #portfolio-carousel.owl-theme .owl-controls, #portfolio-carousel-alt.owl-theme .owl-controls {position: absolute;top: auto;right: 0;bottom: -48px;left: 0;margin-top: 10px;text-align: center;}  .count-down .c-grid, .count-down-alt .c-grid {float: left;width: 100%;margin: 10px 0;}  .count-icon {right: 40px;}  .count-down.circle .c-grid, .count-down-alt.circle .c-grid {border-radius: 0 !important;}  .count-down.round .c-grid, .count-down-alt.round .c-grid {border-radius: 0 !important;}  .tp-caption .btn {padding: 5px;font-size: 6px;}  /**/ .count-down .c-grid, .count-down-alt .c-grid {width: 40%;height: 70px;padding-top: 5px;}  .count-down .c-value, .count-down-alt .c-value {font-size: 20px;}  .count-down .c-title, .count-down-alt .c-title {letter-spacing: 3px;font-size: 12px;}  .count-down .c-grid, .count-down-alt .c-grid {margin: 10px;}  }


--------------------------------------------------------------------------------