三角形

创意多用途 HTML 模板

Triangle 是一个创意多用途响应式 HTML 模板。这个令人惊叹的模板适用于任何类型的小型企业或创意农场。创意设计、令人惊叹的动画、单色和多色变化是此模板的主要特点。

Ajax 联系表

使用任何文本编辑器（如 sublime text 或 notepad++）打开sendemail.php 文件并查找行 email@email.com。

只需将该电子邮件替换为您的电子邮件并保存文件即可。

  1. <? php
  2.  
  3. 标头（'内容类型：application/json' ）；
  4.  
  5. $状态=数组（
  6.  
  7. '类型' => '成功' ,
  8.  
  9. 'message' => '感谢您联系我们。我们将尽快与您联系'
  10.  
  11. （英文）：
  12.  
  13.  
  14.     $name = @trim （stripslashes （$_POST [ 'name' ]））；  
  15.  
  16.     $email = @trim （stripslashes （$_POST [ 'email' ]））；  
  17.  
  18.     $subject = @trim （stripslashes （$_POST [ 'subject' ]））；  
  19.  
  20.     $message = @trim （stripslashes （$_POST [ 'message' ]））；  
  21.  
  22.  
  23.     $email_from = $电子邮件；
  24.  
  25.     $email_to = 'email@email.com' ; //替换为您的电子邮件 
  26.  
  27.  
  28.     $body = '姓名：' . $name . "\n\n" . '电子邮件：' . $email . "\n\n" . '主题：' . $subject . "\n\n" . '消息：' . $message ;              
  29.  
  30.  
  31.     $success = @mail ( $email_to , $subject , $body , '发件人：<' . $email_from . '>' );  
  32.  
  33.  
  34.     回显 json_encode （$status ）；
  35.  
  36.     死;

谷歌地图

In main.js file under js folder just look for the latitude and logitude value. Replace that values using correct one and save the file to see your address.

  1. if( $('#gmap').length ) {
  2.  
  3. var map;
  4.  
  5.  
  6. map = new GMaps({
  7.  
  8. el: '#gmap',
  9.  
  10. lat: 43.04446,
  11.  
  12. lng: -76.130791,
  13.  
  14. scrollwheel:false,
  15.  
  16. zoom: 16,
  17.  
  18. zoomControl : false,
  19.  
  20. panControl : false,
  21.  
  22. streetViewControl : false,
  23.  
  24. mapTypeControl: false,
  25.  
  26. overviewMapControl: false,
  27.  
  28. clickable: false
  29.  
  30. });
  31.  
  32.  
  33. map.addMarker({
  34.  
  35. lat: 43.04446,
  36.  
  37. lng: -76.130791,
  38.  
  39. animation: google.maps.Animation.DROP,
  40.  
  41. verticalAlign: 'bottom',
  42.  
  43. horizontalAlign: 'center',
  44.  
  45. backgroundColor: '#3e8bff',
  46.  
  47. });
  48.  
  49. }

HTML

  1. <!DOCTYPE html>
  2.  
  3. <html lang="en">
  4.  
  5. <head>
  6.  
  7.     <meta charset="utf-8">
  8.  
  9.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10.  
  11.     <meta name="description" content="">
  12.  
  13.     <meta name="author" content="">
  14.  
  15.     <title>Home | Triangle</title>
  16.  
  17.     <link href="css/bootstrap.min.css" rel="stylesheet">
  18.  
  19.     <link href="css/font-awesome.min.css" rel="stylesheet">
  20.  
  21.     <link href="css/animate.min.css" rel="stylesheet"> 
  22.  
  23.     <link href="css/lightbox.css" rel="stylesheet"> 
  24.  
  25. <link href="css/main.css" rel="stylesheet">
  26.  
  27. <link href="css/responsive.css" rel="stylesheet">
  28.  
  29.  
  30.     <!--[if lt IE 9]>
  31.  
  32.    <script src="js/html5shiv.js"></script>
  33.  
  34.    <script src="js/respond.min.js"></script>
  35.  
  36.     <![endif]-->       
  37.  
  38.     <link rel="shortcut icon" href="images/ico/favicon.ico">
  39.  
  40.     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
  41.  
  42.     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
  43.  
  44.     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
  45.  
  46.     <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
  47.  
  48. </head><!--/head-->
  49.  
  50.  
  51. <body>
  52.  
  53. <header id="header">      
  54.  
  55.         <div class="container">
  56.  
  57.             <div class="row">
  58.  
  59.                 <div class="col-sm-12 overflow">
  60.  
  61.                    <div class="social-icons pull-right">
  62.  
  63.                         <ul class="nav nav-pills">
  64.  
  65.                             <li><a href=""><i class="fa fa-facebook"></i></a></li>
  66.  
  67.                             <li><a href=""><i class="fa fa-twitter"></i></a></li>
  68.  
  69.                             <li><a href=""><i class="fa fa-google-plus"></i></a></li>
  70.  
  71.                             <li><a href=""><i class="fa fa-dribbble"></i></a></li>
  72.  
  73.                             <li><a href=""><i class="fa fa-linkedin"></i></a></li>
  74.  
  75.                         </ul>
  76.  
  77.                     </div> 
  78.  
  79.                 </div>
  80.  
  81.              </div>
  82.  
  83.         </div>
  84.  
  85.         <div class="navbar navbar-inverse" role="banner">
  86.  
  87.             <div class="container">
  88.  
  89.                 <div class="navbar-header">
  90.  
  91.                     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  92.  
  93.                         <span class="sr-only">Toggle navigation</span>
  94.  
  95.                         <span class="icon-bar"></span>
  96.  
  97.                         <span class="icon-bar"></span>
  98.  
  99.                         <span class="icon-bar"></span>
  100.  
  101.                     </button>
  102.  
  103.  
  104.                     <a class="navbar-brand" href="index.html">
  105.  
  106.                      <h1><img src="images/logo.png" alt="logo"></h1>
  107.  
  108.                     </a>
  109.  
  110.                     
  111.  
  112.                 </div>
  113.  
  114.                 <div class="collapse navbar-collapse">
  115.  
  116.                     <ul class="nav navbar-nav navbar-right">
  117.  
  118.                         <li class="active"><a href="index.html">Home</a></li>
  119.  
  120.                         <li class="dropdown"><a href="#">Pages <i class="fa fa-angle-down"></i></a>
  121.  
  122.                             <ul role="menu" class="sub-menu">
  123.  
  124.                                 <li><a href="aboutus.html">About</a></li>
  125.  
  126.                                 <li><a href="aboutus2.html">About 2</a></li>
  127.  
  128.                                 <li><a href="service.html">Services</a></li>
  129.  
  130.                                 <li><a href="pricing.html">Pricing</a></li>
  131.  
  132.                                 <li><a href="contact.html">Contact us</a></li>
  133.  
  134.                                 <li><a href="contact2.html">Contact us 2</a></li>
  135.  
  136.                                 <li><a href="404.html">404 error</a></li>
  137.  
  138.                                 <li><a href="coming-soon.html">Coming Soon</a></li>
  139.  
  140.                             </ul>
  141.  
  142.                         </li>                  
  143.  
  144.                         <li class="dropdown"><a href="blog.html">Blog <i class="fa fa-angle-down"></i></a>
  145.  
  146.                             <ul role="menu" class="sub-menu">
  147.  
  148.                                 <li><a href="blog.html">Blog Default</a></li>
  149.  
  150.                                 <li><a href="blogtwo.html">Timeline Blog</a></li>
  151.  
  152.                                 <li><a href="blogone.html">2 Columns + Right Sidebar</a></li>
  153.  
  154.                                 <li><a href="blogthree.html">1 Column + Left Sidebar</a></li>
  155.  
  156.                                 <li><a href="blogfour.html">Blog Masonary</a></li>
  157.  
  158.                                 <li><a href="blogdetails.html">Blog Details</a></li>
  159.  
  160.                             </ul>
  161.  
  162.                         </li>
  163.  
  164.                         <li class="dropdown"><a href="portfolio.html">Portfolio <i class="fa fa-angle-down"></i></a>
  165.  
  166.                             <ul role="menu" class="sub-menu">
  167.  
  168.                                 <li><a href="portfolio.html">Portfolio Default</a></li>
  169.  
  170.                                 <li><a href="portfoliofour.html">Isotope 3 Columns + Right Sidebar</a></li>
  171.  
  172.                                 <li><a href="portfolioone.html">3 Columns + Right Sidebar</a></li>
  173.  
  174.                                 <li><a href="portfoliotwo.html">3 Columns + Left Sidebar</a></li>
  175.  
  176.                                 <li><a href="portfoliothree.html">2 Columns</a></li>
  177.  
  178.                                 <li><a href="portfolio-details.html">Portfolio Details</a></li>
  179.  
  180.                             </ul>
  181.  
  182.                         </li>                         
  183.  
  184.                         <li><a href="shortcodes.html ">Shortcodes</a></li>                    
  185.  
  186.                     </ul>
  187.  
  188.                 </div>
  189.  
  190.                 <div class="search">
  191.  
  192.                     <form role="form">
  193.  
  194.                         <i class="fa fa-search"></i>
  195.  
  196.                         <div class="field-toggle">
  197.  
  198.                             <input type="text" class="search-form" autocomplete="off" placeholder="Search">
  199.  
  200.                         </div>
  201.  
  202.                     </form>
  203.  
  204.                 </div>
  205.  
  206.             </div>
  207.  
  208.         </div>
  209.  
  210.     </header>
  211.  
  212.     <!--/#header-->
  213.  
  214.  
  215.     <section id="home-slider">
  216.  
  217.         <div class="container">
  218.  
  219.             <div class="main-slider">
  220.  
  221.                 <div class="slide-text">
  222.  
  223.                     <h1>We Are Creative Nerds</h1>
  224.  
  225.                     <p>Boudin doner frankfurter pig. Cow shank bresaola pork loin tri-tip tongue venison pork belly meatloaf short loin landjaeger biltong beef ribs shankle chicken andouille.</p>
  226.  
  227.                     <a href="#" class="btn btn-common">SIGN UP</a>
  228.  
  229.                 </div>
  230.  
  231.                 <img src="images/home/slider/slide1/house.png" class="img-responsive slider-house" alt="slider image">
  232.  
  233.                 <img src="images/home/slider/slide1/circle1.png" class="slider-circle1" alt="slider image">
  234.  
  235.                 <img src="images/home/slider/slide1/circle2.png" class="slider-circle2" alt="slider image">
  236.  
  237.                 <img src="images/home/slider/slide1/cloud1.png" class="slider-cloud1" alt="slider image">
  238.  
  239.                 <img src="images/home/slider/slide1/cloud2.png" class="slider-cloud2" alt="slider image">
  240.  
  241.                 <img src="images/home/slider/slide1/cloud3.png" class="slider-cloud3" alt="slider image">
  242.  
  243.                 <img src="images/home/slider/slide1/sun.png" class="slider-sun" alt="slider image">
  244.  
  245.                 <img src="images/home/cycle.png" class="slider-cycle" alt="">
  246.  
  247.             </div>
  248.  
  249.         </div>
  250.  
  251.         <div class="preloader"><i class="fa fa-sun-o fa-spin"></i></div>
  252.  
  253.     </section>
  254.  
  255.     <!--/#home-slider-->
  256.  
  257.  
  258.     <section id="services">
  259.  
  260.         <div class="container">
  261.  
  262.             <div class="row">
  263.  
  264.                 <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="300ms">
  265.  
  266.                     <div class="single-service">
  267.  
  268.                         <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="300ms">
  269.  
  270.                             <img src="images/home/icon1.png" alt="">
  271.  
  272.                         </div>
  273.  
  274.                         <h2>Incredibly Responsive</h2>
  275.  
  276.                         <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine. Cow shankle beef sirloin chicken ground round.</p>
  277.  
  278.                     </div>
  279.  
  280.                 </div>
  281.  
  282.                 <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms">
  283.  
  284.                     <div class="single-service">
  285.  
  286.                         <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="600ms">
  287.  
  288.                             <img src="images/home/icon2.png" alt="">
  289.  
  290.                         </div>
  291.  
  292.                         <h2>Superior Typography</h2>
  293.  
  294.                         <p>Hamburger ribeye drumstick turkey, strip steak sausage ground round shank pastrami beef brisket pancetta venison.</p>
  295.  
  296.                     </div>
  297.  
  298.                 </div>
  299.  
  300.                 <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="900ms">
  301.  
  302.                     <div class="single-service">
  303.  
  304.                         <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="900ms">
  305.  
  306.                             <img src="images/home/icon3.png" alt="">
  307.  
  308.                         </div>
  309.  
  310.                         <h2>Swift Page Builder</h2>
  311.  
  312.                         <p>Venison tongue, salami corned beef ball tip meatloaf bacon. Fatback pork belly bresaola tenderloin bone pork kevin shankle.</p>
  313.  
  314.                     </div>
  315.  
  316.                 </div>
  317.  
  318.             </div>
  319.  
  320.         </div>
  321.  
  322.     </section>
  323.  
  324.     <!--/#services-->
  325.  
  326.  
  327.     <section id="action" class="responsive">
  328.  
  329.         <div class="vertical-center">
  330.  
  331.              <div class="container">
  332.  
  333.                 <div class="row">
  334.  
  335.                     <div class="action take-tour">
  336.  
  337.                         <div class="col-sm-7 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
  338.  
  339.                             <h1 class="title">Triangle Corporate Template</h1>
  340.  
  341.                             <p>A responsive, retina-ready &amp; wide multipurpose template.</p>
  342.  
  343.                         </div>
  344.  
  345.                         <div class="col-sm-5 text-center wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
  346.  
  347.                             <div class="tour-button">
  348.  
  349.                                 <a href="#" class="btn btn-common">TAKE THE TOUR</a>
  350.  
  351.                              </div>
  352.  
  353.                         </div>
  354.  
  355.                     </div>
  356.  
  357.                 </div>
  358.  
  359.             </div>
  360.  
  361.         </div>
  362.  
  363.    </section>
  364.  
  365.     <!--/#action-->
  366.  
  367.  
  368.     <section id="features">
  369.  
  370.         <div class="container">
  371.  
  372.             <div class="row">
  373.  
  374.                 <div class="single-features">
  375.  
  376.                     <div class="col-sm-5 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
  377.  
  378.                         <img src="images/home/image1.png" class="img-responsive" alt="">
  379.  
  380.                     </div>
  381.  
  382.                     <div class="col-sm-6 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
  383.  
  384.                         <h2>Experienced and Enthusiastic</h2>
  385.  
  386.                         <P>Pork belly leberkas cow short ribs capicola pork loin. Doner fatback frankfurter jerky meatball pastrami bacon tail sausage. Turkey fatback ball tip, tri-tip tenderloin drumstick salami strip steak.</P>
  387.  
  388.                     </div>
  389.  
  390.                 </div>
  391.  
  392.                 <div class="single-features">
  393.  
  394.                     <div class="col-sm-6 col-sm-offset-1 align-right wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
  395.  
  396.                         <h2>Built for the Responsive Web</h2>
  397.  
  398.                         <P>Mollit eiusmod id chuck turducken laboris meatloaf pork loin tenderloin swine. Pancetta excepteur fugiat strip steak tri-tip. Swine salami eiusmod sint, ex id venison non. Fugiat ea jowl cillum meatloaf.</P>
  399.  
  400.                     </div>
  401.  
  402.                     <div class="col-sm-5 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
  403.  
  404.                         <img src="images/home/image2.png" class="img-responsive" alt="">
  405.  
  406.                     </div>
  407.  
  408.                 </div>
  409.  
  410.                 <div class="single-features">
  411.  
  412.                     <div class="col-sm-5 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
  413.  
  414.                         <img src="images/home/image3.png" class="img-responsive" alt="">
  415.  
  416.                     </div>
  417.  
  418.                     <div class="col-sm-6 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
  419.  
  420.                         <h2>Experienced and Enthusiastic</h2>
  421.  
  422.                         <P>Ut officia cupidatat anim excepteur fugiat cillum ea occaecat rump pork chop tempor. Ut tenderloin veniam commodo. Shankle aliquip short ribs, chicken eiusmod exercitation shank landjaeger spare ribs corned beef.</P>
  423.  
  424.                     </div>
  425.  
  426.                 </div>
  427.  
  428.             </div>
  429.  
  430.         </div>
  431.  
  432.     </section>
  433.  
  434.      <!--/#features-->
  435.  
  436.  
  437.     <section id="clients">
  438.  
  439.         <div class="container">
  440.  
  441.             <div class="row">
  442.  
  443.                 <div class="col-sm-12">
  444.  
  445.                     <div class="clients text-center wow fadeInUp" data-wow-duration="500ms" data-wow-delay="300ms">
  446.  
  447.                         <p><img src="images/home/clients.png" class="img-responsive" alt=""></p>
  448.  
  449.                         <h1 class="title">Happy Clients</h1>
  450.  
  451.                         <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br> Ut enim ad minim veniam, quis nostrud </p>
  452.  
  453.                     </div>
  454.  
  455.                     <div class="clients-logo wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms">
  456.  
  457.                         <div class="col-xs-3 col-sm-2">
  458.  
  459.                             <a href="#"><img src="images/home/client1.png" class="img-responsive" alt=""></a>
  460.  
  461.                         </div>
  462.  
  463.                         <div class="col-xs-3 col-sm-2">
  464.  
  465.                             <a href="#"><img src="images/home/client2.png" class="img-responsive" alt=""></a>
  466.  
  467.                         </div>
  468.  
  469.                          <div class="col-xs-3 col-sm-2">
  470.  
  471.                             <a href="#"><img src="images/home/client3.png" class="img-responsive" alt=""></a>
  472.  
  473.                         </div>
  474.  
  475.                          <div class="col-xs-3 col-sm-2">
  476.  
  477.                             <a href="#"><img src="images/home/client4.png" class="img-responsive" alt=""></a>
  478.  
  479.                         </div>
  480.  
  481.                          <div class="col-xs-3 col-sm-2">
  482.  
  483.                             <a href="#"><img src="images/home/client5.png" class="img-responsive" alt=""></a>
  484.  
  485.                         </div>
  486.  
  487.                          <div class="col-xs-3 col-sm-2">
  488.  
  489.                             <a href="#"><img src="images/home/client6.png" class="img-responsive" alt=""></a>
  490.  
  491.                         </div>
  492.  
  493.                     </div>
  494.  
  495.                 </div>
  496.  
  497.             </div>
  498.  
  499.         </div>
  500.  
  501.      </section>
  502.  
  503.     <!--/#clients-->
  504.  
  505.  
  506.     <footer id="footer">
  507.  
  508.         <div class="container">
  509.  
  510.             <div class="row">
  511.  
  512.                 <div class="col-sm-12 text-center bottom-separator">
  513.  
  514.                     <img src="images/home/under.png" class="img-responsive inline" alt="">
  515.  
  516.                 </div>
  517.  
  518.                 <div class="col-md-4 col-sm-6">
  519.  
  520.                     <div class="testimonial bottom">
  521.  
  522.                         <h2>Testimonial</h2>
  523.  
  524.                         <div class="media">
  525.  
  526.                             <div class="pull-left">
  527.  
  528.                                 <a href="#"><img src="images/home/profile1.png" alt=""></a>
  529.  
  530.                             </div>
  531.  
  532.                             <div class="media-body">
  533.  
  534.                                 <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote>
  535.  
  536.                                 <h3><a href="#">- Jhon Kalis</a></h3>
  537.  
  538.                             </div>
  539.  
  540.                          </div>
  541.  
  542.                         <div class="media">
  543.  
  544.                             <div class="pull-left">
  545.  
  546.                                 <a href="#"><img src="images/home/profile2.png" alt=""></a>
  547.  
  548.                             </div>
  549.  
  550.                             <div class="media-body">
  551.  
  552.                                 <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote>
  553.  
  554.                                 <h3><a href="">- Abraham Josef</a></h3>
  555.  
  556.                             </div>
  557.  
  558.                         </div>   
  559.  
  560.                     </div> 
  561.  
  562.                 </div>
  563.  
  564.                 <div class="col-md-3 col-sm-6">
  565.  
  566.                     <div class="contact-info bottom">
  567.  
  568.                         <h2>Contacts</h2>
  569.  
  570.                         <address>
  571.  
  572.                         E-mail: <a href="mailto:someone@example.com">email@email.com</a> <br> 
  573.  
  574.                         Phone: +1 (123) 456 7890 <br> 
  575.  
  576.                         Fax: +1 (123) 456 7891 <br> 
  577.  
  578.                         </address>
  579.  
  580.  
  581.                         <h2>Address</h2>
  582.  
  583.                         <address>
  584.  
  585.                         Unit C2, St.Vincent's Trading Est., <br> 
  586.  
  587.                         Feeder Road, <br> 
  588.  
  589.                         Bristol, BS2 0UY <br> 
  590.  
  591.                         United Kingdom <br> 
  592.  
  593.                         </address>
  594.  
  595.                     </div>
  596.  
  597.                 </div>
  598.  
  599.                 <div class="col-md-4 col-sm-12">
  600.  
  601.                     <div class="contact-form bottom">
  602.  
  603.                         <h2>Send a message</h2>
  604.  
  605.                         <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php">
  606.  
  607.                             <div class="form-group">
  608.  
  609.                                 <input type="text" name="name" class="form-control" required="required" placeholder="Name">
  610.  
  611.                             </div>
  612.  
  613.                             <div class="form-group">
  614.  
  615.                                 <input type="email" name="email" class="form-control" required="required" placeholder="Email Id">
  616.  
  617.                             </div>
  618.  
  619.                             <div class="form-group">
  620.  
  621.                                 <textarea name="message" id="message" required="required" class="form-control" rows="8" placeholder="Your text here"></textarea>
  622.  
  623.                             </div>                        
  624.  
  625.                             <div class="form-group">
  626.  
  627.                                 <input type="submit" name="submit" class="btn btn-submit" value="Submit">
  628.  
  629.                             </div>
  630.  
  631.                         </form>
  632.  
  633.                     </div>
  634.  
  635.                 </div>
  636.  
  637.                 <div class="col-sm-12">
  638.  
  639.                     <div class="copyright-text text-center">
  640.  
  641.                         <p>&copy; Your Company 2014. All Rights Reserved.</p>
  642.  
  643.                         <p>Designed by <a target="_blank" href="http://www.themeum.com">Themeum</a></p>
  644.  
  645.                     </div>
  646.  
  647.                 </div>
  648.  
  649.             </div>
  650.  
  651.         </div>
  652.  
  653.     </footer>
  654.  
  655.     <!--/#footer-->
  656.  
  657.  
  658.     <script type="text/javascript" src="js/jquery.js"></script>
  659.  
  660.     <script type="text/javascript" src="js/bootstrap.min.js"></script>
  661.  
  662.     <script type="text/javascript" src="js/lightbox.min.js"></script>
  663.  
  664.     <script type="text/javascript" src="js/wow.min.js"></script>
  665.  
  666.     <script type="text/javascript" src="js/main.js"></script>   
  667.  
  668. </body>
  669.  
  670. </html>
 

JS

jQuery(function($) {'use strict';

//Responsive Nav

$('li.dropdown').find('.fa-angle-down').each(function(){

$(this).on('click', function(){

if( $(window).width() < 768 ) {

$(this).parent().next().slideToggle();

}

return false;

});

});

//Fit Vids

if( $('#video-container').length ) {

$("#video-container").fitVids();

}

//Initiat WOW JS

new WOW().init();

// portfolio filter

$(window).load(function(){

$('.main-slider').addClass('animate-in');

$('.preloader').remove();

//End Preloader

if( $('.masonery_area').length ) {

$('.masonery_area').masonry();//Masonry

}

var $portfolio_selectors = $('.portfolio-filter >li>a');

if($portfolio_selectors.length) {

var $portfolio = $('.portfolio-items');

$portfolio.isotope({

itemSelector : '.portfolio-item',

layoutMode : 'fitRows'

});

$portfolio_selectors.on('click', function(){

$portfolio_selectors.removeClass('active');

$(this).addClass('active');

var selector = $(this).attr('data-filter');

$portfolio.isotope({ filter: selector });

return false;

});

}

});

$('.timer').each(count);

function count(options) {

var $this = $(this);

options = $.extend({}, options || {}, $this.data('countToOptions') || {});

$this.countTo(options);

}

// Search

$('.fa-search').on('click', function() {

$('.field-toggle').fadeToggle(200);

});

// Contact form

var form = $('#main-contact-form');

form.submit(function(event){

event.preventDefault();

var form_status = $('<div class="form_status"></div>');

$.ajax({

url: $(this).attr('action'),

beforeSend: function(){

form.prepend( form_status.html('<p><i class="fa fa-spinner fa-spin"></i> Email is sending...</p>').fadeIn() );

}

}).done(function(data){

form_status.html('<p class="text-success">' + data.message + '</p>').delay(3000).fadeOut();

});

});

// Progress Bar

$.each($('div.progress-bar'),function(){

$(this).css('width', $(this).attr('data-transition')+'%');

});

if( $('#gmap').length ) {

var map;

map = new GMaps({

el: '#gmap',

lat: 43.04446,

lng: -76.130791,

scrollwheel:false,

zoom: 16,

zoomControl : false,

panControl : false,

streetViewControl : false,

mapTypeControl: false,

overviewMapControl: false,

clickable: false

});

map.addMarker({

lat: 43.04446,

lng: -76.130791,

animation: google.maps.Animation.DROP,

verticalAlign: 'bottom',

horizontalAlign: 'center',

backgroundColor: '#3e8bff',

});

}

});

CSS

  1. /*
  2.  
  3.   Theme Name: Triangle
  4.  
  5.   Theme Uri: http://www.themeum.com
  6.  
  7.   Author: Themeum
  8.  
  9.   Author Uri: http://www.themeum.com
  10.  
  11.   Description: Creative Site Template
  12.  
  13.   Version: 1.0
  14.  
  15.   */
  16.  
  17.  
  18.   @import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
  19.  
  20.   @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
  21.  
  22.   @import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);
  23.  
  24.  
  25.   body {
  26.  
  27.     background: #fff;
  28.  
  29.     font-family: 'Lato', sans-serif;
  30.  
  31.     font-weight: 300;
  32.  
  33.     font-size: 14px;
  34.  
  35.     line-height: 22px;
  36.  
  37.     color: #000;
  38.  
  39.   }
  40.  
  41.  
  42.   html {
  43.  
  44.     height: 100%;
  45.  
  46.   }
  47.  
  48.  
  49.  
  50.   a{
  51.  
  52.     color:#a5732a;
  53.  
  54.   }
  55.  
  56.  
  57.   a:hover {
  58.  
  59.     outline: none;
  60.  
  61.     text-decoration:none;
  62.  
  63.     color:#dab074;
  64.  
  65.   }
  66.  
  67.  
  68.   a:focus {
  69.  
  70.     outline:none;
  71.  
  72.     outline-offset: 0;
  73.  
  74.   }
  75.  
  76.  
  77.   a {
  78.  
  79.     -webkit-transition: 300ms;
  80.  
  81.     -moz-transition: 300ms;
  82.  
  83.     -o-transition: 300ms;
  84.  
  85.     transition: 300ms;
  86.  
  87.   }
  88.  
  89.  
  90.  
  91.   ul {
  92.  
  93.     list-style: none;
  94.  
  95.   }
  96.  
  97.  
  98.   h1, h2, h3, h4, h5, h6 {
  99.  
  100.     font-family: 'Lato', sans-serif;
  101.  
  102.     font-weight: 300;
  103.  
  104.   }
  105.  
  106.  
  107.   h1{
  108.  
  109.     color: #686868;
  110.  
  111.   }
  112.  
  113.  
  114.   h2{
  115.  
  116.     font-size: 24px;
  117.  
  118.     color: #686868;
  119.  
  120.   }
  121.  
  122.  
  123.   h3{
  124.  
  125.     font-size: 18px;
  126.  
  127.   }
  128.  
  129.  
  130.   .overflow{
  131.  
  132.     overflow: hidden;
  133.  
  134.   }
  135.  
  136.  
  137.   .uppercase{
  138.  
  139.     text-transform: uppercase;
  140.  
  141.   }
  142.  
  143.  
  144.   .btn-common {
  145.  
  146.     font-size: 14px;
  147.  
  148.     color: #797979;
  149.  
  150.     border: 1px solid #dbb075;
  151.  
  152.     font-family: 'Open Sans', sans-serif;
  153.  
  154.     font-weight: 300;
  155.  
  156.     padding: 10px 25px;
  157.  
  158.   }
  159.  
  160.  
  161.   #action .col-sm-5{
  162.  
  163.     position: absolute;
  164.  
  165.  
  166.     top: 0;
  167.  
  168.     height: 100%;
  169.  
  170.     right: 0;
  171.  
  172.   }
  173.  
  174.  
  175.  
  176.   .btn-common:hover, 
  177.  
  178.   .btn-common:focus{
  179.  
  180.     outline: none;
  181.  
  182.     background: none;
  183.  
  184.     box-shadow: none;
  185.  
  186.     color: #d29948;
  187.  
  188.   }
  189.  
  190.  
  191.   .align-right{
  192.  
  193.     text-align: right;
  194.  
  195.   }
  196.  
  197.  
  198.   .inline{
  199.  
  200.     display: inline-block;
  201.  
  202.   }
  203.  
  204.  
  205.   .padding{
  206.  
  207.     padding: 65px 0;
  208.  
  209.   }
  210.  
  211.  
  212.   .padding-bottom{
  213.  
  214.     padding-bottom: 65px;
  215.  
  216.   }
  217.  
  218.  
  219.   .padding-top{
  220.  
  221.     padding-top: 90px;
  222.  
  223.   }
  224.  
  225.  
  226.   .padding-right{
  227.  
  228.     padding-right: 80px;
  229.  
  230.   }
  231.  
  232.  
  233.   .padding-left{
  234.  
  235.     padding-left: 80px;
  236.  
  237.   }
  238.  
  239.  
  240.   .margin-bottom{
  241.  
  242.     margin-bottom: 35px;
  243.  
  244.   }
  245.  
  246.  
  247.   .carousel-indicators.visible-xs {
  248.  
  249.     height: 20px;
  250.  
  251.     margin: 0;
  252.  
  253.     padding: 0;
  254.  
  255.     position: absolute;
  256.  
  257.     top: -35px;
  258.  
  259.     width: 100%;
  260.  
  261.     left: 0;
  262.  
  263.   }
  264.  
  265.  
  266.   .carousel-indicators.visible-xs li {
  267.  
  268.     border-color: #D29948;
  269.  
  270.     border-width: 2px;
  271.  
  272.     height: 12px;
  273.  
  274.     margin: 0 5px 0 0;
  275.  
  276.     width: 12px;
  277.  
  278.   }
  279.  
  280.  
  281.   .carousel-indicators.visible-xs li.active {
  282.  
  283.     background: rgba(210, 153, 72, 0.7);
  284.  
  285.   }
  286.  
  287.  
  288.  
  289.  
  290.  
  291. /*************************
  292.  
  293. *******Header******
  294.  
  295. **************************/
  296.  
  297.  
  298.  
  299. #header{
  300.  
  301.   margin-bottom: 0;
  302.  
  303.   padding: 30px 0 60px 0;
  304.  
  305. }
  306.  
  307.  
  308. #header .navbar-inverse .container{
  309.  
  310.   position: relative;
  311.  
  312. }
  313.  
  314.  
  315. .search{
  316.  
  317.   position: absolute;
  318.  
  319.   top: 20px;
  320.  
  321.   right: 0;
  322.  
  323.   z-index: 1;
  324.  
  325. }
  326.  
  327.  
  328. .search i{
  329.  
  330.   color: #dbb075;
  331.  
  332.   cursor: pointer;
  333.  
  334.   position: absolute;
  335.  
  336.   right: 10px;
  337.  
  338.   top: 2px;
  339.  
  340. }
  341.  
  342.  
  343. .field-toggle{
  344.  
  345.   position: relative;
  346.  
  347.   top: 30px;
  348.  
  349.   right: 15px;
  350.  
  351.   display: none;
  352.  
  353.   height: 50px;
  354.  
  355. }
  356.  
  357.  
  358. .search-form{
  359.  
  360.   padding-left: 10px;
  361.  
  362.   height: 40px;
  363.  
  364.   font-size: 18px;
  365.  
  366.   color: #818285;
  367.  
  368.   font-weight: 300;
  369.  
  370.   outline: none;
  371.  
  372.   border: 1px solid #dbb075;
  373.  
  374.   margin-top: 20px;
  375.  
  376.   border-radius: 4px;
  377.  
  378. }
  379.  
  380.  
  381. .social-icons ul li{
  382.  
  383.   padding: 0 10px;
  384.  
  385.  
  386. }
  387.  
  388.  
  389. .social-icons ul li:last-child{
  390.  
  391.   padding-right: 0;
  392.  
  393.  
  394. }
  395.  
  396.  
  397. .social-icons ul li a{
  398.  
  399.   font-size: 18px;
  400.  
  401.   color: #d3d3d3;
  402.  
  403.   padding: 0;
  404.  
  405. }
  406.  
  407.  
  408. .social-icons ul li a:hover,
  409.  
  410. .social-icons ul li a:focus{
  411.  
  412.   color:#dbb075;
  413.  
  414.   background: none;
  415.  
  416. }
  417.  
  418.  
  419. #header .navbar {
  420.  
  421.   background: #fff;
  422.  
  423.   border: 0;
  424.  
  425.   margin-bottom: 0;
  426.  
  427. }
  428.  
  429.  
  430. #header .navbar-toggle{
  431.  
  432.   margin-top: 20px;
  433.  
  434. }
  435.  
  436.  
  437. #header .navbar-brand{
  438.  
  439.   padding: 0;
  440.  
  441.   margin-left: 0;
  442.  
  443. }
  444.  
  445.  
  446. #header .navbar-brand h1{
  447.  
  448.   padding: 0;
  449.  
  450.   margin: 0;
  451.  
  452. }
  453.  
  454.  
  455. #header .navbar-nav.navbar-right >li:last-child{
  456.  
  457.   margin-right: 20px;
  458.  
  459. }
  460.  
  461.  
  462. #header .navbar-nav.navbar-right >li a {
  463.  
  464.   color: #000;
  465.  
  466.   font-size: 12px;
  467.  
  468.   padding: 20px;
  469.  
  470.   text-transform: uppercase;
  471.  
  472.   font-weight: 300;
  473.  
  474. }
  475.  
  476.  
  477. #header .navbar-inverse .navbar-nav  li.active > a,  
  478.  
  479. #header .navbar-inverse .navbar-nav  li.active > a:focus, 
  480.  
  481. #header .navbar-nav.navbar-right li > a:hover,
  482.  
  483. .navbar-inverse .navbar-nav > .open > a {
  484.  
  485.   background-color: inherit;
  486.  
  487.   border: 0;
  488.  
  489.   color: #d29948;
  490.  
  491. }
  492.  
  493.  
  494. #header .navbar-inverse .navbar-nav  li a:hover{
  495.  
  496.   color: #d29948;
  497.  
  498. }
  499.  
  500.  
  501.  
  502. /*Dropdown menu*/
  503.  
  504.  
  505. ul.sub-menu {
  506.  
  507.   display: none;
  508.  
  509.   list-style: none;
  510.  
  511.   padding: 0;
  512.  
  513.   margin: 0;
  514.  
  515. }
  516.  
  517.  
  518. #header .navbar-nav li ul.sub-menu li a {
  519.  
  520.   color: #818285;
  521.  
  522.   padding: 5px 0;
  523.  
  524.   font-size: 13px;
  525.  
  526.   display: block;
  527.  
  528.   text-transform: capitalize;
  529.  
  530. }
  531.  
  532.  
  533. #header .navbar-nav li ul.sub-menu li .active{
  534.  
  535.   background: #fef7ee;
  536.  
  537.   color: #d29948;
  538.  
  539.   position: relative;
  540.  
  541. }
  542.  
  543.  
  544. #header .navbar-nav li ul.sub-menu li .active i{
  545.  
  546.   position: absolute;
  547.  
  548.   font-size: 56px;
  549.  
  550.   top: -13px;
  551.  
  552.   color: #dab074;
  553.  
  554. }
  555.  
  556.  
  557. #header .navbar-nav li ul.sub-menu li .active .fa-angle-right{
  558.  
  559.   left: -3px;
  560.  
  561. }
  562.  
  563.  
  564. #header .navbar-nav li ul.sub-menu li .active .fa-angle-left{
  565.  
  566.   right: -3px;
  567.  
  568. }
  569.  
  570.  
  571.  
  572. #header .navbar-nav li ul.sub-menu li a:hover,
  573.  
  574. #header .navbar-nav li ul.sub-menu li a:focus{
  575.  
  576.   background: #fef7ee;
  577.  
  578.   color: #d29948;
  579.  
  580. }
  581.  
  582.  
  583. .fa-angle-down{
  584.  
  585.   padding-left: 5px; 
  586.  
  587. }
  588.  
  589.  
  590. .scaleIn {
  591.  
  592.   -webkit-animation-name: scaleIn;
  593.  
  594.   animation-name: scaleIn;
  595.  
  596. }
  597.  
  598.  
  599. @-webkit-keyframes scaleIn {
  600.  
  601.   0% {
  602.  
  603.     opacity: 0;
  604.  
  605.     -webkit-transform: scale(0);
  606.  
  607.     transform: scale(0);
  608.  
  609.   }
  610.  
  611.  
  612.   100% {
  613.  
  614.     opacity: 1;
  615.  
  616.     -webkit-transform: scale(1);
  617.  
  618.     transform: scale(1);
  619.  
  620.   }
  621.  
  622. }
  623.  
  624.  
  625. @keyframes scaleIn {
  626.  
  627.   0% {
  628.  
  629.     opacity: 0;
  630.  
  631.     -webkit-transform: scale(0);
  632.  
  633.     -ms-transform: scale(0);
  634.  
  635.     transform: scale(0);
  636.  
  637.   }
  638.  
  639.  
  640.   100% {
  641.  
  642.     opacity: 1;
  643.  
  644.     -webkit-transform: scale(1);
  645.  
  646.     -ms-transform: scale(1);
  647.  
  648.     transform: scale(1);
  649.  
  650.   }
  651.  
  652. }
  653.  
  654.  
  655.  
  656. /*************************
  657.  
  658. *******Footer******
  659.  
  660. **************************/
  661.  
  662.  
  663. #footer {
  664.  
  665.   padding-bottom: 75px;
  666.  
  667.   background-image: url(../images/home/footer.png);
  668.  
  669.   background-repeat: repeat-x;
  670.  
  671.   background-position: bottom;
  672.  
  673.   background-size: contain;
  674.  
  675. }
  676.  
  677.  
  678. #footer h1{
  679.  
  680.   margin-bottom: 65px;
  681.  
  682.   margin-top: 36px;
  683.  
  684. }
  685.  
  686.  
  687. #footer .bottom-separator {
  688.  
  689.   margin-bottom: 60px;
  690.  
  691. }
  692.  
  693.  
  694. #message {
  695.  
  696.   height: 110px;
  697.  
  698.   resize: none;
  699.  
  700. }
  701.  
  702.  
  703. .bottom > h2 {
  704.  
  705.   margin-top: 0;
  706.  
  707.   margin-bottom: 26px;
  708.  
  709. }
  710.  
  711.  
  712. .bottom .media-body h3 {
  713.  
  714.   margin-top: 0;
  715.  
  716.   padding-left: 25px;
  717.  
  718. }
  719.  
  720.  
  721. .bottom .media-body h3 a{
  722.  
  723.   color: #d99c4e;
  724.  
  725. }
  726.  
  727.  
  728. .testimonial .media{
  729.  
  730.   margin-top: 0;
  731.  
  732.   margin-bottom: 25px;
  733.  
  734. }
  735.  
  736.  
  737. .testimonial .media>.pull-left{
  738.  
  739.   margin-right: 25px;
  740.  
  741. }
  742.  
  743.  
  744. .testimonial .media>.pull-left img{
  745.  
  746.   margin-top: 6px;
  747.  
  748. }
  749.  
  750.  
  751. .testimonial .media .media-body blockquote{
  752.  
  753.   padding-left: 25px;
  754.  
  755.   padding-right: 30px;
  756.  
  757.   position: relative;
  758.  
  759.   border-left: 0;
  760.  
  761.   margin-bottom: 0;
  762.  
  763. }
  764.  
  765.  
  766. .testimonial .media .media-body blockquote:before{
  767.  
  768.   position: absolute;
  769.  
  770.   left: 5px;
  771.  
  772.   top: 8px;
  773.  
  774.   content: '"';
  775.  
  776.   font-size: 40px;
  777.  
  778.   color: #d99c4e;
  779.  
  780.   font-family: 'Noto Sans', sans-serif;
  781.  
  782.   transform:rotate(180deg);
  783.  
  784.   -ms-transform:rotate(180deg); /* IE 9 */
  785.  
  786.   -webkit-transform: rotate(180deg); /* Opera, Chrome, and Safari */
  787.  
  788.   line-height: 0;
  789.  
  790. }
  791.  
  792.  
  793. .testimonial .media .media-body blockquote:after{
  794.  
  795.   position: absolute;
  796.  
  797.   right: 30px;
  798.  
  799.   bottom: 14px;
  800.  
  801.   content: '"';
  802.  
  803.   font-size: 40px;
  804.  
  805.   color: #d99c4e;
  806.  
  807.   font-family: 'Noto Sans', sans-serif;
  808.  
  809.   line-height: 0;
  810.  
  811. }
  812.  
  813.  
  814. .bottom > address {
  815.  
  816.   line-height: 22px;
  817.  
  818.   margin-bottom: 40px;
  819.  
  820. }
  821.  
  822.  
  823. .form-control {
  824.  
  825.   border: 1px solid #d99c4e;
  826.  
  827.   font-weight: 300;
  828.  
  829.   outline: none;
  830.  
  831.   box-shadow: none;
  832.  
  833.   height: 40px;
  834.  
  835. }
  836.  
  837.  
  838. .form-control:hover, 
  839.  
  840. .form-control:focus{
  841.  
  842.   border-color: #d29948;
  843.  
  844.   outline: none;
  845.  
  846.   box-shadow: none;
  847.  
  848. }
  849.  
  850.  
  851. .btn-submit {
  852.  
  853.   width: 100%;
  854.  
  855.   background-color: #d89b4e;
  856.  
  857.   color: #fff;
  858.  
  859.   font-size: 14px;
  860.  
  861.   font-weight: 300;
  862.  
  863.   letter-spacing: 5px;
  864.  
  865.   text-transform: uppercase;
  866.  
  867.   border-radius: 3px;
  868.  
  869.   margin-top: 5px;
  870.  
  871.   border-bottom: 3px solid #a56617;
  872.  
  873.   box-shadow: none;
  874.  
  875.   padding: 10px;
  876.  
  877. }
  878.  
  879.  
  880. .btn-submit:hover, 
  881.  
  882. .btn-submit:focus{
  883.  
  884.   color: #fff;
  885.  
  886.   outline: none;
  887.  
  888.   box-shadow: none;
  889.  
  890.   opacity: .8;
  891.  
  892. }
  893.  
  894.  
  895. .copyright-text{
  896.  
  897.   margin-top: 70px;
  898.  
  899. }
  900.  
  901.  
  902. /*************************
  903.  
  904. *******Home Page******
  905.  
  906. **************************/
  907.  
  908.  
  909. #home-slider {
  910.  
  911.   background: url(../images/home/slider-bg.png) 0 100% repeat-x;
  912.  
  913.   position: relative;
  914.  
  915. }
  916.  
  917.  
  918. #home-slider .main-slider {
  919.  
  920.   position: relative;
  921.  
  922.   height: 450px;
  923.  
  924. }
  925.  
  926.  
  927. #home-slider .slide-text{
  928.  
  929.   position: absolute;
  930.  
  931.   top: 50px;
  932.  
  933.   left: 0;
  934.  
  935.   width: 450px;
  936.  
  937. }
  938.  
  939.  
  940. .animate-in .slide-text {
  941.  
  942.   -webkit-animation: fadeInLeftBig 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
  943.  
  944.   animation: fadeInLeftBig 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
  945.  
  946. }
  947.  
  948.  
  949. #home-slider .slider-house {
  950.  
  951.   position: absolute;
  952.  
  953.   right: 0;
  954.  
  955.   bottom: 0;
  956.  
  957. }
  958.  
  959.  
  960. .animate-in .slider-house {
  961.  
  962.   -webkit-animation: fadeInDown 700ms ease-in-out 200ms both;
  963.  
  964.   animation: fadeInDown 700ms ease-in-out 200ms both;
  965.  
  966. }
  967.  
  968.  
  969. #home-slider .slider-circle1 {
  970.  
  971.   position: absolute;
  972.  
  973.   right: 430px;
  974.  
  975.   bottom: 210px;
  976.  
  977. }
  978.  
  979.  
  980. .animate-in .slider-circle1 {
  981.  
  982.   -webkit-animation: bounceIn 500ms ease-in-out 900ms both;
  983.  
  984.   animation: bounceIn 500ms ease-in-out 900ms both;
  985.  
  986. }
  987.  
  988.  
  989. #home-slider .slider-circle2 {
  990.  
  991.   position: absolute;
  992.  
  993.   right: 420px;
  994.  
  995.   bottom: 245px;
  996.  
  997. }
  998.  
  999.  
  1000. .animate-in .slider-circle2 {
  1001.  
  1002.   -webkit-animation: bounceIn 500ms ease-in-out 1100ms both;
  1003.  
  1004.   animation: bounceIn 500ms ease-in-out 1100ms both;
  1005.  
  1006. }
  1007.  
  1008.  
  1009. #home-slider .slider-cloud1 {
  1010.  
  1011.   position: absolute;
  1012.  
  1013.   right: 290px;
  1014.  
  1015.   bottom: 250px;
  1016.  
  1017. }
  1018.  
  1019.  
  1020. .animate-in .slider-cloud1 {
  1021.  
  1022.   -webkit-animation: bounceIn 500ms ease-in-out 1300ms both;
  1023.  
  1024.   animation: bounceIn 500ms ease-in-out 1300ms both;
  1025.  
  1026. }
  1027.  
  1028.  
  1029. #home-slider .slider-cloud2 {
  1030.  
  1031.   position: absolute;
  1032.  
  1033.   right: 375px;
  1034.  
  1035.   bottom: 330px;
  1036.  
  1037. }
  1038.  
  1039.  
  1040. .animate-in .slider-cloud2 {
  1041.  
  1042.   -webkit-animation: bounceIn 500ms ease-in-out 1500ms both;
  1043.  
  1044.   animation: bounceIn 500ms ease-in-out 1500ms both;
  1045.  
  1046. }
  1047.  
  1048.  
  1049. #home-slider .slider-cloud3 {
  1050.  
  1051.   position: absolute;
  1052.  
  1053.   right: 75px;
  1054.  
  1055.   bottom: 300px;
  1056.  
  1057. }
  1058.  
  1059.  
  1060. .animate-in .slider-cloud3 {
  1061.  
  1062.   -webkit-animation: bounceIn 500ms ease-in-out 1700ms both;
  1063.  
  1064.   animation: bounceIn 500ms ease-in-out 1700ms both;
  1065.  
  1066. }
  1067.  
  1068.  
  1069. #home-slider .slider-sun {
  1070.  
  1071.   position: absolute;
  1072.  
  1073.   right: 190px;
  1074.  
  1075.   bottom: 300px;
  1076.  
  1077. }
  1078.  
  1079.  
  1080. .animate-in .slider-sun {
  1081.  
  1082.   -webkit-animation: bounceIn 800ms ease-in-out 1900ms both;
  1083.  
  1084.   animation: bounceIn 800ms ease-in-out 1900ms both;
  1085.  
  1086. }
  1087.  
  1088.  
  1089. #home-slider .slider-cycle {
  1090.  
  1091.   position: absolute;
  1092.  
  1093.   right: 500px;
  1094.  
  1095.   bottom: 0;
  1096.  
  1097. }
  1098.  
  1099.  
  1100. .animate-in .slider-cycle {
  1101.  
  1102.   -webkit-animation: slideInLeft 4000ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
  1103.  
  1104.   animation: slideInLeft 4000ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
  1105.  
  1106. }
  1107.  
  1108.  
  1109. #home-slider h1{
  1110.  
  1111.   margin-top: 70px;
  1112.  
  1113.   margin-bottom: 25px;
  1114.  
  1115. }
  1116.  
  1117.  
  1118. #home-slider .btn-common {
  1119.  
  1120.   margin-top: 20px;
  1121.  
  1122. }
  1123.  
  1124.  
  1125. #home-slider .preloader {
  1126.  
  1127.   position: absolute;
  1128.  
  1129.   left: 0;
  1130.  
  1131.   top: 0;
  1132.  
  1133.   bottom: 0;
  1134.  
  1135.   right: 0;
  1136.  
  1137.   background: #fafafa;
  1138.  
  1139.   text-align: center;
  1140.  
  1141. }
  1142.  
  1143.  
  1144. #home-slider .preloader > i {
  1145.  
  1146.   font-size: 48px;
  1147.  
  1148.   height: 48px;
  1149.  
  1150.   line-height: 48px;
  1151.  
  1152.   color: #dbb075;
  1153.  
  1154.   position: absolute;
  1155.  
  1156.   left: 50%;
  1157.  
  1158.   margin-left: -24px;
  1159.  
  1160.   top: 50%;
  1161.  
  1162.   margin-top: -24px;
  1163.  
  1164. }
  1165.  
  1166.  
  1167.  
  1168. #action, 
  1169.  
  1170. #page-breadcrumb {
  1171.  
  1172.   background-image: url(../images/home/tour-bg.png);
  1173.  
  1174.   background-color: #fbfafa;
  1175.  
  1176.   background-repeat: repeat-x;
  1177.  
  1178.   height: 155px;
  1179.  
  1180.   background-position: center;
  1181.  
  1182.   display: table;
  1183.  
  1184.   position: static;
  1185.  
  1186.   width: 100%;
  1187.  
  1188. }
  1189.  
  1190.  
  1191. .vertical-center{
  1192.  
  1193.   display: table-cell;
  1194.  
  1195.   vertical-align: middle;
  1196.  
  1197.   width: 100%;
  1198.  
  1199.   position: statice;
  1200.  
  1201. }
  1202.  
  1203.  
  1204. .sun{
  1205.  
  1206.   background-image: url(../images/home/tour-icon1.png);
  1207.  
  1208.   background-repeat: no-repeat;
  1209.  
  1210.   background-position: 100% bottom;
  1211.  
  1212. }
  1213.  
  1214.  
  1215.  
  1216. .single-service{
  1217.  
  1218.   overflow: hidden;
  1219.  
  1220.   display: block;
  1221.  
  1222. }
  1223.  
  1224.  
  1225. .single-service img {
  1226.  
  1227.   margin-bottom: 35px;
  1228.  
  1229. }
  1230.  
  1231.  
  1232. .single-service .fold {
  1233.  
  1234.   margin-bottom: 35px;
  1235.  
  1236. }
  1237.  
  1238.  
  1239. .single-service h2 {
  1240.  
  1241.   margin-top: 0;
  1242.  
  1243.   margin-bottom: 15px;
  1244.  
  1245. }
  1246.  
  1247.  
  1248. .single-service p {
  1249.  
  1250.   padding: 0 48px;
  1251.  
  1252. }
  1253.  
  1254.  
  1255. .action h1{
  1256.  
  1257.   margin-top: 0;
  1258.  
  1259. }
  1260.  
  1261.  
  1262. .action p{
  1263.  
  1264.   font-size: 18px;
  1265.  
  1266.   margin-bottom: 0;
  1267.  
  1268.   font-weight: 300;
  1269.  
  1270. }
  1271.  
  1272.  
  1273. .action .btn-common{
  1274.  
  1275.   margin-top: 55px;
  1276.  
  1277.   float: left;
  1278.  
  1279. }
  1280.  
  1281.  
  1282. .title {
  1283.  
  1284.   color: #404040;
  1285.  
  1286.   font-weight: 300;
  1287.  
  1288. }
  1289.  
  1290.  
  1291. .single-features {
  1292.  
  1293.   overflow: hidden;
  1294.  
  1295.   padding-top: 65px;
  1296.  
  1297.   padding-bottom: 40px;
  1298.  
  1299. }
  1300.  
  1301.  
  1302. .single-features:last-child {
  1303.  
  1304.   padding-bottom: 95px;
  1305.  
  1306. }
  1307.  
  1308.  
  1309. .single-features h2{
  1310.  
  1311.   margin-bottom: 15px;
  1312.  
  1313. }
  1314.  
  1315.  
  1316. #clients{
  1317.  
  1318.   padding-bottom: 45px;
  1319.  
  1320. }
  1321.  
  1322.  
  1323. .clients {
  1324.  
  1325.   margin-bottom: 45px;
  1326.  
  1327. }
  1328.  
  1329.  
  1330. .clients img {
  1331.  
  1332.   display: inline-block;
  1333.  
  1334. }
  1335.  
  1336.  
  1337. .clients-logo {
  1338.  
  1339.   overflow: hidden;
  1340.  
  1341.   margin-bottom: 10px;
  1342.  
  1343. }
  1344.  
  1345.  
  1346.  
  1347.  
  1348. /*************************
  1349.  
  1350. *******About Us Page******
  1351.  
  1352. **************************/
  1353.  
  1354.  
  1355. #action , 
  1356.  
  1357. #page-breadcrumb{
  1358.  
  1359.   position: relative;
  1360.  
  1361. }
  1362.  
  1363.  
  1364. #team {
  1365.  
  1366.   padding: 85px 0;
  1367.  
  1368. }
  1369.  
  1370.  
  1371. #team-carousel {
  1372.  
  1373.   margin-top: 80px;
  1374.  
  1375. }
  1376.  
  1377.  
  1378. #company-information .padding-top{
  1379.  
  1380.   padding-top: 105px;
  1381.  
  1382.   
  1383.  
  1384. }
  1385.  
  1386.  
  1387. .single-service img {
  1388.  
  1389.   height: 85px;
  1390.  
  1391. }
  1392.  
  1393.  
  1394. .tour-button {
  1395.  
  1396.   background-image: url(../images/home/tour-icon2.png);
  1397.  
  1398.   height: 100%;
  1399.  
  1400.   background-repeat: no-repeat;
  1401.  
  1402.   position: absolute;
  1403.  
  1404.   width: 100%;
  1405.  
  1406.   left: 0;
  1407.  
  1408.   background-position: 151px 4px;
  1409.  
  1410. }
  1411.  
  1412.  
  1413. .team-single {
  1414.  
  1415.   position: relative;
  1416.  
  1417. }
  1418.  
  1419.  
  1420. .person-thumb {
  1421.  
  1422.   position: relative;
  1423.  
  1424. }
  1425.  
  1426.  
  1427. .social-profile {
  1428.  
  1429.   background: none repeat scroll 0 0 rgba(137, 97, 46, 0.8);
  1430.  
  1431.   display: none;
  1432.  
  1433.   height: 100%;
  1434.  
  1435.   position: absolute;
  1436.  
  1437.   text-align: center;
  1438.  
  1439.   top: 0;
  1440.  
  1441.   -webkit-transition: all 0.9s ease;
  1442.  
  1443.   -moz-transition: all 0.9s ease;
  1444.  
  1445.   -ms-transition: all 0.9s ease;
  1446.  
  1447.   -o-transition: all 0.9s ease;
  1448.  
  1449.   transition: all 0.9s ease;
  1450.  
  1451.   width: 100%;
  1452.  
  1453. }
  1454.  
  1455.  
  1456. .team-single:hover .social-profile{
  1457.  
  1458.   display: block;
  1459.  
  1460.   -webkit-animation: fadeInUp 400ms;
  1461.  
  1462.   animation: fadeInUp 400ms;
  1463.  
  1464.   -webkit-transition: all 0.9s ease;
  1465.  
  1466.   -moz-transition: all 0.9s ease;
  1467.  
  1468.   -ms-transition: all 0.9s ease;
  1469.  
  1470.   -o-transition: all 0.9s ease;
  1471.  
  1472.   transition: all 0.9s ease;
  1473.  
  1474. }
  1475.  
  1476.  
  1477. .social-profile .nav-pills {
  1478.  
  1479.   display: inline-block;
  1480.  
  1481.   margin-top: -26px;
  1482.  
  1483.   padding: 0;
  1484.  
  1485.   position: relative;
  1486.  
  1487.   top: 50%;
  1488.  
  1489. }
  1490.  
  1491.  
  1492. .social-profile .nav-pills li {
  1493.  
  1494.   display: inline-block;
  1495.  
  1496.   margin: 0 5px;
  1497.  
  1498. }
  1499.  
  1500.  
  1501. .social-profile .nav-pills li a {
  1502.  
  1503.   color: #fff;
  1504.  
  1505.   border: 1px solid #fff;
  1506.  
  1507.   width: 40px;
  1508.  
  1509.   height: 40px;
  1510.  
  1511.   line-height: 40px;
  1512.  
  1513.   text-align: center;
  1514.  
  1515.   padding: 0;
  1516.  
  1517.   border-radius: 40px;
  1518.  
  1519.   -webkit-transition: all 0.9s ease;
  1520.  
  1521.   transition: all 0.9s ease;
  1522.  
  1523. }
  1524.  
  1525.  
  1526. .social-profile .nav-pills li a:hover {
  1527.  
  1528.   color: #89612e;
  1529.  
  1530.   border-color: #89612e;
  1531.  
  1532. }
  1533.  
  1534.  
  1535. .person-info h2 {
  1536.  
  1537.   font-weight: 300;
  1538.  
  1539.   margin-bottom: 5px;
  1540.  
  1541. }
  1542.  
  1543.  
  1544. .person-info h3 {
  1545.  
  1546.   font-size: 16px;
  1547.  
  1548.   color: #686868;
  1549.  
  1550.   font-weight: 300;
  1551.  
  1552.   margin-top: 0;
  1553.  
  1554.   margin-bottom: 0;
  1555.  
  1556. }
  1557.  
  1558.  
  1559. .team-carousel-control {
  1560.  
  1561.   position: absolute;
  1562.  
  1563.   top: 36%;
  1564.  
  1565.   width: 13px;
  1566.  
  1567.   height: 16px;
  1568.  
  1569.   text-indent: -9999999px;
  1570.  
  1571.   -webkit-transition: all 0.9s ease;
  1572.  
  1573.   -moz-transition: all 0.9s ease;
  1574.  
  1575.   -ms-transition: all 0.9s ease;
  1576.  
  1577.   -o-transition: all 0.9s ease;
  1578.  
  1579.   transition: all 0.9s ease;
  1580.  
  1581. }
  1582.  
  1583.  
  1584. .right.team-carousel-control {
  1585.  
  1586.   right: -50px;
  1587.  
  1588.   background-image: url(../images/aboutus/right.png);
  1589.  
  1590. }
  1591.  
  1592.  
  1593. .left.team-carousel-control {
  1594.  
  1595.   left: -50px;
  1596.  
  1597.   background-image: url(../images/aboutus/left.png);
  1598.  
  1599. }
  1600.  
  1601.  
  1602. .team-carousel-control:hover{
  1603.  
  1604.   background-position: 0 -18px;
  1605.  
  1606.   -webkit-transition: all 0.5s ease 0s;
  1607.  
  1608.   -moz-transition: all 0.5s ease 0s;
  1609.  
  1610.   -ms-transition: all 0.5s ease 0s;
  1611.  
  1612.   -o-transition: all 0.5s ease 0s;
  1613.  
  1614.   transition:  all 0.5s ease 0s;
  1615.  
  1616. }
  1617.  
  1618.  
  1619. .count h1{
  1620.  
  1621.   font-size: 60px;
  1622.  
  1623.   color: #dab074;
  1624.  
  1625. }
  1626.  
  1627.  
  1628. .count h3{
  1629.  
  1630.   font-size: 16px;
  1631.  
  1632. }
  1633.  
  1634.  
  1635. .progress .progress-bar.six-sec-ease-in-out {
  1636.  
  1637.   -webkit-transition: width 1s ease-in-out;
  1638.  
  1639.   -moz-transition: width 1s ease-in-out;
  1640.  
  1641.   -ms-transition: width 1s ease-in-out;
  1642.  
  1643.   -o-transition: width 1s ease-in-out;
  1644.  
  1645.   transition:  width 1s ease-in-out;
  1646.  
  1647. }
  1648.  
  1649.  
  1650. .top-zero{
  1651.  
  1652.   margin-top: 0;
  1653.  
  1654. }
  1655.  
  1656.  
  1657. h3.top-zero{
  1658.  
  1659.   font-size: 20px;
  1660.  
  1661. }
  1662.  
  1663.  
  1664. #company-information .about-us h2{
  1665.  
  1666.   margin-bottom: 45px;
  1667.  
  1668. }
  1669.  
  1670.  
  1671. .single-skill h3{
  1672.  
  1673.   font-size: 16px;
  1674.  
  1675. }
  1676.  
  1677.  
  1678. .progress{
  1679.  
  1680.   height: 30px;
  1681.  
  1682.   box-shadow: none;
  1683.  
  1684.   -webkit-box-shadow: none;
  1685.  
  1686. }
  1687.  
  1688.  
  1689. .progress-bar{
  1690.  
  1691.   line-height: 30px;
  1692.  
  1693.   box-shadow: none;
  1694.  
  1695.   -webkit-box-shadow: none;
  1696.  
  1697. }
  1698.  
  1699.  
  1700. .progress-bar.progress-bar-primary{
  1701.  
  1702.   background: #dab074;
  1703.  
  1704. }
  1705.  
  1706.  
  1707.  
  1708.  
  1709. /*************************
  1710.  
  1711. *******Service Page******
  1712.  
  1713. **************************/
  1714.  
  1715. #recent-projects{
  1716.  
  1717.   padding: 85px 0;
  1718.  
  1719. }
  1720.  
  1721.  
  1722. .recent-projects .team-single{
  1723.  
  1724.   height: 355px;
  1725.  
  1726. }
  1727.  
  1728.  
  1729. .recent-projects p.padding-bottom{
  1730.  
  1731.   padding-bottom: 50px;
  1732.  
  1733. }
  1734.  
  1735.  
  1736. .choose{
  1737.  
  1738.   padding-top: 30px;
  1739.  
  1740. }
  1741.  
  1742.  
  1743. #company-information.choose .padding-top{
  1744.  
  1745.   padding-top: 78px;
  1746.  
  1747. }
  1748.  
  1749.  
  1750. #company-information h2{
  1751.  
  1752.   margin-bottom: 25px;
  1753.  
  1754.   margin-top: 0;
  1755.  
  1756. }
  1757.  
  1758.  
  1759. ul.elements{
  1760.  
  1761.   list-style: none;
  1762.  
  1763.   padding: 0;
  1764.  
  1765.   margin: 20px 0 0 0;
  1766.  
  1767. }
  1768.  
  1769.  
  1770. ul.elements li{
  1771.  
  1772.   margin: 6px 0;
  1773.  
  1774. }
  1775.  
  1776.  
  1777. ul.elements li > i{
  1778.  
  1779.   color: #d29948;
  1780.  
  1781.   display: inline-block;
  1782.  
  1783.   margin-right: 10px;
  1784.  
  1785. }
  1786.  
  1787.  
  1788. #company-information h1.margin-bottom{
  1789.  
  1790.   margin-bottom: 26px;
  1791.  
  1792. }
  1793.  
  1794.  
  1795. /*************************
  1796.  
  1797. *******Portfolio Default**
  1798.  
  1799. **************************/
  1800.  
  1801. .portfolio-single {
  1802.  
  1803.   position: relative;
  1804.  
  1805. }
  1806.  
  1807.  
  1808. .portfolio-thumb {
  1809.  
  1810.   position: relative;
  1811.  
  1812. }
  1813.  
  1814.  
  1815. .portfolio-thumb img {
  1816.  
  1817.   width: 100%;
  1818.  
  1819. }
  1820.  
  1821.  
  1822. .portfolio-single:hover .portfolio-view{
  1823.  
  1824.   display: block;
  1825.  
  1826.   -webkit-animation: fadeInUp 400ms;
  1827.  
  1828.   animation: fadeInUp 400ms;
  1829.  
  1830. }
  1831.  
  1832.  
  1833. #portfolio .row{
  1834.  
  1835.   margin-left: -10px;
  1836.  
  1837.   margin-right: -10px;
  1838.  
  1839. }
  1840.  
  1841.  
  1842. .portfolio-view{
  1843.  
  1844.   display: none;
  1845.  
  1846.   position: absolute;
  1847.  
  1848.   top: 0;
  1849.  
  1850.   height: 100%;
  1851.  
  1852.   background: rgba(137, 97, 46, 0.8);
  1853.  
  1854.   width: 100%;
  1855.  
  1856.   text-align: center;  
  1857.  
  1858. }
  1859.  
  1860.  
  1861. .portfolio-view .nav-pills {
  1862.  
  1863.   padding: 0;
  1864.  
  1865.   display: inline-block;
  1866.  
  1867.   margin-top: -26px;
  1868.  
  1869.   top: 50%;
  1870.  
  1871.   position: relative;
  1872.  
  1873. }
  1874.  
  1875.  
  1876. .portfolio-view .nav-pills li {
  1877.  
  1878.   display: inline-block;
  1879.  
  1880.   margin: 0 5px;
  1881.  
  1882. }
  1883.  
  1884.  
  1885. .portfolio-view .nav-pills li a {
  1886.  
  1887.   color: #fff;
  1888.  
  1889.   border: 1px solid #fff;
  1890.  
  1891.   width: 40px;
  1892.  
  1893.   height: 40px;
  1894.  
  1895.   line-height: 38px;
  1896.  
  1897.   text-align: center;
  1898.  
  1899.   padding: 0;
  1900.  
  1901.   border-radius: 40px;
  1902.  
  1903.   -webkit-animation: scaleIn 400ms linear 100ms both;
  1904.  
  1905.   animation: scaleIn 400ms linear 100ms both;
  1906.  
  1907.   -webkit-transition: all 0.9s ease;
  1908.  
  1909.   transition: all 0.9s ease;
  1910.  
  1911. }
  1912.  
  1913.  
  1914. .portfolio-view .nav-pills li a:hover {
  1915.  
  1916.   color: #89612e;
  1917.  
  1918.   border-color: #89612e;
  1919.  
  1920.   -webkit-transition: all 0.9s ease;
  1921.  
  1922.   transition: all 0.9s ease;
  1923.  
  1924. }
  1925.  
  1926.  
  1927. .portfolio-info {
  1928.  
  1929.   overflow: hidden;
  1930.  
  1931.   margin-bottom: 30px;
  1932.  
  1933. }
  1934.  
  1935.  
  1936. .portfolio-info h2 {
  1937.  
  1938.   font-size: 18px;
  1939.  
  1940.   margin: 15px 0 0;
  1941.  
  1942. }
  1943.  
  1944.  
  1945. .portfolio-filter {
  1946.  
  1947.   margin: 80px 0;
  1948.  
  1949.   padding: 0;
  1950.  
  1951. }
  1952.  
  1953.  
  1954. .portfolio-filter li {
  1955.  
  1956.   display: inline-block;
  1957.  
  1958.   position: relative;
  1959.  
  1960. }
  1961.  
  1962.  
  1963. .portfolio-filter li a {
  1964.  
  1965.   border-radius: 0;
  1966.  
  1967.   color: #686868;
  1968.  
  1969.   font-size: 18px;
  1970.  
  1971.   font-weight: 300;
  1972.  
  1973.   padding: 0 25px;
  1974.  
  1975.   text-transform: capitalize;
  1976.  
  1977.   border: none;
  1978.  
  1979. }
  1980.  
  1981.  
  1982. .portfolio-filter li .active{
  1983.  
  1984.   background: transparent;
  1985.  
  1986.   box-shadow: none;
  1987.  
  1988.   -webkit-box-shadow: none;
  1989.  
  1990. }
  1991.  
  1992.  
  1993. .portfolio-filter li a:hover, 
  1994.  
  1995. .portfolio-filter li a:focus,
  1996.  
  1997. .portfolio-filter li a.active {
  1998.  
  1999.   background: transparent;
  2000.  
  2001.   box-shadow: none;
  2002.  
  2003.   -webkit-box-shadow: none;
  2004.  
  2005. }
  2006.  
  2007.  
  2008. .portfolio-filter li a.active:before{
  2009.  
  2010.   position: absolute;
  2011.  
  2012.  
  2013.   content: "";
  2014.  
  2015.   left: 0;
  2016.  
  2017.   width: 13px;
  2018.  
  2019.   height: 16px;
  2020.  
  2021.   background: url(../images/portfolio/icon.png);
  2022.  
  2023.   top: 5px;
  2024.  
  2025. }
  2026.  
  2027.  
  2028. .portfolio-pagination{
  2029.  
  2030.   text-align: center;
  2031.  
  2032.   
  2033.  
  2034.   padding-top: 40px;
  2035.  
  2036.   padding-bottom: 90px;
  2037.  
  2038. }
  2039.  
  2040.  
  2041. .pagination li{
  2042.  
  2043.   display: inline-block;
  2044.  
  2045.   margin: 0 10px;
  2046.  
  2047. }
  2048.  
  2049.  
  2050. .pagination li a{
  2051.  
  2052.   color: #000;
  2053.  
  2054.   padding: 5px 10px;
  2055.  
  2056.   border-radius: 5px;
  2057.  
  2058.   border: 1px solid #fff;
  2059.  
  2060. }
  2061.  
  2062.  
  2063. .pagination li:first-child a{
  2064.  
  2065.   background: url(../images/portfolio/left.png);
  2066.  
  2067.   background-repeat: no-repeat;
  2068.  
  2069.   text-indent: -999999999px;
  2070.  
  2071.   background-position: center top 10px;
  2072.  
  2073.   width: 32px;
  2074.  
  2075.   height: 36px;
  2076.  
  2077.   border: none;
  2078.  
  2079.   -webkit-transition: 300ms;
  2080.  
  2081.   transition: 300ms;
  2082.  
  2083. }
  2084.  
  2085.  
  2086. .pagination li:first-child a:hover{
  2087.  
  2088.   background: url(../images/portfolio/left.png);
  2089.  
  2090.   background-position: center top -37px;
  2091.  
  2092.   background-repeat: no-repeat;
  2093.  
  2094.   -webkit-transition: 300ms;
  2095.  
  2096.   transition: 300ms;
  2097.  
  2098. }
  2099.  
  2100.  
  2101. .pagination li:last-child a{
  2102.  
  2103.   background: url(../images/portfolio/right.png);
  2104.  
  2105.   background-repeat: no-repeat;
  2106.  
  2107.   text-indent: -999999999px;
  2108.  
  2109.   background-position: center top 10px;
  2110.  
  2111.   width: 32px;
  2112.  
  2113.   height: 36px;
  2114.  
  2115.   border: none;
  2116.  
  2117.   -webkit-transition: 300ms;
  2118.  
  2119.   transition: 300ms;
  2120.  
  2121. }
  2122.  
  2123.  
  2124. .pagination li:last-child a:hover{
  2125.  
  2126.   background: url(../images/portfolio/right.png);
  2127.  
  2128.   background-position: center top -37px;
  2129.  
  2130.   background-repeat: no-repeat;
  2131.  
  2132.   -webkit-transition: 300ms;
  2133.  
  2134.   transition: 300ms;
  2135.  
  2136. }
  2137.  
  2138.  
  2139. .pagination li a:hover,
  2140.  
  2141. .pagination .active a,
  2142.  
  2143. .pagination .active a:hover,
  2144.  
  2145. .pagination .active a:focus{
  2146.  
  2147.   background: none;
  2148.  
  2149.   border-color: #cc9b59;
  2150.  
  2151.   color: #cc9b59;
  2152.  
  2153. }
  2154.  
  2155.  
  2156.  
  2157. /*****************************
  2158.  
  2159. Portfolio with right sidebar
  2160.  
  2161. *****************************/
  2162.  
  2163.  
  2164. .sidebar h3 {
  2165.  
  2166.   color: #404040;
  2167.  
  2168.   margin-top: 0;
  2169.  
  2170.   border-bottom: 3px solid #ececec;
  2171.  
  2172.   margin-bottom: 6px;
  2173.  
  2174.   padding-bottom: 8px;
  2175.  
  2176. }
  2177.  
  2178.  
  2179. .sidebar-item{
  2180.  
  2181.   margin-bottom: 48px;
  2182.  
  2183. }
  2184.  
  2185.  
  2186. .categories .navbar-stacked li {
  2187.  
  2188.   border-bottom: 1px solid #ececec;
  2189.  
  2190. }
  2191.  
  2192.  
  2193. .categories .navbar-stacked li:last-child {
  2194.  
  2195.   border-bottom: 0px solid #ececec;
  2196.  
  2197. }
  2198.  
  2199.  
  2200. .categories .navbar-stacked li a {
  2201.  
  2202.   font-size: 16px;
  2203.  
  2204.   color: #6a6a6a;
  2205.  
  2206.   padding: 8px 0;
  2207.  
  2208.   padding-left: 0;
  2209.  
  2210. }
  2211.  
  2212.  
  2213. .categories .navbar-stacked li a:hover{
  2214.  
  2215.   background: none;
  2216.  
  2217.   margin-left: 20px;
  2218.  
  2219.   color: #dab074;
  2220.  
  2221.   opacity: 1;
  2222.  
  2223. }
  2224.  
  2225.  
  2226. .categories .navbar-stacked li.active a{
  2227.  
  2228.   color: #dab074;
  2229.  
  2230.   padding-left: 20px;
  2231.  
  2232. }
  2233.  
  2234.  
  2235. .categories .navbar-stacked li.active a:before{
  2236.  
  2237.   position: absolute;
  2238.  
  2239.   content: "";
  2240.  
  2241.   border-color: transparent transparent transparent #dab074;
  2242.  
  2243.   border-width: 8px;
  2244.  
  2245.   border-style: solid;
  2246.  
  2247.   left: 0;
  2248.  
  2249.   top: 13px;
  2250.  
  2251.   margin-top: 0;
  2252.  
  2253.   z-index: 0;
  2254.  
  2255.   transition: all 0.3s ease 0s;
  2256.  
  2257.   -webkit-transition: all 0.3s ease 0s;
  2258.  
  2259. }
  2260.  
  2261.  
  2262. .categories .navbar-stacked li.active a:after {
  2263.  
  2264.   position: absolute;
  2265.  
  2266.   content: "";
  2267.  
  2268.   border-color: transparent transparent transparent #fff;
  2269.  
  2270.   border-width: 6px;
  2271.  
  2272.   border-style: solid;
  2273.  
  2274.   left: 0px;
  2275.  
  2276.   top: 15px;
  2277.  
  2278.   margin-top: 0;
  2279.  
  2280.   z-index: 1;
  2281.  
  2282.   transition: all 0.3s ease 0s;
  2283.  
  2284.   -webkit-transition: all 0.3s ease 0s;
  2285.  
  2286. }
  2287.  
  2288.  
  2289. .sidebar-item .media{
  2290.  
  2291.   border-bottom: 1px solid #ececec;
  2292.  
  2293.   padding-bottom: 10px;
  2294.  
  2295.   padding-top: 21px;
  2296.  
  2297.   margin-top: 0;
  2298.  
  2299.   transition: all 0.3s ease 0s;
  2300.  
  2301.   -webkit-transition: all 0.3s ease 0s;
  2302.  
  2303. }
  2304.  
  2305.  
  2306. .sidebar-item .media:last-child{
  2307.  
  2308.   border-bottom: 0px solid #ececec;  
  2309.  
  2310.   padding-bottom: 0; 
  2311.  
  2312. }
  2313.  
  2314.  
  2315. .sidebar-item .media:hover{
  2316.  
  2317.   border-left: 2px solid #dab074;
  2318.  
  2319.   padding-left: 5px;
  2320.  
  2321.   transition: all 0.3s ease 0s;
  2322.  
  2323.   -webkit-transition: all 0.3s ease 0s;
  2324.  
  2325. }
  2326.  
  2327.  
  2328. .sidebar-item .media:hover.media .media-body h4 a{
  2329.  
  2330.   color: #dab074;
  2331.  
  2332.   transition: all 0.3s ease 0s;
  2333.  
  2334.   -webkit-transition: all 0.3s ease 0s;
  2335.  
  2336. }
  2337.  
  2338.  
  2339. .sidebar-item .media .media-body h4 {
  2340.  
  2341.   margin-top: 0;
  2342.  
  2343.   margin-bottom: 8px;
  2344.  
  2345. }
  2346.  
  2347.  
  2348. .sidebar-item .media .media-body h4 a{
  2349.  
  2350.   color: #7d7d7d;
  2351.  
  2352.   font-size: 16px;
  2353.  
  2354. }
  2355.  
  2356.  
  2357. .sidebar-item .media .media-body p {
  2358.  
  2359.   color: #b4b4b4;
  2360.  
  2361.   font-size: 12px;
  2362.  
  2363. }
  2364.  
  2365.  
  2366. .tag-cloud .nav-pills{
  2367.  
  2368.   margin-top: 16px;
  2369.  
  2370. }
  2371.  
  2372.  
  2373. .tag-cloud .nav-pills li{
  2374.  
  2375.   margin: 0;
  2376.  
  2377.   margin-top: 6px;
  2378.  
  2379.   margin-right: 4px;
  2380.  
  2381. }
  2382.  
  2383.  
  2384. .tag-cloud .nav-pills li a{
  2385.  
  2386.   font-size: 14px;
  2387.  
  2388.   font-weight: 300;
  2389.  
  2390.   padding: 5px 15px;
  2391.  
  2392.   background: #bbbbbb;
  2393.  
  2394.   color: #fff;
  2395.  
  2396.   border-radius: 3px;
  2397.  
  2398. }
  2399.  
  2400.  
  2401. .tag-cloud .nav-pills li a:hover{
  2402.  
  2403.   background: #dab074;
  2404.  
  2405. }
  2406.  
  2407.  
  2408. .popular ul.gallery {
  2409.  
  2410.   margin: 0;
  2411.  
  2412.   padding: 0;
  2413.  
  2414.   list-style: none;
  2415.  
  2416.   margin: 10px -8px;
  2417.  
  2418. }
  2419.  
  2420.  
  2421. .popular ul.gallery li {
  2422.  
  2423.   display: block;
  2424.  
  2425.   width: 33.33%;
  2426.  
  2427.   float: left;
  2428.  
  2429.   padding: 8px;
  2430.  
  2431. }
  2432.  
  2433.  
  2434. .popular ul.gallery li a {
  2435.  
  2436.   display: block;
  2437.  
  2438. }
  2439.  
  2440.  
  2441. .popular ul.gallery li a img {
  2442.  
  2443.   width: 100%;
  2444.  
  2445.   transition: border-radius 300ms ease-in;
  2446.  
  2447.   -webkit-transition: border-radius 300ms ease-in;
  2448.  
  2449. }
  2450.  
  2451.  
  2452. .popular ul.gallery li a img:hover {
  2453.  
  2454.   border-radius: 60px;
  2455.  
  2456. }
  2457.  
  2458.  
  2459. /* Start: Recommended Isotope styles */
  2460.  
  2461.  
  2462. /**** Isotope Filtering ****/
  2463.  
  2464. .isotope-item {
  2465.  
  2466.   z-index: 2;
  2467.  
  2468. }
  2469.  
  2470.  
  2471. .isotope-hidden.isotope-item {
  2472.  
  2473.   pointer-events: none;
  2474.  
  2475.   z-index: 1;
  2476.  
  2477. }
  2478.  
  2479.  
  2480. /**** Isotope CSS3 transitions ****/
  2481.  
  2482.  
  2483. .isotope,
  2484.  
  2485. .isotope .isotope-item {
  2486.  
  2487.   -webkit-transition-duration: 0.8s;
  2488.  
  2489.   -moz-transition-duration: 0.8s;
  2490.  
  2491.   -ms-transition-duration: 0.8s;
  2492.  
  2493.   -o-transition-duration: 0.8s;
  2494.  
  2495.   transition-duration: 0.8s;
  2496.  
  2497. }
  2498.  
  2499.  
  2500. .isotope {
  2501.  
  2502.   -webkit-transition-property: height, width;
  2503.  
  2504.   -moz-transition-property: height, width;
  2505.  
  2506.   -ms-transition-property: height, width;
  2507.  
  2508.   -o-transition-property: height, width;
  2509.  
  2510.   transition-property: height, width;
  2511.  
  2512. }
  2513.  
  2514.  
  2515. .isotope .isotope-item {
  2516.  
  2517.   -webkit-transition-property: -webkit-transform, opacity;
  2518.  
  2519.   -moz-transition-property: -moz-transform, opacity;
  2520.  
  2521.   -ms-transition-property: -ms-transform, opacity;
  2522.  
  2523.   -o-transition-property: -o-transform, opacity;
  2524.  
  2525.   transition-property: transform, opacity;
  2526.  
  2527. }
  2528.  
  2529.  
  2530. /**** disabling Isotope CSS3 transitions ****/
  2531.  
  2532. .isotope.no-transition,
  2533.  
  2534. .isotope.no-transition .isotope-item,
  2535.  
  2536. .isotope .isotope-item.no-transition {
  2537.  
  2538.   -webkit-transition-duration: 0s;
  2539.  
  2540.   -moz-transition-duration: 0s;
  2541.  
  2542.   -ms-transition-duration: 0s;
  2543.  
  2544.   -o-transition-duration: 0s;
  2545.  
  2546.   transition-duration: 0s;
  2547.  
  2548. }
  2549.  
  2550.  
  2551.  
  2552.  
  2553.  
  2554. /*****************************
  2555.  
  2556. Portfolio Details
  2557.  
  2558. *****************************/
  2559.  
  2560.  
  2561. #portfolio-information.padding-top{
  2562.  
  2563.   padding-top: 100px;
  2564.  
  2565. }
  2566.  
  2567.  
  2568. .project-name h2{
  2569.  
  2570.   margin-top: 0;
  2571.  
  2572.   margin-bottom: 15px;
  2573.  
  2574. }
  2575.  
  2576.  
  2577. #related-work .title{
  2578.  
  2579.   margin-bottom: 55px;
  2580.  
  2581.   margin-top: 10px;
  2582.  
  2583. }
  2584.  
  2585.  
  2586. .navbar-default {
  2587.  
  2588.   background: none;
  2589.  
  2590.   padding: 0;
  2591.  
  2592. }
  2593.  
  2594.  
  2595. .navbar-default li a{
  2596.  
  2597.   font-size: 12px;
  2598.  
  2599.   padding: 0;
  2600.  
  2601.   padding-right: 15px;
  2602.  
  2603. }
  2604.  
  2605.  
  2606. .navbar-default li a i{
  2607.  
  2608.   padding-right: 8px;
  2609.  
  2610. }
  2611.  
  2612.  
  2613. .navbar-default li a:hover{
  2614.  
  2615.   color: #dab074;
  2616.  
  2617.   background: none;
  2618.  
  2619. }
  2620.  
  2621.  
  2622. .skills .navbar-default,
  2623.  
  2624. .client .navbar-default{
  2625.  
  2626.   margin-left: 35px;
  2627.  
  2628.   
  2629.  
  2630. }
  2631.  
  2632.  
  2633. .live-preview .btn-common{
  2634.  
  2635.   margin-top: 21px;
  2636.  
  2637.   padding: 13px 45px;
  2638.  
  2639. }
  2640.  
  2641.  
  2642.  
  2643. /*****************************
  2644.  
  2645. Blog Default
  2646.  
  2647. *****************************/
  2648.  
  2649.  
  2650. .single-blog.timeline {
  2651.  
  2652.   background: #FFFFFF;
  2653.  
  2654.   border: 1px solid #EEEEEE;
  2655.  
  2656.   border-bottom: 0;
  2657.  
  2658.   position: relative;
  2659.  
  2660.   padding-bottom: 0;
  2661.  
  2662. }
  2663.  
  2664.  
  2665. .timeline .post-content {
  2666.  
  2667.   padding: 20px 20px 0;
  2668.  
  2669. }
  2670.  
  2671.  
  2672. .post-thumb{
  2673.  
  2674.   margin: -1px -1px 0;
  2675.  
  2676.   position: relative;
  2677.  
  2678.   overflow: hidden;
  2679.  
  2680. }
  2681.  
  2682.  
  2683. .timeline .post-thumb img {
  2684.  
  2685.   width: 100%;
  2686.  
  2687. }
  2688.  
  2689.  
  2690. .post-thumb iframe{
  2691.  
  2692.   width: 100%;
  2693.  
  2694.   min-height: 270px;
  2695.  
  2696.   border: 0;
  2697.  
  2698. }
  2699.  
  2700.  
  2701. .post-overlay{
  2702.  
  2703.   position: absolute;
  2704.  
  2705.   top: 50%;
  2706.  
  2707.   display: none;
  2708.  
  2709.   width: 94px;
  2710.  
  2711.   height: 140px;
  2712.  
  2713.   margin-top: -70px;
  2714.  
  2715.   overflow: hidden;
  2716.  
  2717. }
  2718.  
  2719.  
  2720. .post-overlay span{
  2721.  
  2722.   position: absolute;
  2723.  
  2724.   left: 50%;
  2725.  
  2726.   bottom: 0; 
  2727.  
  2728.   margin-left: -60px;
  2729.  
  2730.   -webkit-animation: fadeInUp 400ms;
  2731.  
  2732.   animation: fadeInUp 400ms;
  2733.  
  2734.   z-index: 9;
  2735.  
  2736. }
  2737.  
  2738.  
  2739. .post-overlay span:before{
  2740.  
  2741.   position: absolute;
  2742.  
  2743.   bottom: 0;
  2744.  
  2745.   border-style: solid;
  2746.  
  2747.   border-width: 60px;
  2748.  
  2749.   content: "";
  2750.  
  2751.   border-color: transparent transparent #dab074 transparent;
  2752.  
  2753.   z-index: -1;
  2754.  
  2755.   cursor: initial;
  2756.  
  2757. }
  2758.  
  2759.  
  2760. .post-overlay span a{
  2761.  
  2762.   font-size: 30px;
  2763.  
  2764.   color: #fff;
  2765.  
  2766.   background: transparent;
  2767.  
  2768.   padding: 0; 
  2769.  
  2770.   margin-left: 50px;
  2771.  
  2772. }
  2773.  
  2774.  
  2775. .single-blog:hover .post-overlay{
  2776.  
  2777.   display: block;
  2778.  
  2779.   -webkit-animation: fadeIn 300ms;
  2780.  
  2781.   animation: fadeIn 300ms;
  2782.  
  2783. }
  2784.  
  2785.  
  2786. .timeline-divider{
  2787.  
  2788.   position: relative;
  2789.  
  2790.   padding-top: 50px;
  2791.  
  2792. }
  2793.  
  2794.  
  2795. .timeline-divider:before{
  2796.  
  2797.   position: absolute;
  2798.  
  2799.   top: 0;
  2800.  
  2801.   content: "";
  2802.  
  2803.   border-left-style: solid;
  2804.  
  2805.   border-left-width: 1px;
  2806.  
  2807.   height: 100%;
  2808.  
  2809.   border-left-color: #dab074;
  2810.  
  2811.   left: 50%;
  2812.  
  2813.   margin-left: -2px;
  2814.  
  2815. }
  2816.  
  2817.  
  2818. .timeline-blog .col-sm-6.padding-top{
  2819.  
  2820.   padding-top: 70px;
  2821.  
  2822. }
  2823.  
  2824.  
  2825. .post-content{
  2826.  
  2827.   padding: 20px 0;
  2828.  
  2829. }
  2830.  
  2831.  
  2832. .timeline-date .btn-common{
  2833.  
  2834.   font-size: 18px;
  2835.  
  2836.   color: #4a4a4a;
  2837.  
  2838.   font-weight: 300;
  2839.  
  2840.   border-radius: 0;
  2841.  
  2842.   padding: 17px 40px;
  2843.  
  2844. }
  2845.  
  2846.  
  2847. .arrow-right{
  2848.  
  2849.   position: relative;
  2850.  
  2851. }
  2852.  
  2853.  
  2854. .arrow-right:after{
  2855.  
  2856.   position: absolute;
  2857.  
  2858.   right: 1px;
  2859.  
  2860.   content: "";
  2861.  
  2862.   top: 15px;
  2863.  
  2864.   background: url(../images/blog/left.png);
  2865.  
  2866.   width: 43px;
  2867.  
  2868.   height: 54px;
  2869.  
  2870. }
  2871.  
  2872.  
  2873. .arrow-left{
  2874.  
  2875.   position: relative;
  2876.  
  2877. }
  2878.  
  2879.  
  2880. .arrow-left:before{
  2881.  
  2882.   position: absolute;
  2883.  
  2884.   left: -2px;
  2885.  
  2886.   content: "";
  2887.  
  2888.   top: 86px;
  2889.  
  2890.   background: url(../images/blog/right.png);
  2891.  
  2892.   width: 43px;
  2893.  
  2894.   height: 54px;
  2895.  
  2896. }
  2897.  
  2898.  
  2899. .post-title {
  2900.  
  2901.   margin-top: 0;
  2902.  
  2903. }
  2904.  
  2905.  
  2906. .post-title a,
  2907.  
  2908. .comments-number a{
  2909.  
  2910.   color: #686868;
  2911.  
  2912. }
  2913.  
  2914.  
  2915. .post-title a:hover,
  2916.  
  2917. .comments-number a:hover{
  2918.  
  2919.   color: #dab074;
  2920.  
  2921. }
  2922.  
  2923.  
  2924. .post-content .post-author{
  2925.  
  2926.   margin-top: 0;
  2927.  
  2928.   
  2929.  
  2930. }
  2931.  
  2932.  
  2933. .post-content  .post-author a{
  2934.  
  2935.   font-weight: 300;
  2936.  
  2937.   font-size: 14px;
  2938.  
  2939. }
  2940.  
  2941.  
  2942. a.read-more{
  2943.  
  2944.   color: #a5732a;
  2945.  
  2946.   font-weight: 300;
  2947.  
  2948. }
  2949.  
  2950.  
  2951. a.read-more:hover{
  2952.  
  2953.   opacity: .8;
  2954.  
  2955. }
  2956.  
  2957.  
  2958. .post-bottom{
  2959.  
  2960.   border-top: 1px solid #eeeeee;
  2961.  
  2962.   padding-top: 10px;
  2963.  
  2964.   margin-top: 20px;
  2965.  
  2966.   margin: 20px -20px 0;
  2967.  
  2968.   padding: 20px 20px 0;
  2969.  
  2970. }
  2971.  
  2972.  
  2973.  
  2974. /*****************************
  2975.  
  2976. Blog with right sidebar
  2977.  
  2978. *****************************/
  2979.  
  2980.  
  2981. .single-blog{
  2982.  
  2983.   padding-bottom: 30px;
  2984.  
  2985. }
  2986.  
  2987.  
  2988. .single-blog .post-bottom{
  2989.  
  2990.   border-bottom: 1px solid #eeeeee;
  2991.  
  2992.   padding-top: 10px;
  2993.  
  2994.   padding-bottom: 10px;
  2995.  
  2996. }
  2997.  
  2998.  
  2999. .single-blog .post-overlay span{
  3000.  
  3001.   left: 0;
  3002.  
  3003.   top: 0;
  3004.  
  3005.   margin-left: 0;
  3006.  
  3007.   width: 94px;
  3008.  
  3009.   height: 140px;
  3010.  
  3011.   background: url(../images/blog/blog-arrow.png);
  3012.  
  3013.   -webkit-animation: fadeInLeft 400ms;
  3014.  
  3015.   animation: fadeInLeft 400ms;
  3016.  
  3017. }
  3018.  
  3019.  
  3020. .single-blog .post-overlay span a{
  3021.  
  3022.   margin-left: 8px;
  3023.  
  3024.   font-weight: 700;
  3025.  
  3026.   font-size: 36px;
  3027.  
  3028.   line-height: 18px;
  3029.  
  3030.   position: absolute;
  3031.  
  3032.   top: 50px;
  3033.  
  3034. }
  3035.  
  3036.  
  3037. .single-blog .post-overlay span a small{
  3038.  
  3039.   font-size: 16px;
  3040.  
  3041.   font-weight: 300;
  3042.  
  3043.   margin-left: 5px;
  3044.  
  3045. }
  3046.  
  3047.  
  3048. .single-blog .post-overlay span:before{
  3049.  
  3050.   border-color: transparent;
  3051.  
  3052.   border-width: 0;
  3053.  
  3054. }
  3055.  
  3056.  
  3057. .post-nav{
  3058.  
  3059.   margin:0;
  3060.  
  3061.   padding: 0;
  3062.  
  3063. }
  3064.  
  3065.  
  3066. .post-nav li a{
  3067.  
  3068.   padding: 0;
  3069.  
  3070.   text-align: left;
  3071.  
  3072. }
  3073.  
  3074.  
  3075. .post-nav li a i{
  3076.  
  3077.   color: #dab074;
  3078.  
  3079.   margin-right: 8px;
  3080.  
  3081. }
  3082.  
  3083.  
  3084. .post-nav li a:hover{
  3085.  
  3086.   background: none;
  3087.  
  3088. }
  3089.  
  3090.  
  3091. .blog-padding-right{
  3092.  
  3093.   padding-right:35px;
  3094.  
  3095. }
  3096.  
  3097.  
  3098. .blog-pagination {
  3099.  
  3100.   text-align: center;
  3101.  
  3102.   padding-top: 10px;
  3103.  
  3104.   padding-bottom: 55px;
  3105.  
  3106. }
  3107.  
  3108.  
  3109. /*****************************
  3110.  
  3111. Blog with right sidebar
  3112.  
  3113. *****************************/
  3114.  
  3115.  
  3116. .masonery_area .single-blog{}
  3117.  
  3118. .masonery_area .single-blog .post-thumb{
  3119.  
  3120.   height: auto;
  3121.  
  3122. }
  3123.  
  3124.  
  3125. .masonery_area .single-blog .post-title{
  3126.  
  3127.   margin-top: 5px;
  3128.  
  3129. }
  3130.  
  3131.  
  3132. .masonery_area .single-blog .post-title a{
  3133.  
  3134.   font-size: 20px;
  3135.  
  3136. }
  3137.  
  3138.  
  3139. .masonery_area .single-blog .post-thumb img{
  3140.  
  3141.   height:auto;
  3142.  
  3143. }
  3144.  
  3145.  
  3146. .masonery_area .single-blog .post-bottom{
  3147.  
  3148.   border-top:0;
  3149.  
  3150.   padding-top:0;
  3151.  
  3152.   margin-top:15px;
  3153.  
  3154. }
  3155.  
  3156.  
  3157. /* Audio CSS */
  3158.  
  3159.  
  3160. .audiojs{
  3161.  
  3162.   background: #dab074;
  3163.  
  3164.   height: 45px;
  3165.  
  3166.   width: 100%;
  3167.  
  3168. }
  3169.  
  3170.  
  3171. .audiojs .scrubber{
  3172.  
  3173.   background: #fff;
  3174.  
  3175.   
  3176.  
  3177.   height: 8px;
  3178.  
  3179.   border-top: 0;
  3180.  
  3181.   width: 170px;
  3182.  
  3183.   margin-top: 19px;
  3184.  
  3185.   margin-left: 12px;
  3186.  
  3187.   border-radius: 10px;
  3188.  
  3189. }
  3190.  
  3191.  
  3192. .audiojs .play-pause{
  3193.  
  3194.   background: #cca46c;
  3195.  
  3196.   width: 68px;
  3197.  
  3198.   height: 45px;
  3199.  
  3200.   padding: 0;
  3201.  
  3202.   padding-left: 24px;
  3203.  
  3204.   padding-top: 10px;
  3205.  
  3206.   border-right: 0;
  3207.  
  3208. }
  3209.  
  3210.  
  3211. .audiojs .time{
  3212.  
  3213.   display: none;
  3214.  
  3215.   
  3216.  
  3217. }
  3218.  
  3219.  
  3220. .audiojs .progress{
  3221.  
  3222.   background: #a5732a;
  3223.  
  3224.  
  3225.   height: 8px;
  3226.  
  3227.   border-radius: 10px;
  3228.  
  3229. }
  3230.  
  3231.  
  3232. .audiojs .loaded{
  3233.  
  3234.   background: #ba9663;
  3235.  
  3236.   height: 8px;
  3237.  
  3238.   border-radius: 10px;
  3239.  
  3240. }
  3241.  
  3242.  
  3243.  
  3244. /*****************************
  3245.  
  3246. Blog Details
  3247.  
  3248. *****************************/
  3249.  
  3250.  
  3251. .navbar-nav.post-nav li{
  3252.  
  3253.   margin-right: 60px;
  3254.  
  3255. }
  3256.  
  3257.  
  3258. .single-blog.blog-details .post-content{
  3259.  
  3260.   padding-top: 30px;
  3261.  
  3262. }
  3263.  
  3264.  
  3265. .single-blog.blog-details .post-bottom{
  3266.  
  3267.   margin-top: 55px;
  3268.  
  3269. }
  3270.  
  3271.  
  3272. .single-blog-wrapper{
  3273.  
  3274.   position: relative;
  3275.  
  3276. }
  3277.  
  3278.  
  3279. .blog-share{
  3280.  
  3281.   margin-top: 40px;
  3282.  
  3283.   display: inline-block;
  3284.  
  3285.   padding: 0;
  3286.  
  3287. }
  3288.  
  3289.  
  3290. span.stMainServices,
  3291.  
  3292. span.stButton_gradient, 
  3293.  
  3294. .stButton .chicklets{
  3295.  
  3296.   height:24px !important;
  3297.  
  3298. }
  3299.  
  3300.  
  3301. .author-profile.padding{
  3302.  
  3303.   padding-top:50px;
  3304.  
  3305. }
  3306.  
  3307.  
  3308. .author-profile .col-sm-2 img{
  3309.  
  3310.   width: 100%;
  3311.  
  3312.   border-left: 3px solid #dab074;
  3313.  
  3314. }
  3315.  
  3316.  
  3317. .author-profile h3{
  3318.  
  3319.   margin-top:0;
  3320.  
  3321.   color: #3a424c;
  3322.  
  3323. }
  3324.  
  3325.  
  3326. .author-profile p{
  3327.  
  3328.   color: #3a424c;
  3329.  
  3330.   font-weight: 400;
  3331.  
  3332. }
  3333.  
  3334.  
  3335. .author-profile span a{
  3336.  
  3337.   color: #a5732a;
  3338.  
  3339. }
  3340.  
  3341.  
  3342. .response-area{
  3343.  
  3344.   border-bottom: 0;
  3345.  
  3346. }
  3347.  
  3348.  
  3349. .response-area h2{
  3350.  
  3351.   margin-top: 0;
  3352.  
  3353.   
  3354.  
  3355.   margin-bottom: 0;
  3356.  
  3357.   border-bottom: 0;
  3358.  
  3359.   padding-bottom: 20px;
  3360.  
  3361. }
  3362.  
  3363.  
  3364. .post-comment{
  3365.  
  3366.   padding-left: 70px;
  3367.  
  3368.   padding-top: 36px;
  3369.  
  3370.   border-top: 1px solid #f1e8dd;
  3371.  
  3372. }
  3373.  
  3374.  
  3375. .post-comment .pull-left img{
  3376.  
  3377.   margin-right: 60px;
  3378.  
  3379.   border-left: 3px solid #dab074;
  3380.  
  3381. }
  3382.  
  3383.  
  3384. .post-comment .media-body{
  3385.  
  3386.   padding-top: 6px;
  3387.  
  3388.   border-bottom: 0;
  3389.  
  3390.   padding-bottom: 50px;
  3391.  
  3392. }
  3393.  
  3394.  
  3395. .post-comment .media-body p{
  3396.  
  3397.   margin-top:10px;
  3398.  
  3399. }
  3400.  
  3401.  
  3402. .post-comment .media-body span i{
  3403.  
  3404.   color: #a5732a;
  3405.  
  3406.   margin-right: 10px;
  3407.  
  3408. }
  3409.  
  3410.  
  3411. .post-comment .media-body span a{
  3412.  
  3413.   color: #a5732a;
  3414.  
  3415.   font-weight: 700;
  3416.  
  3417. }
  3418.  
  3419.  
  3420. .post-comment .media-body .post-nav li a{
  3421.  
  3422.   font-weight: 300;
  3423.  
  3424. }
  3425.  
  3426.  
  3427. .parrent .media-list{
  3428.  
  3429.   margin-left: 190px;
  3430.  
  3431. }
  3432.  
  3433.  
  3434. .parrent .post-comment{
  3435.  
  3436.   padding-left: 0;
  3437.  
  3438.   margin-left: 70px;
  3439.  
  3440. }
  3441.  
  3442.  
  3443.  
  3444. /****************************
  3445.  
  3446. ********* Contact Us*********
  3447.  
  3448. *****************************/
  3449.  
  3450. #map-section {
  3451.  
  3452.   margin-top: 50px;
  3453.  
  3454.   margin-bottom: 50px;
  3455.  
  3456.   position: relative;
  3457.  
  3458. }
  3459.  
  3460.  
  3461. #gmap {
  3462.  
  3463.   height: 350px;
  3464.  
  3465. }
  3466.  
  3467.  
  3468. .get-in-touch img {
  3469.  
  3470.   margin-top: 35px;
  3471.  
  3472.   margin-bottom: 32px;
  3473.  
  3474. }
  3475.  
  3476.  
  3477. .get-in-touch p {
  3478.  
  3479.   font-size: 18px;
  3480.  
  3481.   font-weight: 300;
  3482.  
  3483. }
  3484.  
  3485.  
  3486. #map-section .contact-info {
  3487.  
  3488.   position: absolute;
  3489.  
  3490.   background-color: #fff;
  3491.  
  3492.   right: 0;
  3493.  
  3494.   top: 0;
  3495.  
  3496.   width: 33%;
  3497.  
  3498.   height: 100%;
  3499.  
  3500.   padding:25px 50px;
  3501.  
  3502.   opacity: 0.9
  3503.  
  3504. }
  3505.  
  3506.  
  3507. #map-section .contact-info h2, 
  3508.  
  3509. #map-section address a:hover {
  3510.  
  3511.   color: #a5732a
  3512.  
  3513. }
  3514.  
  3515.  
  3516. #contact-form #message{
  3517.  
  3518.   resize:none;
  3519.  
  3520. }
  3521.  
  3522.  
  3523. #contact-form .btn-submit {
  3524.  
  3525.   width: 28%;
  3526.  
  3527.   margin: 5px auto;
  3528.  
  3529. }
  3530.  
  3531.  
  3532. .corporate-info .corporate-address {
  3533.  
  3534.   background-image: url("../images/contact-bg.png");
  3535.  
  3536.   background-position: left top;
  3537.  
  3538.   background-repeat: no-repeat;
  3539.  
  3540.   overflow: hidden;
  3541.  
  3542.   padding-bottom: 50px;
  3543.  
  3544. }
  3545.  
  3546.  
  3547. .corporate-info .corporate-address address {
  3548.  
  3549.   background-image: url("../images/icon-map.png");
  3550.  
  3551.   background-position: left top;
  3552.  
  3553.   background-repeat: no-repeat;
  3554.  
  3555.   padding-left: 40px;
  3556.  
  3557. }
  3558.  
  3559.  
  3560.  
  3561. /****************************
  3562.  
  3563. ****** Price-table CSS*******
  3564.  
  3565. *****************************/
  3566.  
  3567.  
  3568. #price-table {
  3569.  
  3570.   margin-top: 88px;
  3571.  
  3572.   margin-bottom: 90px;
  3573.  
  3574. }
  3575.  
  3576.  
  3577. .single-price ul {
  3578.  
  3579.   padding: 0;
  3580.  
  3581.   margin: 0;
  3582.  
  3583.   list-style: none;
  3584.  
  3585. }
  3586.  
  3587.  
  3588. .table-heading {
  3589.  
  3590.   background-color: transparent !important;
  3591.  
  3592.   color: #FFFFFF !important;
  3593.  
  3594.   overflow: hidden;
  3595.  
  3596.   padding: 0 !important;
  3597.  
  3598.   text-align: center;
  3599.  
  3600. }
  3601.  
  3602.  
  3603. .single-price .plan-name { 
  3604.  
  3605.   background-color: #D4D4D4;
  3606.  
  3607.   color: #696969;
  3608.  
  3609.   font-size: 20px;
  3610.  
  3611.   margin-bottom: 0;
  3612.  
  3613.   padding: 10px 0;
  3614.  
  3615.   text-transform: capitalize;
  3616.  
  3617. }
  3618.  
  3619.  
  3620. .single-price .plan-price { 
  3621.  
  3622.   color: #696969;
  3623.  
  3624.   float: none;
  3625.  
  3626.   font-size: 14px;
  3627.  
  3628.   height: 110px;
  3629.  
  3630.   margin-bottom: 15px;
  3631.  
  3632.   overflow: hidden;
  3633.  
  3634.   position: relative;
  3635.  
  3636.   z-index: 5;
  3637.  
  3638.   padding-top: 15px;
  3639.  
  3640. }
  3641.  
  3642.  
  3643.  
  3644. .plan-price .dollar-sign {
  3645.  
  3646.   font-size: 18px;
  3647.  
  3648. }
  3649.  
  3650.  
  3651. .plan-price .price {
  3652.  
  3653.   font-size: 24px;
  3654.  
  3655. }
  3656.  
  3657.  
  3658. .plan-price .month {
  3659.  
  3660.   display: block;
  3661.  
  3662.   margin-top: -6px;
  3663.  
  3664. }
  3665.  
  3666.  
  3667. .single-price .plan-price:after {
  3668.  
  3669.   border-color: #c4c4c4 transparent transparent;
  3670.  
  3671.   border-style: solid;
  3672.  
  3673.   border-width: 110px;
  3674.  
  3675.   content: "";
  3676.  
  3677.   height: 0;
  3678.  
  3679.   left:50%;
  3680.  
  3681.   position: absolute;
  3682.  
  3683.   top: 0;
  3684.  
  3685.   width: 0;
  3686.  
  3687.   z-index: -1;
  3688.  
  3689.   margin-left: -110px;
  3690.  
  3691. }
  3692.  
  3693.  
  3694. .single-price ul li, 
  3695.  
  3696. .single-table ul li {
  3697.  
  3698.   padding: 12px 18px;
  3699.  
  3700.   background-color: #f7f7f7;
  3701.  
  3702.   margin-bottom: 5px;
  3703.  
  3704.   color: #696969;
  3705.  
  3706. }
  3707.  
  3708.  
  3709. .single-price ul li span, 
  3710.  
  3711. .single-table ul li span {
  3712.  
  3713.   float: right;
  3714.  
  3715. }
  3716.  
  3717.  
  3718. .single-price .btn-buynow {
  3719.  
  3720.   background-color: #c4c4c4;
  3721.  
  3722.   border-radius: 0;
  3723.  
  3724.   color: #fff;
  3725.  
  3726.   padding: 12px;
  3727.  
  3728.   font-weight: 300;
  3729.  
  3730.   letter-spacing: 3px;
  3731.  
  3732.   text-transform: uppercase;
  3733.  
  3734.   display: block;
  3735.  
  3736. }
  3737.  
  3738.  
  3739. .single-price .btn-buynow:hover {
  3740.  
  3741.   background-color: #b4b3b3;
  3742.  
  3743. }
  3744.  
  3745.  
  3746. .highligh-table .plan-name {
  3747.  
  3748.   background-color: #b07b2c;
  3749.  
  3750.   color: #fff;
  3751.  
  3752. }
  3753.  
  3754.  
  3755. .highligh-table .plan-price {
  3756.  
  3757.   color: #fff;
  3758.  
  3759. }
  3760.  
  3761.  
  3762. .highligh-table .plan-price:after {
  3763.  
  3764.   border-color: #a56d1a transparent transparent;
  3765.  
  3766. }
  3767.  
  3768.  
  3769. .highligh-table .btn-buynow {
  3770.  
  3771.   background-color: #a5732a;
  3772.  
  3773. }
  3774.  
  3775.  
  3776. .highligh-table .btn-buynow:hover {
  3777.  
  3778.   background-color: #976a28;
  3779.  
  3780. }
  3781.  
  3782.  
  3783.  
  3784. #price-table2 {
  3785.  
  3786.   margin-bottom: 180px;
  3787.  
  3788. }
  3789.  
  3790.  
  3791. .table-header {
  3792.  
  3793.   background-color: #C4C4C4;
  3794.  
  3795.   overflow: hidden;
  3796.  
  3797.   padding:20px;
  3798.  
  3799. }
  3800.  
  3801.  
  3802. .single-table {
  3803.  
  3804.   position: relative;
  3805.  
  3806.   padding-top: 60px;
  3807.  
  3808. }
  3809.  
  3810.  
  3811. .single-table:before {
  3812.  
  3813.   border-color: transparent transparent #b5b5b5;
  3814.  
  3815.   border-style: solid;
  3816.  
  3817.   border-width: 0 130px 60px;
  3818.  
  3819.   content: "";
  3820.  
  3821.   height: 0;
  3822.  
  3823.   left: 0;
  3824.  
  3825.   position: absolute;
  3826.  
  3827.   top: 0;
  3828.  
  3829.   width: 100%;
  3830.  
  3831. }
  3832.  
  3833.  
  3834. .table-header h2 {
  3835.  
  3836.   color: #696969;
  3837.  
  3838.   float: left;
  3839.  
  3840.   font-size: 24px;
  3841.  
  3842.   margin-top: 7px;
  3843.  
  3844. }
  3845.  
  3846.  
  3847. .table-header .plan-price {
  3848.  
  3849.   float: right;
  3850.  
  3851.   margin: 0;
  3852.  
  3853.   overflow: hidden;
  3854.  
  3855.   padding-top: 1px;
  3856.  
  3857. }
  3858.  
  3859.  
  3860. .single-table .btn-signup {
  3861.  
  3862.   display: block;
  3863.  
  3864.   text-align: center;
  3865.  
  3866.   position:relative;
  3867.  
  3868.   z-index:1
  3869.  
  3870. }
  3871.  
  3872.  
  3873. .single-table ul {
  3874.  
  3875.   margin: 0;
  3876.  
  3877.   padding: 0;
  3878.  
  3879. }
  3880.  
  3881.  
  3882. .single-table .btn-signup:after {
  3883.  
  3884.   content: "";
  3885.  
  3886.   position: absolute;
  3887.  
  3888.   border-color: #c4c4c4 transparent transparent;
  3889.  
  3890.   border-style: solid;
  3891.  
  3892.   border-width: 78px 130px 0;  
  3893.  
  3894.   height: 0;
  3895.  
  3896.   left: 0; 
  3897.  
  3898.   top: -1px;
  3899.  
  3900.   width: 100%;
  3901.  
  3902.   z-index: -1;
  3903.  
  3904. }
  3905.  
  3906.  
  3907. .single-table .btn-signup a {
  3908.  
  3909.   color: #696969;
  3910.  
  3911.   display: inline-block;
  3912.  
  3913.   overflow: hidden;
  3914.  
  3915.   padding: 20px 0 0 0;
  3916.  
  3917.   text-transform: uppercase;
  3918.  
  3919.   letter-spacing: 3px;
  3920.  
  3921. }
  3922.  
  3923.  
  3924. .single-table .btn-signup:hover a {
  3925.  
  3926.   color: #fff;
  3927.  
  3928. }
  3929.  
  3930.  
  3931. .single-table .btn-signup:hover.btn-signup:after{
  3932.  
  3933.   border-color: #b3b2b2 transparent transparent;
  3934.  
  3935. }
  3936.  
  3937.  
  3938. .single-table.highligh-table .table-header {
  3939.  
  3940.   background-color: #b07b2c
  3941.  
  3942. }
  3943.  
  3944.  
  3945. .highligh-table .btn-signup a, 
  3946.  
  3947. .highligh-table .table-header h2 {
  3948.  
  3949.   color: #fff;
  3950.  
  3951. }
  3952.  
  3953.  
  3954. .highligh-table .btn-signup.btn-signup:hover:after {
  3955.  
  3956.  
  3957.   border-color: #a07028 transparent transparent;
  3958.  
  3959. }
  3960.  
  3961.  
  3962. .highligh-table .btn-signup:after {
  3963.  
  3964.   border-color: #b07b2c transparent transparent;
  3965.  
  3966. }
  3967.  
  3968.  
  3969. .highligh-table:before {
  3970.  
  3971.   border-color:transparent transparent #a56d1a;
  3972.  
  3973. }
  3974.  
  3975.  
  3976.  
  3977. /*************************
  3978.  
  3979. ********404 page CSS******
  3980.  
  3981. **************************/
  3982.  
  3983.  
  3984. #error-page {
  3985.  
  3986.   display: table;
  3987.  
  3988.   height: 100%;
  3989.  
  3990.   min-height: 100%;
  3991.  
  3992.   width: 100%;
  3993.  
  3994.   color: #686868;
  3995.  
  3996.   font-size: 18px;
  3997.  
  3998.   font-weight: 300;
  3999.  
  4000.   padding: 100px 0;
  4001.  
  4002. }
  4003.  
  4004.  
  4005. #error-page .container-fluid {
  4006.  
  4007.   overflow: hidden;
  4008.  
  4009. }
  4010.  
  4011.  
  4012. .error-page-inner {
  4013.  
  4014.   display: table-cell;
  4015.  
  4016.   vertical-align: middle;
  4017.  
  4018. }
  4019.  
  4020.  
  4021. .bg-404 {
  4022.  
  4023.   background-image: url("../images/home/tour-bg.png");
  4024.  
  4025.   background-repeat: repeat-x;
  4026.  
  4027.   background-position: center top;
  4028.  
  4029. }
  4030.  
  4031.  
  4032. .error-image {
  4033.  
  4034.   display: inline-block;
  4035.  
  4036.   padding-top: 50px;
  4037.  
  4038.   padding-bottom: 50px;
  4039.  
  4040. }
  4041.  
  4042.  
  4043. .error-image img {
  4044.  
  4045.   width: 100%;
  4046.  
  4047. }
  4048.  
  4049.  
  4050. #error-page h2 {
  4051.  
  4052.   font-size:36px;
  4053.  
  4054.   text-transform: uppercase;
  4055.  
  4056. }
  4057.  
  4058.  
  4059. .btn-error {
  4060.  
  4061.   font-weight: 300;
  4062.  
  4063.   margin-top: 30px;
  4064.  
  4065.   padding:25px 55px;
  4066.  
  4067.   text-transform: uppercase;
  4068.  
  4069.   font-size: 16px;
  4070.  
  4071.   letter-spacing: 5px;
  4072.  
  4073.   background-color: transparent;
  4074.  
  4075.   border: 1px solid #cc9b59;
  4076.  
  4077.   margin-top: 50px;
  4078.  
  4079.   margin-bottom: 50px;
  4080.  
  4081. }
  4082.  
  4083.  
  4084. .btn-error:hover, .btn-error:focus  {
  4085.  
  4086.   background-color: #cc9b59;
  4087.  
  4088.   border-color:#cc9b59;
  4089.  
  4090.   color:#fff;
  4091.  
  4092. }
  4093.  
  4094.  
  4095. #error-page i, #coming-soon i {
  4096.  
  4097.   border: 1px solid #cc9b59;
  4098.  
  4099.   height: 40px;
  4100.  
  4101.   width: 40px;
  4102.  
  4103.   line-height: 40px;
  4104.  
  4105.   color: #cc9b59;
  4106.  
  4107.   font-size: 17px;
  4108.  
  4109.   margin:0 15px;
  4110.  
  4111.   border-radius: 50%;
  4112.  
  4113.   -webkit-transition: all 0.3s ease-in-out;
  4114.  
  4115.   -moz-transition: all 0.3s ease-in-out;
  4116.  
  4117.   -ms-transition: all 0.3s ease-in-out;
  4118.  
  4119.   -o-transition: all 0.3s ease-in-out;
  4120.  
  4121.   transition: all 0.3s ease-in-out;
  4122.  
  4123. }
  4124.  
  4125.  
  4126. #error-page i:hover, #coming-soon i:hover {
  4127.  
  4128.   background-color: #cc9b59;
  4129.  
  4130.   color: #fff;
  4131.  
  4132.   -webkit-transition: all 0.3s ease-in-out;
  4133.  
  4134.   -moz-transition: all 0.3s ease-in-out;
  4135.  
  4136.   -ms-transition: all 0.3s ease-in-out;
  4137.  
  4138.   -o-transition: all 0.3s ease-in-out;
  4139.  
  4140.   transition: all 0.3s ease-in-out;
  4141.  
  4142. }
  4143.  
  4144.  
  4145.  
  4146. /*************************
  4147.  
  4148. ********404 page CSS******
  4149.  
  4150. **************************/
  4151.  
  4152.  
  4153. #error-page {
  4154.  
  4155.   display: table;
  4156.  
  4157.   height: 100%;
  4158.  
  4159.   min-height: 100%;
  4160.  
  4161.   width: 100%;
  4162.  
  4163.   color: #686868;
  4164.  
  4165.   font-size: 18px;
  4166.  
  4167.   font-weight: 300;
  4168.  
  4169.   padding: 100px 0;
  4170.  
  4171. }
  4172.  
  4173.  
  4174. #error-page .container-fluid {
  4175.  
  4176.   overflow: hidden;
  4177.  
  4178. }
  4179.  
  4180.  
  4181. .error-page-inner {
  4182.  
  4183.   display: table-cell;
  4184.  
  4185.   vertical-align: middle;
  4186.  
  4187. }
  4188.  
  4189.  
  4190. .bg-404 {
  4191.  
  4192.   background-image: url("../images/home/tour-bg.png");
  4193.  
  4194.   background-repeat: repeat-x;
  4195.  
  4196.   background-position: center top;
  4197.  
  4198. }
  4199.  
  4200.  
  4201. .error-image {
  4202.  
  4203.   display: inline-block;
  4204.  
  4205.   padding-top: 50px;
  4206.  
  4207.   padding-bottom: 50px;
  4208.  
  4209. }
  4210.  
  4211.  
  4212. .error-image img {
  4213.  
  4214.   width: 100%;
  4215.  
  4216. }
  4217.  
  4218.  
  4219. #error-page h2 {
  4220.  
  4221.   font-size:36px;
  4222.  
  4223.   text-transform: uppercase;
  4224.  
  4225. }
  4226.  
  4227.  
  4228. .btn-error {
  4229.  
  4230.   font-weight: 300;
  4231.  
  4232.   margin-top: 30px;
  4233.  
  4234.   padding:25px 55px;
  4235.  
  4236.   text-transform: uppercase;
  4237.  
  4238.   font-size: 16px;
  4239.  
  4240.   letter-spacing: 5px;
  4241.  
  4242.   background-color: transparent;
  4243.  
  4244.   border: 1px solid #cc9b59;
  4245.  
  4246.   margin-top: 50px;
  4247.  
  4248.   margin-bottom: 50px;
  4249.  
  4250. }
  4251.  
  4252.  
  4253. .btn-error:hover, .btn-error:focus  {
  4254.  
  4255.   background-color: #cc9b59;
  4256.  
  4257.   border-color:#cc9b59;
  4258.  
  4259.   color:#fff;
  4260.  
  4261. }
  4262.  
  4263.  
  4264. #error-page i, #coming-soon i {
  4265.  
  4266.   border: 1px solid #cc9b59;
  4267.  
  4268.   height: 40px;
  4269.  
  4270.   width: 40px;
  4271.  
  4272.   line-height: 40px;
  4273.  
  4274.   color: #cc9b59;
  4275.  
  4276.   font-size: 17px;
  4277.  
  4278.   margin:0 15px;
  4279.  
  4280.   border-radius: 50%;
  4281.  
  4282.   -webkit-transition: all 0.3s ease-in-out;
  4283.  
  4284.   -moz-transition: all 0.3s ease-in-out;
  4285.  
  4286.   -ms-transition: all 0.3s ease-in-out;
  4287.  
  4288.   -o-transition: all 0.3s ease-in-out;
  4289.  
  4290.   transition: all 0.3s ease-in-out;
  4291.  
  4292. }
  4293.  
  4294.  
  4295. #error-page i:hover, #coming-soon i:hover {
  4296.  
  4297.   background-color: #cc9b59;
  4298.  
  4299.   color: #fff;
  4300.  
  4301.   -webkit-transition: all 0.3s ease-in-out;
  4302.  
  4303.   -moz-transition: all 0.3s ease-in-out;
  4304.  
  4305.   -ms-transition: all 0.3s ease-in-out;
  4306.  
  4307.   -o-transition: all 0.3s ease-in-out;
  4308.  
  4309.   transition: all 0.3s ease-in-out;
  4310.  
  4311. }
  4312.  
  4313.  
  4314. /*************************
  4315.  
  4316. ******Coming Soon CSS*****
  4317.  
  4318. **************************/
  4319.  
  4320.  
  4321. .logo-image {
  4322.  
  4323.   display: block;
  4324.  
  4325.   text-align: center;
  4326.  
  4327.   margin-top: 80px;
  4328.  
  4329.   margin-bottom: 95px;
  4330.  
  4331. }
  4332.  
  4333.  
  4334. .logo-image img {
  4335.  
  4336.   display: inline-block;
  4337.  
  4338. }
  4339.  
  4340.  
  4341. #coming-soon {
  4342.  
  4343.   background-image: url("../images/home/tour-bg.png");
  4344.  
  4345.   background-position: center top;
  4346.  
  4347.   background-repeat: repeat-x;
  4348.  
  4349.   padding: 40px 0;
  4350.  
  4351.   overflow: hidden;
  4352.  
  4353. }
  4354.  
  4355.  
  4356. #coming-soon .social-link {
  4357.  
  4358.   margin-top: 35px;
  4359.  
  4360. }
  4361.  
  4362.  
  4363. .time-count {
  4364.  
  4365.   display: block;
  4366.  
  4367.   text-align: center;
  4368.  
  4369. }
  4370.  
  4371.  
  4372. .time-count ul {
  4373.  
  4374.   padding-left: 0;
  4375.  
  4376. }
  4377.  
  4378.  
  4379. #countdown {
  4380.  
  4381.   display: inline-block;
  4382.  
  4383.   margin-bottom: 100px;
  4384.  
  4385.   margin-top: 100px;
  4386.  
  4387. }
  4388.  
  4389.  
  4390.  
  4391. #countdown li {
  4392.  
  4393.   float: left;
  4394.  
  4395.   margin-right: 100px;  
  4396.  
  4397.   color: #757575;  
  4398.  
  4399.   font-weight: 300;
  4400.  
  4401.   font-size: 30px;
  4402.  
  4403.   position: relative;
  4404.  
  4405.   z-index:1;
  4406.  
  4407.   padding-top: 45px;
  4408.  
  4409. }
  4410.  
  4411.  
  4412. #countdown li:last-child {
  4413.  
  4414.   margin-right: 0;
  4415.  
  4416.   margin-left: 20px;
  4417.  
  4418. }
  4419.  
  4420.  
  4421. #countdown li span {
  4422.  
  4423.   display: block;
  4424.  
  4425.   font-size: 72px;
  4426.  
  4427.   margin-bottom: 25px;
  4428.  
  4429. }
  4430.  
  4431.  
  4432. #countdown li.angle-one:before {
  4433.  
  4434.   border-color: #D29948 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  4435.  
  4436.   border-style: solid;
  4437.  
  4438.   border-width: 250px 145px 0;
  4439.  
  4440.   content: "";
  4441.  
  4442.   left: -80px;
  4443.  
  4444.   position: absolute;
  4445.  
  4446.   top: -5px;
  4447.  
  4448.   z-index: -1;
  4449.  
  4450. }
  4451.  
  4452.  
  4453. #countdown li.angle-one:after{
  4454.  
  4455.   border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  4456.  
  4457.   border-style: solid;
  4458.  
  4459.   border-width: 236px 137px 0;
  4460.  
  4461.   content: "";
  4462.  
  4463.   left: -72px;
  4464.  
  4465.   position: absolute;
  4466.  
  4467.   top: 0;
  4468.  
  4469.   z-index:-1;
  4470.  
  4471. }
  4472.  
  4473.  
  4474. #countdown li.angle-two:before {
  4475.  
  4476.   border-color: rgba(0, 0, 0, 0) #a5732a rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  4477.  
  4478.   border-style: solid;
  4479.  
  4480.   border-width: 250px 290px 0 0;
  4481.  
  4482.   content: "";
  4483.  
  4484.   left: -175px;
  4485.  
  4486.   position: absolute;
  4487.  
  4488.   top: -5px;
  4489.  
  4490.   z-index:-1;
  4491.  
  4492.   -moz-transform: skewX(30deg);
  4493.  
  4494.   -webkit-transform: skewX(30deg);
  4495.  
  4496.   -o-transform: skewX(30deg);
  4497.  
  4498.   -ms-transform: skewX(30deg);
  4499.  
  4500.   transform: skewX(30deg);
  4501.  
  4502. }
  4503.  
  4504.  
  4505. #countdown li.angle-two:after {
  4506.  
  4507.   border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  4508.  
  4509.   border-style: solid;
  4510.  
  4511.   border-width: 235px 272px 0 0;
  4512.  
  4513.   content: "";
  4514.  
  4515.   left: -162px;
  4516.  
  4517.   position: absolute;
  4518.  
  4519.   top: 5px;
  4520.  
  4521.   z-index: -1;
  4522.  
  4523.   -moz-transform: skewX(30deg);
  4524.  
  4525.   -webkit-transform: skewX(30deg);
  4526.  
  4527.   -o-transform: skewX(30deg);
  4528.  
  4529.   -ms-transform: skewX(30deg);
  4530.  
  4531.   transform: skewX(30deg);
  4532.  
  4533. }
  4534.  
  4535.  
  4536. #countdown li.angle-two span{
  4537.  
  4538.   padding-top: 90px;
  4539.  
  4540. }
  4541.  
  4542.  
  4543. #countdown li.angle-one span.minutes, 
  4544.  
  4545. #countdown li.angle-one .minute {
  4546.  
  4547.   margin-left: 25px;
  4548.  
  4549. }
  4550.  
  4551.  
  4552.  
  4553. #subscribe {
  4554.  
  4555.   background-color: #565656;
  4556.  
  4557.   color: #FFFFFF;
  4558.  
  4559.   padding: 40px 0 50px;
  4560.  
  4561. }
  4562.  
  4563.  
  4564. #subscribe h2 {
  4565.  
  4566.   color: #fff;
  4567.  
  4568.   text-transform: uppercase;
  4569.  
  4570. }
  4571.  
  4572.  
  4573. #subscribe .fa-envelope-o {
  4574.  
  4575.   color: #dab074;
  4576.  
  4577.   margin-right: 5px;
  4578.  
  4579. }
  4580.  
  4581.  
  4582. #subscribe .form-control {
  4583.  
  4584.   background-color: transparent;
  4585.  
  4586.   height: 52px;
  4587.  
  4588.   color: #fff;
  4589.  
  4590. }
  4591.  
  4592.  
  4593. #newsletter {
  4594.  
  4595.   margin-top: 35px;
  4596.  
  4597.   position: relative;
  4598.  
  4599. }
  4600.  
  4601.  
  4602. #newsletter i {
  4603.  
  4604.   color: #DAB074;
  4605.  
  4606.   font-size: 36px;
  4607.  
  4608.   position: absolute;
  4609.  
  4610.   right: 12px;
  4611.  
  4612.   top: 7px;
  4613.  
  4614. }
  4615.  
  4616.  
  4617. .newsletter p {
  4618.  
  4619.   color: #919191;
  4620.  
  4621.   font-size: 12px;
  4622.  
  4623.   margin-top: 10px;
  4624.  
  4625. }
  4626.  
  4627.  
  4628. #coming-soon-footer {
  4629.  
  4630.   padding: 45px 0;
  4631.  
  4632.   line-height: 15px;
  4633.  
  4634.   overflow: hidden;
  4635.  
  4636. }
  4637.  
  4638.  
  4639. #coming-soon-footer a {
  4640.  
  4641.   color: #d89b4e;
  4642.  
  4643. }
  4644.  
  4645.  
  4646. #coming-soon-footer a:hover {
  4647.  
  4648.   color: #b38040
  4649.  
  4650. }
  4651.  
  4652.  
  4653. /*Shortcodes CSS*/
  4654.  
  4655. .bs-example{
  4656.  
  4657.   margin: 0 0 20px;
  4658.  
  4659. }
  4660.  
  4661.  
  4662. .panel-group{
  4663.  
  4664.   border: 1px solid #eee;
  4665.  
  4666. }
  4667.  
  4668. .panel-default{
  4669.  
  4670.   border: 0;
  4671.  
  4672. }
  4673.  
  4674. .panel-group .panel{
  4675.  
  4676.   border-radius: 0;
  4677.  
  4678. }
  4679.  
  4680. .panel-group .panel+.panel{
  4681.  
  4682.   margin-top: 0;
  4683.  
  4684. }
  4685.  
  4686.  
  4687. .panel-default>.panel-heading{
  4688.  
  4689.   background-color: transparent;
  4690.  
  4691.   border-top: 1px solid #eee;
  4692.  
  4693. }
  4694.  
  4695.  
  4696. .panel-group .panel-default:first-child>.panel-heading{
  4697.  
  4698.   border-top: 0;
  4699.  
  4700. }
  4701.  
  4702.  
  4703. .panel-default>.panel-heading+.panel-collapse .panel-body{
  4704.  
  4705.   border-top-color: #eee;
  4706.  
  4707. }
  4708.  
  4709.  
  4710.  
  4711. .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{
  4712.  
  4713.   背景-颜色：#dab074； 
  4714.  
  4715. }
  4716.  
  4717.  
  4718. .标签-内容{
  4719.  
  4720.   内边距-顶部: 20px ; 
  4721.  
  4722. }
  4723.  
  4724.  
  4725. /*特征*/
  4726.  
  4727. .特征-内部{
  4728.  
  4729.   文本对齐：居中；​
  4730.  
  4731. }
  4732.  
  4733. .图标-包装器{
  4734.  
  4735.   显示：内联块； 
  4736.  
  4737.   背景——颜色：#d29948； 
  4738.  
  4739.   颜色：#fff； 
  4740.  
  4741.   填充：25px ； 
  4742.  
  4743.   盒子阴影：0 0 0 5px rgba （0，0，0 ，.1 ）插入；​​​​​    
  4744.  
  4745.   - webkit -box - shadow : 0 0 0 5px rgba ( 0 , 0 , 0 , . 1 )插入；    
  4746.  
  4747.   边框-半径：100 %； 
  4748.  
  4749.   边距：10px 0 ；  
  4750.  
  4751. }
 

信用

JavaScript

谢谢

最后，非常感谢您购买此主题。请记住，我们正在努力在未来提供更优质的产品。如果您喜欢您的作品，请给我们写一份 5 星好评。