--- /dev/null
+*.DS_Store
\ No newline at end of file
--- /dev/null
+The MIT License (MIT)
+
+Copyright (c) 2014 dragdropsite.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
\ No newline at end of file
--- /dev/null
+# Multipurpose Twitter Bootstrap 3 template
+
+**mPurpose** is a free multipurpose Twitter Bootstrap 3 template by [http://www.dragdropsite.com](http://www.dragdropsite.com)
+
+**For More info** [click here](http://www.dragdropsite.com/freebies/mpurpose-free-multipurpose-twitter-bootstrap-3-template)
+
+**For Demo** [click here](http://demo.dragdropsite.com/mpurpose)
+
+
+
+## Main Template Features
+
+ * Responsive
+ * 5 pre-made Color Schemes and it’s easy to create your own ones
+ * Feature Rich (a huge amount of components, over 30 sample pages)
+ * LESS
+ * Support for all modern browsers
+ * Much more...
+
+## About Documentation
+
+ * Documentation covers paths that might be tricky
+ * Helps to find resources (HTML, CSS files) related to a particular component
+ * Includes some code examples
+ * You’ll find component dependencies listed (jQuery, bxSlider, sequencejs, etc.)
+ * You’ll find some useful tip & hints
+
+# Short Intro
+
+### General usage hints
+
+ * Probably, the best way to use this template and its components is copy-paste technique :)
+ * Open HTML page containing a component you want to use (documentation will help you to find a necessary HTML file)
+ * Copy HTML
+ * Adjust HTML/JavaScript to your needs
+ * Make sure all dependencies are included (please check the documentation)
+ * Done
+ * Almost all template components are wrapped into `<div class="section">...</div>`. It’s advised to follow this pattern
+
+### Template Directory Structure
+
+ * **\css** - css style sheets
+ * **\img** and subfolders - template images
+ * **\js** - template JavaScript files
+ * **\less** - template LESS CSS files
+
+### CSS Files
+
+ * **bootstrap.css**, **bootstrap.min.css**, **bootstrap-theme.css**, **bootstrap-theme.min.css** - Twitter Bootstrap styles
+ * **coming-soon-social.css** - social icons sprite for coming soon page
+ * **icomoon-social.css** - social icons sprite
+ * **leaflet.css**, **leaflet.ie.css** - styles for leaflet maps
+ * **main.css** - mPurpose template styles (Blue Color Scheme)
+ * **main-orange.css** - mPurpose template styles (Orange Color Scheme)
+ * **main-green.css** - mPurpose template styles (Green Color Scheme)
+ * **main-red.css** - mPurpose template styles (Red Color Scheme)
+ * **main-grey.css** - mPurpose template styles (Grey Color Scheme)
+
+### LESS Files
+
+ * **components.less** - contains styles for all template components, overrides some Twitter Bootstrap styles
+ * **general.less** - general & typography styles
+ * **lesshat.less** - less mixins. More information could be found on website: [http://lesshat.com](http://lesshat.com/)
+ * **main.less** - combines all less files. Use it for CSS compilation
+ * **variables.less** - template variables. Use this file to create your own color schemes
+
+### JavaScript Files
+
+ * **bootstrap.js, bootstrap.min.js** - Twitter Bootstrap components
+ * **jquery.bxslider.js** - content slider used for products sliders. Plugin homepage: [http://bxslider.com](http://bxslider.com/)
+ * **jquery.fitvids.js** - makes embedded videos responsive. Plugin homepage: [http://fitvidsjs.com](http://fitvidsjs.com/)
+ * **jquery.sequence-min.js** - CSS3 slider used for homepage slider. Plugin homepage: [http://www.sequencejs.com](http://www.sequencejs.com/)
+ * **main-menu.js** - JavaScript for Mega Dropdown Menu
+ * **modernizr-2.6.2-respond-1.1.0.min.js** - HTML5 and CSS3 features detection in the user’s browser. Plugin homepage: [http://modernizr.com](http://modernizr.com/)
+ * **template.js** - JavaScript for mPurpose template components
+
+# General Features
+
+## Color Schemes
+
+**mPurpose** template comes with five pre-made color themes (_Blue, Orange, Green, Red, Grey_). Choose a relevant CSS file from css folder:
+
+ * **main.css** - Blue color scheme (default)
+ * **main-orange.css** - Orange color scheme
+ * **main-green.css** - Green color scheme
+ * **main-red.css** - Red color scheme
+ * **main-grey.css** - Grey color scheme
+
+**mPurpose** template is developed using LESS so it’s very easy to create your own color schemes matching your branding - all you need to do is to change one variable!
+Please check **[LESS](#less)** chapter for more
+information.
+
+## LESS
+
+This template is build taking an advantage of LESS CSS. All LESS files could
+be found in _less_ folder. Here is the list of LESS files:
+
+ * **components.less** - contains styles for all template components, overrides some Twitter Bootstrap styles
+ * **general.less** - general & typography styles
+ * **lesshat.less** - less mixins. More information could be found on website: [http://lesshat.com](http://lesshat.com/)
+ * **main.less** - combines all less files. Use it for CSS compilation
+ * **variables.less** - template variables. Use this file to create your own color schemes
+
+More info about LESS could be found here:
+
+ - [http://lesscss.org](http://lesscss.org/)
+
+Here are some LESS compilers:
+
+ - [less.app](http://incident57.com/less/) (Mac)
+ - [http://wearekiss.com/simpless](http://wearekiss.com/simpless) (Mac, Linux, Windows)
+ - [http://winless.org/](http://winless.org/) (Windows)
+ - [http://crunchapp.net/](http://crunchapp.net/) (Mac, Windows)
+
+# Template Components
+
+## Homepage Slider
+
+ * HTML example could be found here: _“index.html”_
+ * CSS / LESS style: search for comment containing _“Homepage Slider Style”_
+ * Dependencies: jQuery, sequencejs library ([http://www.sequencejs.com](http://www.sequencejs.com/))
+
+**Usage**
+
+ * Include **jquery.sequence-min.js**: `<script src="js/jquery.sequence-min.js"></script>`
+ * Put HTML code for your slider. Here is a code example:
+
+```html
+<div class="homepage-slider">
+ <div id="sequence">
+ <ul class="sequence-canvas">
+ <!-- Slide 1 -->
+ <li class="bg4">
+ <!-- Slide Title -->
+ <h2 class="title">Slide Title</h2>
+ <!-- Slide Text -->
+ <h3 class="subtitle">Slide Subtitle</h3>
+ <!-- Slide Image -->
+ <img class="slide-img" src="img/homepage-slider/slide1.png" alt="Slide 1" />
+ </li>
+ <!-- End Slide 1 -->
+ <!-- Slide 2 -->
+ <li class="bg3">
+ <!-- Slide Title -->
+ <h2 class="title">Slide Title</h2>
+ <!-- Slide Text -->
+ <h3 class="subtitle">Slide Subtitle</h3>
+ <!-- Slide Image -->
+ <img class="slide-img" src="img/homepage-slider/slide2.png" alt="Slide 2" />
+ </li>
+ <!-- End Slide 2 -->
+ </ul>
+ <div class="sequence-pagination-wrapper">
+ <ul class="sequence-pagination">
+ <li>1</li>
+ <li>2</li>
+ <li>3</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+```
+
+ * Initialize slider by placing JavaScript code:
+
+```
+var options = {
+ nextButton: false,
+ prevButton: false,
+ pagination: true,
+ animateStartingFrameIn: true,
+ autoPlay: true,
+ autoPlayDelay: 3000,
+ preloader: true
+};
+
+var mySequence = $("#sequence").sequence(options).data("sequence");
+```
+
+More information and configuration options could be found on sequencejs
+website [http://www.sequencejs.com](http://www.sequencejs.com/)
+
+**Other tips & hints**
+
+ * Template comes with 14 slider backgrounds, they could be found in folder _“img\homepage-slider”_
+ * Slide background could be changed by putting a relevant CSS class _bg1, bg2, … bg10_ (please check a code example above)
+
+## 'Featured In Press' Component
+
+ * HTML example could be found here: _“page-about-us.html”_
+ * CSS / LESS style: search for comment containing _“In Press Style”_
+
+**Other tips & hints**
+
+ * CSS Sprites are used to display media logos (take a look at _“img/in-press.png”_).
+ * Logo dimensions: 120x32
+
+## Custom Buttons
+
+Template comes with some custom buttons - here are CSS classes for them:
+
+ * `.btn-grey`
+ * `.btn-blue`
+ * `.btn-orange`
+ * `.btn-green`
+ * `.btn-red`
+
+Note that standard Twitter Bootstrap buttons (CSS class .btn) will look a bit
+differently - they will match the color scheme
+
+## Mega Dropdown Menu
+
+**mPurpose** template includes Mega Dropdown Menu component which is used for main menu (select “Pages” menu item to see Mega Dropdown Menu in action).
+
+**Usage**
+
+ * Include **main-menu.js**: `<script src="js/main-menu.js"></script>`
+ * Put HTML code for your menu. Here is a code example:
+
+```
+<nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper">
+ <a href="index.html"><img src="img/logo.png" alt="Alt Text"></a>
+ </li>
+ <!--Active Menu Item -->
+ <li class="active"><a href="index.html">Home</a></li>
+ <!-- Menu Item containing submenu -->
+ <li class="has-submenu">
+ <a href="#">Menu with submenus</a>
+ <!-- Dropdown Menu containing submenu items -->
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <!-- Column 1 -->
+ <div>
+ <h4>Section Title 1</h4>
+ <ul>
+ <li><a href="#">Submenu Item</a></li>
+ <li><a href="#">Submenu Item</a></li>
+ ...
+ </ul>
+ <h4>Section Title 2</h4>
+ <ul>
+ <li><a href="#">Submenu Item</a></li>
+ <li><a href="#">Submenu Item</a></li>
+ ...
+ </ul>
+ </div>
+ <!-- Column 2 -->
+ <div>
+ <h4>Section Title 3</h4>
+ <ul>
+ <li><a href="#">Submenu Item</a></li>
+ <li><a href="#">Submenu Item</a></li>
+ ...
+ </ul>
+ </div>
+ <!-- Column 3 -->
+ <div>
+ <h4>Section Title 4</h4>
+ <ul>
+ <li><a href="#">Submenu Item</a></li>
+ <li><a href="#">Submenu Item</a></li>
+ ...
+ </ul>
+ <h4>Section Title 5</h4>
+ <ul>
+ <li><a href="#">Submenu Item</a></li>
+ <li><a href="#">Submenu Item</a></li>
+ ...
+ </ul>
+ </div>
+ </div> class="comment"><!-- /mainmenu-submenu-inner -->
+ </div> class="comment"><!-- /mainmenu-submenu -->
+ </li>
+ </ul>
+</nav>
+```
+
+ * Initialize Mega Dropdown Menu by placing JavaScript code: `mainMenu.init();`. Note that Mega Dropdown Menu ID should be `mainmenu` (`<nav id="mainmenu" class="mainmenu">...</nav>`)
+
+**Other tips & hints**
+
+ * Use CSS class `.active` to indicate an active menu item
+ * Make sure Menu Items containing submenu has CSS class `.has-submenu`. Otherwise submenu won't work
+ * Use `<div>...</div>` inside submenu to create submenu columns (max 3 columns will be created)
+ * Note that you can define as many submenu column sections as you need:
+
+```
+<div>
+ <h4>Section Title 1</h4>
+ <ul>
+ <li><a href="#">Submenu Item</a></li>
+ <li><a href="#">Submenu Item</a></li>
+ ...
+ </ul>
+ <h4>Section Title 2</h4>
+ <ul>
+ <li><a href="#">Submenu Item</a></li>
+ <li><a href="#">Submenu Item</a></li>
+ ...
+ </ul>
+ ...
+</div>
+```
+
+## Responsive Videos
+
+ * HTML example could be found here: _“page-about-us.html”_
+ * CSS / LESS style: search for comment containing _“Video Wrapper Style”_
+ * Dependencies: jQuery, fitVids library ([http://fitvidsjs.com](http://fitvidsjs.com/))
+
+**Usage**
+
+ * Include jquery.fitvids.js: `<script src="js/jquery.fitvids.js"></script>`
+ * Put HTML code to embed a video and wrap it into `<div class="video-wrapper">...</div>` e.g.:
+
+```
+<div class="video-wrapper">
+ <iframe src="http://player.vimeo.com/video/47000322?title=0&byline=0&portrait=0" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+</div>
+```
+
+ * Initialize responsive video by placing JavaScript code: `$(".video-wrapper").fitVids();`
+
+**Other tips & hints**
+
+ * Make sure to wrap video into `<div class="video-wrapper"> ... </div>` to make it responsive. Currently supported players: YouTube, Vimeo, Blip.tv, Viddler, Kickstarter
+ * More information could be found on fitVids plugin website: [http://fitvidsjs.com](http://fitvidsjs.com/)
+
+## Page Title
+
+ * HTML example could be found in most of demo files starting with _“page-“_
+ * CSS / LESS style: search for comment containing _“Breadcrumbs Section Style”_
+ * Dependencies: N/A
+
+## Additional Icons - Flags
+
+Template comes with 247 flag icons representing most countries in the world.
+These icons could be found in _“img/flags”_ directory
+
+## Additional Icons - Social Icons
+
+Template comes with icons for most popular social networks including:
+
+ * Google+ (`<i class="icon-google-plus"></i>`)
+ * Facebook (`<i class="icon-facebook"></i>`)
+ * Twitter (`<i class="icon-twitter"></i>`)
+ * Vimeo (`<i class="icon-vimeo2"></i>`)
+ * Flickr (`<i class="icon-flickr"></i>`)
+ * Picasa (`<i class="icon-picassa"></i>`)
+ * Dribbble (`<i class="icon-dribbble"></i>`)
+ * Github (`<i class="icon-github"></i>`)
+ * Wordpress (`<i class="icon-wordpress"></i>`)
+ * Blogger (`<i class="icon-blogger"></i>`)
+ * Tumblr (`<i class="icon-tumblr"></i>`)
+ * Soundcloud (`<i class="icon-soundcloud"></i>`)
+ * Linkedin (`<i class="icon-linkedin"></i>`)
+ * Lastfm (`<i class="icon-lastfm"></i>`)
+ * Stumbleupon (`<i class="icon-stumbleupon"></i>`)
+ * Pinterest (`<i class="icon-pinterest"></i>`)
+
+You can check them in action on “Features” page
+
+## Services
+
+ * There are 3 different layouts:
+ * **1 Column** - HTML example could be found here _“page-services-1-column.html”_
+ * **3 Columns** - HTML example could be found here _“page-services-3-columns.html”_
+ * **4 Columns** - HTML example could be found here _“page-services-4-columns.html”_
+ * CSS / LESS style: search for comment containing _“Services Style”_
+ * Dependencies: N/A
+
+## Pricing Table
+
+ * HTML example could be found here: _“page-pricing.html”_
+ * CSS / LESS style: search for comment containing _“Pricing Table Style”_
+ * Dependencies: N/A
+
+**Other tips & hints**
+
+ * You can use ribbons for pricing tables. Just place `<div class="ribbon-wrapper"><div class="price-ribbon ribbon-green"> ... </div></div>` before pricing plan title. There are 4 predefined colors for ribbons (_Green, Blue, Orange, Red_) - use a relevant css class for that: _ribbon-green, ribbon-blue, ribbon-orange, ribbon-red_
+
+## Team & Open Vacancies
+
+### Team
+
+ * HTML example could be found here: _“page-team.html”_
+ * CSS / LESS style: search for comment containing _“Our Team Style”_
+ * Dependencies: N/A
+
+### Open Vacancies
+
+ * HTML example could be found here: _“page-vacancies.html”_
+ * CSS / LESS style: search for comment containing _“Jobs list Style”_
+ * Dependencies: N/A
+
+## Our Work (Portfolio)
+
+### Portfolio List
+
+ * There are 4 different layouts available:
+ * **2 Columns, Option 1** - HTML example could be found here _“page-portfolio-2-columns-1.html”_
+ * **2 Columns, Option 2** - HTML example could be found here _“page-portfolio-2-columns-2.html”_
+ * **3 Columns, Option 1** - HTML example could be found here _“page-portfolio-3-columns-1.html”_
+ * **3 Columns, Option 2** - HTML example could be found here _“page-portfolio-3-columns-2.html”_
+ * CSS / LESS style: search for comment containing _“Portfolio Style”_
+ * Dependencies: N/A
+
+### Portfolio Item (Project)
+
+ * HTML example could be found here: _“page-portfolio-item.html”_
+ * CSS / LESS style: search for comment containing _“Portfolio Style”_
+ * Dependencies: N/A
+
+## General Pages
+
+### About Us
+
+ * HTML example could be found here: _“page-about-us.html”_
+ * CSS / LESS style: search for comment containing _“Video Wrapper Style”_
+ * Dependencies: N/A
+
+Please also check the chapter **[Responsive Videos](#responsive-videos)**
+
+### Contact Us
+
+ * HTML example could be found here: _“page-contact-us.html”_
+ * CSS / LESS style: search for comment containing _“Contact Us Style”_
+ * Dependencies: N/A
+
+### Frequently Asked Questions
+
+ * HTML example could be found here: _“page-faq.html”_
+ * CSS / LESS style: search for comment containing _“Frequently Asked Questions Style”_
+ * Dependencies: N/A
+
+### Testimonials & Clients
+
+ * HTML example could be found here: _“page-testimonials-clients.html”_
+ * CSS / LESS style: search for comment containing _“Testimonials Style”, “Clients Logos Style”_
+ * Dependencies (for Testimonials): N/A
+
+**Usage (Testimonials)**
+
+ * Put HTML for your testimonials slider. Here is a code example:
+
+```
+<div class="section">
+ <div class="container">
+ <h2>Testimonials</h2>
+ <div class="row">
+ <!-- Testimonial -->
+ <div class="testimonial col-md-4 col-sm-6">
+ <!-- Author Photo -->
+ <div class="author-photo">
+ <img src="img/user1.jpg" alt="Author 1">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <!-- Quote -->
+ <p class="quote">
+ "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut."
+ </p>
+ <!-- Author Info -->
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ <!-- End Testimonial -->
+ <div class="testimonial col-md-4 col-sm-6">
+ <div class="author-photo">
+ <img src="img/user5.jpg" alt="Author 2">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <p class="quote">
+ "Ut enim ad minim veniam."
+ </p>
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ <div class="testimonial col-md-4 col-sm-6">
+ <div class="author-photo">
+ <img src="img/user2.jpg" alt="Author 3">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <p class="quote">
+ "Duis aute irure dolor."
+ </p>
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+```
+
+ * Initialize testimonials slider by placing JavaScript code (skip this step if you don’t want testimonials to slide):
+
+### Events
+
+ * HTML example could be found here: _“page-events.html”_
+ * CSS / LESS style: search for comment containing _“Events List Style”_
+ * Dependencies: N/A
+
+### 404 Page
+
+ * HTML example could be found here: _“page-404.html”_
+ * CSS / LESS style: search for comment containing _“404 Page Style”_
+ * Dependencies: N/A
+
+### Sitemap
+
+ * HTML example could be found here: _“page-sitemap.html”_
+ * CSS / LESS style: search for comment containing _“Sitemap Style”_
+ * Dependencies: N/A
+
+### Login
+
+ * HTML example could be found here: _“page-login.html”_
+ * CSS / LESS style: search for comment containing _“Login/Register/Reset Password Forms Style”_
+ * Dependencies: N/A
+
+### Register
+
+ * HTML example could be found here: _“page-register.html”_
+ * CSS / LESS style: search for comment containing _“Login/Register/Reset Password Forms Style”_
+ * Dependencies: N/A
+
+### Password Reset
+
+ * HTML example could be found here: _“page-password-reset.html”_
+ * CSS / LESS style: search for comment containing _“Login/Register/Reset Password Forms Style”_
+ * Dependencies: N/A
+
+### Terms & Privacy
+
+ * HTML example could be found here: _“page-terms-privacy.html”_
+ * CSS / LESS style: plain Twitter Bootstrap styles
+ * Dependencies: N/A
+
+### Coming Soon
+
+ * HTML example could be found here: _“page-coming-soon.html”_
+ * CSS / LESS style: search for comment containing _“Coming Soon Page Style”_
+ * Dependencies: N/A
+
+## eCommerce
+
+### Products (Items) List
+
+ * There are 2 different layouts available (_3 Columns, 4 Columns_). HTML example could be found in a relevant file:
+ * _“page-products-3-columns.html”_
+ * _“page-products-4-columns.html”_
+ * CSS / LESS style: search for comment containing _“E-commerce Style”_
+ * Dependencies: N/A
+
+### Product (Item) Description
+
+ * HTML example could be found here: _“page-product-details.html”_
+ * CSS / LESS style: search for comment containing _“Product Details Page Style”_
+ * Dependencies: N/A
+
+### Shopping Cart
+
+ * HTML example could be found here: _“page-shopping-cart.html”_
+ * CSS / LESS style: search for comment containing _“E-commerce Style”_
+ * Dependencies: N/A
+
+### Products Slider
+
+ * HTML example could be found here: _“page-products-slider.html”_
+ * CSS / LESS style: search for comment containing _“Content Slider Style”_
+ * Dependencies: jQuery, bxSlider ([http://bxslider.com](http://bxslider.com/))
+
+**Usage**
+
+ * Include jquery.bxslider.js: `<script src="js/jquery.bxslider.js"></script>`
+ * Put HTML for your products slider. Here is a code example:
+
+```
+<div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <div class="products-slider">
+ <!-- Products Slider Item -->
+ <div class="shop-item">
+ <!-- Product Image -->
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product1.jpg" alt="Item Name"></a>
+ </div>
+ <!-- Product Title -->
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <!-- Product Price -->
+ <div class="price">
+ $999.99
+ </div>
+ <!-- Buy Button -->
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Buy</a>
+ </div>
+ </div>
+ <!-- End Products Slider Item -->
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product2.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Buy</a>
+ </div>
+ </div>
+ ...
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+```
+
+ * Initialize products slider by placing JavaScript code
+
+```
+slideWidth = $('.products-slider .shop-item').outerWidth()-20; //Gets slide width
+$('.products-slider').bxSlider({
+ slideWidth: slideWidth,
+ responsive: true,
+ minSlides: 1,
+ maxSlides: 4,
+ slideMargin: 20,
+ auto: true,
+ autoHover: true,
+ speed: 800,
+ pager: true,
+ controls: false
+});
+```
+
+More information and configuration options could be found on bxslider website
+[http://bxslider.com](http://bxslider.com/)
+
+## Blog
+
+### Blog Posts List
+
+ * HTML example could be found here: _“page-blog-posts.html”_
+ * CSS / LESS style: search for comment containing _“Blog Style”_
+ * Dependencies: N/A
+
+### Blog Post
+
+ * There are 2 different layouts available (_Sidebar Left, Sidebar Right_). HTML example could be found in a relevant file:
+ * _“page-blog-post-left-sidebar.html”_
+ * _“page-blog-post-right-sidebar.html”_
+ * CSS / LESS style: search for comment containing _“Blog Style”_
+ * Dependencies: N/A
+
+### Latest & Featured News
+
+ * HTML example could be found here: _“page-news.html”_
+ * CSS / LESS style: search for comment containing _“News Style”_
+ * Dependencies: N/A
+
+# Credits
+
+ * [morgueFile](http://www.morguefile.com/) - for photos
+ * [Flickr Creative Common](http://www.flickr.com/creativecommons) - for photos
+ * [fotogrph.com](http://fotogrph.com/) - for photos
+ * [premiumpixels.com](http://www.premiumpixels.com/) - for free PSDs
+ * [365psd.com](http://365psd.com/) - for free PSDs
+ * [icomoon.io](http://icomoon.io/app) - for Icons
+ * [Liam McKay](http://designmoo.com/members/liammckay) - for Browser & Magnify PSD
+ * [pixeden.com](http://www.pixeden.com/) - for Responsive Showcase PSD
+ * [jQuery](http://jquery.com/) - great JavaScript library
+ * [bxSlider](http://bxslider.com/) - a nice content slider plugin
+ * [sequencejs](http://www.sequencejs.com/) - an awesome slider with CSS3 transitions
+ * [LESS](http://lesscss.org/) - dynamic stylesheet language
+ * [lesshat](http://lesshat.com/) - universal LESS mixin library
+ * [famfamfam.com](http://www.famfamfam.com/) - for flag icons
+ * [codrops](http://tympanus.net/codrops) - for Mega Dropdown Menu
+ * [Ahmedeabbas](http://dribbble.com/Ahmedeabbas) - for freebie Polygon Backgrounds
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="icon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (1 Column)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li class="active">
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Credits</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <h2>Many Thanks To</h2>
+ <div class="row">
+ <div class="col-md-12">
+ <ul>
+ <li><a href="http://www.morguefile.com">morgueFile</a> - for photos</li>
+ <li><a href="http://www.flickr.com/creativecommons">Flickr Creative Common</a> - for photos</li>
+ <li><a href="http://fotogrph.com">fotogrph.com</a> - for photos</li>
+ <li><a href="http://www.premiumpixels.com">premiumpixels.com</a> - for free PSDs</li>
+ <li><a href="http://365psd.com">365psd.com</a> - for free PSDs</li>
+ <li><a href="http://icomoon.io/app">icomoon.io</a> - for Icons</li>
+ <li><a href="http://designmoo.com/members/liammckay">Liam McKay</a> - for Browser & Magnify PSD</li>
+ <li><a href="http://www.pixeden.com">pixeden.com</a> - for Responsive Swhowcase PSD</li>
+ <li><a href="http://jquery.com">jQuery</a> - great JavaScript library</li>
+ <li><a href="http://bxslider.com">bxSlider</a> - nice content slider plugin</li>
+ <li><a href="http://www.sequencejs.com">sequencejs</a> - awsome slider with CSS3 transitions</li>
+ <li><a href="http://lesscss.org">LESS</a> - dynamic stylesheet language</li>
+ <li><a href="http://lesshat.com">lesshat</a> - universal LESS mixin library</li>
+ <li><a href="http://www.famfamfam.com">famfamfam.com</a> - for flag icons</li>
+ <li><a href="http://tympanus.net/codrops">codrops</a> - for Mega Dropdown Menu</li>
+ <li><a href="http://dribbble.com/Ahmedeabbas">Ahmedeabbas</a> - for Polygon Backgrounds</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+/*!
+ * Bootstrap v3.1.1 (http://getbootstrap.com)
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+.btn-default,
+.btn-primary,
+.btn-success,
+.btn-info,
+.btn-warning,
+.btn-danger {
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
+}
+.btn-default:active,
+.btn-primary:active,
+.btn-success:active,
+.btn-info:active,
+.btn-warning:active,
+.btn-danger:active,
+.btn-default.active,
+.btn-primary.active,
+.btn-success.active,
+.btn-info.active,
+.btn-warning.active,
+.btn-danger.active {
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+}
+.btn:active,
+.btn.active {
+ background-image: none;
+}
+.btn-default {
+ text-shadow: 0 1px 0 #fff;
+ background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
+ background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+ background-repeat: repeat-x;
+ border-color: #dbdbdb;
+ border-color: #ccc;
+}
+.btn-default:hover,
+.btn-default:focus {
+ background-color: #e0e0e0;
+ background-position: 0 -15px;
+}
+.btn-default:active,
+.btn-default.active {
+ background-color: #e0e0e0;
+ border-color: #dbdbdb;
+}
+.btn-primary {
+ background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
+ background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+ background-repeat: repeat-x;
+ border-color: #2b669a;
+}
+.btn-primary:hover,
+.btn-primary:focus {
+ background-color: #2d6ca2;
+ background-position: 0 -15px;
+}
+.btn-primary:active,
+.btn-primary.active {
+ background-color: #2d6ca2;
+ border-color: #2b669a;
+}
+.btn-success {
+ background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
+ background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+ background-repeat: repeat-x;
+ border-color: #3e8f3e;
+}
+.btn-success:hover,
+.btn-success:focus {
+ background-color: #419641;
+ background-position: 0 -15px;
+}
+.btn-success:active,
+.btn-success.active {
+ background-color: #419641;
+ border-color: #3e8f3e;
+}
+.btn-info {
+ background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
+ background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+ background-repeat: repeat-x;
+ border-color: #28a4c9;
+}
+.btn-info:hover,
+.btn-info:focus {
+ background-color: #2aabd2;
+ background-position: 0 -15px;
+}
+.btn-info:active,
+.btn-info.active {
+ background-color: #2aabd2;
+ border-color: #28a4c9;
+}
+.btn-warning {
+ background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
+ background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+ background-repeat: repeat-x;
+ border-color: #e38d13;
+}
+.btn-warning:hover,
+.btn-warning:focus {
+ background-color: #eb9316;
+ background-position: 0 -15px;
+}
+.btn-warning:active,
+.btn-warning.active {
+ background-color: #eb9316;
+ border-color: #e38d13;
+}
+.btn-danger {
+ background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
+ background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+ background-repeat: repeat-x;
+ border-color: #b92c28;
+}
+.btn-danger:hover,
+.btn-danger:focus {
+ background-color: #c12e2a;
+ background-position: 0 -15px;
+}
+.btn-danger:active,
+.btn-danger.active {
+ background-color: #c12e2a;
+ border-color: #b92c28;
+}
+.thumbnail,
+.img-thumbnail {
+ -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
+ box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+ background-color: #e8e8e8;
+ background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+ background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
+ background-repeat: repeat-x;
+}
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+ background-color: #357ebd;
+ background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
+ background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
+ background-repeat: repeat-x;
+}
+.navbar-default {
+ background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
+ background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+ background-repeat: repeat-x;
+ border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
+}
+.navbar-default .navbar-nav > .active > a {
+ background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
+ background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
+ background-repeat: repeat-x;
+ -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
+ box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
+}
+.navbar-brand,
+.navbar-nav > li > a {
+ text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
+}
+.navbar-inverse {
+ background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
+ background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+ background-repeat: repeat-x;
+}
+.navbar-inverse .navbar-nav > .active > a {
+ background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
+ background-image: linear-gradient(to bottom, #222 0%, #282828 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
+ background-repeat: repeat-x;
+ -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
+ box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
+}
+.navbar-inverse .navbar-brand,
+.navbar-inverse .navbar-nav > li > a {
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
+}
+.navbar-static-top,
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+ border-radius: 0;
+}
+.alert {
+ text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
+}
+.alert-success {
+ background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
+ background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
+ background-repeat: repeat-x;
+ border-color: #b2dba1;
+}
+.alert-info {
+ background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
+ background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
+ background-repeat: repeat-x;
+ border-color: #9acfea;
+}
+.alert-warning {
+ background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
+ background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
+ background-repeat: repeat-x;
+ border-color: #f5e79e;
+}
+.alert-danger {
+ background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
+ background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
+ background-repeat: repeat-x;
+ border-color: #dca7a7;
+}
+.progress {
+ background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
+ background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
+ background-repeat: repeat-x;
+}
+.progress-bar {
+ background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
+ background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
+ background-repeat: repeat-x;
+}
+.progress-bar-success {
+ background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
+ background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
+ background-repeat: repeat-x;
+}
+.progress-bar-info {
+ background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
+ background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
+ background-repeat: repeat-x;
+}
+.progress-bar-warning {
+ background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
+ background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
+ background-repeat: repeat-x;
+}
+.progress-bar-danger {
+ background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
+ background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
+ background-repeat: repeat-x;
+}
+.list-group {
+ border-radius: 4px;
+ -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
+ box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
+}
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
+ text-shadow: 0 -1px 0 #3071a9;
+ background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
+ background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
+ background-repeat: repeat-x;
+ border-color: #3278b3;
+}
+.panel {
+ -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
+ box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
+}
+.panel-default > .panel-heading {
+ background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+ background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
+ background-repeat: repeat-x;
+}
+.panel-primary > .panel-heading {
+ background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
+ background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
+ background-repeat: repeat-x;
+}
+.panel-success > .panel-heading {
+ background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
+ background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
+ background-repeat: repeat-x;
+}
+.panel-info > .panel-heading {
+ background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
+ background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
+ background-repeat: repeat-x;
+}
+.panel-warning > .panel-heading {
+ background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
+ background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
+ background-repeat: repeat-x;
+}
+.panel-danger > .panel-heading {
+ background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
+ background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
+ background-repeat: repeat-x;
+}
+.well {
+ background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
+ background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
+ background-repeat: repeat-x;
+ border-color: #dcdcdc;
+ -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
+}
+/*# sourceMappingURL=bootstrap-theme.css.map */
--- /dev/null
+/*!
+ * Bootstrap v3.1.1 (http://getbootstrap.com)
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{text-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn:active,.btn.active{background-image:none}.btn-default{background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#dbdbdb;text-shadow:0 1px 0 #fff;border-color:#ccc}.btn-default:hover,.btn-default:focus{background-color:#e0e0e0;background-position:0 -15px}.btn-default:active,.btn-default.active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-primary{background-image:-webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);background-image:linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#2b669a}.btn-primary:hover,.btn-primary:focus{background-color:#2d6ca2;background-position:0 -15px}.btn-primary:active,.btn-primary.active{background-color:#2d6ca2;border-color:#2b669a}.btn-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#3e8f3e}.btn-success:hover,.btn-success:focus{background-color:#419641;background-position:0 -15px}.btn-success:active,.btn-success.active{background-color:#419641;border-color:#3e8f3e}.btn-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#28a4c9}.btn-info:hover,.btn-info:focus{background-color:#2aabd2;background-position:0 -15px}.btn-info:active,.btn-info.active{background-color:#2aabd2;border-color:#28a4c9}.btn-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#e38d13}.btn-warning:hover,.btn-warning:focus{background-color:#eb9316;background-position:0 -15px}.btn-warning:active,.btn-warning.active{background-color:#eb9316;border-color:#e38d13}.btn-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#b92c28}.btn-danger:hover,.btn-danger:focus{background-color:#c12e2a;background-position:0 -15px}.btn-danger:active,.btn-danger.active{background-color:#c12e2a;border-color:#b92c28}.thumbnail,.img-thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-color:#e8e8e8}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-image:-webkit-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:linear-gradient(to bottom,#428bca 0,#357ebd 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);background-color:#357ebd}.navbar-default{background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075)}.navbar-default .navbar-nav>.active>a{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f3f3f3 100%);background-image:linear-gradient(to bottom,#ebebeb 0,#f3f3f3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);box-shadow:inset 0 3px 9px rgba(0,0,0,.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,.25)}.navbar-inverse{background-image:-webkit-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.navbar-inverse .navbar-nav>.active>a{background-image:-webkit-linear-gradient(top,#222 0,#282828 100%);background-image:linear-gradient(to bottom,#222 0,#282828 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.25);box-shadow:inset 0 3px 9px rgba(0,0,0,.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,.25)}.navbar-static-top,.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}.alert{text-shadow:0 1px 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05)}.alert-success{background-image:-webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);border-color:#b2dba1}.alert-info{background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);border-color:#9acfea}.alert-warning{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);border-color:#f5e79e}.alert-danger{background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);border-color:#dca7a7}.progress{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0)}.progress-bar{background-image:-webkit-linear-gradient(top,#428bca 0,#3071a9 100%);background-image:linear-gradient(to bottom,#428bca 0,#3071a9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0)}.progress-bar-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0)}.progress-bar-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0)}.progress-bar-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0)}.progress-bar-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{text-shadow:0 -1px 0 #3071a9;background-image:-webkit-linear-gradient(top,#428bca 0,#3278b3 100%);background-image:linear-gradient(to bottom,#428bca 0,#3278b3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);border-color:#3278b3}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0)}.panel-primary>.panel-heading{background-image:-webkit-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:linear-gradient(to bottom,#428bca 0,#357ebd 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0)}.panel-success>.panel-heading{background-image:-webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0)}.panel-info>.panel-heading{background-image:-webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0)}.panel-warning>.panel-heading{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0)}.panel-danger>.panel-heading{background-image:-webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0)}.well{background-image:-webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);border-color:#dcdcdc;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)}
\ No newline at end of file
--- /dev/null
+/*!
+ * Bootstrap v3.1.1 (http://getbootstrap.com)
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
+html {
+ font-family: sans-serif;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+body {
+ margin: 0;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+audio,
+canvas,
+progress,
+video {
+ display: inline-block;
+ vertical-align: baseline;
+}
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+[hidden],
+template {
+ display: none;
+}
+a {
+ background: transparent;
+}
+a:active,
+a:hover {
+ outline: 0;
+}
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+b,
+strong {
+ font-weight: bold;
+}
+dfn {
+ font-style: italic;
+}
+h1 {
+ margin: .67em 0;
+ font-size: 2em;
+}
+mark {
+ color: #000;
+ background: #ff0;
+}
+small {
+ font-size: 80%;
+}
+sub,
+sup {
+ position: relative;
+ font-size: 75%;
+ line-height: 0;
+ vertical-align: baseline;
+}
+sup {
+ top: -.5em;
+}
+sub {
+ bottom: -.25em;
+}
+img {
+ border: 0;
+}
+svg:not(:root) {
+ overflow: hidden;
+}
+figure {
+ margin: 1em 40px;
+}
+hr {
+ height: 0;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+}
+pre {
+ overflow: auto;
+}
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+ margin: 0;
+ font: inherit;
+ color: inherit;
+}
+button {
+ overflow: visible;
+}
+button,
+select {
+ text-transform: none;
+}
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button;
+ cursor: pointer;
+}
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ padding: 0;
+ border: 0;
+}
+input {
+ line-height: normal;
+}
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box;
+ padding: 0;
+}
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+input[type="search"] {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ -webkit-appearance: textfield;
+}
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+fieldset {
+ padding: .35em .625em .75em;
+ margin: 0 2px;
+ border: 1px solid #c0c0c0;
+}
+legend {
+ padding: 0;
+ border: 0;
+}
+textarea {
+ overflow: auto;
+}
+optgroup {
+ font-weight: bold;
+}
+table {
+ border-spacing: 0;
+ border-collapse: collapse;
+}
+td,
+th {
+ padding: 0;
+}
+@media print {
+ * {
+ color: #000 !important;
+ text-shadow: none !important;
+ background: transparent !important;
+ box-shadow: none !important;
+ }
+ a,
+ a:visited {
+ text-decoration: underline;
+ }
+ a[href]:after {
+ content: " (" attr(href) ")";
+ }
+ abbr[title]:after {
+ content: " (" attr(title) ")";
+ }
+ a[href^="javascript:"]:after,
+ a[href^="#"]:after {
+ content: "";
+ }
+ pre,
+ blockquote {
+ border: 1px solid #999;
+
+ page-break-inside: avoid;
+ }
+ thead {
+ display: table-header-group;
+ }
+ tr,
+ img {
+ page-break-inside: avoid;
+ }
+ img {
+ max-width: 100% !important;
+ }
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3;
+ }
+ h2,
+ h3 {
+ page-break-after: avoid;
+ }
+ select {
+ background: #fff !important;
+ }
+ .navbar {
+ display: none;
+ }
+ .table td,
+ .table th {
+ background-color: #fff !important;
+ }
+ .btn > .caret,
+ .dropup > .btn > .caret {
+ border-top-color: #000 !important;
+ }
+ .label {
+ border: 1px solid #000;
+ }
+ .table {
+ border-collapse: collapse !important;
+ }
+ .table-bordered th,
+ .table-bordered td {
+ border: 1px solid #ddd !important;
+ }
+}
+* {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+*:before,
+*:after {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+html {
+ font-size: 62.5%;
+
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+body {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #333;
+ background-color: #fff;
+}
+input,
+button,
+select,
+textarea {
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+a {
+ color: #428bca;
+ text-decoration: none;
+}
+a:hover,
+a:focus {
+ color: #2a6496;
+ text-decoration: underline;
+}
+a:focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+figure {
+ margin: 0;
+}
+img {
+ vertical-align: middle;
+}
+.img-responsive,
+.thumbnail > img,
+.thumbnail a > img,
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+ display: block;
+ max-width: 100%;
+ height: auto;
+}
+.img-rounded {
+ border-radius: 6px;
+}
+.img-thumbnail {
+ display: inline-block;
+ max-width: 100%;
+ height: auto;
+ padding: 4px;
+ line-height: 1.42857143;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ -webkit-transition: all .2s ease-in-out;
+ transition: all .2s ease-in-out;
+}
+.img-circle {
+ border-radius: 50%;
+}
+hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0;
+ border-top: 1px solid #eee;
+}
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ font-family: inherit;
+ font-weight: 500;
+ line-height: 1.1;
+ color: inherit;
+}
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small,
+h1 .small,
+h2 .small,
+h3 .small,
+h4 .small,
+h5 .small,
+h6 .small,
+.h1 .small,
+.h2 .small,
+.h3 .small,
+.h4 .small,
+.h5 .small,
+.h6 .small {
+ font-weight: normal;
+ line-height: 1;
+ color: #999;
+}
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+h1 small,
+.h1 small,
+h2 small,
+.h2 small,
+h3 small,
+.h3 small,
+h1 .small,
+.h1 .small,
+h2 .small,
+.h2 .small,
+h3 .small,
+.h3 .small {
+ font-size: 65%;
+}
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+h4 small,
+.h4 small,
+h5 small,
+.h5 small,
+h6 small,
+.h6 small,
+h4 .small,
+.h4 .small,
+h5 .small,
+.h5 .small,
+h6 .small,
+.h6 .small {
+ font-size: 75%;
+}
+h1,
+.h1 {
+ font-size: 36px;
+}
+h2,
+.h2 {
+ font-size: 30px;
+}
+h3,
+.h3 {
+ font-size: 24px;
+}
+h4,
+.h4 {
+ font-size: 18px;
+}
+h5,
+.h5 {
+ font-size: 14px;
+}
+h6,
+.h6 {
+ font-size: 12px;
+}
+p {
+ margin: 0 0 10px;
+}
+.lead {
+ margin-bottom: 20px;
+ font-size: 16px;
+ font-weight: 200;
+ line-height: 1.4;
+}
+@media (min-width: 768px) {
+ .lead {
+ font-size: 21px;
+ }
+}
+small,
+.small {
+ font-size: 85%;
+}
+cite {
+ font-style: normal;
+}
+.text-left {
+ text-align: left;
+}
+.text-right {
+ text-align: right;
+}
+.text-center {
+ text-align: center;
+}
+.text-justify {
+ text-align: justify;
+}
+.text-muted {
+ color: #999;
+}
+.text-primary {
+ color: #428bca;
+}
+a.text-primary:hover {
+ color: #3071a9;
+}
+.text-success {
+ color: #3c763d;
+}
+a.text-success:hover {
+ color: #2b542c;
+}
+.text-info {
+ color: #31708f;
+}
+a.text-info:hover {
+ color: #245269;
+}
+.text-warning {
+ color: #8a6d3b;
+}
+a.text-warning:hover {
+ color: #66512c;
+}
+.text-danger {
+ color: #a94442;
+}
+a.text-danger:hover {
+ color: #843534;
+}
+.bg-primary {
+ color: #fff;
+ background-color: #428bca;
+}
+a.bg-primary:hover {
+ background-color: #3071a9;
+}
+.bg-success {
+ background-color: #dff0d8;
+}
+a.bg-success:hover {
+ background-color: #c1e2b3;
+}
+.bg-info {
+ background-color: #d9edf7;
+}
+a.bg-info:hover {
+ background-color: #afd9ee;
+}
+.bg-warning {
+ background-color: #fcf8e3;
+}
+a.bg-warning:hover {
+ background-color: #f7ecb5;
+}
+.bg-danger {
+ background-color: #f2dede;
+}
+a.bg-danger:hover {
+ background-color: #e4b9b9;
+}
+.page-header {
+ padding-bottom: 9px;
+ margin: 40px 0 20px;
+ border-bottom: 1px solid #eee;
+}
+ul,
+ol {
+ margin-top: 0;
+ margin-bottom: 10px;
+}
+ul ul,
+ol ul,
+ul ol,
+ol ol {
+ margin-bottom: 0;
+}
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
+}
+.list-inline {
+ padding-left: 0;
+ margin-left: -5px;
+ list-style: none;
+}
+.list-inline > li {
+ display: inline-block;
+ padding-right: 5px;
+ padding-left: 5px;
+}
+dl {
+ margin-top: 0;
+ margin-bottom: 20px;
+}
+dt,
+dd {
+ line-height: 1.42857143;
+}
+dt {
+ font-weight: bold;
+}
+dd {
+ margin-left: 0;
+}
+@media (min-width: 768px) {
+ .dl-horizontal dt {
+ float: left;
+ width: 160px;
+ overflow: hidden;
+ clear: left;
+ text-align: right;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ .dl-horizontal dd {
+ margin-left: 180px;
+ }
+}
+abbr[title],
+abbr[data-original-title] {
+ cursor: help;
+ border-bottom: 1px dotted #999;
+}
+.initialism {
+ font-size: 90%;
+ text-transform: uppercase;
+}
+blockquote {
+ padding: 10px 20px;
+ margin: 0 0 20px;
+ font-size: 17.5px;
+ border-left: 5px solid #eee;
+}
+blockquote p:last-child,
+blockquote ul:last-child,
+blockquote ol:last-child {
+ margin-bottom: 0;
+}
+blockquote footer,
+blockquote small,
+blockquote .small {
+ display: block;
+ font-size: 80%;
+ line-height: 1.42857143;
+ color: #999;
+}
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+ content: '\2014 \00A0';
+}
+.blockquote-reverse,
+blockquote.pull-right {
+ padding-right: 15px;
+ padding-left: 0;
+ text-align: right;
+ border-right: 5px solid #eee;
+ border-left: 0;
+}
+.blockquote-reverse footer:before,
+blockquote.pull-right footer:before,
+.blockquote-reverse small:before,
+blockquote.pull-right small:before,
+.blockquote-reverse .small:before,
+blockquote.pull-right .small:before {
+ content: '';
+}
+.blockquote-reverse footer:after,
+blockquote.pull-right footer:after,
+.blockquote-reverse small:after,
+blockquote.pull-right small:after,
+.blockquote-reverse .small:after,
+blockquote.pull-right .small:after {
+ content: '\00A0 \2014';
+}
+blockquote:before,
+blockquote:after {
+ content: "";
+}
+address {
+ margin-bottom: 20px;
+ font-style: normal;
+ line-height: 1.42857143;
+}
+code,
+kbd,
+pre,
+samp {
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+}
+code {
+ padding: 2px 4px;
+ font-size: 90%;
+ color: #c7254e;
+ white-space: nowrap;
+ background-color: #f9f2f4;
+ border-radius: 4px;
+}
+kbd {
+ padding: 2px 4px;
+ font-size: 90%;
+ color: #fff;
+ background-color: #333;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
+}
+pre {
+ display: block;
+ padding: 9.5px;
+ margin: 0 0 10px;
+ font-size: 13px;
+ line-height: 1.42857143;
+ color: #333;
+ word-break: break-all;
+ word-wrap: break-word;
+ background-color: #f5f5f5;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+}
+pre code {
+ padding: 0;
+ font-size: inherit;
+ color: inherit;
+ white-space: pre-wrap;
+ background-color: transparent;
+ border-radius: 0;
+}
+.pre-scrollable {
+ max-height: 340px;
+ overflow-y: scroll;
+}
+.container {
+ padding-right: 15px;
+ padding-left: 15px;
+ margin-right: auto;
+ margin-left: auto;
+}
+@media (min-width: 768px) {
+ .container {
+ width: 750px;
+ }
+}
+@media (min-width: 992px) {
+ .container {
+ width: 970px;
+ }
+}
+@media (min-width: 1200px) {
+ .container {
+ width: 1170px;
+ }
+}
+.container-fluid {
+ padding-right: 15px;
+ padding-left: 15px;
+ margin-right: auto;
+ margin-left: auto;
+}
+.row {
+ margin-right: -15px;
+ margin-left: -15px;
+}
+.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
+ position: relative;
+ min-height: 1px;
+ padding-right: 15px;
+ padding-left: 15px;
+}
+.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
+ float: left;
+}
+.col-xs-12 {
+ width: 100%;
+}
+.col-xs-11 {
+ width: 91.66666667%;
+}
+.col-xs-10 {
+ width: 83.33333333%;
+}
+.col-xs-9 {
+ width: 75%;
+}
+.col-xs-8 {
+ width: 66.66666667%;
+}
+.col-xs-7 {
+ width: 58.33333333%;
+}
+.col-xs-6 {
+ width: 50%;
+}
+.col-xs-5 {
+ width: 41.66666667%;
+}
+.col-xs-4 {
+ width: 33.33333333%;
+}
+.col-xs-3 {
+ width: 25%;
+}
+.col-xs-2 {
+ width: 16.66666667%;
+}
+.col-xs-1 {
+ width: 8.33333333%;
+}
+.col-xs-pull-12 {
+ right: 100%;
+}
+.col-xs-pull-11 {
+ right: 91.66666667%;
+}
+.col-xs-pull-10 {
+ right: 83.33333333%;
+}
+.col-xs-pull-9 {
+ right: 75%;
+}
+.col-xs-pull-8 {
+ right: 66.66666667%;
+}
+.col-xs-pull-7 {
+ right: 58.33333333%;
+}
+.col-xs-pull-6 {
+ right: 50%;
+}
+.col-xs-pull-5 {
+ right: 41.66666667%;
+}
+.col-xs-pull-4 {
+ right: 33.33333333%;
+}
+.col-xs-pull-3 {
+ right: 25%;
+}
+.col-xs-pull-2 {
+ right: 16.66666667%;
+}
+.col-xs-pull-1 {
+ right: 8.33333333%;
+}
+.col-xs-pull-0 {
+ right: 0;
+}
+.col-xs-push-12 {
+ left: 100%;
+}
+.col-xs-push-11 {
+ left: 91.66666667%;
+}
+.col-xs-push-10 {
+ left: 83.33333333%;
+}
+.col-xs-push-9 {
+ left: 75%;
+}
+.col-xs-push-8 {
+ left: 66.66666667%;
+}
+.col-xs-push-7 {
+ left: 58.33333333%;
+}
+.col-xs-push-6 {
+ left: 50%;
+}
+.col-xs-push-5 {
+ left: 41.66666667%;
+}
+.col-xs-push-4 {
+ left: 33.33333333%;
+}
+.col-xs-push-3 {
+ left: 25%;
+}
+.col-xs-push-2 {
+ left: 16.66666667%;
+}
+.col-xs-push-1 {
+ left: 8.33333333%;
+}
+.col-xs-push-0 {
+ left: 0;
+}
+.col-xs-offset-12 {
+ margin-left: 100%;
+}
+.col-xs-offset-11 {
+ margin-left: 91.66666667%;
+}
+.col-xs-offset-10 {
+ margin-left: 83.33333333%;
+}
+.col-xs-offset-9 {
+ margin-left: 75%;
+}
+.col-xs-offset-8 {
+ margin-left: 66.66666667%;
+}
+.col-xs-offset-7 {
+ margin-left: 58.33333333%;
+}
+.col-xs-offset-6 {
+ margin-left: 50%;
+}
+.col-xs-offset-5 {
+ margin-left: 41.66666667%;
+}
+.col-xs-offset-4 {
+ margin-left: 33.33333333%;
+}
+.col-xs-offset-3 {
+ margin-left: 25%;
+}
+.col-xs-offset-2 {
+ margin-left: 16.66666667%;
+}
+.col-xs-offset-1 {
+ margin-left: 8.33333333%;
+}
+.col-xs-offset-0 {
+ margin-left: 0;
+}
+@media (min-width: 768px) {
+ .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
+ float: left;
+ }
+ .col-sm-12 {
+ width: 100%;
+ }
+ .col-sm-11 {
+ width: 91.66666667%;
+ }
+ .col-sm-10 {
+ width: 83.33333333%;
+ }
+ .col-sm-9 {
+ width: 75%;
+ }
+ .col-sm-8 {
+ width: 66.66666667%;
+ }
+ .col-sm-7 {
+ width: 58.33333333%;
+ }
+ .col-sm-6 {
+ width: 50%;
+ }
+ .col-sm-5 {
+ width: 41.66666667%;
+ }
+ .col-sm-4 {
+ width: 33.33333333%;
+ }
+ .col-sm-3 {
+ width: 25%;
+ }
+ .col-sm-2 {
+ width: 16.66666667%;
+ }
+ .col-sm-1 {
+ width: 8.33333333%;
+ }
+ .col-sm-pull-12 {
+ right: 100%;
+ }
+ .col-sm-pull-11 {
+ right: 91.66666667%;
+ }
+ .col-sm-pull-10 {
+ right: 83.33333333%;
+ }
+ .col-sm-pull-9 {
+ right: 75%;
+ }
+ .col-sm-pull-8 {
+ right: 66.66666667%;
+ }
+ .col-sm-pull-7 {
+ right: 58.33333333%;
+ }
+ .col-sm-pull-6 {
+ right: 50%;
+ }
+ .col-sm-pull-5 {
+ right: 41.66666667%;
+ }
+ .col-sm-pull-4 {
+ right: 33.33333333%;
+ }
+ .col-sm-pull-3 {
+ right: 25%;
+ }
+ .col-sm-pull-2 {
+ right: 16.66666667%;
+ }
+ .col-sm-pull-1 {
+ right: 8.33333333%;
+ }
+ .col-sm-pull-0 {
+ right: 0;
+ }
+ .col-sm-push-12 {
+ left: 100%;
+ }
+ .col-sm-push-11 {
+ left: 91.66666667%;
+ }
+ .col-sm-push-10 {
+ left: 83.33333333%;
+ }
+ .col-sm-push-9 {
+ left: 75%;
+ }
+ .col-sm-push-8 {
+ left: 66.66666667%;
+ }
+ .col-sm-push-7 {
+ left: 58.33333333%;
+ }
+ .col-sm-push-6 {
+ left: 50%;
+ }
+ .col-sm-push-5 {
+ left: 41.66666667%;
+ }
+ .col-sm-push-4 {
+ left: 33.33333333%;
+ }
+ .col-sm-push-3 {
+ left: 25%;
+ }
+ .col-sm-push-2 {
+ left: 16.66666667%;
+ }
+ .col-sm-push-1 {
+ left: 8.33333333%;
+ }
+ .col-sm-push-0 {
+ left: 0;
+ }
+ .col-sm-offset-12 {
+ margin-left: 100%;
+ }
+ .col-sm-offset-11 {
+ margin-left: 91.66666667%;
+ }
+ .col-sm-offset-10 {
+ margin-left: 83.33333333%;
+ }
+ .col-sm-offset-9 {
+ margin-left: 75%;
+ }
+ .col-sm-offset-8 {
+ margin-left: 66.66666667%;
+ }
+ .col-sm-offset-7 {
+ margin-left: 58.33333333%;
+ }
+ .col-sm-offset-6 {
+ margin-left: 50%;
+ }
+ .col-sm-offset-5 {
+ margin-left: 41.66666667%;
+ }
+ .col-sm-offset-4 {
+ margin-left: 33.33333333%;
+ }
+ .col-sm-offset-3 {
+ margin-left: 25%;
+ }
+ .col-sm-offset-2 {
+ margin-left: 16.66666667%;
+ }
+ .col-sm-offset-1 {
+ margin-left: 8.33333333%;
+ }
+ .col-sm-offset-0 {
+ margin-left: 0;
+ }
+}
+@media (min-width: 992px) {
+ .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
+ float: left;
+ }
+ .col-md-12 {
+ width: 100%;
+ }
+ .col-md-11 {
+ width: 91.66666667%;
+ }
+ .col-md-10 {
+ width: 83.33333333%;
+ }
+ .col-md-9 {
+ width: 75%;
+ }
+ .col-md-8 {
+ width: 66.66666667%;
+ }
+ .col-md-7 {
+ width: 58.33333333%;
+ }
+ .col-md-6 {
+ width: 50%;
+ }
+ .col-md-5 {
+ width: 41.66666667%;
+ }
+ .col-md-4 {
+ width: 33.33333333%;
+ }
+ .col-md-3 {
+ width: 25%;
+ }
+ .col-md-2 {
+ width: 16.66666667%;
+ }
+ .col-md-1 {
+ width: 8.33333333%;
+ }
+ .col-md-pull-12 {
+ right: 100%;
+ }
+ .col-md-pull-11 {
+ right: 91.66666667%;
+ }
+ .col-md-pull-10 {
+ right: 83.33333333%;
+ }
+ .col-md-pull-9 {
+ right: 75%;
+ }
+ .col-md-pull-8 {
+ right: 66.66666667%;
+ }
+ .col-md-pull-7 {
+ right: 58.33333333%;
+ }
+ .col-md-pull-6 {
+ right: 50%;
+ }
+ .col-md-pull-5 {
+ right: 41.66666667%;
+ }
+ .col-md-pull-4 {
+ right: 33.33333333%;
+ }
+ .col-md-pull-3 {
+ right: 25%;
+ }
+ .col-md-pull-2 {
+ right: 16.66666667%;
+ }
+ .col-md-pull-1 {
+ right: 8.33333333%;
+ }
+ .col-md-pull-0 {
+ right: 0;
+ }
+ .col-md-push-12 {
+ left: 100%;
+ }
+ .col-md-push-11 {
+ left: 91.66666667%;
+ }
+ .col-md-push-10 {
+ left: 83.33333333%;
+ }
+ .col-md-push-9 {
+ left: 75%;
+ }
+ .col-md-push-8 {
+ left: 66.66666667%;
+ }
+ .col-md-push-7 {
+ left: 58.33333333%;
+ }
+ .col-md-push-6 {
+ left: 50%;
+ }
+ .col-md-push-5 {
+ left: 41.66666667%;
+ }
+ .col-md-push-4 {
+ left: 33.33333333%;
+ }
+ .col-md-push-3 {
+ left: 25%;
+ }
+ .col-md-push-2 {
+ left: 16.66666667%;
+ }
+ .col-md-push-1 {
+ left: 8.33333333%;
+ }
+ .col-md-push-0 {
+ left: 0;
+ }
+ .col-md-offset-12 {
+ margin-left: 100%;
+ }
+ .col-md-offset-11 {
+ margin-left: 91.66666667%;
+ }
+ .col-md-offset-10 {
+ margin-left: 83.33333333%;
+ }
+ .col-md-offset-9 {
+ margin-left: 75%;
+ }
+ .col-md-offset-8 {
+ margin-left: 66.66666667%;
+ }
+ .col-md-offset-7 {
+ margin-left: 58.33333333%;
+ }
+ .col-md-offset-6 {
+ margin-left: 50%;
+ }
+ .col-md-offset-5 {
+ margin-left: 41.66666667%;
+ }
+ .col-md-offset-4 {
+ margin-left: 33.33333333%;
+ }
+ .col-md-offset-3 {
+ margin-left: 25%;
+ }
+ .col-md-offset-2 {
+ margin-left: 16.66666667%;
+ }
+ .col-md-offset-1 {
+ margin-left: 8.33333333%;
+ }
+ .col-md-offset-0 {
+ margin-left: 0;
+ }
+}
+@media (min-width: 1200px) {
+ .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
+ float: left;
+ }
+ .col-lg-12 {
+ width: 100%;
+ }
+ .col-lg-11 {
+ width: 91.66666667%;
+ }
+ .col-lg-10 {
+ width: 83.33333333%;
+ }
+ .col-lg-9 {
+ width: 75%;
+ }
+ .col-lg-8 {
+ width: 66.66666667%;
+ }
+ .col-lg-7 {
+ width: 58.33333333%;
+ }
+ .col-lg-6 {
+ width: 50%;
+ }
+ .col-lg-5 {
+ width: 41.66666667%;
+ }
+ .col-lg-4 {
+ width: 33.33333333%;
+ }
+ .col-lg-3 {
+ width: 25%;
+ }
+ .col-lg-2 {
+ width: 16.66666667%;
+ }
+ .col-lg-1 {
+ width: 8.33333333%;
+ }
+ .col-lg-pull-12 {
+ right: 100%;
+ }
+ .col-lg-pull-11 {
+ right: 91.66666667%;
+ }
+ .col-lg-pull-10 {
+ right: 83.33333333%;
+ }
+ .col-lg-pull-9 {
+ right: 75%;
+ }
+ .col-lg-pull-8 {
+ right: 66.66666667%;
+ }
+ .col-lg-pull-7 {
+ right: 58.33333333%;
+ }
+ .col-lg-pull-6 {
+ right: 50%;
+ }
+ .col-lg-pull-5 {
+ right: 41.66666667%;
+ }
+ .col-lg-pull-4 {
+ right: 33.33333333%;
+ }
+ .col-lg-pull-3 {
+ right: 25%;
+ }
+ .col-lg-pull-2 {
+ right: 16.66666667%;
+ }
+ .col-lg-pull-1 {
+ right: 8.33333333%;
+ }
+ .col-lg-pull-0 {
+ right: 0;
+ }
+ .col-lg-push-12 {
+ left: 100%;
+ }
+ .col-lg-push-11 {
+ left: 91.66666667%;
+ }
+ .col-lg-push-10 {
+ left: 83.33333333%;
+ }
+ .col-lg-push-9 {
+ left: 75%;
+ }
+ .col-lg-push-8 {
+ left: 66.66666667%;
+ }
+ .col-lg-push-7 {
+ left: 58.33333333%;
+ }
+ .col-lg-push-6 {
+ left: 50%;
+ }
+ .col-lg-push-5 {
+ left: 41.66666667%;
+ }
+ .col-lg-push-4 {
+ left: 33.33333333%;
+ }
+ .col-lg-push-3 {
+ left: 25%;
+ }
+ .col-lg-push-2 {
+ left: 16.66666667%;
+ }
+ .col-lg-push-1 {
+ left: 8.33333333%;
+ }
+ .col-lg-push-0 {
+ left: 0;
+ }
+ .col-lg-offset-12 {
+ margin-left: 100%;
+ }
+ .col-lg-offset-11 {
+ margin-left: 91.66666667%;
+ }
+ .col-lg-offset-10 {
+ margin-left: 83.33333333%;
+ }
+ .col-lg-offset-9 {
+ margin-left: 75%;
+ }
+ .col-lg-offset-8 {
+ margin-left: 66.66666667%;
+ }
+ .col-lg-offset-7 {
+ margin-left: 58.33333333%;
+ }
+ .col-lg-offset-6 {
+ margin-left: 50%;
+ }
+ .col-lg-offset-5 {
+ margin-left: 41.66666667%;
+ }
+ .col-lg-offset-4 {
+ margin-left: 33.33333333%;
+ }
+ .col-lg-offset-3 {
+ margin-left: 25%;
+ }
+ .col-lg-offset-2 {
+ margin-left: 16.66666667%;
+ }
+ .col-lg-offset-1 {
+ margin-left: 8.33333333%;
+ }
+ .col-lg-offset-0 {
+ margin-left: 0;
+ }
+}
+table {
+ max-width: 100%;
+ background-color: transparent;
+}
+th {
+ text-align: left;
+}
+.table {
+ width: 100%;
+ margin-bottom: 20px;
+}
+.table > thead > tr > th,
+.table > tbody > tr > th,
+.table > tfoot > tr > th,
+.table > thead > tr > td,
+.table > tbody > tr > td,
+.table > tfoot > tr > td {
+ padding: 8px;
+ line-height: 1.42857143;
+ vertical-align: top;
+ border-top: 1px solid #ddd;
+}
+.table > thead > tr > th {
+ vertical-align: bottom;
+ border-bottom: 2px solid #ddd;
+}
+.table > caption + thead > tr:first-child > th,
+.table > colgroup + thead > tr:first-child > th,
+.table > thead:first-child > tr:first-child > th,
+.table > caption + thead > tr:first-child > td,
+.table > colgroup + thead > tr:first-child > td,
+.table > thead:first-child > tr:first-child > td {
+ border-top: 0;
+}
+.table > tbody + tbody {
+ border-top: 2px solid #ddd;
+}
+.table .table {
+ background-color: #fff;
+}
+.table-condensed > thead > tr > th,
+.table-condensed > tbody > tr > th,
+.table-condensed > tfoot > tr > th,
+.table-condensed > thead > tr > td,
+.table-condensed > tbody > tr > td,
+.table-condensed > tfoot > tr > td {
+ padding: 5px;
+}
+.table-bordered {
+ border: 1px solid #ddd;
+}
+.table-bordered > thead > tr > th,
+.table-bordered > tbody > tr > th,
+.table-bordered > tfoot > tr > th,
+.table-bordered > thead > tr > td,
+.table-bordered > tbody > tr > td,
+.table-bordered > tfoot > tr > td {
+ border: 1px solid #ddd;
+}
+.table-bordered > thead > tr > th,
+.table-bordered > thead > tr > td {
+ border-bottom-width: 2px;
+}
+.table-striped > tbody > tr:nth-child(odd) > td,
+.table-striped > tbody > tr:nth-child(odd) > th {
+ background-color: #f9f9f9;
+}
+.table-hover > tbody > tr:hover > td,
+.table-hover > tbody > tr:hover > th {
+ background-color: #f5f5f5;
+}
+table col[class*="col-"] {
+ position: static;
+ display: table-column;
+ float: none;
+}
+table td[class*="col-"],
+table th[class*="col-"] {
+ position: static;
+ display: table-cell;
+ float: none;
+}
+.table > thead > tr > td.active,
+.table > tbody > tr > td.active,
+.table > tfoot > tr > td.active,
+.table > thead > tr > th.active,
+.table > tbody > tr > th.active,
+.table > tfoot > tr > th.active,
+.table > thead > tr.active > td,
+.table > tbody > tr.active > td,
+.table > tfoot > tr.active > td,
+.table > thead > tr.active > th,
+.table > tbody > tr.active > th,
+.table > tfoot > tr.active > th {
+ background-color: #f5f5f5;
+}
+.table-hover > tbody > tr > td.active:hover,
+.table-hover > tbody > tr > th.active:hover,
+.table-hover > tbody > tr.active:hover > td,
+.table-hover > tbody > tr.active:hover > th {
+ background-color: #e8e8e8;
+}
+.table > thead > tr > td.success,
+.table > tbody > tr > td.success,
+.table > tfoot > tr > td.success,
+.table > thead > tr > th.success,
+.table > tbody > tr > th.success,
+.table > tfoot > tr > th.success,
+.table > thead > tr.success > td,
+.table > tbody > tr.success > td,
+.table > tfoot > tr.success > td,
+.table > thead > tr.success > th,
+.table > tbody > tr.success > th,
+.table > tfoot > tr.success > th {
+ background-color: #dff0d8;
+}
+.table-hover > tbody > tr > td.success:hover,
+.table-hover > tbody > tr > th.success:hover,
+.table-hover > tbody > tr.success:hover > td,
+.table-hover > tbody > tr.success:hover > th {
+ background-color: #d0e9c6;
+}
+.table > thead > tr > td.info,
+.table > tbody > tr > td.info,
+.table > tfoot > tr > td.info,
+.table > thead > tr > th.info,
+.table > tbody > tr > th.info,
+.table > tfoot > tr > th.info,
+.table > thead > tr.info > td,
+.table > tbody > tr.info > td,
+.table > tfoot > tr.info > td,
+.table > thead > tr.info > th,
+.table > tbody > tr.info > th,
+.table > tfoot > tr.info > th {
+ background-color: #d9edf7;
+}
+.table-hover > tbody > tr > td.info:hover,
+.table-hover > tbody > tr > th.info:hover,
+.table-hover > tbody > tr.info:hover > td,
+.table-hover > tbody > tr.info:hover > th {
+ background-color: #c4e3f3;
+}
+.table > thead > tr > td.warning,
+.table > tbody > tr > td.warning,
+.table > tfoot > tr > td.warning,
+.table > thead > tr > th.warning,
+.table > tbody > tr > th.warning,
+.table > tfoot > tr > th.warning,
+.table > thead > tr.warning > td,
+.table > tbody > tr.warning > td,
+.table > tfoot > tr.warning > td,
+.table > thead > tr.warning > th,
+.table > tbody > tr.warning > th,
+.table > tfoot > tr.warning > th {
+ background-color: #fcf8e3;
+}
+.table-hover > tbody > tr > td.warning:hover,
+.table-hover > tbody > tr > th.warning:hover,
+.table-hover > tbody > tr.warning:hover > td,
+.table-hover > tbody > tr.warning:hover > th {
+ background-color: #faf2cc;
+}
+.table > thead > tr > td.danger,
+.table > tbody > tr > td.danger,
+.table > tfoot > tr > td.danger,
+.table > thead > tr > th.danger,
+.table > tbody > tr > th.danger,
+.table > tfoot > tr > th.danger,
+.table > thead > tr.danger > td,
+.table > tbody > tr.danger > td,
+.table > tfoot > tr.danger > td,
+.table > thead > tr.danger > th,
+.table > tbody > tr.danger > th,
+.table > tfoot > tr.danger > th {
+ background-color: #f2dede;
+}
+.table-hover > tbody > tr > td.danger:hover,
+.table-hover > tbody > tr > th.danger:hover,
+.table-hover > tbody > tr.danger:hover > td,
+.table-hover > tbody > tr.danger:hover > th {
+ background-color: #ebcccc;
+}
+@media (max-width: 767px) {
+ .table-responsive {
+ width: 100%;
+ margin-bottom: 15px;
+ overflow-x: scroll;
+ overflow-y: hidden;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ border: 1px solid #ddd;
+ }
+ .table-responsive > .table {
+ margin-bottom: 0;
+ }
+ .table-responsive > .table > thead > tr > th,
+ .table-responsive > .table > tbody > tr > th,
+ .table-responsive > .table > tfoot > tr > th,
+ .table-responsive > .table > thead > tr > td,
+ .table-responsive > .table > tbody > tr > td,
+ .table-responsive > .table > tfoot > tr > td {
+ white-space: nowrap;
+ }
+ .table-responsive > .table-bordered {
+ border: 0;
+ }
+ .table-responsive > .table-bordered > thead > tr > th:first-child,
+ .table-responsive > .table-bordered > tbody > tr > th:first-child,
+ .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+ .table-responsive > .table-bordered > thead > tr > td:first-child,
+ .table-responsive > .table-bordered > tbody > tr > td:first-child,
+ .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+ border-left: 0;
+ }
+ .table-responsive > .table-bordered > thead > tr > th:last-child,
+ .table-responsive > .table-bordered > tbody > tr > th:last-child,
+ .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+ .table-responsive > .table-bordered > thead > tr > td:last-child,
+ .table-responsive > .table-bordered > tbody > tr > td:last-child,
+ .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+ border-right: 0;
+ }
+ .table-responsive > .table-bordered > tbody > tr:last-child > th,
+ .table-responsive > .table-bordered > tfoot > tr:last-child > th,
+ .table-responsive > .table-bordered > tbody > tr:last-child > td,
+ .table-responsive > .table-bordered > tfoot > tr:last-child > td {
+ border-bottom: 0;
+ }
+}
+fieldset {
+ min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+legend {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin-bottom: 20px;
+ font-size: 21px;
+ line-height: inherit;
+ color: #333;
+ border: 0;
+ border-bottom: 1px solid #e5e5e5;
+}
+label {
+ display: inline-block;
+ margin-bottom: 5px;
+ font-weight: bold;
+}
+input[type="search"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+input[type="radio"],
+input[type="checkbox"] {
+ margin: 4px 0 0;
+ margin-top: 1px \9;
+ /* IE8-9 */
+ line-height: normal;
+}
+input[type="file"] {
+ display: block;
+}
+input[type="range"] {
+ display: block;
+ width: 100%;
+}
+select[multiple],
+select[size] {
+ height: auto;
+}
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+output {
+ display: block;
+ padding-top: 7px;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #555;
+}
+.form-control {
+ display: block;
+ width: 100%;
+ height: 34px;
+ padding: 6px 12px;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #555;
+ background-color: #fff;
+ background-image: none;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+ -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+ transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+}
+.form-control:focus {
+ border-color: #66afe9;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
+}
+.form-control::-moz-placeholder {
+ color: #999;
+ opacity: 1;
+}
+.form-control:-ms-input-placeholder {
+ color: #999;
+}
+.form-control::-webkit-input-placeholder {
+ color: #999;
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+ cursor: not-allowed;
+ background-color: #eee;
+ opacity: 1;
+}
+textarea.form-control {
+ height: auto;
+}
+input[type="search"] {
+ -webkit-appearance: none;
+}
+input[type="date"] {
+ line-height: 34px;
+}
+.form-group {
+ margin-bottom: 15px;
+}
+.radio,
+.checkbox {
+ display: block;
+ min-height: 20px;
+ padding-left: 20px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+.radio label,
+.checkbox label {
+ display: inline;
+ font-weight: normal;
+ cursor: pointer;
+}
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+ float: left;
+ margin-left: -20px;
+}
+.radio + .radio,
+.checkbox + .checkbox {
+ margin-top: -5px;
+}
+.radio-inline,
+.checkbox-inline {
+ display: inline-block;
+ padding-left: 20px;
+ margin-bottom: 0;
+ font-weight: normal;
+ vertical-align: middle;
+ cursor: pointer;
+}
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline {
+ margin-top: 0;
+ margin-left: 10px;
+}
+input[type="radio"][disabled],
+input[type="checkbox"][disabled],
+.radio[disabled],
+.radio-inline[disabled],
+.checkbox[disabled],
+.checkbox-inline[disabled],
+fieldset[disabled] input[type="radio"],
+fieldset[disabled] input[type="checkbox"],
+fieldset[disabled] .radio,
+fieldset[disabled] .radio-inline,
+fieldset[disabled] .checkbox,
+fieldset[disabled] .checkbox-inline {
+ cursor: not-allowed;
+}
+.input-sm {
+ height: 30px;
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
+}
+select.input-sm {
+ height: 30px;
+ line-height: 30px;
+}
+textarea.input-sm,
+select[multiple].input-sm {
+ height: auto;
+}
+.input-lg {
+ height: 46px;
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.33;
+ border-radius: 6px;
+}
+select.input-lg {
+ height: 46px;
+ line-height: 46px;
+}
+textarea.input-lg,
+select[multiple].input-lg {
+ height: auto;
+}
+.has-feedback {
+ position: relative;
+}
+.has-feedback .form-control {
+ padding-right: 42.5px;
+}
+.has-feedback .form-control-feedback {
+ position: absolute;
+ top: 25px;
+ right: 0;
+ display: block;
+ width: 34px;
+ height: 34px;
+ line-height: 34px;
+ text-align: center;
+}
+.has-success .help-block,
+.has-success .control-label,
+.has-success .radio,
+.has-success .checkbox,
+.has-success .radio-inline,
+.has-success .checkbox-inline {
+ color: #3c763d;
+}
+.has-success .form-control {
+ border-color: #3c763d;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+}
+.has-success .form-control:focus {
+ border-color: #2b542c;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
+}
+.has-success .input-group-addon {
+ color: #3c763d;
+ background-color: #dff0d8;
+ border-color: #3c763d;
+}
+.has-success .form-control-feedback {
+ color: #3c763d;
+}
+.has-warning .help-block,
+.has-warning .control-label,
+.has-warning .radio,
+.has-warning .checkbox,
+.has-warning .radio-inline,
+.has-warning .checkbox-inline {
+ color: #8a6d3b;
+}
+.has-warning .form-control {
+ border-color: #8a6d3b;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+}
+.has-warning .form-control:focus {
+ border-color: #66512c;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
+}
+.has-warning .input-group-addon {
+ color: #8a6d3b;
+ background-color: #fcf8e3;
+ border-color: #8a6d3b;
+}
+.has-warning .form-control-feedback {
+ color: #8a6d3b;
+}
+.has-error .help-block,
+.has-error .control-label,
+.has-error .radio,
+.has-error .checkbox,
+.has-error .radio-inline,
+.has-error .checkbox-inline {
+ color: #a94442;
+}
+.has-error .form-control {
+ border-color: #a94442;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+}
+.has-error .form-control:focus {
+ border-color: #843534;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
+}
+.has-error .input-group-addon {
+ color: #a94442;
+ background-color: #f2dede;
+ border-color: #a94442;
+}
+.has-error .form-control-feedback {
+ color: #a94442;
+}
+.form-control-static {
+ margin-bottom: 0;
+}
+.help-block {
+ display: block;
+ margin-top: 5px;
+ margin-bottom: 10px;
+ color: #737373;
+}
+@media (min-width: 768px) {
+ .form-inline .form-group {
+ display: inline-block;
+ margin-bottom: 0;
+ vertical-align: middle;
+ }
+ .form-inline .form-control {
+ display: inline-block;
+ width: auto;
+ vertical-align: middle;
+ }
+ .form-inline .input-group > .form-control {
+ width: 100%;
+ }
+ .form-inline .control-label {
+ margin-bottom: 0;
+ vertical-align: middle;
+ }
+ .form-inline .radio,
+ .form-inline .checkbox {
+ display: inline-block;
+ padding-left: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ vertical-align: middle;
+ }
+ .form-inline .radio input[type="radio"],
+ .form-inline .checkbox input[type="checkbox"] {
+ float: none;
+ margin-left: 0;
+ }
+ .form-inline .has-feedback .form-control-feedback {
+ top: 0;
+ }
+}
+.form-horizontal .control-label,
+.form-horizontal .radio,
+.form-horizontal .checkbox,
+.form-horizontal .radio-inline,
+.form-horizontal .checkbox-inline {
+ padding-top: 7px;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+.form-horizontal .radio,
+.form-horizontal .checkbox {
+ min-height: 27px;
+}
+.form-horizontal .form-group {
+ margin-right: -15px;
+ margin-left: -15px;
+}
+.form-horizontal .form-control-static {
+ padding-top: 7px;
+}
+@media (min-width: 768px) {
+ .form-horizontal .control-label {
+ text-align: right;
+ }
+}
+.form-horizontal .has-feedback .form-control-feedback {
+ top: 0;
+ right: 15px;
+}
+.btn {
+ display: inline-block;
+ padding: 6px 12px;
+ margin-bottom: 0;
+ font-size: 14px;
+ font-weight: normal;
+ line-height: 1.42857143;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-image: none;
+ border: 1px solid transparent;
+ border-radius: 4px;
+}
+.btn:focus,
+.btn:active:focus,
+.btn.active:focus {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+.btn:hover,
+.btn:focus {
+ color: #333;
+ text-decoration: none;
+}
+.btn:active,
+.btn.active {
+ background-image: none;
+ outline: 0;
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+}
+.btn.disabled,
+.btn[disabled],
+fieldset[disabled] .btn {
+ pointer-events: none;
+ cursor: not-allowed;
+ filter: alpha(opacity=65);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ opacity: .65;
+}
+.btn-default {
+ color: #333;
+ background-color: #fff;
+ border-color: #ccc;
+}
+.btn-default:hover,
+.btn-default:focus,
+.btn-default:active,
+.btn-default.active,
+.open .dropdown-toggle.btn-default {
+ color: #333;
+ background-color: #ebebeb;
+ border-color: #adadad;
+}
+.btn-default:active,
+.btn-default.active,
+.open .dropdown-toggle.btn-default {
+ background-image: none;
+}
+.btn-default.disabled,
+.btn-default[disabled],
+fieldset[disabled] .btn-default,
+.btn-default.disabled:hover,
+.btn-default[disabled]:hover,
+fieldset[disabled] .btn-default:hover,
+.btn-default.disabled:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn-default:focus,
+.btn-default.disabled:active,
+.btn-default[disabled]:active,
+fieldset[disabled] .btn-default:active,
+.btn-default.disabled.active,
+.btn-default[disabled].active,
+fieldset[disabled] .btn-default.active {
+ background-color: #fff;
+ border-color: #ccc;
+}
+.btn-default .badge {
+ color: #fff;
+ background-color: #333;
+}
+.btn-primary {
+ color: #fff;
+ background-color: #428bca;
+ border-color: #357ebd;
+}
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+ color: #fff;
+ background-color: #3276b1;
+ border-color: #285e8e;
+}
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+ background-image: none;
+}
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+ background-color: #428bca;
+ border-color: #357ebd;
+}
+.btn-primary .badge {
+ color: #428bca;
+ background-color: #fff;
+}
+.btn-success {
+ color: #fff;
+ background-color: #5cb85c;
+ border-color: #4cae4c;
+}
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+ color: #fff;
+ background-color: #47a447;
+ border-color: #398439;
+}
+.btn-success:active,
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+ background-image: none;
+}
+.btn-success.disabled,
+.btn-success[disabled],
+fieldset[disabled] .btn-success,
+.btn-success.disabled:hover,
+.btn-success[disabled]:hover,
+fieldset[disabled] .btn-success:hover,
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled:active,
+.btn-success[disabled]:active,
+fieldset[disabled] .btn-success:active,
+.btn-success.disabled.active,
+.btn-success[disabled].active,
+fieldset[disabled] .btn-success.active {
+ background-color: #5cb85c;
+ border-color: #4cae4c;
+}
+.btn-success .badge {
+ color: #5cb85c;
+ background-color: #fff;
+}
+.btn-info {
+ color: #fff;
+ background-color: #5bc0de;
+ border-color: #46b8da;
+}
+.btn-info:hover,
+.btn-info:focus,
+.btn-info:active,
+.btn-info.active,
+.open .dropdown-toggle.btn-info {
+ color: #fff;
+ background-color: #39b3d7;
+ border-color: #269abc;
+}
+.btn-info:active,
+.btn-info.active,
+.open .dropdown-toggle.btn-info {
+ background-image: none;
+}
+.btn-info.disabled,
+.btn-info[disabled],
+fieldset[disabled] .btn-info,
+.btn-info.disabled:hover,
+.btn-info[disabled]:hover,
+fieldset[disabled] .btn-info:hover,
+.btn-info.disabled:focus,
+.btn-info[disabled]:focus,
+fieldset[disabled] .btn-info:focus,
+.btn-info.disabled:active,
+.btn-info[disabled]:active,
+fieldset[disabled] .btn-info:active,
+.btn-info.disabled.active,
+.btn-info[disabled].active,
+fieldset[disabled] .btn-info.active {
+ background-color: #5bc0de;
+ border-color: #46b8da;
+}
+.btn-info .badge {
+ color: #5bc0de;
+ background-color: #fff;
+}
+.btn-warning {
+ color: #fff;
+ background-color: #f0ad4e;
+ border-color: #eea236;
+}
+.btn-warning:hover,
+.btn-warning:focus,
+.btn-warning:active,
+.btn-warning.active,
+.open .dropdown-toggle.btn-warning {
+ color: #fff;
+ background-color: #ed9c28;
+ border-color: #d58512;
+}
+.btn-warning:active,
+.btn-warning.active,
+.open .dropdown-toggle.btn-warning {
+ background-image: none;
+}
+.btn-warning.disabled,
+.btn-warning[disabled],
+fieldset[disabled] .btn-warning,
+.btn-warning.disabled:hover,
+.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-warning:hover,
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled:active,
+.btn-warning[disabled]:active,
+fieldset[disabled] .btn-warning:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled].active,
+fieldset[disabled] .btn-warning.active {
+ background-color: #f0ad4e;
+ border-color: #eea236;
+}
+.btn-warning .badge {
+ color: #f0ad4e;
+ background-color: #fff;
+}
+.btn-danger {
+ color: #fff;
+ background-color: #d9534f;
+ border-color: #d43f3a;
+}
+.btn-danger:hover,
+.btn-danger:focus,
+.btn-danger:active,
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+ color: #fff;
+ background-color: #d2322d;
+ border-color: #ac2925;
+}
+.btn-danger:active,
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+ background-image: none;
+}
+.btn-danger.disabled,
+.btn-danger[disabled],
+fieldset[disabled] .btn-danger,
+.btn-danger.disabled:hover,
+.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-danger:hover,
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled:active,
+.btn-danger[disabled]:active,
+fieldset[disabled] .btn-danger:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled].active,
+fieldset[disabled] .btn-danger.active {
+ background-color: #d9534f;
+ border-color: #d43f3a;
+}
+.btn-danger .badge {
+ color: #d9534f;
+ background-color: #fff;
+}
+.btn-link {
+ font-weight: normal;
+ color: #428bca;
+ cursor: pointer;
+ border-radius: 0;
+}
+.btn-link,
+.btn-link:active,
+.btn-link[disabled],
+fieldset[disabled] .btn-link {
+ background-color: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.btn-link,
+.btn-link:hover,
+.btn-link:focus,
+.btn-link:active {
+ border-color: transparent;
+}
+.btn-link:hover,
+.btn-link:focus {
+ color: #2a6496;
+ text-decoration: underline;
+ background-color: transparent;
+}
+.btn-link[disabled]:hover,
+fieldset[disabled] .btn-link:hover,
+.btn-link[disabled]:focus,
+fieldset[disabled] .btn-link:focus {
+ color: #999;
+ text-decoration: none;
+}
+.btn-lg,
+.btn-group-lg > .btn {
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.33;
+ border-radius: 6px;
+}
+.btn-sm,
+.btn-group-sm > .btn {
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
+}
+.btn-xs,
+.btn-group-xs > .btn {
+ padding: 1px 5px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
+}
+.btn-block {
+ display: block;
+ width: 100%;
+ padding-right: 0;
+ padding-left: 0;
+}
+.btn-block + .btn-block {
+ margin-top: 5px;
+}
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+ width: 100%;
+}
+.fade {
+ opacity: 0;
+ -webkit-transition: opacity .15s linear;
+ transition: opacity .15s linear;
+}
+.fade.in {
+ opacity: 1;
+}
+.collapse {
+ display: none;
+}
+.collapse.in {
+ display: block;
+}
+.collapsing {
+ position: relative;
+ height: 0;
+ overflow: hidden;
+ -webkit-transition: height .35s ease;
+ transition: height .35s ease;
+}
+@font-face {
+ font-family: 'Glyphicons Halflings';
+
+ src: url('../fonts/glyphicons-halflings-regular.eot');
+ src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
+}
+.glyphicon {
+ position: relative;
+ top: 1px;
+ display: inline-block;
+ font-family: 'Glyphicons Halflings';
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+.glyphicon-asterisk:before {
+ content: "\2a";
+}
+.glyphicon-plus:before {
+ content: "\2b";
+}
+.glyphicon-euro:before {
+ content: "\20ac";
+}
+.glyphicon-minus:before {
+ content: "\2212";
+}
+.glyphicon-cloud:before {
+ content: "\2601";
+}
+.glyphicon-envelope:before {
+ content: "\2709";
+}
+.glyphicon-pencil:before {
+ content: "\270f";
+}
+.glyphicon-glass:before {
+ content: "\e001";
+}
+.glyphicon-music:before {
+ content: "\e002";
+}
+.glyphicon-search:before {
+ content: "\e003";
+}
+.glyphicon-heart:before {
+ content: "\e005";
+}
+.glyphicon-star:before {
+ content: "\e006";
+}
+.glyphicon-star-empty:before {
+ content: "\e007";
+}
+.glyphicon-user:before {
+ content: "\e008";
+}
+.glyphicon-film:before {
+ content: "\e009";
+}
+.glyphicon-th-large:before {
+ content: "\e010";
+}
+.glyphicon-th:before {
+ content: "\e011";
+}
+.glyphicon-th-list:before {
+ content: "\e012";
+}
+.glyphicon-ok:before {
+ content: "\e013";
+}
+.glyphicon-remove:before {
+ content: "\e014";
+}
+.glyphicon-zoom-in:before {
+ content: "\e015";
+}
+.glyphicon-zoom-out:before {
+ content: "\e016";
+}
+.glyphicon-off:before {
+ content: "\e017";
+}
+.glyphicon-signal:before {
+ content: "\e018";
+}
+.glyphicon-cog:before {
+ content: "\e019";
+}
+.glyphicon-trash:before {
+ content: "\e020";
+}
+.glyphicon-home:before {
+ content: "\e021";
+}
+.glyphicon-file:before {
+ content: "\e022";
+}
+.glyphicon-time:before {
+ content: "\e023";
+}
+.glyphicon-road:before {
+ content: "\e024";
+}
+.glyphicon-download-alt:before {
+ content: "\e025";
+}
+.glyphicon-download:before {
+ content: "\e026";
+}
+.glyphicon-upload:before {
+ content: "\e027";
+}
+.glyphicon-inbox:before {
+ content: "\e028";
+}
+.glyphicon-play-circle:before {
+ content: "\e029";
+}
+.glyphicon-repeat:before {
+ content: "\e030";
+}
+.glyphicon-refresh:before {
+ content: "\e031";
+}
+.glyphicon-list-alt:before {
+ content: "\e032";
+}
+.glyphicon-lock:before {
+ content: "\e033";
+}
+.glyphicon-flag:before {
+ content: "\e034";
+}
+.glyphicon-headphones:before {
+ content: "\e035";
+}
+.glyphicon-volume-off:before {
+ content: "\e036";
+}
+.glyphicon-volume-down:before {
+ content: "\e037";
+}
+.glyphicon-volume-up:before {
+ content: "\e038";
+}
+.glyphicon-qrcode:before {
+ content: "\e039";
+}
+.glyphicon-barcode:before {
+ content: "\e040";
+}
+.glyphicon-tag:before {
+ content: "\e041";
+}
+.glyphicon-tags:before {
+ content: "\e042";
+}
+.glyphicon-book:before {
+ content: "\e043";
+}
+.glyphicon-bookmark:before {
+ content: "\e044";
+}
+.glyphicon-print:before {
+ content: "\e045";
+}
+.glyphicon-camera:before {
+ content: "\e046";
+}
+.glyphicon-font:before {
+ content: "\e047";
+}
+.glyphicon-bold:before {
+ content: "\e048";
+}
+.glyphicon-italic:before {
+ content: "\e049";
+}
+.glyphicon-text-height:before {
+ content: "\e050";
+}
+.glyphicon-text-width:before {
+ content: "\e051";
+}
+.glyphicon-align-left:before {
+ content: "\e052";
+}
+.glyphicon-align-center:before {
+ content: "\e053";
+}
+.glyphicon-align-right:before {
+ content: "\e054";
+}
+.glyphicon-align-justify:before {
+ content: "\e055";
+}
+.glyphicon-list:before {
+ content: "\e056";
+}
+.glyphicon-indent-left:before {
+ content: "\e057";
+}
+.glyphicon-indent-right:before {
+ content: "\e058";
+}
+.glyphicon-facetime-video:before {
+ content: "\e059";
+}
+.glyphicon-picture:before {
+ content: "\e060";
+}
+.glyphicon-map-marker:before {
+ content: "\e062";
+}
+.glyphicon-adjust:before {
+ content: "\e063";
+}
+.glyphicon-tint:before {
+ content: "\e064";
+}
+.glyphicon-edit:before {
+ content: "\e065";
+}
+.glyphicon-share:before {
+ content: "\e066";
+}
+.glyphicon-check:before {
+ content: "\e067";
+}
+.glyphicon-move:before {
+ content: "\e068";
+}
+.glyphicon-step-backward:before {
+ content: "\e069";
+}
+.glyphicon-fast-backward:before {
+ content: "\e070";
+}
+.glyphicon-backward:before {
+ content: "\e071";
+}
+.glyphicon-play:before {
+ content: "\e072";
+}
+.glyphicon-pause:before {
+ content: "\e073";
+}
+.glyphicon-stop:before {
+ content: "\e074";
+}
+.glyphicon-forward:before {
+ content: "\e075";
+}
+.glyphicon-fast-forward:before {
+ content: "\e076";
+}
+.glyphicon-step-forward:before {
+ content: "\e077";
+}
+.glyphicon-eject:before {
+ content: "\e078";
+}
+.glyphicon-chevron-left:before {
+ content: "\e079";
+}
+.glyphicon-chevron-right:before {
+ content: "\e080";
+}
+.glyphicon-plus-sign:before {
+ content: "\e081";
+}
+.glyphicon-minus-sign:before {
+ content: "\e082";
+}
+.glyphicon-remove-sign:before {
+ content: "\e083";
+}
+.glyphicon-ok-sign:before {
+ content: "\e084";
+}
+.glyphicon-question-sign:before {
+ content: "\e085";
+}
+.glyphicon-info-sign:before {
+ content: "\e086";
+}
+.glyphicon-screenshot:before {
+ content: "\e087";
+}
+.glyphicon-remove-circle:before {
+ content: "\e088";
+}
+.glyphicon-ok-circle:before {
+ content: "\e089";
+}
+.glyphicon-ban-circle:before {
+ content: "\e090";
+}
+.glyphicon-arrow-left:before {
+ content: "\e091";
+}
+.glyphicon-arrow-right:before {
+ content: "\e092";
+}
+.glyphicon-arrow-up:before {
+ content: "\e093";
+}
+.glyphicon-arrow-down:before {
+ content: "\e094";
+}
+.glyphicon-share-alt:before {
+ content: "\e095";
+}
+.glyphicon-resize-full:before {
+ content: "\e096";
+}
+.glyphicon-resize-small:before {
+ content: "\e097";
+}
+.glyphicon-exclamation-sign:before {
+ content: "\e101";
+}
+.glyphicon-gift:before {
+ content: "\e102";
+}
+.glyphicon-leaf:before {
+ content: "\e103";
+}
+.glyphicon-fire:before {
+ content: "\e104";
+}
+.glyphicon-eye-open:before {
+ content: "\e105";
+}
+.glyphicon-eye-close:before {
+ content: "\e106";
+}
+.glyphicon-warning-sign:before {
+ content: "\e107";
+}
+.glyphicon-plane:before {
+ content: "\e108";
+}
+.glyphicon-calendar:before {
+ content: "\e109";
+}
+.glyphicon-random:before {
+ content: "\e110";
+}
+.glyphicon-comment:before {
+ content: "\e111";
+}
+.glyphicon-magnet:before {
+ content: "\e112";
+}
+.glyphicon-chevron-up:before {
+ content: "\e113";
+}
+.glyphicon-chevron-down:before {
+ content: "\e114";
+}
+.glyphicon-retweet:before {
+ content: "\e115";
+}
+.glyphicon-shopping-cart:before {
+ content: "\e116";
+}
+.glyphicon-folder-close:before {
+ content: "\e117";
+}
+.glyphicon-folder-open:before {
+ content: "\e118";
+}
+.glyphicon-resize-vertical:before {
+ content: "\e119";
+}
+.glyphicon-resize-horizontal:before {
+ content: "\e120";
+}
+.glyphicon-hdd:before {
+ content: "\e121";
+}
+.glyphicon-bullhorn:before {
+ content: "\e122";
+}
+.glyphicon-bell:before {
+ content: "\e123";
+}
+.glyphicon-certificate:before {
+ content: "\e124";
+}
+.glyphicon-thumbs-up:before {
+ content: "\e125";
+}
+.glyphicon-thumbs-down:before {
+ content: "\e126";
+}
+.glyphicon-hand-right:before {
+ content: "\e127";
+}
+.glyphicon-hand-left:before {
+ content: "\e128";
+}
+.glyphicon-hand-up:before {
+ content: "\e129";
+}
+.glyphicon-hand-down:before {
+ content: "\e130";
+}
+.glyphicon-circle-arrow-right:before {
+ content: "\e131";
+}
+.glyphicon-circle-arrow-left:before {
+ content: "\e132";
+}
+.glyphicon-circle-arrow-up:before {
+ content: "\e133";
+}
+.glyphicon-circle-arrow-down:before {
+ content: "\e134";
+}
+.glyphicon-globe:before {
+ content: "\e135";
+}
+.glyphicon-wrench:before {
+ content: "\e136";
+}
+.glyphicon-tasks:before {
+ content: "\e137";
+}
+.glyphicon-filter:before {
+ content: "\e138";
+}
+.glyphicon-briefcase:before {
+ content: "\e139";
+}
+.glyphicon-fullscreen:before {
+ content: "\e140";
+}
+.glyphicon-dashboard:before {
+ content: "\e141";
+}
+.glyphicon-paperclip:before {
+ content: "\e142";
+}
+.glyphicon-heart-empty:before {
+ content: "\e143";
+}
+.glyphicon-link:before {
+ content: "\e144";
+}
+.glyphicon-phone:before {
+ content: "\e145";
+}
+.glyphicon-pushpin:before {
+ content: "\e146";
+}
+.glyphicon-usd:before {
+ content: "\e148";
+}
+.glyphicon-gbp:before {
+ content: "\e149";
+}
+.glyphicon-sort:before {
+ content: "\e150";
+}
+.glyphicon-sort-by-alphabet:before {
+ content: "\e151";
+}
+.glyphicon-sort-by-alphabet-alt:before {
+ content: "\e152";
+}
+.glyphicon-sort-by-order:before {
+ content: "\e153";
+}
+.glyphicon-sort-by-order-alt:before {
+ content: "\e154";
+}
+.glyphicon-sort-by-attributes:before {
+ content: "\e155";
+}
+.glyphicon-sort-by-attributes-alt:before {
+ content: "\e156";
+}
+.glyphicon-unchecked:before {
+ content: "\e157";
+}
+.glyphicon-expand:before {
+ content: "\e158";
+}
+.glyphicon-collapse-down:before {
+ content: "\e159";
+}
+.glyphicon-collapse-up:before {
+ content: "\e160";
+}
+.glyphicon-log-in:before {
+ content: "\e161";
+}
+.glyphicon-flash:before {
+ content: "\e162";
+}
+.glyphicon-log-out:before {
+ content: "\e163";
+}
+.glyphicon-new-window:before {
+ content: "\e164";
+}
+.glyphicon-record:before {
+ content: "\e165";
+}
+.glyphicon-save:before {
+ content: "\e166";
+}
+.glyphicon-open:before {
+ content: "\e167";
+}
+.glyphicon-saved:before {
+ content: "\e168";
+}
+.glyphicon-import:before {
+ content: "\e169";
+}
+.glyphicon-export:before {
+ content: "\e170";
+}
+.glyphicon-send:before {
+ content: "\e171";
+}
+.glyphicon-floppy-disk:before {
+ content: "\e172";
+}
+.glyphicon-floppy-saved:before {
+ content: "\e173";
+}
+.glyphicon-floppy-remove:before {
+ content: "\e174";
+}
+.glyphicon-floppy-save:before {
+ content: "\e175";
+}
+.glyphicon-floppy-open:before {
+ content: "\e176";
+}
+.glyphicon-credit-card:before {
+ content: "\e177";
+}
+.glyphicon-transfer:before {
+ content: "\e178";
+}
+.glyphicon-cutlery:before {
+ content: "\e179";
+}
+.glyphicon-header:before {
+ content: "\e180";
+}
+.glyphicon-compressed:before {
+ content: "\e181";
+}
+.glyphicon-earphone:before {
+ content: "\e182";
+}
+.glyphicon-phone-alt:before {
+ content: "\e183";
+}
+.glyphicon-tower:before {
+ content: "\e184";
+}
+.glyphicon-stats:before {
+ content: "\e185";
+}
+.glyphicon-sd-video:before {
+ content: "\e186";
+}
+.glyphicon-hd-video:before {
+ content: "\e187";
+}
+.glyphicon-subtitles:before {
+ content: "\e188";
+}
+.glyphicon-sound-stereo:before {
+ content: "\e189";
+}
+.glyphicon-sound-dolby:before {
+ content: "\e190";
+}
+.glyphicon-sound-5-1:before {
+ content: "\e191";
+}
+.glyphicon-sound-6-1:before {
+ content: "\e192";
+}
+.glyphicon-sound-7-1:before {
+ content: "\e193";
+}
+.glyphicon-copyright-mark:before {
+ content: "\e194";
+}
+.glyphicon-registration-mark:before {
+ content: "\e195";
+}
+.glyphicon-cloud-download:before {
+ content: "\e197";
+}
+.glyphicon-cloud-upload:before {
+ content: "\e198";
+}
+.glyphicon-tree-conifer:before {
+ content: "\e199";
+}
+.glyphicon-tree-deciduous:before {
+ content: "\e200";
+}
+.caret {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: 2px;
+ vertical-align: middle;
+ border-top: 4px solid;
+ border-right: 4px solid transparent;
+ border-left: 4px solid transparent;
+}
+.dropdown {
+ position: relative;
+}
+.dropdown-toggle:focus {
+ outline: 0;
+}
+.dropdown-menu {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 1000;
+ display: none;
+ float: left;
+ min-width: 160px;
+ padding: 5px 0;
+ margin: 2px 0 0;
+ font-size: 14px;
+ list-style: none;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ccc;
+ border: 1px solid rgba(0, 0, 0, .15);
+ border-radius: 4px;
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+ box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+}
+.dropdown-menu.pull-right {
+ right: 0;
+ left: auto;
+}
+.dropdown-menu .divider {
+ height: 1px;
+ margin: 9px 0;
+ overflow: hidden;
+ background-color: #e5e5e5;
+}
+.dropdown-menu > li > a {
+ display: block;
+ padding: 3px 20px;
+ clear: both;
+ font-weight: normal;
+ line-height: 1.42857143;
+ color: #333;
+ white-space: nowrap;
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+ color: #262626;
+ text-decoration: none;
+ background-color: #f5f5f5;
+}
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+ color: #fff;
+ text-decoration: none;
+ background-color: #428bca;
+ outline: 0;
+}
+.dropdown-menu > .disabled > a,
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
+ color: #999;
+}
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
+ text-decoration: none;
+ cursor: not-allowed;
+ background-color: transparent;
+ background-image: none;
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.open > .dropdown-menu {
+ display: block;
+}
+.open > a {
+ outline: 0;
+}
+.dropdown-menu-right {
+ right: 0;
+ left: auto;
+}
+.dropdown-menu-left {
+ right: auto;
+ left: 0;
+}
+.dropdown-header {
+ display: block;
+ padding: 3px 20px;
+ font-size: 12px;
+ line-height: 1.42857143;
+ color: #999;
+}
+.dropdown-backdrop {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 990;
+}
+.pull-right > .dropdown-menu {
+ right: 0;
+ left: auto;
+}
+.dropup .caret,
+.navbar-fixed-bottom .dropdown .caret {
+ content: "";
+ border-top: 0;
+ border-bottom: 4px solid;
+}
+.dropup .dropdown-menu,
+.navbar-fixed-bottom .dropdown .dropdown-menu {
+ top: auto;
+ bottom: 100%;
+ margin-bottom: 1px;
+}
+@media (min-width: 768px) {
+ .navbar-right .dropdown-menu {
+ right: 0;
+ left: auto;
+ }
+ .navbar-right .dropdown-menu-left {
+ right: auto;
+ left: 0;
+ }
+}
+.btn-group,
+.btn-group-vertical {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+}
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+ position: relative;
+ float: left;
+}
+.btn-group > .btn:hover,
+.btn-group-vertical > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group-vertical > .btn:focus,
+.btn-group > .btn:active,
+.btn-group-vertical > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn.active {
+ z-index: 2;
+}
+.btn-group > .btn:focus,
+.btn-group-vertical > .btn:focus {
+ outline: none;
+}
+.btn-group .btn + .btn,
+.btn-group .btn + .btn-group,
+.btn-group .btn-group + .btn,
+.btn-group .btn-group + .btn-group {
+ margin-left: -1px;
+}
+.btn-toolbar {
+ margin-left: -5px;
+}
+.btn-toolbar .btn-group,
+.btn-toolbar .input-group {
+ float: left;
+}
+.btn-toolbar > .btn,
+.btn-toolbar > .btn-group,
+.btn-toolbar > .input-group {
+ margin-left: 5px;
+}
+.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+ border-radius: 0;
+}
+.btn-group > .btn:first-child {
+ margin-left: 0;
+}
+.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.btn-group > .btn:last-child:not(:first-child),
+.btn-group > .dropdown-toggle:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.btn-group > .btn-group {
+ float: left;
+}
+.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
+ border-radius: 0;
+}
+.btn-group > .btn-group:first-child > .btn:last-child,
+.btn-group > .btn-group:first-child > .dropdown-toggle {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.btn-group > .btn-group:last-child > .btn:first-child {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.btn-group .dropdown-toggle:active,
+.btn-group.open .dropdown-toggle {
+ outline: 0;
+}
+.btn-group > .btn + .dropdown-toggle {
+ padding-right: 8px;
+ padding-left: 8px;
+}
+.btn-group > .btn-lg + .dropdown-toggle {
+ padding-right: 12px;
+ padding-left: 12px;
+}
+.btn-group.open .dropdown-toggle {
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+}
+.btn-group.open .dropdown-toggle.btn-link {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.btn .caret {
+ margin-left: 0;
+}
+.btn-lg .caret {
+ border-width: 5px 5px 0;
+ border-bottom-width: 0;
+}
+.dropup .btn-lg .caret {
+ border-width: 0 5px 5px;
+}
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group,
+.btn-group-vertical > .btn-group > .btn {
+ display: block;
+ float: none;
+ width: 100%;
+ max-width: 100%;
+}
+.btn-group-vertical > .btn-group > .btn {
+ float: none;
+}
+.btn-group-vertical > .btn + .btn,
+.btn-group-vertical > .btn + .btn-group,
+.btn-group-vertical > .btn-group + .btn,
+.btn-group-vertical > .btn-group + .btn-group {
+ margin-top: -1px;
+ margin-left: 0;
+}
+.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
+ border-radius: 0;
+}
+.btn-group-vertical > .btn:first-child:not(:last-child) {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn:last-child:not(:first-child) {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-bottom-left-radius: 4px;
+}
+.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
+ border-radius: 0;
+}
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+.btn-group-justified {
+ display: table;
+ width: 100%;
+ table-layout: fixed;
+ border-collapse: separate;
+}
+.btn-group-justified > .btn,
+.btn-group-justified > .btn-group {
+ display: table-cell;
+ float: none;
+ width: 1%;
+}
+.btn-group-justified > .btn-group .btn {
+ width: 100%;
+}
+[data-toggle="buttons"] > .btn > input[type="radio"],
+[data-toggle="buttons"] > .btn > input[type="checkbox"] {
+ display: none;
+}
+.input-group {
+ position: relative;
+ display: table;
+ border-collapse: separate;
+}
+.input-group[class*="col-"] {
+ float: none;
+ padding-right: 0;
+ padding-left: 0;
+}
+.input-group .form-control {
+ position: relative;
+ z-index: 2;
+ float: left;
+ width: 100%;
+ margin-bottom: 0;
+}
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn {
+ height: 46px;
+ padding: 10px 16px;
+ font-size: 18px;
+ line-height: 1.33;
+ border-radius: 6px;
+}
+select.input-group-lg > .form-control,
+select.input-group-lg > .input-group-addon,
+select.input-group-lg > .input-group-btn > .btn {
+ height: 46px;
+ line-height: 46px;
+}
+textarea.input-group-lg > .form-control,
+textarea.input-group-lg > .input-group-addon,
+textarea.input-group-lg > .input-group-btn > .btn,
+select[multiple].input-group-lg > .form-control,
+select[multiple].input-group-lg > .input-group-addon,
+select[multiple].input-group-lg > .input-group-btn > .btn {
+ height: auto;
+}
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn {
+ height: 30px;
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
+}
+select.input-group-sm > .form-control,
+select.input-group-sm > .input-group-addon,
+select.input-group-sm > .input-group-btn > .btn {
+ height: 30px;
+ line-height: 30px;
+}
+textarea.input-group-sm > .form-control,
+textarea.input-group-sm > .input-group-addon,
+textarea.input-group-sm > .input-group-btn > .btn,
+select[multiple].input-group-sm > .form-control,
+select[multiple].input-group-sm > .input-group-addon,
+select[multiple].input-group-sm > .input-group-btn > .btn {
+ height: auto;
+}
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control {
+ display: table-cell;
+}
+.input-group-addon:not(:first-child):not(:last-child),
+.input-group-btn:not(:first-child):not(:last-child),
+.input-group .form-control:not(:first-child):not(:last-child) {
+ border-radius: 0;
+}
+.input-group-addon,
+.input-group-btn {
+ width: 1%;
+ white-space: nowrap;
+ vertical-align: middle;
+}
+.input-group-addon {
+ padding: 6px 12px;
+ font-size: 14px;
+ font-weight: normal;
+ line-height: 1;
+ color: #555;
+ text-align: center;
+ background-color: #eee;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+}
+.input-group-addon.input-sm {
+ padding: 5px 10px;
+ font-size: 12px;
+ border-radius: 3px;
+}
+.input-group-addon.input-lg {
+ padding: 10px 16px;
+ font-size: 18px;
+ border-radius: 6px;
+}
+.input-group-addon input[type="radio"],
+.input-group-addon input[type="checkbox"] {
+ margin-top: 0;
+}
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group > .btn,
+.input-group-btn:first-child > .dropdown-toggle,
+.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.input-group-addon:first-child {
+ border-right: 0;
+}
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group > .btn,
+.input-group-btn:last-child > .dropdown-toggle,
+.input-group-btn:first-child > .btn:not(:first-child),
+.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.input-group-addon:last-child {
+ border-left: 0;
+}
+.input-group-btn {
+ position: relative;
+ font-size: 0;
+ white-space: nowrap;
+}
+.input-group-btn > .btn {
+ position: relative;
+}
+.input-group-btn > .btn + .btn {
+ margin-left: -1px;
+}
+.input-group-btn > .btn:hover,
+.input-group-btn > .btn:focus,
+.input-group-btn > .btn:active {
+ z-index: 2;
+}
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group {
+ margin-right: -1px;
+}
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group {
+ margin-left: -1px;
+}
+.nav {
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
+}
+.nav > li {
+ position: relative;
+ display: block;
+}
+.nav > li > a {
+ position: relative;
+ display: block;
+ padding: 10px 15px;
+}
+.nav > li > a:hover,
+.nav > li > a:focus {
+ text-decoration: none;
+ background-color: #eee;
+}
+.nav > li.disabled > a {
+ color: #999;
+}
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
+ color: #999;
+ text-decoration: none;
+ cursor: not-allowed;
+ background-color: transparent;
+}
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+ background-color: #eee;
+ border-color: #428bca;
+}
+.nav .nav-divider {
+ height: 1px;
+ margin: 9px 0;
+ overflow: hidden;
+ background-color: #e5e5e5;
+}
+.nav > li > a > img {
+ max-width: none;
+}
+.nav-tabs {
+ border-bottom: 1px solid #ddd;
+}
+.nav-tabs > li {
+ float: left;
+ margin-bottom: -1px;
+}
+.nav-tabs > li > a {
+ margin-right: 2px;
+ line-height: 1.42857143;
+ border: 1px solid transparent;
+ border-radius: 4px 4px 0 0;
+}
+.nav-tabs > li > a:hover {
+ border-color: #eee #eee #ddd;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+ color: #555;
+ cursor: default;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-bottom-color: transparent;
+}
+.nav-tabs.nav-justified {
+ width: 100%;
+ border-bottom: 0;
+}
+.nav-tabs.nav-justified > li {
+ float: none;
+}
+.nav-tabs.nav-justified > li > a {
+ margin-bottom: 5px;
+ text-align: center;
+}
+.nav-tabs.nav-justified > .dropdown .dropdown-menu {
+ top: auto;
+ left: auto;
+}
+@media (min-width: 768px) {
+ .nav-tabs.nav-justified > li {
+ display: table-cell;
+ width: 1%;
+ }
+ .nav-tabs.nav-justified > li > a {
+ margin-bottom: 0;
+ }
+}
+.nav-tabs.nav-justified > li > a {
+ margin-right: 0;
+ border-radius: 4px;
+}
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:hover,
+.nav-tabs.nav-justified > .active > a:focus {
+ border: 1px solid #ddd;
+}
+@media (min-width: 768px) {
+ .nav-tabs.nav-justified > li > a {
+ border-bottom: 1px solid #ddd;
+ border-radius: 4px 4px 0 0;
+ }
+ .nav-tabs.nav-justified > .active > a,
+ .nav-tabs.nav-justified > .active > a:hover,
+ .nav-tabs.nav-justified > .active > a:focus {
+ border-bottom-color: #fff;
+ }
+}
+.nav-pills > li {
+ float: left;
+}
+.nav-pills > li > a {
+ border-radius: 4px;
+}
+.nav-pills > li + li {
+ margin-left: 2px;
+}
+.nav-pills > li.active > a,
+.nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:focus {
+ color: #fff;
+ background-color: #428bca;
+}
+.nav-stacked > li {
+ float: none;
+}
+.nav-stacked > li + li {
+ margin-top: 2px;
+ margin-left: 0;
+}
+.nav-justified {
+ width: 100%;
+}
+.nav-justified > li {
+ float: none;
+}
+.nav-justified > li > a {
+ margin-bottom: 5px;
+ text-align: center;
+}
+.nav-justified > .dropdown .dropdown-menu {
+ top: auto;
+ left: auto;
+}
+@media (min-width: 768px) {
+ .nav-justified > li {
+ display: table-cell;
+ width: 1%;
+ }
+ .nav-justified > li > a {
+ margin-bottom: 0;
+ }
+}
+.nav-tabs-justified {
+ border-bottom: 0;
+}
+.nav-tabs-justified > li > a {
+ margin-right: 0;
+ border-radius: 4px;
+}
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:hover,
+.nav-tabs-justified > .active > a:focus {
+ border: 1px solid #ddd;
+}
+@media (min-width: 768px) {
+ .nav-tabs-justified > li > a {
+ border-bottom: 1px solid #ddd;
+ border-radius: 4px 4px 0 0;
+ }
+ .nav-tabs-justified > .active > a,
+ .nav-tabs-justified > .active > a:hover,
+ .nav-tabs-justified > .active > a:focus {
+ border-bottom-color: #fff;
+ }
+}
+.tab-content > .tab-pane {
+ display: none;
+}
+.tab-content > .active {
+ display: block;
+}
+.nav-tabs .dropdown-menu {
+ margin-top: -1px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+.navbar {
+ position: relative;
+ min-height: 50px;
+ margin-bottom: 20px;
+ border: 1px solid transparent;
+}
+@media (min-width: 768px) {
+ .navbar {
+ border-radius: 4px;
+ }
+}
+@media (min-width: 768px) {
+ .navbar-header {
+ float: left;
+ }
+}
+.navbar-collapse {
+ max-height: 340px;
+ padding-right: 15px;
+ padding-left: 15px;
+ overflow-x: visible;
+ -webkit-overflow-scrolling: touch;
+ border-top: 1px solid transparent;
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
+}
+.navbar-collapse.in {
+ overflow-y: auto;
+}
+@media (min-width: 768px) {
+ .navbar-collapse {
+ width: auto;
+ border-top: 0;
+ box-shadow: none;
+ }
+ .navbar-collapse.collapse {
+ display: block !important;
+ height: auto !important;
+ padding-bottom: 0;
+ overflow: visible !important;
+ }
+ .navbar-collapse.in {
+ overflow-y: visible;
+ }
+ .navbar-fixed-top .navbar-collapse,
+ .navbar-static-top .navbar-collapse,
+ .navbar-fixed-bottom .navbar-collapse {
+ padding-right: 0;
+ padding-left: 0;
+ }
+}
+.container > .navbar-header,
+.container-fluid > .navbar-header,
+.container > .navbar-collapse,
+.container-fluid > .navbar-collapse {
+ margin-right: -15px;
+ margin-left: -15px;
+}
+@media (min-width: 768px) {
+ .container > .navbar-header,
+ .container-fluid > .navbar-header,
+ .container > .navbar-collapse,
+ .container-fluid > .navbar-collapse {
+ margin-right: 0;
+ margin-left: 0;
+ }
+}
+.navbar-static-top {
+ z-index: 1000;
+ border-width: 0 0 1px;
+}
+@media (min-width: 768px) {
+ .navbar-static-top {
+ border-radius: 0;
+ }
+}
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+ position: fixed;
+ right: 0;
+ left: 0;
+ z-index: 1030;
+}
+@media (min-width: 768px) {
+ .navbar-fixed-top,
+ .navbar-fixed-bottom {
+ border-radius: 0;
+ }
+}
+.navbar-fixed-top {
+ top: 0;
+ border-width: 0 0 1px;
+}
+.navbar-fixed-bottom {
+ bottom: 0;
+ margin-bottom: 0;
+ border-width: 1px 0 0;
+}
+.navbar-brand {
+ float: left;
+ height: 50px;
+ padding: 15px 15px;
+ font-size: 18px;
+ line-height: 20px;
+}
+.navbar-brand:hover,
+.navbar-brand:focus {
+ text-decoration: none;
+}
+@media (min-width: 768px) {
+ .navbar > .container .navbar-brand,
+ .navbar > .container-fluid .navbar-brand {
+ margin-left: -15px;
+ }
+}
+.navbar-toggle {
+ position: relative;
+ float: right;
+ padding: 9px 10px;
+ margin-top: 8px;
+ margin-right: 15px;
+ margin-bottom: 8px;
+ background-color: transparent;
+ background-image: none;
+ border: 1px solid transparent;
+ border-radius: 4px;
+}
+.navbar-toggle:focus {
+ outline: none;
+}
+.navbar-toggle .icon-bar {
+ display: block;
+ width: 22px;
+ height: 2px;
+ border-radius: 1px;
+}
+.navbar-toggle .icon-bar + .icon-bar {
+ margin-top: 4px;
+}
+@media (min-width: 768px) {
+ .navbar-toggle {
+ display: none;
+ }
+}
+.navbar-nav {
+ margin: 7.5px -15px;
+}
+.navbar-nav > li > a {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ line-height: 20px;
+}
+@media (max-width: 767px) {
+ .navbar-nav .open .dropdown-menu {
+ position: static;
+ float: none;
+ width: auto;
+ margin-top: 0;
+ background-color: transparent;
+ border: 0;
+ box-shadow: none;
+ }
+ .navbar-nav .open .dropdown-menu > li > a,
+ .navbar-nav .open .dropdown-menu .dropdown-header {
+ padding: 5px 15px 5px 25px;
+ }
+ .navbar-nav .open .dropdown-menu > li > a {
+ line-height: 20px;
+ }
+ .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-nav .open .dropdown-menu > li > a:focus {
+ background-image: none;
+ }
+}
+@media (min-width: 768px) {
+ .navbar-nav {
+ float: left;
+ margin: 0;
+ }
+ .navbar-nav > li {
+ float: left;
+ }
+ .navbar-nav > li > a {
+ padding-top: 15px;
+ padding-bottom: 15px;
+ }
+ .navbar-nav.navbar-right:last-child {
+ margin-right: -15px;
+ }
+}
+@media (min-width: 768px) {
+ .navbar-left {
+ float: left !important;
+ }
+ .navbar-right {
+ float: right !important;
+ }
+}
+.navbar-form {
+ padding: 10px 15px;
+ margin-top: 8px;
+ margin-right: -15px;
+ margin-bottom: 8px;
+ margin-left: -15px;
+ border-top: 1px solid transparent;
+ border-bottom: 1px solid transparent;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
+}
+@media (min-width: 768px) {
+ .navbar-form .form-group {
+ display: inline-block;
+ margin-bottom: 0;
+ vertical-align: middle;
+ }
+ .navbar-form .form-control {
+ display: inline-block;
+ width: auto;
+ vertical-align: middle;
+ }
+ .navbar-form .input-group > .form-control {
+ width: 100%;
+ }
+ .navbar-form .control-label {
+ margin-bottom: 0;
+ vertical-align: middle;
+ }
+ .navbar-form .radio,
+ .navbar-form .checkbox {
+ display: inline-block;
+ padding-left: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ vertical-align: middle;
+ }
+ .navbar-form .radio input[type="radio"],
+ .navbar-form .checkbox input[type="checkbox"] {
+ float: none;
+ margin-left: 0;
+ }
+ .navbar-form .has-feedback .form-control-feedback {
+ top: 0;
+ }
+}
+@media (max-width: 767px) {
+ .navbar-form .form-group {
+ margin-bottom: 5px;
+ }
+}
+@media (min-width: 768px) {
+ .navbar-form {
+ width: auto;
+ padding-top: 0;
+ padding-bottom: 0;
+ margin-right: 0;
+ margin-left: 0;
+ border: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ }
+ .navbar-form.navbar-right:last-child {
+ margin-right: -15px;
+ }
+}
+.navbar-nav > li > .dropdown-menu {
+ margin-top: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.navbar-btn {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+.navbar-btn.btn-sm {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+.navbar-btn.btn-xs {
+ margin-top: 14px;
+ margin-bottom: 14px;
+}
+.navbar-text {
+ margin-top: 15px;
+ margin-bottom: 15px;
+}
+@media (min-width: 768px) {
+ .navbar-text {
+ float: left;
+ margin-right: 15px;
+ margin-left: 15px;
+ }
+ .navbar-text.navbar-right:last-child {
+ margin-right: 0;
+ }
+}
+.navbar-default {
+ background-color: #f8f8f8;
+ border-color: #e7e7e7;
+}
+.navbar-default .navbar-brand {
+ color: #777;
+}
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+ color: #5e5e5e;
+ background-color: transparent;
+}
+.navbar-default .navbar-text {
+ color: #777;
+}
+.navbar-default .navbar-nav > li > a {
+ color: #777;
+}
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+ color: #333;
+ background-color: transparent;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+ color: #555;
+ background-color: #e7e7e7;
+}
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:hover,
+.navbar-default .navbar-nav > .disabled > a:focus {
+ color: #ccc;
+ background-color: transparent;
+}
+.navbar-default .navbar-toggle {
+ border-color: #ddd;
+}
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+ background-color: #ddd;
+}
+.navbar-default .navbar-toggle .icon-bar {
+ background-color: #888;
+}
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+ border-color: #e7e7e7;
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
+ color: #555;
+ background-color: #e7e7e7;
+}
+@media (max-width: 767px) {
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+ color: #777;
+ }
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #333;
+ background-color: transparent;
+ }
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+ color: #555;
+ background-color: #e7e7e7;
+ }
+ .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
+ .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+ .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+ color: #ccc;
+ background-color: transparent;
+ }
+}
+.navbar-default .navbar-link {
+ color: #777;
+}
+.navbar-default .navbar-link:hover {
+ color: #333;
+}
+.navbar-inverse {
+ background-color: #222;
+ border-color: #080808;
+}
+.navbar-inverse .navbar-brand {
+ color: #999;
+}
+.navbar-inverse .navbar-brand:hover,
+.navbar-inverse .navbar-brand:focus {
+ color: #fff;
+ background-color: transparent;
+}
+.navbar-inverse .navbar-text {
+ color: #999;
+}
+.navbar-inverse .navbar-nav > li > a {
+ color: #999;
+}
+.navbar-inverse .navbar-nav > li > a:hover,
+.navbar-inverse .navbar-nav > li > a:focus {
+ color: #fff;
+ background-color: transparent;
+}
+.navbar-inverse .navbar-nav > .active > a,
+.navbar-inverse .navbar-nav > .active > a:hover,
+.navbar-inverse .navbar-nav > .active > a:focus {
+ color: #fff;
+ background-color: #080808;
+}
+.navbar-inverse .navbar-nav > .disabled > a,
+.navbar-inverse .navbar-nav > .disabled > a:hover,
+.navbar-inverse .navbar-nav > .disabled > a:focus {
+ color: #444;
+ background-color: transparent;
+}
+.navbar-inverse .navbar-toggle {
+ border-color: #333;
+}
+.navbar-inverse .navbar-toggle:hover,
+.navbar-inverse .navbar-toggle:focus {
+ background-color: #333;
+}
+.navbar-inverse .navbar-toggle .icon-bar {
+ background-color: #fff;
+}
+.navbar-inverse .navbar-collapse,
+.navbar-inverse .navbar-form {
+ border-color: #101010;
+}
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .open > a:hover,
+.navbar-inverse .navbar-nav > .open > a:focus {
+ color: #fff;
+ background-color: #080808;
+}
+@media (max-width: 767px) {
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
+ border-color: #080808;
+ }
+ .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
+ background-color: #080808;
+ }
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
+ color: #999;
+ }
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #fff;
+ background-color: transparent;
+ }
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
+ color: #fff;
+ background-color: #080808;
+ }
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+ color: #444;
+ background-color: transparent;
+ }
+}
+.navbar-inverse .navbar-link {
+ color: #999;
+}
+.navbar-inverse .navbar-link:hover {
+ color: #fff;
+}
+.breadcrumb {
+ padding: 8px 15px;
+ margin-bottom: 20px;
+ list-style: none;
+ background-color: #f5f5f5;
+ border-radius: 4px;
+}
+.breadcrumb > li {
+ display: inline-block;
+}
+.breadcrumb > li + li:before {
+ padding: 0 5px;
+ color: #ccc;
+ content: "/\00a0";
+}
+.breadcrumb > .active {
+ color: #999;
+}
+.pagination {
+ display: inline-block;
+ padding-left: 0;
+ margin: 20px 0;
+ border-radius: 4px;
+}
+.pagination > li {
+ display: inline;
+}
+.pagination > li > a,
+.pagination > li > span {
+ position: relative;
+ float: left;
+ padding: 6px 12px;
+ margin-left: -1px;
+ line-height: 1.42857143;
+ color: #428bca;
+ text-decoration: none;
+ background-color: #fff;
+ border: 1px solid #ddd;
+}
+.pagination > li:first-child > a,
+.pagination > li:first-child > span {
+ margin-left: 0;
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.pagination > li:last-child > a,
+.pagination > li:last-child > span {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+.pagination > li > a:hover,
+.pagination > li > span:hover,
+.pagination > li > a:focus,
+.pagination > li > span:focus {
+ color: #2a6496;
+ background-color: #eee;
+ border-color: #ddd;
+}
+.pagination > .active > a,
+.pagination > .active > span,
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+ z-index: 2;
+ color: #fff;
+ cursor: default;
+ background-color: #428bca;
+ border-color: #428bca;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > span:hover,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+ color: #999;
+ cursor: not-allowed;
+ background-color: #fff;
+ border-color: #ddd;
+}
+.pagination-lg > li > a,
+.pagination-lg > li > span {
+ padding: 10px 16px;
+ font-size: 18px;
+}
+.pagination-lg > li:first-child > a,
+.pagination-lg > li:first-child > span {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+.pagination-lg > li:last-child > a,
+.pagination-lg > li:last-child > span {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+.pagination-sm > li > a,
+.pagination-sm > li > span {
+ padding: 5px 10px;
+ font-size: 12px;
+}
+.pagination-sm > li:first-child > a,
+.pagination-sm > li:first-child > span {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.pagination-sm > li:last-child > a,
+.pagination-sm > li:last-child > span {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.pager {
+ padding-left: 0;
+ margin: 20px 0;
+ text-align: center;
+ list-style: none;
+}
+.pager li {
+ display: inline;
+}
+.pager li > a,
+.pager li > span {
+ display: inline-block;
+ padding: 5px 14px;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 15px;
+}
+.pager li > a:hover,
+.pager li > a:focus {
+ text-decoration: none;
+ background-color: #eee;
+}
+.pager .next > a,
+.pager .next > span {
+ float: right;
+}
+.pager .previous > a,
+.pager .previous > span {
+ float: left;
+}
+.pager .disabled > a,
+.pager .disabled > a:hover,
+.pager .disabled > a:focus,
+.pager .disabled > span {
+ color: #999;
+ cursor: not-allowed;
+ background-color: #fff;
+}
+.label {
+ display: inline;
+ padding: .2em .6em .3em;
+ font-size: 75%;
+ font-weight: bold;
+ line-height: 1;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: .25em;
+}
+.label[href]:hover,
+.label[href]:focus {
+ color: #fff;
+ text-decoration: none;
+ cursor: pointer;
+}
+.label:empty {
+ display: none;
+}
+.btn .label {
+ position: relative;
+ top: -1px;
+}
+.label-default {
+ background-color: #999;
+}
+.label-default[href]:hover,
+.label-default[href]:focus {
+ background-color: #808080;
+}
+.label-primary {
+ background-color: #428bca;
+}
+.label-primary[href]:hover,
+.label-primary[href]:focus {
+ background-color: #3071a9;
+}
+.label-success {
+ background-color: #5cb85c;
+}
+.label-success[href]:hover,
+.label-success[href]:focus {
+ background-color: #449d44;
+}
+.label-info {
+ background-color: #5bc0de;
+}
+.label-info[href]:hover,
+.label-info[href]:focus {
+ background-color: #31b0d5;
+}
+.label-warning {
+ background-color: #f0ad4e;
+}
+.label-warning[href]:hover,
+.label-warning[href]:focus {
+ background-color: #ec971f;
+}
+.label-danger {
+ background-color: #d9534f;
+}
+.label-danger[href]:hover,
+.label-danger[href]:focus {
+ background-color: #c9302c;
+}
+.badge {
+ display: inline-block;
+ min-width: 10px;
+ padding: 3px 7px;
+ font-size: 12px;
+ font-weight: bold;
+ line-height: 1;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ background-color: #999;
+ border-radius: 10px;
+}
+.badge:empty {
+ display: none;
+}
+.btn .badge {
+ position: relative;
+ top: -1px;
+}
+.btn-xs .badge {
+ top: 0;
+ padding: 1px 5px;
+}
+a.badge:hover,
+a.badge:focus {
+ color: #fff;
+ text-decoration: none;
+ cursor: pointer;
+}
+a.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
+ color: #428bca;
+ background-color: #fff;
+}
+.nav-pills > li > a > .badge {
+ margin-left: 3px;
+}
+.jumbotron {
+ padding: 30px;
+ margin-bottom: 30px;
+ color: inherit;
+ background-color: #eee;
+}
+.jumbotron h1,
+.jumbotron .h1 {
+ color: inherit;
+}
+.jumbotron p {
+ margin-bottom: 15px;
+ font-size: 21px;
+ font-weight: 200;
+}
+.container .jumbotron {
+ border-radius: 6px;
+}
+.jumbotron .container {
+ max-width: 100%;
+}
+@media screen and (min-width: 768px) {
+ .jumbotron {
+ padding-top: 48px;
+ padding-bottom: 48px;
+ }
+ .container .jumbotron {
+ padding-right: 60px;
+ padding-left: 60px;
+ }
+ .jumbotron h1,
+ .jumbotron .h1 {
+ font-size: 63px;
+ }
+}
+.thumbnail {
+ display: block;
+ padding: 4px;
+ margin-bottom: 20px;
+ line-height: 1.42857143;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ -webkit-transition: all .2s ease-in-out;
+ transition: all .2s ease-in-out;
+}
+.thumbnail > img,
+.thumbnail a > img {
+ margin-right: auto;
+ margin-left: auto;
+}
+a.thumbnail:hover,
+a.thumbnail:focus,
+a.thumbnail.active {
+ border-color: #428bca;
+}
+.thumbnail .caption {
+ padding: 9px;
+ color: #333;
+}
+.alert {
+ padding: 15px;
+ margin-bottom: 20px;
+ border: 1px solid transparent;
+ border-radius: 4px;
+}
+.alert h4 {
+ margin-top: 0;
+ color: inherit;
+}
+.alert .alert-link {
+ font-weight: bold;
+}
+.alert > p,
+.alert > ul {
+ margin-bottom: 0;
+}
+.alert > p + p {
+ margin-top: 5px;
+}
+.alert-dismissable {
+ padding-right: 35px;
+}
+.alert-dismissable .close {
+ position: relative;
+ top: -2px;
+ right: -21px;
+ color: inherit;
+}
+.alert-success {
+ color: #3c763d;
+ background-color: #dff0d8;
+ border-color: #d6e9c6;
+}
+.alert-success hr {
+ border-top-color: #c9e2b3;
+}
+.alert-success .alert-link {
+ color: #2b542c;
+}
+.alert-info {
+ color: #31708f;
+ background-color: #d9edf7;
+ border-color: #bce8f1;
+}
+.alert-info hr {
+ border-top-color: #a6e1ec;
+}
+.alert-info .alert-link {
+ color: #245269;
+}
+.alert-warning {
+ color: #8a6d3b;
+ background-color: #fcf8e3;
+ border-color: #faebcc;
+}
+.alert-warning hr {
+ border-top-color: #f7e1b5;
+}
+.alert-warning .alert-link {
+ color: #66512c;
+}
+.alert-danger {
+ color: #a94442;
+ background-color: #f2dede;
+ border-color: #ebccd1;
+}
+.alert-danger hr {
+ border-top-color: #e4b9c0;
+}
+.alert-danger .alert-link {
+ color: #843534;
+}
+@-webkit-keyframes progress-bar-stripes {
+ from {
+ background-position: 40px 0;
+ }
+ to {
+ background-position: 0 0;
+ }
+}
+@keyframes progress-bar-stripes {
+ from {
+ background-position: 40px 0;
+ }
+ to {
+ background-position: 0 0;
+ }
+}
+.progress {
+ height: 20px;
+ margin-bottom: 20px;
+ overflow: hidden;
+ background-color: #f5f5f5;
+ border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
+}
+.progress-bar {
+ float: left;
+ width: 0;
+ height: 100%;
+ font-size: 12px;
+ line-height: 20px;
+ color: #fff;
+ text-align: center;
+ background-color: #428bca;
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
+ -webkit-transition: width .6s ease;
+ transition: width .6s ease;
+}
+.progress-striped .progress-bar {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+ background-size: 40px 40px;
+}
+.progress.active .progress-bar {
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
+ animation: progress-bar-stripes 2s linear infinite;
+}
+.progress-bar-success {
+ background-color: #5cb85c;
+}
+.progress-striped .progress-bar-success {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+}
+.progress-bar-info {
+ background-color: #5bc0de;
+}
+.progress-striped .progress-bar-info {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+}
+.progress-bar-warning {
+ background-color: #f0ad4e;
+}
+.progress-striped .progress-bar-warning {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+}
+.progress-bar-danger {
+ background-color: #d9534f;
+}
+.progress-striped .progress-bar-danger {
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+}
+.media,
+.media-body {
+ overflow: hidden;
+ zoom: 1;
+}
+.media,
+.media .media {
+ margin-top: 15px;
+}
+.media:first-child {
+ margin-top: 0;
+}
+.media-object {
+ display: block;
+}
+.media-heading {
+ margin: 0 0 5px;
+}
+.media > .pull-left {
+ margin-right: 10px;
+}
+.media > .pull-right {
+ margin-left: 10px;
+}
+.media-list {
+ padding-left: 0;
+ list-style: none;
+}
+.list-group {
+ padding-left: 0;
+ margin-bottom: 20px;
+}
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: 10px 15px;
+ margin-bottom: -1px;
+ background-color: #fff;
+ border: 1px solid #ddd;
+}
+.list-group-item:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.list-group-item:last-child {
+ margin-bottom: 0;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+.list-group-item > .badge {
+ float: right;
+}
+.list-group-item > .badge + .badge {
+ margin-right: 5px;
+}
+a.list-group-item {
+ color: #555;
+}
+a.list-group-item .list-group-item-heading {
+ color: #333;
+}
+a.list-group-item:hover,
+a.list-group-item:focus {
+ text-decoration: none;
+ background-color: #f5f5f5;
+}
+a.list-group-item.active,
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+ z-index: 2;
+ color: #fff;
+ background-color: #428bca;
+ border-color: #428bca;
+}
+a.list-group-item.active .list-group-item-heading,
+a.list-group-item.active:hover .list-group-item-heading,
+a.list-group-item.active:focus .list-group-item-heading {
+ color: inherit;
+}
+a.list-group-item.active .list-group-item-text,
+a.list-group-item.active:hover .list-group-item-text,
+a.list-group-item.active:focus .list-group-item-text {
+ color: #e1edf7;
+}
+.list-group-item-success {
+ color: #3c763d;
+ background-color: #dff0d8;
+}
+a.list-group-item-success {
+ color: #3c763d;
+}
+a.list-group-item-success .list-group-item-heading {
+ color: inherit;
+}
+a.list-group-item-success:hover,
+a.list-group-item-success:focus {
+ color: #3c763d;
+ background-color: #d0e9c6;
+}
+a.list-group-item-success.active,
+a.list-group-item-success.active:hover,
+a.list-group-item-success.active:focus {
+ color: #fff;
+ background-color: #3c763d;
+ border-color: #3c763d;
+}
+.list-group-item-info {
+ color: #31708f;
+ background-color: #d9edf7;
+}
+a.list-group-item-info {
+ color: #31708f;
+}
+a.list-group-item-info .list-group-item-heading {
+ color: inherit;
+}
+a.list-group-item-info:hover,
+a.list-group-item-info:focus {
+ color: #31708f;
+ background-color: #c4e3f3;
+}
+a.list-group-item-info.active,
+a.list-group-item-info.active:hover,
+a.list-group-item-info.active:focus {
+ color: #fff;
+ background-color: #31708f;
+ border-color: #31708f;
+}
+.list-group-item-warning {
+ color: #8a6d3b;
+ background-color: #fcf8e3;
+}
+a.list-group-item-warning {
+ color: #8a6d3b;
+}
+a.list-group-item-warning .list-group-item-heading {
+ color: inherit;
+}
+a.list-group-item-warning:hover,
+a.list-group-item-warning:focus {
+ color: #8a6d3b;
+ background-color: #faf2cc;
+}
+a.list-group-item-warning.active,
+a.list-group-item-warning.active:hover,
+a.list-group-item-warning.active:focus {
+ color: #fff;
+ background-color: #8a6d3b;
+ border-color: #8a6d3b;
+}
+.list-group-item-danger {
+ color: #a94442;
+ background-color: #f2dede;
+}
+a.list-group-item-danger {
+ color: #a94442;
+}
+a.list-group-item-danger .list-group-item-heading {
+ color: inherit;
+}
+a.list-group-item-danger:hover,
+a.list-group-item-danger:focus {
+ color: #a94442;
+ background-color: #ebcccc;
+}
+a.list-group-item-danger.active,
+a.list-group-item-danger.active:hover,
+a.list-group-item-danger.active:focus {
+ color: #fff;
+ background-color: #a94442;
+ border-color: #a94442;
+}
+.list-group-item-heading {
+ margin-top: 0;
+ margin-bottom: 5px;
+}
+.list-group-item-text {
+ margin-bottom: 0;
+ line-height: 1.3;
+}
+.panel {
+ margin-bottom: 20px;
+ background-color: #fff;
+ border: 1px solid transparent;
+ border-radius: 4px;
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
+}
+.panel-body {
+ padding: 15px;
+}
+.panel-heading {
+ padding: 10px 15px;
+ border-bottom: 1px solid transparent;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
+.panel-heading > .dropdown .dropdown-toggle {
+ color: inherit;
+}
+.panel-title {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-size: 16px;
+ color: inherit;
+}
+.panel-title > a {
+ color: inherit;
+}
+.panel-footer {
+ padding: 10px 15px;
+ background-color: #f5f5f5;
+ border-top: 1px solid #ddd;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.panel > .list-group {
+ margin-bottom: 0;
+}
+.panel > .list-group .list-group-item {
+ border-width: 1px 0;
+ border-radius: 0;
+}
+.panel > .list-group:first-child .list-group-item:first-child {
+ border-top: 0;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
+.panel > .list-group:last-child .list-group-item:last-child {
+ border-bottom: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.panel-heading + .list-group .list-group-item:first-child {
+ border-top-width: 0;
+}
+.panel > .table,
+.panel > .table-responsive > .table {
+ margin-bottom: 0;
+}
+.panel > .table:first-child,
+.panel > .table-responsive:first-child > .table:first-child {
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+ border-top-left-radius: 3px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+ border-top-right-radius: 3px;
+}
+.panel > .table:last-child,
+.panel > .table-responsive:last-child > .table:last-child {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+ border-bottom-left-radius: 3px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+ border-bottom-right-radius: 3px;
+}
+.panel > .panel-body + .table,
+.panel > .panel-body + .table-responsive {
+ border-top: 1px solid #ddd;
+}
+.panel > .table > tbody:first-child > tr:first-child th,
+.panel > .table > tbody:first-child > tr:first-child td {
+ border-top: 0;
+}
+.panel > .table-bordered,
+.panel > .table-responsive > .table-bordered {
+ border: 0;
+}
+.panel > .table-bordered > thead > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
+.panel > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-bordered > thead > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
+.panel > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-bordered > tfoot > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+ border-left: 0;
+}
+.panel > .table-bordered > thead > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
+.panel > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-bordered > thead > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
+.panel > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-bordered > tfoot > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+ border-right: 0;
+}
+.panel > .table-bordered > thead > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
+.panel > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-bordered > thead > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
+.panel > .table-bordered > tbody > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
+ border-bottom: 0;
+}
+.panel > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-bordered > tfoot > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
+ border-bottom: 0;
+}
+.panel > .table-responsive {
+ margin-bottom: 0;
+ border: 0;
+}
+.panel-group {
+ margin-bottom: 20px;
+}
+.panel-group .panel {
+ margin-bottom: 0;
+ overflow: hidden;
+ border-radius: 4px;
+}
+.panel-group .panel + .panel {
+ margin-top: 5px;
+}
+.panel-group .panel-heading {
+ border-bottom: 0;
+}
+.panel-group .panel-heading + .panel-collapse .panel-body {
+ border-top: 1px solid #ddd;
+}
+.panel-group .panel-footer {
+ border-top: 0;
+}
+.panel-group .panel-footer + .panel-collapse .panel-body {
+ border-bottom: 1px solid #ddd;
+}
+.panel-default {
+ border-color: #ddd;
+}
+.panel-default > .panel-heading {
+ color: #333;
+ background-color: #f5f5f5;
+ border-color: #ddd;
+}
+.panel-default > .panel-heading + .panel-collapse .panel-body {
+ border-top-color: #ddd;
+}
+.panel-default > .panel-footer + .panel-collapse .panel-body {
+ border-bottom-color: #ddd;
+}
+.panel-primary {
+ border-color: #428bca;
+}
+.panel-primary > .panel-heading {
+ color: #fff;
+ background-color: #428bca;
+ border-color: #428bca;
+}
+.panel-primary > .panel-heading + .panel-collapse .panel-body {
+ border-top-color: #428bca;
+}
+.panel-primary > .panel-footer + .panel-collapse .panel-body {
+ border-bottom-color: #428bca;
+}
+.panel-success {
+ border-color: #d6e9c6;
+}
+.panel-success > .panel-heading {
+ color: #3c763d;
+ background-color: #dff0d8;
+ border-color: #d6e9c6;
+}
+.panel-success > .panel-heading + .panel-collapse .panel-body {
+ border-top-color: #d6e9c6;
+}
+.panel-success > .panel-footer + .panel-collapse .panel-body {
+ border-bottom-color: #d6e9c6;
+}
+.panel-info {
+ border-color: #bce8f1;
+}
+.panel-info > .panel-heading {
+ color: #31708f;
+ background-color: #d9edf7;
+ border-color: #bce8f1;
+}
+.panel-info > .panel-heading + .panel-collapse .panel-body {
+ border-top-color: #bce8f1;
+}
+.panel-info > .panel-footer + .panel-collapse .panel-body {
+ border-bottom-color: #bce8f1;
+}
+.panel-warning {
+ border-color: #faebcc;
+}
+.panel-warning > .panel-heading {
+ color: #8a6d3b;
+ background-color: #fcf8e3;
+ border-color: #faebcc;
+}
+.panel-warning > .panel-heading + .panel-collapse .panel-body {
+ border-top-color: #faebcc;
+}
+.panel-warning > .panel-footer + .panel-collapse .panel-body {
+ border-bottom-color: #faebcc;
+}
+.panel-danger {
+ border-color: #ebccd1;
+}
+.panel-danger > .panel-heading {
+ color: #a94442;
+ background-color: #f2dede;
+ border-color: #ebccd1;
+}
+.panel-danger > .panel-heading + .panel-collapse .panel-body {
+ border-top-color: #ebccd1;
+}
+.panel-danger > .panel-footer + .panel-collapse .panel-body {
+ border-bottom-color: #ebccd1;
+}
+.well {
+ min-height: 20px;
+ padding: 19px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border: 1px solid #e3e3e3;
+ border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
+}
+.well blockquote {
+ border-color: #ddd;
+ border-color: rgba(0, 0, 0, .15);
+}
+.well-lg {
+ padding: 24px;
+ border-radius: 6px;
+}
+.well-sm {
+ padding: 9px;
+ border-radius: 3px;
+}
+.close {
+ float: right;
+ font-size: 21px;
+ font-weight: bold;
+ line-height: 1;
+ color: #000;
+ text-shadow: 0 1px 0 #fff;
+ filter: alpha(opacity=20);
+ opacity: .2;
+}
+.close:hover,
+.close:focus {
+ color: #000;
+ text-decoration: none;
+ cursor: pointer;
+ filter: alpha(opacity=50);
+ opacity: .5;
+}
+button.close {
+ -webkit-appearance: none;
+ padding: 0;
+ cursor: pointer;
+ background: transparent;
+ border: 0;
+}
+.modal-open {
+ overflow: hidden;
+}
+.modal {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1050;
+ display: none;
+ overflow: auto;
+ overflow-y: scroll;
+ -webkit-overflow-scrolling: touch;
+ outline: 0;
+}
+.modal.fade .modal-dialog {
+ -webkit-transition: -webkit-transform .3s ease-out;
+ -moz-transition: -moz-transform .3s ease-out;
+ -o-transition: -o-transform .3s ease-out;
+ transition: transform .3s ease-out;
+ -webkit-transform: translate(0, -25%);
+ -ms-transform: translate(0, -25%);
+ transform: translate(0, -25%);
+}
+.modal.in .modal-dialog {
+ -webkit-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+}
+.modal-dialog {
+ position: relative;
+ width: auto;
+ margin: 10px;
+}
+.modal-content {
+ position: relative;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #999;
+ border: 1px solid rgba(0, 0, 0, .2);
+ border-radius: 6px;
+ outline: none;
+ -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
+ box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
+}
+.modal-backdrop {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1040;
+ background-color: #000;
+}
+.modal-backdrop.fade {
+ filter: alpha(opacity=0);
+ opacity: 0;
+}
+.modal-backdrop.in {
+ filter: alpha(opacity=50);
+ opacity: .5;
+}
+.modal-header {
+ min-height: 16.42857143px;
+ padding: 15px;
+ border-bottom: 1px solid #e5e5e5;
+}
+.modal-header .close {
+ margin-top: -2px;
+}
+.modal-title {
+ margin: 0;
+ line-height: 1.42857143;
+}
+.modal-body {
+ position: relative;
+ padding: 20px;
+}
+.modal-footer {
+ padding: 19px 20px 20px;
+ margin-top: 15px;
+ text-align: right;
+ border-top: 1px solid #e5e5e5;
+}
+.modal-footer .btn + .btn {
+ margin-bottom: 0;
+ margin-left: 5px;
+}
+.modal-footer .btn-group .btn + .btn {
+ margin-left: -1px;
+}
+.modal-footer .btn-block + .btn-block {
+ margin-left: 0;
+}
+@media (min-width: 768px) {
+ .modal-dialog {
+ width: 600px;
+ margin: 30px auto;
+ }
+ .modal-content {
+ -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
+ box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
+ }
+ .modal-sm {
+ width: 300px;
+ }
+}
+@media (min-width: 992px) {
+ .modal-lg {
+ width: 900px;
+ }
+}
+.tooltip {
+ position: absolute;
+ z-index: 1030;
+ display: block;
+ font-size: 12px;
+ line-height: 1.4;
+ visibility: visible;
+ filter: alpha(opacity=0);
+ opacity: 0;
+}
+.tooltip.in {
+ filter: alpha(opacity=90);
+ opacity: .9;
+}
+.tooltip.top {
+ padding: 5px 0;
+ margin-top: -3px;
+}
+.tooltip.right {
+ padding: 0 5px;
+ margin-left: 3px;
+}
+.tooltip.bottom {
+ padding: 5px 0;
+ margin-top: 3px;
+}
+.tooltip.left {
+ padding: 0 5px;
+ margin-left: -3px;
+}
+.tooltip-inner {
+ max-width: 200px;
+ padding: 3px 8px;
+ color: #fff;
+ text-align: center;
+ text-decoration: none;
+ background-color: #000;
+ border-radius: 4px;
+}
+.tooltip-arrow {
+ position: absolute;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+}
+.tooltip.top .tooltip-arrow {
+ bottom: 0;
+ left: 50%;
+ margin-left: -5px;
+ border-width: 5px 5px 0;
+ border-top-color: #000;
+}
+.tooltip.top-left .tooltip-arrow {
+ bottom: 0;
+ left: 5px;
+ border-width: 5px 5px 0;
+ border-top-color: #000;
+}
+.tooltip.top-right .tooltip-arrow {
+ right: 5px;
+ bottom: 0;
+ border-width: 5px 5px 0;
+ border-top-color: #000;
+}
+.tooltip.right .tooltip-arrow {
+ top: 50%;
+ left: 0;
+ margin-top: -5px;
+ border-width: 5px 5px 5px 0;
+ border-right-color: #000;
+}
+.tooltip.left .tooltip-arrow {
+ top: 50%;
+ right: 0;
+ margin-top: -5px;
+ border-width: 5px 0 5px 5px;
+ border-left-color: #000;
+}
+.tooltip.bottom .tooltip-arrow {
+ top: 0;
+ left: 50%;
+ margin-left: -5px;
+ border-width: 0 5px 5px;
+ border-bottom-color: #000;
+}
+.tooltip.bottom-left .tooltip-arrow {
+ top: 0;
+ left: 5px;
+ border-width: 0 5px 5px;
+ border-bottom-color: #000;
+}
+.tooltip.bottom-right .tooltip-arrow {
+ top: 0;
+ right: 5px;
+ border-width: 0 5px 5px;
+ border-bottom-color: #000;
+}
+.popover {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 1010;
+ display: none;
+ max-width: 276px;
+ padding: 1px;
+ text-align: left;
+ white-space: normal;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ccc;
+ border: 1px solid rgba(0, 0, 0, .2);
+ border-radius: 6px;
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
+ box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
+}
+.popover.top {
+ margin-top: -10px;
+}
+.popover.right {
+ margin-left: 10px;
+}
+.popover.bottom {
+ margin-top: 10px;
+}
+.popover.left {
+ margin-left: -10px;
+}
+.popover-title {
+ padding: 8px 14px;
+ margin: 0;
+ font-size: 14px;
+ font-weight: normal;
+ line-height: 18px;
+ background-color: #f7f7f7;
+ border-bottom: 1px solid #ebebeb;
+ border-radius: 5px 5px 0 0;
+}
+.popover-content {
+ padding: 9px 14px;
+}
+.popover > .arrow,
+.popover > .arrow:after {
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+}
+.popover > .arrow {
+ border-width: 11px;
+}
+.popover > .arrow:after {
+ content: "";
+ border-width: 10px;
+}
+.popover.top > .arrow {
+ bottom: -11px;
+ left: 50%;
+ margin-left: -11px;
+ border-top-color: #999;
+ border-top-color: rgba(0, 0, 0, .25);
+ border-bottom-width: 0;
+}
+.popover.top > .arrow:after {
+ bottom: 1px;
+ margin-left: -10px;
+ content: " ";
+ border-top-color: #fff;
+ border-bottom-width: 0;
+}
+.popover.right > .arrow {
+ top: 50%;
+ left: -11px;
+ margin-top: -11px;
+ border-right-color: #999;
+ border-right-color: rgba(0, 0, 0, .25);
+ border-left-width: 0;
+}
+.popover.right > .arrow:after {
+ bottom: -10px;
+ left: 1px;
+ content: " ";
+ border-right-color: #fff;
+ border-left-width: 0;
+}
+.popover.bottom > .arrow {
+ top: -11px;
+ left: 50%;
+ margin-left: -11px;
+ border-top-width: 0;
+ border-bottom-color: #999;
+ border-bottom-color: rgba(0, 0, 0, .25);
+}
+.popover.bottom > .arrow:after {
+ top: 1px;
+ margin-left: -10px;
+ content: " ";
+ border-top-width: 0;
+ border-bottom-color: #fff;
+}
+.popover.left > .arrow {
+ top: 50%;
+ right: -11px;
+ margin-top: -11px;
+ border-right-width: 0;
+ border-left-color: #999;
+ border-left-color: rgba(0, 0, 0, .25);
+}
+.popover.left > .arrow:after {
+ right: 1px;
+ bottom: -10px;
+ content: " ";
+ border-right-width: 0;
+ border-left-color: #fff;
+}
+.carousel {
+ position: relative;
+}
+.carousel-inner {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
+}
+.carousel-inner > .item {
+ position: relative;
+ display: none;
+ -webkit-transition: .6s ease-in-out left;
+ transition: .6s ease-in-out left;
+}
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+ line-height: 1;
+}
+.carousel-inner > .active,
+.carousel-inner > .next,
+.carousel-inner > .prev {
+ display: block;
+}
+.carousel-inner > .active {
+ left: 0;
+}
+.carousel-inner > .next,
+.carousel-inner > .prev {
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+.carousel-inner > .next {
+ left: 100%;
+}
+.carousel-inner > .prev {
+ left: -100%;
+}
+.carousel-inner > .next.left,
+.carousel-inner > .prev.right {
+ left: 0;
+}
+.carousel-inner > .active.left {
+ left: -100%;
+}
+.carousel-inner > .active.right {
+ left: 100%;
+}
+.carousel-control {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 15%;
+ font-size: 20px;
+ color: #fff;
+ text-align: center;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
+ filter: alpha(opacity=50);
+ opacity: .5;
+}
+.carousel-control.left {
+ background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
+ background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
+ background-repeat: repeat-x;
+}
+.carousel-control.right {
+ right: 0;
+ left: auto;
+ background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%));
+ background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
+ background-repeat: repeat-x;
+}
+.carousel-control:hover,
+.carousel-control:focus {
+ color: #fff;
+ text-decoration: none;
+ filter: alpha(opacity=90);
+ outline: none;
+ opacity: .9;
+}
+.carousel-control .icon-prev,
+.carousel-control .icon-next,
+.carousel-control .glyphicon-chevron-left,
+.carousel-control .glyphicon-chevron-right {
+ position: absolute;
+ top: 50%;
+ z-index: 5;
+ display: inline-block;
+}
+.carousel-control .icon-prev,
+.carousel-control .glyphicon-chevron-left {
+ left: 50%;
+}
+.carousel-control .icon-next,
+.carousel-control .glyphicon-chevron-right {
+ right: 50%;
+}
+.carousel-control .icon-prev,
+.carousel-control .icon-next {
+ width: 20px;
+ height: 20px;
+ margin-top: -10px;
+ margin-left: -10px;
+ font-family: serif;
+}
+.carousel-control .icon-prev:before {
+ content: '\2039';
+}
+.carousel-control .icon-next:before {
+ content: '\203a';
+}
+.carousel-indicators {
+ position: absolute;
+ bottom: 10px;
+ left: 50%;
+ z-index: 15;
+ width: 60%;
+ padding-left: 0;
+ margin-left: -30%;
+ text-align: center;
+ list-style: none;
+}
+.carousel-indicators li {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ margin: 1px;
+ text-indent: -999px;
+ cursor: pointer;
+ background-color: #000 \9;
+ background-color: rgba(0, 0, 0, 0);
+ border: 1px solid #fff;
+ border-radius: 10px;
+}
+.carousel-indicators .active {
+ width: 12px;
+ height: 12px;
+ margin: 0;
+ background-color: #fff;
+}
+.carousel-caption {
+ position: absolute;
+ right: 15%;
+ bottom: 20px;
+ left: 15%;
+ z-index: 10;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ color: #fff;
+ text-align: center;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
+}
+.carousel-caption .btn {
+ text-shadow: none;
+}
+@media screen and (min-width: 768px) {
+ .carousel-control .glyphicon-chevron-left,
+ .carousel-control .glyphicon-chevron-right,
+ .carousel-control .icon-prev,
+ .carousel-control .icon-next {
+ width: 30px;
+ height: 30px;
+ margin-top: -15px;
+ margin-left: -15px;
+ font-size: 30px;
+ }
+ .carousel-caption {
+ right: 20%;
+ left: 20%;
+ padding-bottom: 30px;
+ }
+ .carousel-indicators {
+ bottom: 20px;
+ }
+}
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after,
+.form-horizontal .form-group:before,
+.form-horizontal .form-group:after,
+.btn-toolbar:before,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after,
+.nav:before,
+.nav:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after,
+.navbar-collapse:before,
+.navbar-collapse:after,
+.pager:before,
+.pager:after,
+.panel-body:before,
+.panel-body:after,
+.modal-footer:before,
+.modal-footer:after {
+ display: table;
+ content: " ";
+}
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after,
+.form-horizontal .form-group:after,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:after,
+.nav:after,
+.navbar:after,
+.navbar-header:after,
+.navbar-collapse:after,
+.pager:after,
+.panel-body:after,
+.modal-footer:after {
+ clear: both;
+}
+.center-block {
+ display: block;
+ margin-right: auto;
+ margin-left: auto;
+}
+.pull-right {
+ float: right !important;
+}
+.pull-left {
+ float: left !important;
+}
+.hide {
+ display: none !important;
+}
+.show {
+ display: block !important;
+}
+.invisible {
+ visibility: hidden;
+}
+.text-hide {
+ font: 0/0 a;
+ color: transparent;
+ text-shadow: none;
+ background-color: transparent;
+ border: 0;
+}
+.hidden {
+ display: none !important;
+ visibility: hidden !important;
+}
+.affix {
+ position: fixed;
+}
+@-ms-viewport {
+ width: device-width;
+}
+.visible-xs,
+.visible-sm,
+.visible-md,
+.visible-lg {
+ display: none !important;
+}
+@media (max-width: 767px) {
+ .visible-xs {
+ display: block !important;
+ }
+ table.visible-xs {
+ display: table;
+ }
+ tr.visible-xs {
+ display: table-row !important;
+ }
+ th.visible-xs,
+ td.visible-xs {
+ display: table-cell !important;
+ }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+ .visible-sm {
+ display: block !important;
+ }
+ table.visible-sm {
+ display: table;
+ }
+ tr.visible-sm {
+ display: table-row !important;
+ }
+ th.visible-sm,
+ td.visible-sm {
+ display: table-cell !important;
+ }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+ .visible-md {
+ display: block !important;
+ }
+ table.visible-md {
+ display: table;
+ }
+ tr.visible-md {
+ display: table-row !important;
+ }
+ th.visible-md,
+ td.visible-md {
+ display: table-cell !important;
+ }
+}
+@media (min-width: 1200px) {
+ .visible-lg {
+ display: block !important;
+ }
+ table.visible-lg {
+ display: table;
+ }
+ tr.visible-lg {
+ display: table-row !important;
+ }
+ th.visible-lg,
+ td.visible-lg {
+ display: table-cell !important;
+ }
+}
+@media (max-width: 767px) {
+ .hidden-xs {
+ display: none !important;
+ }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+ .hidden-sm {
+ display: none !important;
+ }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+ .hidden-md {
+ display: none !important;
+ }
+}
+@media (min-width: 1200px) {
+ .hidden-lg {
+ display: none !important;
+ }
+}
+.visible-print {
+ display: none !important;
+}
+@media print {
+ .visible-print {
+ display: block !important;
+ }
+ table.visible-print {
+ display: table;
+ }
+ tr.visible-print {
+ display: table-row !important;
+ }
+ th.visible-print,
+ td.visible-print {
+ display: table-cell !important;
+ }
+}
+@media print {
+ .hidden-print {
+ display: none !important;
+ }
+}
+/*# sourceMappingURL=bootstrap.css.map */
--- /dev/null
+/*!
+ * Bootstrap v3.1.1 (http://getbootstrap.com)
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#999}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-muted{color:#999}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#999}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=radio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}input[type=date]{line-height:34px}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;margin-top:10px;margin-bottom:10px;padding-left:20px}.radio label,.checkbox label{display:inline;font-weight:400;cursor:pointer}.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=radio][disabled],input[type=checkbox][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.has-feedback .form-control-feedback{position:absolute;top:25px;right:0;display:block;width:34px;height:34px;line-height:34px;text-align:center}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-control-static{padding-top:7px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#999}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}[data-toggle=buttons]>.btn>input[type=radio],[data-toggle=buttons]>.btn>input[type=checkbox]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=radio],.input-group-addon input[type=checkbox]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox]{float:none;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:gray}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#999;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px;overflow:hidden}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#faebcc}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ebccd1}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}@media print{.hidden-print{display:none!important}}
\ No newline at end of file
--- /dev/null
+.icon-google-plus,.icon-facebook,.icon-twitter,.icon-vimeo2,.icon-flickr,.icon-picassa,.icon-dribbble,.icon-github,.icon-wordpress,.icon-blogger,.icon-tumblr,.icon-soundcloud,.icon-linkedin,.icon-lastfm,.icon-stumbleupon,.icon-pinterest {
+ display: inline-block;
+ width: 32px;
+ height: 32px;
+ background-image: url(../img/coming-soon-social.png);
+ background-repeat: no-repeat;
+}
+.icon-google-plus {
+ background-position: 0 0;
+}
+.icon-facebook {
+ background-position: -64px 0;
+}
+.icon-twitter {
+ background-position: -128px 0;
+}
+.icon-vimeo2 {
+ background-position: -192px 0;
+}
+.icon-flickr {
+ background-position: -256px 0;
+}
+.icon-picassa {
+ background-position: -320px 0;
+}
+.icon-dribbble {
+ background-position: -384px 0;
+}
+.icon-github {
+ background-position: -448px 0;
+}
+.icon-wordpress {
+ background-position: -512px 0;
+}
+.icon-blogger {
+ background-position: -576px 0;
+}
+.icon-tumblr {
+ background-position: -640px 0;
+}
+.icon-soundcloud {
+ background-position: -704px 0;
+}
+.icon-linkedin {
+ background-position: -768px 0;
+}
+.icon-lastfm {
+ background-position: -832px 0;
+}
+.icon-stumbleupon {
+ background-position: -896px 0;
+}
+.icon-pinterest {
+ background-position: -960px 0;
+}
--- /dev/null
+.icon-google-plus,.icon-facebook,.icon-twitter,.icon-vimeo2,.icon-flickr,.icon-picassa,.icon-dribbble,.icon-github,.icon-wordpress,.icon-blogger,.icon-tumblr,.icon-soundcloud,.icon-linkedin,.icon-lastfm,.icon-stumbleupon,.icon-pinterest {
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ background-image: url(../img/icomoon-social.png);
+ background-repeat: no-repeat;
+}
+.icon-google-plus {
+ background-position: 0 0;
+}
+.icon-facebook {
+ background-position: -32px 0;
+}
+.icon-twitter {
+ background-position: -64px 0;
+}
+.icon-vimeo2 {
+ background-position: -96px 0;
+}
+.icon-flickr {
+ background-position: -128px 0;
+}
+.icon-picassa {
+ background-position: -160px 0;
+}
+.icon-dribbble {
+ background-position: -192px 0;
+}
+.icon-github {
+ background-position: -224px 0;
+}
+.icon-wordpress {
+ background-position: -256px 0;
+}
+.icon-blogger {
+ background-position: -288px 0;
+}
+.icon-tumblr {
+ background-position: -320px 0;
+}
+.icon-soundcloud {
+ background-position: -352px 0;
+}
+.icon-linkedin {
+ background-position: -384px 0;
+}
+.icon-lastfm {
+ background-position: -416px 0;
+}
+.icon-stumbleupon {
+ background-position: -448px 0;
+}
+.icon-pinterest {
+ background-position: -480px 0;
+}
--- /dev/null
+/* required styles */
+
+.leaflet-map-pane,
+.leaflet-tile,
+.leaflet-marker-icon,
+.leaflet-marker-shadow,
+.leaflet-tile-pane,
+.leaflet-overlay-pane,
+.leaflet-shadow-pane,
+.leaflet-marker-pane,
+.leaflet-popup-pane,
+.leaflet-overlay-pane svg,
+.leaflet-zoom-box,
+.leaflet-image-layer,
+.leaflet-layer {
+ position: absolute;
+ left: 0;
+ top: 0;
+ }
+.leaflet-container {
+ overflow: hidden;
+ -ms-touch-action: none;
+ }
+.leaflet-tile,
+.leaflet-marker-icon,
+.leaflet-marker-shadow {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ }
+.leaflet-marker-icon,
+.leaflet-marker-shadow {
+ display: block;
+ }
+/* map is broken in FF if you have max-width: 100% on tiles */
+.leaflet-container img {
+ max-width: none !important;
+ }
+/* stupid Android 2 doesn't understand "max-width: none" properly */
+.leaflet-container img.leaflet-image-layer {
+ max-width: 15000px !important;
+ }
+.leaflet-tile {
+ filter: inherit;
+ visibility: hidden;
+ }
+.leaflet-tile-loaded {
+ visibility: inherit;
+ }
+.leaflet-zoom-box {
+ width: 0;
+ height: 0;
+ }
+
+.leaflet-tile-pane { z-index: 2; }
+.leaflet-objects-pane { z-index: 3; }
+.leaflet-overlay-pane { z-index: 4; }
+.leaflet-shadow-pane { z-index: 5; }
+.leaflet-marker-pane { z-index: 6; }
+.leaflet-popup-pane { z-index: 7; }
+
+
+/* control positioning */
+
+.leaflet-control {
+ position: relative;
+ z-index: 7;
+ pointer-events: auto;
+ }
+.leaflet-top,
+.leaflet-bottom {
+ position: absolute;
+ z-index: 1000;
+ pointer-events: none;
+ }
+.leaflet-top {
+ top: 0;
+ }
+.leaflet-right {
+ right: 0;
+ }
+.leaflet-bottom {
+ bottom: 0;
+ }
+.leaflet-left {
+ left: 0;
+ }
+.leaflet-control {
+ float: left;
+ clear: both;
+ }
+.leaflet-right .leaflet-control {
+ float: right;
+ }
+.leaflet-top .leaflet-control {
+ margin-top: 10px;
+ }
+.leaflet-bottom .leaflet-control {
+ margin-bottom: 10px;
+ }
+.leaflet-left .leaflet-control {
+ margin-left: 10px;
+ }
+.leaflet-right .leaflet-control {
+ margin-right: 10px;
+ }
+
+
+/* zoom and fade animations */
+
+.leaflet-fade-anim .leaflet-tile,
+.leaflet-fade-anim .leaflet-popup {
+ opacity: 0;
+ -webkit-transition: opacity 0.2s linear;
+ -moz-transition: opacity 0.2s linear;
+ -o-transition: opacity 0.2s linear;
+ transition: opacity 0.2s linear;
+ }
+.leaflet-fade-anim .leaflet-tile-loaded,
+.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
+ opacity: 1;
+ }
+
+.leaflet-zoom-anim .leaflet-zoom-animated {
+ -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
+ -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
+ -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1);
+ transition: transform 0.25s cubic-bezier(0,0,0.25,1);
+ }
+.leaflet-zoom-anim .leaflet-tile,
+.leaflet-pan-anim .leaflet-tile,
+.leaflet-touching .leaflet-zoom-animated {
+ -webkit-transition: none;
+ -moz-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+
+.leaflet-zoom-anim .leaflet-zoom-hide {
+ visibility: hidden;
+ }
+
+
+/* cursors */
+
+.leaflet-clickable {
+ cursor: pointer;
+ }
+.leaflet-container {
+ cursor: -webkit-grab;
+ cursor: -moz-grab;
+ }
+.leaflet-popup-pane,
+.leaflet-control {
+ cursor: auto;
+ }
+.leaflet-dragging,
+.leaflet-dragging .leaflet-clickable,
+.leaflet-dragging .leaflet-container {
+ cursor: move;
+ cursor: -webkit-grabbing;
+ cursor: -moz-grabbing;
+ }
+
+
+/* visual tweaks */
+
+.leaflet-container {
+ background: #ddd;
+ outline: 0;
+ }
+.leaflet-container a {
+ color: #0078A8;
+ }
+.leaflet-container a.leaflet-active {
+ outline: 2px solid orange;
+ }
+.leaflet-zoom-box {
+ border: 2px dotted #05f;
+ background: white;
+ opacity: 0.5;
+ }
+
+
+/* general typography */
+.leaflet-container {
+ font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
+ }
+
+
+/* general toolbar styles */
+
+.leaflet-bar {
+ box-shadow: 0 0 8px rgba(0,0,0,0.4);
+ border: 1px solid #888;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ }
+.leaflet-bar-part {
+ background-color: rgba(255, 255, 255, 0.8);
+ border-bottom: 1px solid #aaa;
+ }
+.leaflet-bar-part-top {
+ -webkit-border-radius: 4px 4px 0 0;
+ border-radius: 4px 4px 0 0;
+ }
+.leaflet-bar-part-bottom {
+ -webkit-border-radius: 0 0 4px 4px;
+ border-radius: 0 0 4px 4px;
+ border-bottom: none;
+ }
+
+.leaflet-touch .leaflet-bar {
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+ }
+.leaflet-touch .leaflet-bar-part {
+ border-bottom: 4px solid rgba(0,0,0,0.3);
+ }
+.leaflet-touch .leaflet-bar-part-top {
+ -webkit-border-radius: 7px 7px 0 0;
+ border-radius: 7px 7px 0 0;
+ }
+.leaflet-touch .leaflet-bar-part-bottom {
+ -webkit-border-radius: 0 0 7px 7px;
+ border-radius: 0 0 7px 7px;
+ border-bottom: none;
+ }
+
+
+/* zoom control */
+
+.leaflet-container .leaflet-control-zoom {
+ margin-left: 13px;
+ margin-top: 12px;
+ }
+.leaflet-control-zoom a {
+ width: 22px;
+ height: 22px;
+ text-align: center;
+ text-decoration: none;
+ color: black;
+ }
+.leaflet-control-zoom a,
+.leaflet-control-layers-toggle {
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ display: block;
+ }
+.leaflet-control-zoom a:hover {
+ background-color: #fff;
+ color: #777;
+ }
+.leaflet-control-zoom-in {
+ font: bold 18px/24px Arial, Helvetica, sans-serif;
+ }
+.leaflet-control-zoom-out {
+ font: bold 23px/20px Tahoma, Verdana, sans-serif;
+ }
+.leaflet-control-zoom a.leaflet-control-zoom-disabled {
+ cursor: default;
+ background-color: rgba(255, 255, 255, 0.8);
+ color: #bbb;
+ }
+
+.leaflet-touch .leaflet-control-zoom a {
+ width: 30px;
+ height: 30px;
+ }
+.leaflet-touch .leaflet-control-zoom-in {
+ font-size: 24px;
+ line-height: 29px;
+ }
+.leaflet-touch .leaflet-control-zoom-out {
+ font-size: 28px;
+ line-height: 24px;
+ }
+
+/* layers control */
+
+.leaflet-control-layers {
+ box-shadow: 0 1px 7px rgba(0,0,0,0.4);
+ background: #f8f8f9;
+ -webkit-border-radius: 8px;
+ border-radius: 8px;
+ }
+.leaflet-control-layers-toggle {
+ background-image: url(images/layers.png);
+ width: 36px;
+ height: 36px;
+ }
+.leaflet-touch .leaflet-control-layers-toggle {
+ width: 44px;
+ height: 44px;
+ }
+.leaflet-control-layers .leaflet-control-layers-list,
+.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
+ display: none;
+ }
+.leaflet-control-layers-expanded .leaflet-control-layers-list {
+ display: block;
+ position: relative;
+ }
+.leaflet-control-layers-expanded {
+ padding: 6px 10px 6px 6px;
+ color: #333;
+ background: #fff;
+ }
+.leaflet-control-layers-selector {
+ margin-top: 2px;
+ position: relative;
+ top: 1px;
+ }
+.leaflet-control-layers label {
+ display: block;
+ }
+.leaflet-control-layers-separator {
+ height: 0;
+ border-top: 1px solid #ddd;
+ margin: 5px -10px 5px -6px;
+ }
+
+
+/* attribution and scale controls */
+
+.leaflet-container .leaflet-control-attribution {
+ background-color: rgba(255, 255, 255, 0.7);
+ box-shadow: 0 0 5px #bbb;
+ margin: 0;
+ }
+.leaflet-control-attribution,
+.leaflet-control-scale-line {
+ padding: 0 5px;
+ color: #333;
+ }
+.leaflet-container .leaflet-control-attribution,
+.leaflet-container .leaflet-control-scale {
+ font-size: 11px;
+ }
+.leaflet-left .leaflet-control-scale {
+ margin-left: 5px;
+ }
+.leaflet-bottom .leaflet-control-scale {
+ margin-bottom: 5px;
+ }
+.leaflet-control-scale-line {
+ border: 2px solid #777;
+ border-top: none;
+ color: black;
+ line-height: 1.1;
+ padding: 2px 5px 1px;
+ font-size: 11px;
+ text-shadow: 1px 1px 1px #fff;
+ background-color: rgba(255, 255, 255, 0.5);
+ box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
+ white-space: nowrap;
+ overflow: hidden;
+ }
+.leaflet-control-scale-line:not(:first-child) {
+ border-top: 2px solid #777;
+ border-bottom: none;
+ margin-top: -2px;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+ }
+.leaflet-control-scale-line:not(:first-child):not(:last-child) {
+ border-bottom: 2px solid #777;
+ }
+
+.leaflet-touch .leaflet-control-attribution,
+.leaflet-touch .leaflet-control-layers,
+.leaflet-touch .leaflet-control-zoom {
+ box-shadow: none;
+ }
+.leaflet-touch .leaflet-control-layers,
+.leaflet-touch .leaflet-control-zoom {
+ border: 4px solid rgba(0,0,0,0.3);
+ }
+
+
+/* popup */
+
+.leaflet-popup {
+ position: absolute;
+ text-align: center;
+ }
+.leaflet-popup-content-wrapper {
+ padding: 1px;
+ text-align: left;
+ -webkit-border-radius: 20px;
+ border-radius: 20px;
+ }
+.leaflet-popup-content {
+ margin: 14px 20px;
+ line-height: 1.4;
+ }
+.leaflet-popup-content p {
+ margin: 18px 0;
+ }
+.leaflet-popup-tip-container {
+ margin: 0 auto;
+ width: 40px;
+ height: 20px;
+ position: relative;
+ overflow: hidden;
+ }
+.leaflet-popup-tip {
+ width: 15px;
+ height: 15px;
+ padding: 1px;
+
+ margin: -8px auto 0;
+
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ transform: rotate(45deg);
+ }
+.leaflet-popup-content-wrapper, .leaflet-popup-tip {
+ background: white;
+
+ box-shadow: 0 3px 14px rgba(0,0,0,0.4);
+ }
+.leaflet-container a.leaflet-popup-close-button {
+ position: absolute;
+ top: 0;
+ right: 0;
+ padding: 4px 5px 0 0;
+ text-align: center;
+ width: 18px;
+ height: 14px;
+ font: 16px/14px Tahoma, Verdana, sans-serif;
+ color: #c3c3c3;
+ text-decoration: none;
+ font-weight: bold;
+ background: transparent;
+ }
+.leaflet-container a.leaflet-popup-close-button:hover {
+ color: #999;
+ }
+.leaflet-popup-scrolled {
+ overflow: auto;
+ border-bottom: 1px solid #ddd;
+ border-top: 1px solid #ddd;
+ }
+
+
+/* div icon */
+
+.leaflet-div-icon {
+ background: #fff;
+ border: 1px solid #666;
+ }
+.leaflet-editing-icon {
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ }
--- /dev/null
+.leaflet-vml-shape {
+ width: 1px;
+ height: 1px;
+ }
+.lvml {
+ behavior: url(#default#VML);
+ display: inline-block;
+ position: absolute;
+ }
+
+.leaflet-control {
+ display: inline;
+ }
+
+.leaflet-popup-tip {
+ width: 21px;
+ _width: 27px;
+ margin: 0 auto;
+ _margin-top: -3px;
+
+ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
+ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
+ }
+.leaflet-popup-tip-container {
+ margin-top: -1px;
+ }
+.leaflet-popup-content-wrapper, .leaflet-popup-tip {
+ border: 1px solid #999;
+ }
+.leaflet-popup-content-wrapper {
+ zoom: 1;
+ }
+
+.leaflet-control-zoom,
+.leaflet-control-layers {
+ border: 3px solid #999;
+ }
+.leaflet-control-zoom a {
+ background-color: #eee;
+ }
+.leaflet-control-zoom a:hover {
+ background-color: #fff;
+ }
+.leaflet-control-layers-toggle {
+ }
+.leaflet-control-attribution,
+.leaflet-control-layers,
+.leaflet-control-scale-line {
+ background: white;
+ }
+.leaflet-zoom-box {
+ filter: alpha(opacity=50);
+ }
+.leaflet-control-attribution {
+ border-top: 1px solid #bbb;
+ border-left: 1px solid #bbb;
+ }
--- /dev/null
+/*--------------------------------------------------------------------------
+ General Style
+--------------------------------------------------------------------------*/
+body {
+ background: url(../img/page-background.png);
+}
+.section {
+ padding: 30px 0;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.section-white {
+ background: #FFF;
+}
+.section .container:first-child h1,
+.section .container:first-child h2,
+.section .container:first-child h3 {
+ margin-top: 0;
+ font-weight: 700;
+}
+.input-micro {
+ width: 50px;
+ margin-bottom: 0 !important;
+}
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+.uneditable-input:focus {
+ border-color: rgba(22, 160, 133, 0.8);
+ outline: 0;
+ outline: thin dotted \9;
+ /* IE6-9 */
+
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(22, 160, 133, 0.6);
+ -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(22, 160, 133, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(22, 160, 133, 0.6);
+ color: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(22, 160, 133, 0.6);
+}
+ul.no-list-style {
+ list-style-type: none;
+ margin-left: 0;
+}
+ul.no-list-style li {
+ line-height: 28px;
+}
+div[class*="span"] {
+ -webkit-transition: all .4s linear;
+ -moz-transition: all .4s linear;
+ -o-transition: all .4s linear;
+ -ms-transition: all .4s linear;
+ transition: all .4s linear;
+}
+/*--------------------------------------------------------------------------
+ Typography Style
+--------------------------------------------------------------------------*/
+body {
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ line-height: 20px;
+ color: #535b60;
+}
+h1 {
+ color: #53555c;
+ font-family: 'Open Sans', sans-serif;
+ font-weight: 800;
+}
+h2 {
+ color: #53555c;
+ font-family: 'Open Sans', sans-serif;
+ font-size: 2em;
+ border-bottom: 2px solid #53555c;
+ line-height: 1.5em;
+ margin: 30px 0;
+ padding-left: 10px;
+}
+h3 {
+ font-family: 'Open Sans', sans-serif;
+ color: #53555c;
+ font-size: 1.5em;
+}
+h4 {
+ font-family: 'Open Sans', sans-serif;
+ color: #53555c;
+ margin-bottom: 10px;
+}
+a {
+ color: #16a085;
+}
+a:hover {
+ color: #0a463a;
+}
+/*--------------------------------------------------------------------------
++ Services Style
+--------------------------------------------------------------------------*/
+/* Multicolumn */
+.service-wrapper {
+ background: #FFF;
+ margin: 20px 10px;
+ text-align: center;
+ padding: 30px 20px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: 0 0 3px #999;
+ -moz-box-shadow: 0 0 3px #999;
+ box-shadow: 0 0 3px #999;
+ color: 0 0 3px #999;
+}
+.service-wrapper h3 {
+ font-size: 1.2em;
+ margin: 10px 0 !important;
+}
+.service-wrapper p {
+ margin-top: 0;
+}
+/* Row */
+.service-wrapper-row {
+ padding: 10px 0;
+}
+.service-wrapper-row h3 {
+ padding-top: 15px;
+}
+.service-wrapper-row .service-image {
+ padding-top: 15px;
+ text-align: center;
+}
+.service-wrapper-row .service-image img {
+ max-width: 80%;
+ vertical-align: bottom;
+ bottom: 0;
+ border: 7px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: 0 0 8px #999;
+ -moz-box-shadow: 0 0 8px #999;
+ box-shadow: 0 0 8px #999;
+ color: 0 0 8px #999;
+}
+/*--------------------------------------------------------------------------
++ Pricing Table Style
+--------------------------------------------------------------------------*/
+.pricing-plan {
+ float: left;
+ text-align: center;
+ background: #fafafa;
+ position: relative;
+ width: 48%;
+ margin: 10px 1% 10px 0;
+ padding: 20px;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
+ -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
+ box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
+ color: 0 1px 8px rgba(0, 0, 0, 0.4);
+ -webkit-transition: -webkit-box-shadow .25s linear;
+ -moz-transition: -moz-box-shadow .25s linear;
+ -o-transition: box-shadow .25s linear;
+ -ms-transition: box-shadow .25s linear;
+ transition: box-shadow .25s linear;
+}
+.pricing-plan:hover {
+ -webkit-box-shadow: 0 0 8px #333;
+ -moz-box-shadow: 0 0 8px #333;
+ box-shadow: 0 0 8px #333;
+ color: 0 0 8px #333;
+ z-index: 5;
+}
+.pricing-plan .pricing-plan-title {
+ position: relative;
+ margin: -20px -10px 20px;
+ padding: 20px;
+ line-height: 1;
+ font-size: 16px;
+ font-weight: bold;
+ color: #595f6b;
+ border-bottom: 1px dashed #d2d2d2;
+}
+.pricing-plan .pricing-plan-title:before {
+ content: '';
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ height: 1px;
+ background-size: 3px 1px;
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjZDJkMmQyIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IiIgc3RvcC1jb2xvcj0iI2QyZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
+ background-image: -moz-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
+ background-image: -webkit-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
+ background-image: -o-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
+ background-image: linear-gradient(to right, white, white 33%, #d2d2d2 34%, #d2d2d2);
+}
+.pricing-plan .pricing-plan-price {
+ margin: 0 auto 20px;
+ width: 90px;
+ height: 90px;
+ line-height: 90px;
+ font-size: 19px;
+ font-weight: bold;
+ color: white;
+ background: #595f6b;
+ -webkit-border-radius: 45px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 45px;
+ -moz-background-clip: padding;
+ border-radius: 45px;
+ background-clip: padding-box;
+}
+.pricing-plan .pricing-plan-price span {
+ font-size: 12px;
+ font-weight: normal;
+ color: rgba(255, 255, 255, 0.9);
+}
+.pricing-plan .pricing-plan-features {
+ margin-bottom: 20px;
+ margin-left: 0;
+ padding: 0;
+ line-height: 2;
+ font-size: 12px;
+ color: #999;
+ text-align: center;
+ list-style-type: none;
+}
+.pricing-plan .pricing-plan-features li strong {
+ font-weight: bold;
+ color: #888;
+}
+.pricing-plan .pricing-plan-promote {
+ margin: 0;
+ padding: 40px 20px;
+ background-color: white;
+ border-width: 2px;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+ z-index: 4;
+}
+.ribbon-wrapper {
+ width: 85px;
+ height: 88px;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.price-ribbon {
+ font: bold 15px Sans-Serif;
+ color: #333;
+ text-align: center;
+ text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
+ position: relative;
+ padding: 7px 0;
+ left: -5px;
+ top: 15px;
+ width: 120px;
+ background-color: #FFF;
+ color: #6a6340;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
+ -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
+ box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
+ color: 0px 0px 3px rgba(0,0,0,0.3);
+}
+.ribbon-green {
+ background-color: #BFDC7A;
+}
+.ribbon-blue {
+ background-color: #5ACBFF;
+}
+.ribbon-orange {
+ background-color: #FF9542;
+}
+.ribbon-red {
+ background-color: #FF7373;
+}
+@media (min-width: 768px) {
+ .pricing-plan {
+ width: 25%;
+ margin: 20px 0;
+ padding: 20px;
+ -webkit-border-radius: 0;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 0;
+ -moz-background-clip: padding;
+ border-radius: 0;
+ background-clip: padding-box;
+ }
+ .pricing-plan:first-child {
+ -webkit-border-top-left-radius: 7px;
+ -moz-border-radius-topleft: 7px;
+ border-top-left-radius: 7px;
+ -webkit-border-bottom-left-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius-bottomleft: 7px;
+ -moz-background-clip: padding;
+ border-bottom-left-radius: 7px;
+ background-clip: padding-box;
+ }
+ .pricing-plan:last-child {
+ border-width: 2px;
+ -webkit-border-top-right-radius: 7px;
+ -moz-border-radius-topright: 7px;
+ border-top-right-radius: 7px;
+ -webkit-border-bottom-right-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius-bottomright: 7px;
+ -moz-background-clip: padding;
+ border-bottom-right-radius: 7px;
+ background-clip: padding-box;
+ }
+ .pricing-plan-promote {
+ background: #fff;
+ padding: 40px;
+ margin-top: 0;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+ z-index: 4;
+ }
+}
+/*--------------------------------------------------------------------------
++ Contact Us Style
+--------------------------------------------------------------------------*/
+#contact-us-map {
+ height: 300px;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.contact-us-details {
+ margin: 20px 0;
+ font-size: 0.9em;
+}
+/*--------------------------------------------------------------------------
++ Video Wrapper Style
+--------------------------------------------------------------------------*/
+.video-wrapper {
+ -webkit-box-shadow: 0 0 5px #000;
+ -moz-box-shadow: 0 0 5px #000;
+ box-shadow: 0 0 5px #000;
+ color: 0 0 5px #000;
+ margin: 20px 0;
+}
+/*--------------------------------------------------------------------------
++ Call to Action Bar Style
+--------------------------------------------------------------------------*/
+.calltoaction-wrapper {
+ text-align: center;
+}
+.calltoaction-wrapper h3 {
+ display: inline-block;
+ line-height: 36px;
+ margin-right: 10px;
+ margin-bottom: 0;
+}
+.calltoaction-wrapper a {
+ vertical-align: top;
+}
+/*--------------------------------------------------------------------------
++ Testimonials Style
+--------------------------------------------------------------------------*/
+.testimonial blockquote {
+ margin: 0;
+ padding: 0;
+ border-left: none;
+}
+.testimonial blockquote p {
+ font-size: 0.9em;
+ margin-bottom: 20px;
+ line-height: 1.5;
+}
+.testimonial .testimonial-bubble {
+ text-align: justify;
+ -webkit-border-radius: 4px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 4px;
+ -moz-background-clip: padding;
+ border-radius: 4px;
+ background-clip: padding-box;
+ padding: 0 20px 20px 20px;
+ margin: 35px 10px 20px 10px;
+ background: #FFF;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ color: inset 0 1px #fff,0 1px 2px #c8cfe6;
+}
+.testimonial .testimonial-bubble::before {
+ background-color: #FFF;
+ content: "\00a0";
+ display: block;
+ height: 20px;
+ width: 20px;
+ top: -10px;
+ left: 45%;
+ position: relative;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.testimonial .author-photo {
+ text-align: center;
+}
+.testimonial .author-photo img {
+ margin: auto;
+ border: 5px solid #FFF;
+ -webkit-border-radius: 100px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 100px;
+ -moz-background-clip: padding;
+ border-radius: 100px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ color: inset 0 1px #fff,0 1px 2px #c8cfe6;
+}
+.testimonial .author-info {
+ font-weight: 400;
+ font-size: 0.8em;
+}
+/*--------------------------------------------------------------------------
++ Clients Logos Style
+--------------------------------------------------------------------------*/
+.clients-logo-wrapper img {
+ max-width: 100%;
+}
+/*--------------------------------------------------------------------------
++ News Style
+--------------------------------------------------------------------------*/
+.featured-news .caption,
+.latest-news .caption {
+ padding: 10px 0 5px 0;
+}
+.featured-news .caption a,
+.latest-news .caption a {
+ font-size: 1.1em;
+ font-weight: 600;
+ color: #535b60;
+}
+.featured-news .intro,
+.latest-news .intro {
+ padding-bottom: 10px;
+ font-size: 0.9em;
+}
+.featured-news .intro a,
+.latest-news .intro a {
+ white-space: nowrap;
+}
+.featured-news .date,
+.latest-news .date {
+ font-size: 0.7em;
+ color: #999;
+}
+.featured-news img,
+.latest-news img {
+ max-width: 100%;
+ margin: 10px 0 10px 0;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+/*--------------------------------------------------------------------------
++ Frequently Asked Questions Style
+--------------------------------------------------------------------------*/
+.faq-wrapper h3 {
+ margin-top: 20px !important;
+}
+.faq-wrapper .accordion-inner {
+ margin: 10px 0 10px 20px;
+ padding: 0 10px;
+ font-size: 0.9em;
+}
+.faq-wrapper .accordion-inner .answer {
+ font-weight: 600;
+}
+/*--------------------------------------------------------------------------
++ Blog Style
+--------------------------------------------------------------------------*/
+/* Posts List */
+.blog-post {
+ background: #FFF;
+ position: relative;
+ margin: 20px 0;
+ border: 7px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.blog-post img {
+ max-width: 100%;
+}
+.blog-post .post-info {
+ background: #000;
+ background: rgba(0, 0, 0, 0.6);
+ color: #FFF;
+ line-height: 1.2;
+ position: absolute;
+ padding: 5px;
+ left: 10px;
+ top: 10px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+.blog-post .post-comments-count {
+ text-align: center;
+}
+.post-info .post-comments-count {
+ padding-top: 5px;
+}
+.post-info .post-comments-count i {
+ margin-right: 5px;
+}
+.post-info .post-comments-count a {
+ color: #FFF;
+}
+.post-info .post-date .date {
+ font-size: 0.7em;
+ font-weight: 600;
+}
+.post-title h3 {
+ font-size: 1.2em;
+ border-bottom: 1px dotted #828282;
+ margin: 0 20px;
+ padding-top: 10px;
+}
+.post-title h3 a {
+ color: #535b60;
+}
+.post-summary {
+ margin: 10px 20px;
+}
+.post-summary p {
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+}
+.post-more {
+ text-align: right;
+ padding: 0 20px 20px 0;
+}
+/* Single Post */
+.blog-single-post {
+ padding: 10px 30px;
+}
+.single-post-title h3 {
+ font-size: 1.5em;
+ margin: 0;
+}
+.single-post-info {
+ margin-bottom: 20px;
+ padding-bottom: 10px;
+ border-bottom: 1px dotted #828282;
+}
+.single-post-info i {
+ color: #333;
+ margin-right: 5px;
+}
+.single-post-image {
+ text-align: center;
+}
+.single-post-image img {
+ -webkit-box-shadow: 0 0 5px #000;
+ -moz-box-shadow: 0 0 5px #000;
+ box-shadow: 0 0 5px #000;
+ color: 0 0 5px #000;
+}
+.single-post-content {
+ margin: 30px 0 20px 0;
+ padding-bottom: 20px;
+ border-bottom: 2px dotted #CCC;
+}
+.single-post-content p {
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+}
+.post-comments {
+ list-style-type: none;
+ margin-left: 0;
+ margin-bottom: 40px;
+ padding: 0;
+}
+.post-comments ul {
+ list-style-type: none;
+ margin-left: 30px;
+ padding: 0;
+}
+.comment-wrapper p {
+ margin: 0;
+ position: relative;
+ border: 1px solid #CCC;
+ padding: 10px;
+ margin-bottom: 10px;
+ -webkit-border-radius: 3px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 3px;
+ -moz-background-clip: padding;
+ border-radius: 3px;
+ background-clip: padding-box;
+}
+.comment-author {
+ font-size: 1.3em;
+ font-weight: 600;
+ margin-bottom: 10px;
+}
+.comment-author img {
+ max-width: 50px;
+ -webkit-border-radius: 25px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 25px;
+ -moz-background-clip: padding;
+ border-radius: 25px;
+ background-clip: padding-box;
+ margin-right: 10px;
+}
+.comment-date {
+ font-size: 0.9em;
+ margin-right: 20px;
+}
+.comment-actions {
+ text-align: right;
+ opacity: 0.6;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.comment-actions:hover {
+ text-align: right;
+ opacity: 1;
+}
+.comment-actions i {
+ color: #333;
+}
+.comment-reply-btn {
+ margin-left: 10px;
+}
+.blog-sidebar h4 {
+ margin-top: 20px;
+ font-weight: 700;
+}
+.blog-sidebar h4:first-child {
+ margin-top: 0;
+}
+.blog-sidebar ul {
+ list-style-type: none;
+ margin-left: 0;
+ padding: 0;
+}
+.blog-sidebar .recent-posts li,
+.blog-sidebar .blog-categories li {
+ padding: 5px 20px 5px 0;
+ border-top: 1px solid #D5D5D5;
+}
+.blog-sidebar .recent-posts li:last-child,
+.blog-sidebar .blog-categories li:last-child {
+ border-bottom: 1px solid #D5D5D5;
+}
+.blog-sidebar .recent-posts a,
+.blog-sidebar .blog-categories a {
+ color: #535b60;
+}
+/*--------------------------------------------------------------------------
++ E-commerce Style
+--------------------------------------------------------------------------*/
+.shop-item {
+ position: relative;
+ background: #FFF;
+ padding-bottom: 10px;
+ margin-top: 20px;
+ margin-bottom: 10px;
+ border: 8px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.shop-item img {
+ max-width: 100%;
+}
+.shop-item .image {
+ text-align: center;
+}
+.shop-item .title {
+ padding: 20px 0 10px;
+}
+.shop-item .title h3 {
+ font-size: 0.9em;
+ margin: 0 10px;
+ text-align: center;
+}
+.shop-item .title h3 a {
+ color: #535b60;
+ text-transform: uppercase;
+}
+.shop-item .colors {
+ text-align: center;
+ margin-bottom: 10px;
+}
+.shop-item .colors span {
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+ margin: 2px;
+}
+.shop-item .price {
+ color: #535b60;
+ font-size: 1.5em;
+ text-align: center;
+ margin-bottom: 20px;
+ font-weight: 600;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+}
+.shop-item .price .price-was {
+ color: #A7A7A7;
+ font-size: 0.8em;
+ text-decoration: line-through;
+}
+.shop-item .description {
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+ margin: 0 10px;
+}
+.shop-item .description p {
+ border-top: 1px solid #ECECEC;
+ padding: 10px;
+ margin: 0;
+}
+.shop-item .actions {
+ border-top: 1px solid #ECECEC;
+ margin: 0 10px;
+ padding-top: 20px;
+ text-align: center;
+}
+.shop-item .actions span {
+ font-size: 0.8em;
+ white-space: nowrap;
+}
+.colors {
+ text-align: center;
+ margin-bottom: 10px;
+}
+.colors span {
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+ margin: 2px;
+}
+span.color-white {
+ background-color: #D7D7CF;
+ border-color: #c0c0b3;
+}
+span.color-black {
+ background-color: #000;
+ border-color: #000000;
+}
+span.color-blue {
+ background-color: #073A52;
+ border-color: #031923;
+}
+span.color-orange {
+ background-color: #D56E1D;
+ border-color: #a85717;
+}
+span.color-green {
+ background-color: #5C6632;
+ border-color: #3d4421;
+}
+span.color-red {
+ background-color: #DA1111;
+ border-color: #ab0d0d;
+}
+/*--------------------------------------------------------------------------
++ Product Details Page Style
+--------------------------------------------------------------------------*/
+.product-image-large {
+ border: 8px solid #FFF;
+ text-align: center;
+ margin-bottom: 10px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.product-image-large img {
+ max-width: 100%;
+}
+.product-details h4,
+.product-details h5 {
+ font-weight: 700;
+}
+.product-details h4 {
+ margin-bottom: 20px;
+}
+.product-details h5 {
+ margin-top: 20px;
+}
+.product-details .price {
+ font-size: 1.4em;
+ font-weight: 700;
+ text-align: left;
+ padding: 5px;
+ background: rgba(255, 255, 255, 0.6);
+ display: inline;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+.product-details .price-was {
+ text-decoration: line-through;
+ font-size: 0.8em;
+ font-weight: normal;
+}
+.product-details .shop-item-selections {
+ width: 100%;
+}
+.product-details .shop-item-selections td {
+ line-height: 36px;
+}
+.product-details .shop-item-selections td:first-child {
+ width: 30%;
+}
+.product-details .choose-item-color span {
+ display: inline-block;
+ *display: inline;
+ width: 10px;
+ height: 10px;
+ border-width: 1px;
+ border-style: solid;
+ margin-bottom: -1px;
+ margin-right: 2px;
+}
+.product-details-nav {
+ margin-top: 30px !important;
+ margin-left: 0 !important;
+}
+.product-detail-info {
+ background: #fff;
+ border-top: 0;
+ border-left: 1px;
+ border-right: 1px;
+ border-bottom: 1px;
+ border-color: #ddd;
+ border-style: solid;
+ padding: 20px 30px;
+}
+.product-detail-info p,
+.product-detail-info ul {
+ font-size: 0.9em;
+}
+.product-detail-info table {
+ width: 100%;
+}
+.product-detail-info table td {
+ font-size: 0.9em;
+ width: 50%;
+ line-height: 28px;
+ border-bottom: 1px solid #E7E7E7;
+}
+.product-detail-info table td:first-child {
+ font-weight: 600;
+}
+.product-detail-info table tr:last-child td {
+ border-bottom: 0;
+}
+/*--------------------------------------------------------------------------
++ Shopping Cart Style
+--------------------------------------------------------------------------*/
+.shopping-cart {
+ margin: 10px 0 0 0;
+ width: 100%;
+ border-collapse: separate;
+ border-spacing: 0 10px;
+}
+.shopping-cart a {
+ color: #535b60;
+}
+.shopping-cart tr {
+ background: #FFF;
+}
+.shopping-cart td {
+ padding: 10px;
+}
+.shopping-cart td:first-child {
+ -webkit-border-radius: 5px 0 0 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px 0 0 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px 0 0 5px;
+ background-clip: padding-box;
+ margin-left: 10px;
+}
+.shopping-cart td:last-child {
+ -webkit-border-radius: 0 5px 5px 0;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 0 5px 5px 0;
+ -moz-background-clip: padding;
+ border-radius: 0 5px 5px 0;
+ background-clip: padding-box;
+ margin-right: 10px;
+}
+.shopping-cart .image,
+.shopping-cart .image img {
+ max-width: 150px;
+}
+.shopping-cart .title {
+ font-size: 1.1em;
+}
+.shopping-cart .feature {
+ font-size: 0.8em;
+}
+.shopping-cart .color span {
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+}
+.shopping-cart .quantity {
+ width: 80px;
+}
+.shopping-cart .price {
+ color: #535b60;
+ font-size: 1.2em;
+ width: 80px;
+ text-align: center;
+}
+.shopping-cart .actions {
+ width: 80px;
+}
+.shopping-cart .actions .btn {
+ margin-bottom: 5px;
+}
+.cart-totals {
+ margin: 20px 0 30px 0;
+ border-top: 2px solid #535b60;
+ font-size: 1.1em;
+ line-height: 24px;
+ text-align: right;
+ width: 100%;
+}
+.cart-totals td {
+ width: 150px;
+ padding: 3px 0;
+}
+.cart-totals .cart-grand-total {
+ font-size: 1.3em;
+}
+@media (max-width: 500px) {
+ .shopping-cart .image {
+ display: none;
+ }
+ .cart-item-title {
+ font-size: 0.8em;
+ }
+}
+/*--------------------------------------------------------------------------
++ Products Slider Style
+--------------------------------------------------------------------------*/
+.products-slider .shop-item {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ width: 25%;
+ float: left;
+ display: block;
+ position: relative;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.products-slider .shop-item img {
+ -webkit-border-radius: 5px 5px 0 0;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px 5px 0 0;
+ -moz-background-clip: padding;
+ border-radius: 5px 5px 0 0;
+ background-clip: padding-box;
+}
+.products-slider .shop-item .title h3 a {
+ font-size: 1em;
+ font-weight: 400;
+}
+.products-slider .shop-item .price {
+ font-size: 1.1em;
+ font-weight: 400;
+ margin-bottom: 10px;
+}
+.products-slider .shop-item .actions {
+ padding: 10px 0;
+}
+@media (max-width: 768px) {
+ .products-slider .shop-item {
+ width: 34%;
+ }
+}
+@media (max-width: 479px) {
+ .products-slider .shop-item {
+ width: 100%;
+ }
+}
+/*--------------------------------------------------------------------------
++ Events List Style
+--------------------------------------------------------------------------*/
+.events-list {
+ width: 100%;
+ font-size: 0.9em;
+}
+.events-list tr td {
+ padding: 5px 20px 5px 0;
+}
+.events-list tr td:last-child {
+ padding: 5px 0;
+ text-align: right;
+}
+.events-list tr:hover .event-date {
+ border-left: 5px solid #16a085;
+}
+.events-list .event-date {
+ margin: 3px 0;
+ padding: 2px 10px;
+ border-left: 5px solid #CFCFCF;
+ -webkit-transition: all .25s linear;
+ -moz-transition: all .25s linear;
+ -o-transition: all .25s linear;
+ -ms-transition: all .25s linear;
+ transition: all .25s linear;
+}
+.events-list .event-date .event-day {
+ color: #808080;
+ font-size: 1.5em;
+ font-weight: 600;
+ text-align: center;
+}
+.events-list .event-date .event-month {
+ color: #CFCFCF;
+ font-size: 1.1em;
+ font-weight: 600;
+ text-align: center;
+}
+.events-list .event-date .event-venue,
+.events-list .event-date .event-price {
+ white-space: nowrap;
+}
+/*--------------------------------------------------------------------------
++ Jobs list Style
+--------------------------------------------------------------------------*/
+.jobs-list {
+ width: 100%;
+}
+.jobs-list th {
+ font-size: 1.2em;
+ text-align: left;
+ padding: 10px 0;
+}
+.jobs-list td {
+ padding: 5px 20px 5px 0;
+ border-top: 1px solid #E6E6E6;
+}
+.jobs-list tr:last-child td {
+ border-bottom: 1px solid #E6E6E6;
+}
+.job-position a {
+ color: #535b60;
+ font-size: 1.1em;
+}
+.job-location,
+.job-type {
+ font-size: 0.9em;
+}
+.join-us-promo blockquote {
+ margin: 0;
+ padding: 0;
+ border-left: none;
+}
+.join-us-promo blockquote p {
+ font-size: 1.1em;
+ margin-bottom: 20px;
+ line-height: 1.5;
+}
+.join-us-promo .author-info {
+ font-weight: 400;
+ font-size: 0.8em;
+}
+.join-us-promo .author-photo {
+ text-align: center;
+}
+.join-us-promo .author-photo img {
+ margin: auto;
+ border: 5px solid #FFF;
+ -webkit-border-radius: 70px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 70px;
+ -moz-background-clip: padding;
+ border-radius: 70px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ color: inset 0 1px #fff,0 1px 2px #c8cfe6;
+}
+.join-us-bubble {
+ text-align: justify;
+ -webkit-border-radius: 4px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 4px;
+ -moz-background-clip: padding;
+ border-radius: 4px;
+ background-clip: padding-box;
+ padding: 20px 20px 0 20px;
+ margin-top: 30px;
+ margin-bottom: 30px;
+ background: #FFF;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ color: inset 0 1px #fff,0 0 4px #c8cfe6;
+}
+.join-us-bubble::after {
+ background: #FFF;
+ content: "\00a0";
+ display: block;
+ height: 20px;
+ width: 20px;
+ bottom: -10px;
+ left: 45%;
+ position: relative;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -webkit-box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+ box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+ color: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+}
+.job-details-wrapper p {
+ text-align: justify;
+}
+/*--------------------------------------------------------------------------
++ Login/Register/Reset Password Forms Style
+--------------------------------------------------------------------------*/
+.basic-login {
+ background: rgba(255, 255, 255, 0.8);
+ padding: 20px 20px 10px 20px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ color: inset 0 1px #fff,0 0 4px #c8cfe6;
+}
+.basic-login form {
+ margin: 0;
+}
+.basic-login label {
+ line-height: 30px;
+ font-size: 1.2em;
+}
+.basic-login input[type="checkbox"] {
+ margin-top: 4px;
+}
+.social-login p {
+ text-align: center;
+ font-size: 1.2em;
+ font-style: italic;
+ padding: 20px 0;
+}
+.social-login .social-login-buttons {
+ text-align: center;
+}
+.social-login .social-login-buttons a {
+ position: relative;
+ display: inline-block;
+ white-space: nowrap;
+ height: 35px;
+ line-height: 35px;
+ padding-right: 15px;
+ margin: 10px 5px;
+ color: #fff;
+ font-size: 1.1em;
+ text-align: left;
+ -webkit-border-radius: 3px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 3px;
+ -moz-background-clip: padding;
+ border-radius: 3px;
+ background-clip: padding-box;
+ -webkit-transition: opacity .2s linear;
+ -moz-transition: opacity .2s linear;
+ -o-transition: opacity .2s linear;
+ -ms-transition: opacity .2s linear;
+ transition: opacity .2s linear;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.social-login .social-login-buttons a:hover {
+ opacity: 0.8;
+ text-decoration: none;
+}
+.social-login .social-login-buttons a:before {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 5px;
+ width: 24px;
+ height: 24px;
+ background-image: url(../img/social-login.png);
+ background-repeat: no-repeat;
+}
+.social-login .btn-facebook-login {
+ padding-left: 35px;
+ background-color: #6886bc;
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNjg4NmJjIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjZjYTkiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
+ background-image: -moz-linear-gradient(top,#6886bc 0,#466ca9 100%);
+ background-image: -webkit-linear-gradient(top,#6886bc 0,#466ca9 100%);
+ background-image: -o-linear-gradient(top,#6886bc 0,#466ca9 100%);
+ background-image: linear-gradient(top,#6886bc 0,#466ca9 100%);
+}
+.social-login .btn-twitter-login {
+ padding-left: 45px;
+ background-color: #25b6e6;
+}
+.social-login .btn-facebook-login:before {
+ left: 10px;
+ background-position: 0 0;
+}
+.social-login .btn-twitter-login:before {
+ left: 15px;
+ background-position: -48px 0;
+}
+.social-login .not-member p {
+ font-size: 1.5em;
+ font-weight: 600;
+ font-style: normal;
+ margin-top: 30px;
+ border-top: 1px solid #CCC;
+}
+/*--------------------------------------------------------------------------
++ 'In Press' Style
+--------------------------------------------------------------------------*/
+.in-press a {
+ color: #a0a7ac;
+ font-size: 1.3em;
+ font-family: Georgia, serif;
+ line-height: 28px;
+ position: relative;
+ padding-left: 16px;
+ padding-bottom: 32px;
+ margin-bottom: 15px;
+ display: block;
+ -webkit-transition: color .25s linear;
+ -moz-transition: color .25s linear;
+ -o-transition: color .25s linear;
+ -ms-transition: color .25s linear;
+ transition: color .25s linear;
+}
+.in-press a:hover {
+ color: #16a085;
+ text-decoration: none;
+}
+.in-press a:after {
+ content: '';
+ display: block;
+ position: absolute;
+ bottom: -10px;
+ right: 20px;
+ width: 120px;
+ height: 32px;
+ background-image: url(../img/in-press.png);
+ background-repeat: no-repeat;
+ -webkit-transition: .25s linear;
+ -moz-transition: .25s linear;
+ -o-transition: .25s linear;
+ -ms-transition: .25s linear;
+ transition: .25s linear;
+}
+.in-press a:before {
+ content: "\201C";
+ margin-left: -16px;
+ font-size: 2.2em;
+}
+.press-wired a:after {
+ background-position: 0px 0px;
+}
+.press-wired a:hover:after {
+ background-position: 0px -32px;
+}
+.press-mashable a:after {
+ background-position: -120px 0px;
+}
+.press-mashable a:hover:after {
+ background-position: -120px -32px;
+}
+.press-techcrunch a:after {
+ background-position: -240px 0px;
+}
+.press-techcrunch a:hover:after {
+ background-position: -240px -32px;
+}
+/*--------------------------------------------------------------------------
++ Portfolio Style
+--------------------------------------------------------------------------*/
+.portfolio-item {
+ position: relative;
+ background: #FFF;
+ margin-bottom: 20px;
+ border: 8px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -webkit-transition: all .5s ease;
+ -moz-transition: all .5s ease;
+ -o-transition: all .5s ease;
+ -ms-transition: all .5s ease;
+ transition: all .5s ease;
+}
+.portfolio-item .portfolio-image {
+ overflow: hidden;
+ text-align: center;
+ position: relative;
+}
+.portfolio-item .portfolio-image img {
+ max-width: 100%;
+ -webkit-transition: all .25s ease;
+ -moz-transition: all .25s ease;
+ -o-transition: all .25s ease;
+ -ms-transition: all .25s ease;
+ transition: all .25s ease;
+}
+.portfolio-item:hover {
+ border: 8px solid #16a085;
+}
+.portfolio-item:hover .portfolio-image img {
+ position: relative;
+ -webkit-transform: scale(1.1) rotate(2deg);
+ -moz-transform: scale(1.1) rotate(2deg);
+ -o-transform: scale(1.1) rotate(2deg);
+ -ms-transform: scale(1.1) rotate(2deg);
+ transform: scale(1.1) rotate(2deg);
+}
+.portfolio-item ul {
+ list-style-type: none;
+ margin-left: 0;
+ margin-top: 20px;
+ text-align: center;
+ padding: 0;
+}
+.portfolio-item ul li {
+ line-height: 28px;
+}
+.portfolio-item .portfolio-project-name {
+ font-size: 1.3em;
+ text-transform: uppercase;
+}
+.portfolio-item .read-more {
+ text-align: center;
+ padding-top: 10px;
+}
+.portfolio-item .portfolio-info-fade {
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ top: 0;
+ position: absolute;
+ background: #000;
+ background: rgba(0, 0, 0, 0.7);
+ width: 100%;
+ height: 100%;
+ color: #FFF;
+ text-shadow: 2px 2px 4px #000000;
+ filter: dropshadow(color=#000000, offx=2, offy=2);
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.portfolio-item .portfolio-info-fade ul {
+ margin-top: 10%;
+}
+.portfolio-item .portfolio-info-fade .btn:hover {
+ background: #16a085;
+}
+.portfolio-item .portfolio-info-fade ul {
+ margin: 10% 20px 0 20px;
+ padding: 0;
+}
+.portfolio-item .portfolio-info-fade ul li {
+ text-align: center;
+}
+.portfolio-item .portfolio-info-fade ul li:first-child {
+ border-bottom: 1px solid #CCC;
+}
+.portfolio-item:hover .portfolio-info-fade {
+ display: block;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.lt-ie9 .portfolio-info-fade {
+ display: none;
+}
+.lt-ie9 .portfolio-item:hover .portfolio-info-fade {
+ display: block;
+}
+.portfolio-visit-btn {
+ padding-top: 15px;
+}
+.portfolio-item-description ul {
+ padding: 0;
+}
+/*--------------------------------------------------------------------------
++ Our Team Style
+--------------------------------------------------------------------------*/
+.team-member {
+ position: relative;
+ background: #FFF;
+ margin-bottom: 20px;
+ border: 8px solid #FFF;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.team-member img {
+ max-width: 100%;
+}
+.team-member ul {
+ list-style-type: none;
+ margin-left: 0;
+ margin-top: 20px;
+}
+.team-member ul li {
+ line-height: 28px;
+}
+.team-member:hover .team-member-image {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.team-member .team-member-image {
+ text-align: center;
+ position: relative;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+ -webkit-opacity: 0.85;
+ -moz-opacity: 0.85;
+ opacity: 0.85;
+}
+.team-member .team-member-name {
+ font-size: 1.3em;
+ text-transform: uppercase;
+}
+.team-member .team-member-social {
+ position: absolute;
+ right: 0;
+ -webkit-opacity: 0.5;
+ -moz-opacity: 0.5;
+ opacity: 0.5;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.team-member .team-member-social .team-member-social i {
+ margin-top: 3px;
+}
+.team-member .team-member-social:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+/*--------------------------------------------------------------------------
++ Sitemap Style
+--------------------------------------------------------------------------*/
+.sitemap {
+ margin-left: 0;
+ list-style-type: none;
+ padding: 0;
+}
+.sitemap a {
+ color: #535b60;
+}
+.sitemap li {
+ padding: 10px 0;
+ font-weight: 600;
+}
+.sitemap ul {
+ list-style-type: none;
+ margin-top: 10px;
+ margin-left: 10px;
+ padding: 0;
+}
+.sitemap ul li {
+ padding: 3px 0;
+ font-size: 0.9em;
+ font-weight: 400;
+}
+/*--------------------------------------------------------------------------
++ Coming Soon Page Style
+--------------------------------------------------------------------------*/
+.coming-soon-top {
+ background: #FFF;
+ background: rgba(255, 255, 255, 0.8);
+ min-height: 80px;
+}
+.coming-soon-top .logo-wrapper {
+ padding-top: 20px;
+}
+.coming-soon-content {
+ margin-top: 5%;
+ text-align: center;
+}
+.coming-soon-content h3 {
+ font-size: 3em;
+ line-height: 1.3em;
+ font-weight: 400;
+ color: #FFF;
+ margin-bottom: 40px;
+ text-shadow: 1px 1px 8px #000000;
+}
+.coming-soon-content p {
+ color: #E6E6E6;
+ text-shadow: 2px 2px 4px #000000;
+}
+.coming-soon-subscribe {
+ padding-top: 30px;
+}
+.coming-soon-subscribe .btn {
+ border-radius: 0 5px 5px 0;
+}
+.coming-soon-subscribe p {
+ margin-top: 10px;
+}
+.coming-soon-social {
+ margin-top: 60px;
+ -webkit-opacity: 0.7;
+ -moz-opacity: 0.7;
+ opacity: 0.7;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.coming-soon-social a {
+ display: inline-block;
+}
+.coming-soon-social:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.full-screen-background {
+ z-index: -999;
+ min-height: 100%;
+ min-width: 1024px;
+ width: 100%;
+ height: auto;
+ position: fixed;
+ top: 0;
+ left: 0;
+}
+/*--------------------------------------------------------------------------
++ Breadcrumbs Section Style
+--------------------------------------------------------------------------*/
+.section-breadcrumbs {
+ background: #222;
+ background: rgba(34, 34, 34, 0.8);
+ margin-bottom: 10px;
+}
+.section-breadcrumbs h1 {
+ color: #FAFAFA;
+ font-size: 1.6em;
+ margin-bottom: 0;
+ text-transform: none;
+}
+/*--------------------------------------------------------------------------
+ Footer Style
+--------------------------------------------------------------------------*/
+.footer {
+ background: #222;
+ color: #A0A0A0;
+ padding: 0 20px 10px 20px;
+ border-top: 4px solid #16a085;
+ margin-top: 20px;
+ -webkit-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
+ -moz-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
+ box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
+ color: 0 -1px 12px rgba(0,0,0,0.4);
+}
+.footer h3 {
+ color: #E4E4E4;
+ font-size: 1.3em;
+ border-bottom: 1px dotted #7C7C7C;
+}
+.footer ul {
+ padding: 0;
+}
+.footer-navigate-section li {
+ line-height: 20px !important;
+}
+.footer-stay-connected a {
+ text-align: left;
+ text-indent: -9999px;
+ display: block;
+ width: 115px;
+ height: 40px;
+ background: url(../img/stay-connected.png);
+ -webkit-opacity: 0.5;
+ -moz-opacity: 0.5;
+ opacity: 0.5;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.footer-stay-connected a:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.footer-stay-connected a.facebook {
+ background-position: -115px 0;
+}
+.footer-stay-connected a.twitter {
+ background-position: -230px 0;
+}
+.footer-stay-connected a.googleplus {
+ background-position: 0 0;
+}
+.footer-stay-connected li {
+ text-align: center;
+}
+.footer-copyright {
+ text-align: center;
+ color: #7C7C7C;
+ border-top: 1px dotted #7C7C7C;
+ padding-top: 10px;
+ font-size: 0.9em;
+}
+/*--------------------------------------------------------------------------
++ Pagination Style (overrides Bootstrap style)
+--------------------------------------------------------------------------*/
+.pagination-wrapper {
+ margin-top: 15px;
+ text-align: center;
+}
+.pagination > li > a,
+.pagination > li > span {
+ border: none;
+ border-bottom: 3px solid #FFF;
+ color: #666666;
+ margin-left: 0;
+ margin-bottom: 5px;
+ -webkit-transition: all .25s linear;
+ -moz-transition: all .25s linear;
+ -o-transition: all .25s linear;
+ -ms-transition: all .25s linear;
+ transition: all .25s linear;
+}
+.pagination > li > a:hover,
+.pagination > li > a:focus,
+.pagination > .active > a,
+.pagination > .active > span {
+ background: #FFF;
+}
+.pagination > li > a:hover {
+ border-bottom: 3px solid #666666;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+ color: #666666;
+ border-bottom: 3px solid #16a085;
+}
+.pagination > .disabled > a {
+ border-color: #fff;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+ margin-bottom: 0;
+ color: #C9C9C9;
+ background-color: #FFF;
+ cursor: default;
+}
+/*--------------------------------------------------------------------------
++ Custom Style for Maps
+--------------------------------------------------------------------------*/
+.leaflet-popup-content-wrapper {
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+/*--------------------------------------------------------------------------
++ Custom Style for Tabs (overrides Bootstrap)
+--------------------------------------------------------------------------*/
+.nav-tabs > li > a {
+ font-size: 1.1em;
+ padding: 10px 15px;
+ color: #535b60;
+}
+.nav-tabs > .active > a,
+.nav-tabs > .active > a:hover,
+.nav-tabs > .active > a:focus {
+ font-weight: 600;
+ background-color: #ffffff;
+ border: 1px solid #ddd;
+ border-top: 3px solid #16a085;
+ border-bottom-color: transparent;
+ cursor: default;
+}
+/*--------------------------------------------------------------------------
++ 404 Page Style
+--------------------------------------------------------------------------*/
+.error-page-wrapper {
+ font-size: 1.5em;
+ font-weight: 600;
+ margin: 100px 0;
+ text-align: center;
+}
+/*--------------------------------------------------------------------------
++ Homepage Slider Style (modified sequencejs CSS). Sorry, no LESS here
+--------------------------------------------------------------------------*/
+#sequence {
+ overflow: hidden;
+ width: 100%;
+ max-width: 1920px;
+ color: white;
+ font-size: 0.625em;
+ margin: 0 auto 30px auto;
+ position: relative;
+ height: 400px;
+}
+#sequence img {
+ max-width: 100%;
+}
+#sequence > .sequence-canvas {
+ list-style-type: none;
+ height: 400px;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+#sequence h2 {
+ font-size: 4em;
+ color: #FFF;
+ text-shadow: 2px 2px 3px #444;
+ border: none;
+ padding-left: 0;
+ margin-top: 0;
+}
+#sequence h3 {
+ font-size: 2em;
+ color: #FFF;
+ text-shadow: 2px 2px 3px #444;
+}
+#sequence > .sequence-canvas > li {
+ position: absolute;
+ width: 100%;
+ height: 400px;
+ z-index: 1;
+ -webkit-transition-property: background;
+ -moz-transition-property: background;
+ -o-transition-property: background;
+ -ms-transition-property: background;
+ transition-property: background;
+ background-position: -50px 0;
+}
+#sequence > .sequence-canvas > li.bg1 {
+ background-image: url(../img/homepage-slider/slider-bg1.jpg);
+}
+#sequence > .sequence-canvas > li.bg2 {
+ background-image: url(../img/homepage-slider/slider-bg2.jpg);
+}
+#sequence > .sequence-canvas > li.bg3 {
+ background-image: url(../img/homepage-slider/slider-bg3.jpg);
+}
+#sequence > .sequence-canvas > li.bg4 {
+ background-image: url(../img/homepage-slider/slider-bg4.jpg);
+}
+#sequence > .sequence-canvas > li.bg5 {
+ background-image: url(../img/homepage-slider/slider-bg5.jpg);
+}
+#sequence > .sequence-canvas > li.bg6 {
+ background-image: url(../img/homepage-slider/slider-bg6.jpg);
+}
+#sequence > .sequence-canvas > li.bg7 {
+ background-image: url(../img/homepage-slider/slider-bg7.jpg);
+}
+#sequence > .sequence-canvas > li.bg8 {
+ background-image: url(../img/homepage-slider/slider-bg8.jpg);
+}
+#sequence > .sequence-canvas > li.bg9 {
+ background-image: url(../img/homepage-slider/slider-bg9.jpg);
+}
+#sequence > .sequence-canvas > li.bg10 {
+ background-image: url(../img/homepage-slider/slider-bg10.jpg);
+}
+#sequence > .sequence-canvas > li.bg11 {
+ background-image: url(../img/homepage-slider/slider-bg11.jpg);
+}
+#sequence > .sequence-canvas > li.bg12 {
+ background-image: url(../img/homepage-slider/slider-bg12.jpg);
+}
+#sequence > .sequence-canvas > li.bg13 {
+ background-image: url(../img/homepage-slider/slider-bg13.jpg);
+}
+#sequence > .sequence-canvas > li.bg14 {
+ background-image: url(../img/homepage-slider/slider-bg14.jpg);
+}
+#sequence > .sequence-canvas > li img {
+ height: 96%;
+}
+#sequence > .sequence-canvas li > * {
+ position: absolute;
+ -webkit-transition-property: left, opacity;
+ -moz-transition-property: left, opacity;
+ -o-transition-property: left, opacity;
+ -ms-transition-property: left, opacity;
+ transition-property: left, opacity;
+}
+.sequence-next,
+.sequence-prev {
+ color: white;
+ cursor: pointer;
+ display: none;
+ font-weight: bold;
+ padding: 10px 15px;
+ position: absolute;
+ top: 50%;
+ z-index: 1000;
+ height: 75px;
+ margin-top: -47.5px;
+}
+.sequence-pause {
+ bottom: 0;
+ cursor: pointer;
+ position: absolute;
+ z-index: 1000;
+}
+.sequence-paused {
+ -webkit-opacity: 0.3;
+ -moz-opacity: 0.3;
+ opacity: 0.3;
+}
+.sequence-prev {
+ left: 3%;
+}
+.sequence-next {
+ right: 3%;
+}
+.sequence-prev img,
+.sequence-next img {
+ height: 100%;
+ width: auto;
+}
+#sequence-preloader {
+ background: #d9d9d9;
+}
+.sequence-pagination-wrapper {
+ position: absolute;
+ bottom: 10px;
+ right: 20px;
+ z-index: 99;
+}
+.sequence-pagination {
+ display: none;
+ z-index: 99;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.sequence-pagination li {
+ display: inline-block;
+ *display: inline;
+ width: 14px;
+ height: 14px;
+ margin: 0 4px;
+ text-indent: -999em;
+ border: 4px solid #16a085;
+ cursor: pointer;
+ -webkit-border-radius: 30px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 30px;
+ -moz-background-clip: padding;
+ border-radius: 30px;
+ background-clip: padding-box;
+ -webkit-opacity: 0.8;
+ -moz-opacity: 0.8;
+ opacity: 0.8;
+ -webkit-transition: background .5s, opacity .5s;
+ -moz-transition: background .5s, opacity .5s;
+ -o-transition: background .5s, opacity .5s;
+ -ms-transition: background .5s, opacity .5s;
+ transition: background .5s, opacity .5s;
+}
+.sequence-pagination li.current {
+ background: #16a085;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.sequence-next,
+.sequence-prev {
+ position: absolute;
+ opacity: 0.6;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+.sequence-next:hover,
+.sequence-prev:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+#sequence .title {
+ font-size: 3.8em;
+ text-transform: none;
+ left: 0%;
+ width: 35%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ bottom: 60%;
+ z-index: 50;
+}
+#sequence > .sequence-canvas > li.animate-in {
+ background-position: 0 0;
+ -webkit-transition-duration: 1.5s;
+ -moz-transition-duration: 1.5s;
+ -o-transition-duration: 1.5s;
+ transition-duration: 1.5s;
+}
+#sequence .animate-in .title {
+ left: 15%;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+#sequence .animate-out .title {
+ left: 35%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.subtitle {
+ color: black;
+ font-size: 2em;
+ left: 35%;
+ width: 35%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ top: 40%;
+}
+.animate-in .subtitle {
+ left: 15%;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.animate-out .subtitle {
+ left: 65%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.slide-img {
+ left: 90%;
+ top: 20%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ position: relative;
+ height: auto !important;
+ max-height: 450px !important;
+ max-width: 45% !important;
+}
+.animate-in .slide-img {
+ left: 55%;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+.animate-out .slide-img {
+ left: 15%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+@media only screen and (min-width: 992px) {
+ #sequence .title {
+ width: 42%;
+ }
+}
+@media only screen and (max-width: 838px) {
+ #sequence .slide-img {
+ max-height: 530px !important;
+ width: auto;
+ }
+}
+@media only screen and (max-width: 768px) {
+ #sequence {
+ height: 400px;
+ }
+ #sequence .title {
+ font-size: 2.8em;
+ }
+ #sequence .subtitle {
+ font-size: 1.6em;
+ }
+ #sequence .sequence-next,
+ #sequence .sequence-prev {
+ height: 60px;
+ margin-top: -40px;
+ }
+ #sequence .slide-img {
+ max-height: 480px !important;
+ width: auto;
+ }
+}
+@media only screen and (max-width: 568px) {
+ .slide-img {
+ left: 50%;
+ width: auto;
+ max-width: 80% !important;
+ }
+ #sequence .animate-in .slide-img {
+ left: 50%;
+ margin-left: -40%;
+ }
+ #sequence .animate-out .slide-img {
+ left: 20%;
+ margin-left: -20%;
+ }
+ #sequence .title {
+ background: #a1a1a1;
+ background: rgba(0, 0, 0, 0.3);
+ bottom: 0;
+ left: 100%;
+ padding: 4%;
+ width: 100%;
+ margin-bottom: 0;
+ z-index: 10;
+ }
+ #sequence .animate-in .title {
+ left: 0%;
+ }
+ #sequence .animate-out .title {
+ left: -100%;
+ }
+ #sequence .subtitle {
+ visibility: hidden;
+ }
+}
+/*--------------------------------------------------------------------------
++ Content Slider Style (bxSlider CSS), Sorry, no LESS here
+--------------------------------------------------------------------------*/
+.bx-wrapper {
+ position: relative;
+ margin: 0 auto 30px;
+ padding: 0;
+ *zoom: 1;
+}
+.bx-wrapper img {
+ max-width: 100%;
+ display: block;
+}
+.bx-wrapper .bx-pager,
+.bx-wrapper .bx-controls-auto {
+ position: absolute;
+ bottom: -30px;
+ width: 100%;
+}
+/* LOADER */
+.bx-wrapper .bx-loading {
+ min-height: 50px;
+ background: url(../img/bx_loader.gif) center center no-repeat #fff;
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 2000;
+}
+/* PAGER */
+.bx-wrapper .bx-pager {
+ text-align: center;
+ font-size: .85em;
+ font-family: Arial;
+ font-weight: bold;
+ color: #666;
+ padding-top: 20px;
+}
+.bx-wrapper .bx-pager .bx-pager-item,
+.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
+ display: inline-block;
+ *zoom: 1;
+ *display: inline;
+}
+.bx-wrapper .bx-pager.bx-default-pager a {
+ background: #666;
+ text-indent: -9999px;
+ display: block;
+ width: 10px;
+ height: 10px;
+ margin: 0 5px;
+ outline: 0;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+.bx-wrapper .bx-pager.bx-default-pager a:hover,
+.bx-wrapper .bx-pager.bx-default-pager a.active {
+ background: #000;
+}
+/* DIRECTION CONTROLS (NEXT / PREV) */
+.bx-wrapper .bx-prev {
+ left: 10px;
+ background: url(../img/controls.png) no-repeat 0 -32px;
+}
+.bx-wrapper .bx-next {
+ right: 10px;
+ background: url(../img/controls.png) no-repeat -43px -32px;
+}
+.bx-wrapper .bx-prev:hover {
+ background-position: 0 0;
+}
+.bx-wrapper .bx-next:hover {
+ background-position: -43px 0;
+}
+.bx-wrapper .bx-controls-direction a {
+ position: absolute;
+ top: 50%;
+ margin-top: -16px;
+ outline: 0;
+ width: 32px;
+ height: 32px;
+ text-indent: -9999px;
+ z-index: 9999;
+}
+.bx-wrapper .bx-controls-direction a.disabled {
+ display: none;
+}
+/* AUTO CONTROLS (START / STOP) */
+.bx-wrapper .bx-controls-auto {
+ text-align: center;
+}
+.bx-wrapper .bx-controls-auto .bx-start {
+ display: block;
+ text-indent: -9999px;
+ width: 10px;
+ height: 11px;
+ outline: 0;
+ background: url(../img/controls.png) -86px -11px no-repeat;
+ margin: 0 3px;
+}
+.bx-wrapper .bx-controls-auto .bx-start:hover,
+.bx-wrapper .bx-controls-auto .bx-start.active {
+ background-position: -86px 0;
+}
+.bx-wrapper .bx-controls-auto .bx-stop {
+ display: block;
+ text-indent: -9999px;
+ width: 9px;
+ height: 11px;
+ outline: 0;
+ background: url(../img/controls.png) -86px -44px no-repeat;
+ margin: 0 3px;
+}
+.bx-wrapper .bx-controls-auto .bx-stop:hover,
+.bx-wrapper .bx-controls-auto .bx-stop.active {
+ background-position: -86px -33px;
+}
+/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
+ text-align: left;
+ width: 80%;
+}
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
+ right: 0;
+ width: 35px;
+}
+/* IMAGE CAPTIONS */
+.bx-wrapper .bx-caption {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ background: #666\9;
+ background: rgba(80, 80, 80, 0.75);
+ width: 100%;
+}
+.bx-wrapper .bx-caption span {
+ color: #fff;
+ font-family: Arial;
+ display: block;
+ font-size: .85em;
+ padding: 10px;
+}
+/*--------------------------------------------------------------------------
++ Main Menu Style
+--------------------------------------------------------------------------*/
+.mainmenu li.logo-wrapper a {
+ border-right: 1px solid #E8E8E8;
+ padding-left: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.mainmenu-wrapper {
+ background-color: #FFF;
+ border-bottom: 4px solid #16a085;
+ z-index: 4;
+}
+.mainmenu {
+ width: 100%;
+ /* general ul style */
+
+ /* first level ul style */
+
+ /* sub-menu */
+
+}
+.mainmenu ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+}
+.mainmenu > ul,
+.mainmenu .mainmenu-submenu-inner {
+ margin: 0 auto;
+}
+.mainmenu > ul > li,
+.mainmenu .mainmenu-submenu-inner > li {
+ display: inline-block;
+ *display: inline;
+}
+.mainmenu > ul > li > a,
+.mainmenu .mainmenu-submenu-inner > li > a {
+ font-size: 1.2em;
+ padding: 1.2em 1.5em;
+ color: #999;
+ display: inline-block;
+ text-decoration: none;
+}
+.mainmenu > ul > li > a:hover,
+.mainmenu .mainmenu-submenu-inner > li > a:hover {
+ color: #16a085;
+ text-decoration: none;
+}
+.mainmenu > ul > li.active > a,
+.mainmenu .mainmenu-submenu-inner > li.active > a {
+ color: #16a085;
+ font-weight: 600 !important;
+}
+.mainmenu > ul > li.mainmenu-open a,
+.mainmenu .mainmenu-submenu-inner > li.mainmenu-open a,
+.mainmenu > ul li.mainmenu-open > a:hover,
+.mainmenu .mainmenu-submenu-inner li.mainmenu-open > a:hover {
+ color: #fff;
+ background: #16a085;
+}
+.mainmenu .mainmenu-submenu {
+ display: none;
+ position: absolute;
+ background: #16a085;
+ width: 100%;
+ left: 0;
+ z-index: 999;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.4);
+ -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.4);
+ box-shadow: 0 5px 5px rgba(0,0,0,0.4);
+ color: 0 5px 5px rgba(0,0,0,0.4);
+}
+.mainmenu .mainmenu-submenu-inner > div {
+ width: 33%;
+ float: left;
+}
+.mainmenu .mainmenu-submenu-inner:before,
+.mainmenu .mainmenu-submenu-inner:after {
+ content: " ";
+ display: table;
+}
+.mainmenu .mainmenu-submenu-inner:after {
+ clear: both;
+}
+.mainmenu .mainmenu-submenu-inner > div a {
+ line-height: 2em;
+}
+.mainmenu-open .mainmenu-submenu {
+ display: block;
+ padding-bottom: 3em;
+}
+.mainmenu-submenu h4 {
+ color: #65ead0;
+ padding: 1em 0 0.6em;
+ margin-left: 20px;
+ font-size: 160%;
+ font-weight: 300;
+}
+.mainmenu-submenu ul {
+ margin-left: 20px;
+}
+@media screen and (max-width: 979px) {
+ .mainmenu {
+ font-size: 0.8em;
+ }
+ .mainmenu-submenu {
+ font-size: 1.2em;
+ }
+ .mainmenu-submenu li,
+ .mainmenu-submenu h4 {
+ padding-left: 10px;
+ }
+}
+@media screen and (max-width: 479px) {
+ .mainmenu {
+ font-size: 120%;
+ border: none;
+ }
+ .mainmenu > ul,
+ .mainmenu .mainmenu-submenu-inner {
+ width: 100%;
+ padding: 0;
+ }
+ .mainmenu .mainmenu-submenu-inner {
+ padding: 0 1.5em;
+ font-size: 75%;
+ }
+ .mainmenu > ul > li {
+ display: block;
+ border-bottom: 4px solid #47a3da;
+ }
+ .mainmenu > ul > li > a {
+ display: block;
+ padding: 1em 3em;
+ }
+ .mainmenu > ul > li:last-child {
+ border: none;
+ }
+ .mainmenu .mainmenu-submenu {
+ position: relative;
+ }
+ .mainmenu-submenu h4 {
+ padding-top: 0.6em;
+ }
+ .mainmenu .mainmenu-submenu-inner > div {
+ width: 100%;
+ float: none;
+ padding: 0;
+ }
+}
+/*--------------------------------------------------------------------------
++ Extras Menu (Cart, Language, Login) Style
+--------------------------------------------------------------------------*/
+.menuextras {
+ font-size: 0.85em;
+ height: 30px;
+}
+.menuextras ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ float: right;
+ padding: 3px 0;
+}
+.menuextras li {
+ float: left;
+ padding: 0 8px;
+}
+.menuextras .extras li {
+ padding: 0 8px;
+}
+.menuextras .extras li a {
+ color: #333;
+}
+.menuextras .extras li a:hover {
+ color: #333;
+ text-decoration: none;
+}
+.menuextras .extras .shopping-cart-items i {
+ color: #333;
+}
+.menuextras .choose-country .dropdown-menu {
+ background-color: #222;
+ background-color: rgba(34, 34, 34, 0.8);
+ margin-top: 5px;
+}
+.menuextras .choose-country .dropdown-menu li {
+ float: none;
+}
+.menuextras .choose-country .dropdown-menu li a {
+ color: #fff;
+ padding-left: 3px;
+}
+.menuextras .choose-country .dropdown-menu li a:hover {
+ color: #fff;
+ background-color: #333 !important;
+}
+/*--------------------------------------------------------------------------
++ Buttons Style
+--------------------------------------------------------------------------*/
+.btn {
+ border: 1px solid #16a085;
+ -webkit-border-radius: 2px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 2px;
+ -moz-background-clip: padding;
+ border-radius: 2px;
+ background-clip: padding-box;
+ color: #FFFFFF;
+ cursor: pointer;
+ display: inline-block;
+ text-transform: none;
+ -webkit-transition: all .25s ease;
+ -moz-transition: all .25s ease;
+ -o-transition: all .25s ease;
+ -ms-transition: all .25s ease;
+ transition: all .25s ease;
+ text-align: center;
+ background: none repeat scroll 0 0 #16a085;
+ text-shadow: none;
+ box-shadow: none;
+ color: #FFF;
+ white-space: nowrap;
+}
+.btn:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn .caret {
+ border-top: 4px solid #FFF;
+}
+.btn-micro {
+ padding: 1px 8px;
+ font-size: 10px;
+}
+.btn-grey {
+ border: 1px solid #cecece;
+ color: #333;
+ background: none repeat scroll 0 0 #E7E7E7;
+}
+.btn-grey:hover {
+ background: none repeat scroll 0 0 #cecece;
+ color: #333;
+ text-decoration: none;
+ border: 1px solid #cecece;
+}
+.btn-grey .caret {
+ border-top: 4px solid #333;
+}
+.btn-blue {
+ border: 1px solid #3e7191;
+ color: #FFF;
+ background: none repeat scroll 0 0 #4F8DB3;
+}
+.btn-blue:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-orange {
+ border: 1px solid #cc5a00;
+ color: #FFF;
+ background: none repeat scroll 0 0 #FF7000;
+}
+.btn-orange:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-green {
+ border: 1px solid #4c5818;
+ color: #FFF;
+ background: none repeat scroll 0 0 #6E8023;
+}
+.btn-green:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-red {
+ border: 1px solid #ab0d0d;
+ color: #FFF;
+ background: none repeat scroll 0 0 #DA1111;
+}
+.btn-red:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-group.open .btn.dropdown-toggle {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+}
+.dropdown.open a.dropdown-toggle .caret {
+ border-top: 4px solid #FFF;
+}
--- /dev/null
+/*--------------------------------------------------------------------------
+ General Style
+--------------------------------------------------------------------------*/
+body {
+ background: url(../img/page-background.png);
+}
+.section {
+ padding: 30px 0;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.section-white {
+ background: #FFF;
+}
+.section .container:first-child h1,
+.section .container:first-child h2,
+.section .container:first-child h3 {
+ margin-top: 0;
+ font-weight: 700;
+}
+.input-micro {
+ width: 50px;
+ margin-bottom: 0 !important;
+}
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+.uneditable-input:focus {
+ border-color: rgba(127, 140, 141, 0.8);
+ outline: 0;
+ outline: thin dotted \9;
+ /* IE6-9 */
+
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(127, 140, 141, 0.6);
+ -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(127, 140, 141, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(127, 140, 141, 0.6);
+ color: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(127, 140, 141, 0.6);
+}
+ul.no-list-style {
+ list-style-type: none;
+ margin-left: 0;
+}
+ul.no-list-style li {
+ line-height: 28px;
+}
+div[class*="span"] {
+ -webkit-transition: all .4s linear;
+ -moz-transition: all .4s linear;
+ -o-transition: all .4s linear;
+ -ms-transition: all .4s linear;
+ transition: all .4s linear;
+}
+/*--------------------------------------------------------------------------
+ Typography Style
+--------------------------------------------------------------------------*/
+body {
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ line-height: 20px;
+ color: #535b60;
+}
+h1 {
+ color: #53555c;
+ font-family: 'Open Sans', sans-serif;
+ font-weight: 800;
+}
+h2 {
+ color: #53555c;
+ font-family: 'Open Sans', sans-serif;
+ font-size: 2em;
+ border-bottom: 2px solid #53555c;
+ line-height: 1.5em;
+ margin: 30px 0;
+ padding-left: 10px;
+}
+h3 {
+ font-family: 'Open Sans', sans-serif;
+ color: #53555c;
+ font-size: 1.5em;
+}
+h4 {
+ font-family: 'Open Sans', sans-serif;
+ color: #53555c;
+ margin-bottom: 10px;
+}
+a {
+ color: #7f8c8d;
+}
+a:hover {
+ color: #4e5758;
+}
+/*--------------------------------------------------------------------------
++ Services Style
+--------------------------------------------------------------------------*/
+/* Multicolumn */
+.service-wrapper {
+ background: #FFF;
+ margin: 20px 10px;
+ text-align: center;
+ padding: 30px 20px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: 0 0 3px #999;
+ -moz-box-shadow: 0 0 3px #999;
+ box-shadow: 0 0 3px #999;
+ color: 0 0 3px #999;
+}
+.service-wrapper h3 {
+ font-size: 1.2em;
+ margin: 10px 0 !important;
+}
+.service-wrapper p {
+ margin-top: 0;
+}
+/* Row */
+.service-wrapper-row {
+ padding: 10px 0;
+}
+.service-wrapper-row h3 {
+ padding-top: 15px;
+}
+.service-wrapper-row .service-image {
+ padding-top: 15px;
+ text-align: center;
+}
+.service-wrapper-row .service-image img {
+ max-width: 80%;
+ vertical-align: bottom;
+ bottom: 0;
+ border: 7px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: 0 0 8px #999;
+ -moz-box-shadow: 0 0 8px #999;
+ box-shadow: 0 0 8px #999;
+ color: 0 0 8px #999;
+}
+/*--------------------------------------------------------------------------
++ Pricing Table Style
+--------------------------------------------------------------------------*/
+.pricing-plan {
+ float: left;
+ text-align: center;
+ background: #fafafa;
+ position: relative;
+ width: 48%;
+ margin: 10px 1% 10px 0;
+ padding: 20px;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
+ -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
+ box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
+ color: 0 1px 8px rgba(0, 0, 0, 0.4);
+ -webkit-transition: -webkit-box-shadow .25s linear;
+ -moz-transition: -moz-box-shadow .25s linear;
+ -o-transition: box-shadow .25s linear;
+ -ms-transition: box-shadow .25s linear;
+ transition: box-shadow .25s linear;
+}
+.pricing-plan:hover {
+ -webkit-box-shadow: 0 0 8px #333;
+ -moz-box-shadow: 0 0 8px #333;
+ box-shadow: 0 0 8px #333;
+ color: 0 0 8px #333;
+ z-index: 5;
+}
+.pricing-plan .pricing-plan-title {
+ position: relative;
+ margin: -20px -10px 20px;
+ padding: 20px;
+ line-height: 1;
+ font-size: 16px;
+ font-weight: bold;
+ color: #595f6b;
+ border-bottom: 1px dashed #d2d2d2;
+}
+.pricing-plan .pricing-plan-title:before {
+ content: '';
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ height: 1px;
+ background-size: 3px 1px;
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjZDJkMmQyIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IiIgc3RvcC1jb2xvcj0iI2QyZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
+ background-image: -moz-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
+ background-image: -webkit-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
+ background-image: -o-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
+ background-image: linear-gradient(to right, white, white 33%, #d2d2d2 34%, #d2d2d2);
+}
+.pricing-plan .pricing-plan-price {
+ margin: 0 auto 20px;
+ width: 90px;
+ height: 90px;
+ line-height: 90px;
+ font-size: 19px;
+ font-weight: bold;
+ color: white;
+ background: #595f6b;
+ -webkit-border-radius: 45px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 45px;
+ -moz-background-clip: padding;
+ border-radius: 45px;
+ background-clip: padding-box;
+}
+.pricing-plan .pricing-plan-price span {
+ font-size: 12px;
+ font-weight: normal;
+ color: rgba(255, 255, 255, 0.9);
+}
+.pricing-plan .pricing-plan-features {
+ margin-bottom: 20px;
+ margin-left: 0;
+ padding: 0;
+ line-height: 2;
+ font-size: 12px;
+ color: #999;
+ text-align: center;
+ list-style-type: none;
+}
+.pricing-plan .pricing-plan-features li strong {
+ font-weight: bold;
+ color: #888;
+}
+.pricing-plan .pricing-plan-promote {
+ margin: 0;
+ padding: 40px 20px;
+ background-color: white;
+ border-width: 2px;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+ z-index: 4;
+}
+.ribbon-wrapper {
+ width: 85px;
+ height: 88px;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.price-ribbon {
+ font: bold 15px Sans-Serif;
+ color: #333;
+ text-align: center;
+ text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
+ position: relative;
+ padding: 7px 0;
+ left: -5px;
+ top: 15px;
+ width: 120px;
+ background-color: #FFF;
+ color: #6a6340;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
+ -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
+ box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
+ color: 0px 0px 3px rgba(0,0,0,0.3);
+}
+.ribbon-green {
+ background-color: #BFDC7A;
+}
+.ribbon-blue {
+ background-color: #5ACBFF;
+}
+.ribbon-orange {
+ background-color: #FF9542;
+}
+.ribbon-red {
+ background-color: #FF7373;
+}
+@media (min-width: 768px) {
+ .pricing-plan {
+ width: 25%;
+ margin: 20px 0;
+ padding: 20px;
+ -webkit-border-radius: 0;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 0;
+ -moz-background-clip: padding;
+ border-radius: 0;
+ background-clip: padding-box;
+ }
+ .pricing-plan:first-child {
+ -webkit-border-top-left-radius: 7px;
+ -moz-border-radius-topleft: 7px;
+ border-top-left-radius: 7px;
+ -webkit-border-bottom-left-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius-bottomleft: 7px;
+ -moz-background-clip: padding;
+ border-bottom-left-radius: 7px;
+ background-clip: padding-box;
+ }
+ .pricing-plan:last-child {
+ border-width: 2px;
+ -webkit-border-top-right-radius: 7px;
+ -moz-border-radius-topright: 7px;
+ border-top-right-radius: 7px;
+ -webkit-border-bottom-right-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius-bottomright: 7px;
+ -moz-background-clip: padding;
+ border-bottom-right-radius: 7px;
+ background-clip: padding-box;
+ }
+ .pricing-plan-promote {
+ background: #fff;
+ padding: 40px;
+ margin-top: 0;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+ z-index: 4;
+ }
+}
+/*--------------------------------------------------------------------------
++ Contact Us Style
+--------------------------------------------------------------------------*/
+#contact-us-map {
+ height: 300px;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.contact-us-details {
+ margin: 20px 0;
+ font-size: 0.9em;
+}
+/*--------------------------------------------------------------------------
++ Video Wrapper Style
+--------------------------------------------------------------------------*/
+.video-wrapper {
+ -webkit-box-shadow: 0 0 5px #000;
+ -moz-box-shadow: 0 0 5px #000;
+ box-shadow: 0 0 5px #000;
+ color: 0 0 5px #000;
+ margin: 20px 0;
+}
+/*--------------------------------------------------------------------------
++ Call to Action Bar Style
+--------------------------------------------------------------------------*/
+.calltoaction-wrapper {
+ text-align: center;
+}
+.calltoaction-wrapper h3 {
+ display: inline-block;
+ line-height: 36px;
+ margin-right: 10px;
+ margin-bottom: 0;
+}
+.calltoaction-wrapper a {
+ vertical-align: top;
+}
+/*--------------------------------------------------------------------------
++ Testimonials Style
+--------------------------------------------------------------------------*/
+.testimonial blockquote {
+ margin: 0;
+ padding: 0;
+ border-left: none;
+}
+.testimonial blockquote p {
+ font-size: 0.9em;
+ margin-bottom: 20px;
+ line-height: 1.5;
+}
+.testimonial .testimonial-bubble {
+ text-align: justify;
+ -webkit-border-radius: 4px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 4px;
+ -moz-background-clip: padding;
+ border-radius: 4px;
+ background-clip: padding-box;
+ padding: 0 20px 20px 20px;
+ margin: 35px 10px 20px 10px;
+ background: #FFF;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ color: inset 0 1px #fff,0 1px 2px #c8cfe6;
+}
+.testimonial .testimonial-bubble::before {
+ background-color: #FFF;
+ content: "\00a0";
+ display: block;
+ height: 20px;
+ width: 20px;
+ top: -10px;
+ left: 45%;
+ position: relative;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.testimonial .author-photo {
+ text-align: center;
+}
+.testimonial .author-photo img {
+ margin: auto;
+ border: 5px solid #FFF;
+ -webkit-border-radius: 100px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 100px;
+ -moz-background-clip: padding;
+ border-radius: 100px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ color: inset 0 1px #fff,0 1px 2px #c8cfe6;
+}
+.testimonial .author-info {
+ font-weight: 400;
+ font-size: 0.8em;
+}
+/*--------------------------------------------------------------------------
++ Clients Logos Style
+--------------------------------------------------------------------------*/
+.clients-logo-wrapper img {
+ max-width: 100%;
+}
+/*--------------------------------------------------------------------------
++ News Style
+--------------------------------------------------------------------------*/
+.featured-news .caption,
+.latest-news .caption {
+ padding: 10px 0 5px 0;
+}
+.featured-news .caption a,
+.latest-news .caption a {
+ font-size: 1.1em;
+ font-weight: 600;
+ color: #535b60;
+}
+.featured-news .intro,
+.latest-news .intro {
+ padding-bottom: 10px;
+ font-size: 0.9em;
+}
+.featured-news .intro a,
+.latest-news .intro a {
+ white-space: nowrap;
+}
+.featured-news .date,
+.latest-news .date {
+ font-size: 0.7em;
+ color: #999;
+}
+.featured-news img,
+.latest-news img {
+ max-width: 100%;
+ margin: 10px 0 10px 0;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+/*--------------------------------------------------------------------------
++ Frequently Asked Questions Style
+--------------------------------------------------------------------------*/
+.faq-wrapper h3 {
+ margin-top: 20px !important;
+}
+.faq-wrapper .accordion-inner {
+ margin: 10px 0 10px 20px;
+ padding: 0 10px;
+ font-size: 0.9em;
+}
+.faq-wrapper .accordion-inner .answer {
+ font-weight: 600;
+}
+/*--------------------------------------------------------------------------
++ Blog Style
+--------------------------------------------------------------------------*/
+/* Posts List */
+.blog-post {
+ background: #FFF;
+ position: relative;
+ margin: 20px 0;
+ border: 7px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.blog-post img {
+ max-width: 100%;
+}
+.blog-post .post-info {
+ background: #000;
+ background: rgba(0, 0, 0, 0.6);
+ color: #FFF;
+ line-height: 1.2;
+ position: absolute;
+ padding: 5px;
+ left: 10px;
+ top: 10px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+.blog-post .post-comments-count {
+ text-align: center;
+}
+.post-info .post-comments-count {
+ padding-top: 5px;
+}
+.post-info .post-comments-count i {
+ margin-right: 5px;
+}
+.post-info .post-comments-count a {
+ color: #FFF;
+}
+.post-info .post-date .date {
+ font-size: 0.7em;
+ font-weight: 600;
+}
+.post-title h3 {
+ font-size: 1.2em;
+ border-bottom: 1px dotted #828282;
+ margin: 0 20px;
+ padding-top: 10px;
+}
+.post-title h3 a {
+ color: #535b60;
+}
+.post-summary {
+ margin: 10px 20px;
+}
+.post-summary p {
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+}
+.post-more {
+ text-align: right;
+ padding: 0 20px 20px 0;
+}
+/* Single Post */
+.blog-single-post {
+ padding: 10px 30px;
+}
+.single-post-title h3 {
+ font-size: 1.5em;
+ margin: 0;
+}
+.single-post-info {
+ margin-bottom: 20px;
+ padding-bottom: 10px;
+ border-bottom: 1px dotted #828282;
+}
+.single-post-info i {
+ color: #333;
+ margin-right: 5px;
+}
+.single-post-image {
+ text-align: center;
+}
+.single-post-image img {
+ -webkit-box-shadow: 0 0 5px #000;
+ -moz-box-shadow: 0 0 5px #000;
+ box-shadow: 0 0 5px #000;
+ color: 0 0 5px #000;
+}
+.single-post-content {
+ margin: 30px 0 20px 0;
+ padding-bottom: 20px;
+ border-bottom: 2px dotted #CCC;
+}
+.single-post-content p {
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+}
+.post-comments {
+ list-style-type: none;
+ margin-left: 0;
+ margin-bottom: 40px;
+ padding: 0;
+}
+.post-comments ul {
+ list-style-type: none;
+ margin-left: 30px;
+ padding: 0;
+}
+.comment-wrapper p {
+ margin: 0;
+ position: relative;
+ border: 1px solid #CCC;
+ padding: 10px;
+ margin-bottom: 10px;
+ -webkit-border-radius: 3px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 3px;
+ -moz-background-clip: padding;
+ border-radius: 3px;
+ background-clip: padding-box;
+}
+.comment-author {
+ font-size: 1.3em;
+ font-weight: 600;
+ margin-bottom: 10px;
+}
+.comment-author img {
+ max-width: 50px;
+ -webkit-border-radius: 25px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 25px;
+ -moz-background-clip: padding;
+ border-radius: 25px;
+ background-clip: padding-box;
+ margin-right: 10px;
+}
+.comment-date {
+ font-size: 0.9em;
+ margin-right: 20px;
+}
+.comment-actions {
+ text-align: right;
+ opacity: 0.6;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.comment-actions:hover {
+ text-align: right;
+ opacity: 1;
+}
+.comment-actions i {
+ color: #333;
+}
+.comment-reply-btn {
+ margin-left: 10px;
+}
+.blog-sidebar h4 {
+ margin-top: 20px;
+ font-weight: 700;
+}
+.blog-sidebar h4:first-child {
+ margin-top: 0;
+}
+.blog-sidebar ul {
+ list-style-type: none;
+ margin-left: 0;
+ padding: 0;
+}
+.blog-sidebar .recent-posts li,
+.blog-sidebar .blog-categories li {
+ padding: 5px 20px 5px 0;
+ border-top: 1px solid #D5D5D5;
+}
+.blog-sidebar .recent-posts li:last-child,
+.blog-sidebar .blog-categories li:last-child {
+ border-bottom: 1px solid #D5D5D5;
+}
+.blog-sidebar .recent-posts a,
+.blog-sidebar .blog-categories a {
+ color: #535b60;
+}
+/*--------------------------------------------------------------------------
++ E-commerce Style
+--------------------------------------------------------------------------*/
+.shop-item {
+ position: relative;
+ background: #FFF;
+ padding-bottom: 10px;
+ margin-top: 20px;
+ margin-bottom: 10px;
+ border: 8px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.shop-item img {
+ max-width: 100%;
+}
+.shop-item .image {
+ text-align: center;
+}
+.shop-item .title {
+ padding: 20px 0 10px;
+}
+.shop-item .title h3 {
+ font-size: 0.9em;
+ margin: 0 10px;
+ text-align: center;
+}
+.shop-item .title h3 a {
+ color: #535b60;
+ text-transform: uppercase;
+}
+.shop-item .colors {
+ text-align: center;
+ margin-bottom: 10px;
+}
+.shop-item .colors span {
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+ margin: 2px;
+}
+.shop-item .price {
+ color: #535b60;
+ font-size: 1.5em;
+ text-align: center;
+ margin-bottom: 20px;
+ font-weight: 600;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+}
+.shop-item .price .price-was {
+ color: #A7A7A7;
+ font-size: 0.8em;
+ text-decoration: line-through;
+}
+.shop-item .description {
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+ margin: 0 10px;
+}
+.shop-item .description p {
+ border-top: 1px solid #ECECEC;
+ padding: 10px;
+ margin: 0;
+}
+.shop-item .actions {
+ border-top: 1px solid #ECECEC;
+ margin: 0 10px;
+ padding-top: 20px;
+ text-align: center;
+}
+.shop-item .actions span {
+ font-size: 0.8em;
+ white-space: nowrap;
+}
+.colors {
+ text-align: center;
+ margin-bottom: 10px;
+}
+.colors span {
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+ margin: 2px;
+}
+span.color-white {
+ background-color: #D7D7CF;
+ border-color: #c0c0b3;
+}
+span.color-black {
+ background-color: #000;
+ border-color: #000000;
+}
+span.color-blue {
+ background-color: #073A52;
+ border-color: #031923;
+}
+span.color-orange {
+ background-color: #D56E1D;
+ border-color: #a85717;
+}
+span.color-green {
+ background-color: #5C6632;
+ border-color: #3d4421;
+}
+span.color-red {
+ background-color: #DA1111;
+ border-color: #ab0d0d;
+}
+/*--------------------------------------------------------------------------
++ Product Details Page Style
+--------------------------------------------------------------------------*/
+.product-image-large {
+ border: 8px solid #FFF;
+ text-align: center;
+ margin-bottom: 10px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.product-image-large img {
+ max-width: 100%;
+}
+.product-details h4,
+.product-details h5 {
+ font-weight: 700;
+}
+.product-details h4 {
+ margin-bottom: 20px;
+}
+.product-details h5 {
+ margin-top: 20px;
+}
+.product-details .price {
+ font-size: 1.4em;
+ font-weight: 700;
+ text-align: left;
+ padding: 5px;
+ background: rgba(255, 255, 255, 0.6);
+ display: inline;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+.product-details .price-was {
+ text-decoration: line-through;
+ font-size: 0.8em;
+ font-weight: normal;
+}
+.product-details .shop-item-selections {
+ width: 100%;
+}
+.product-details .shop-item-selections td {
+ line-height: 36px;
+}
+.product-details .shop-item-selections td:first-child {
+ width: 30%;
+}
+.product-details .choose-item-color span {
+ display: inline-block;
+ *display: inline;
+ width: 10px;
+ height: 10px;
+ border-width: 1px;
+ border-style: solid;
+ margin-bottom: -1px;
+ margin-right: 2px;
+}
+.product-details-nav {
+ margin-top: 30px !important;
+ margin-left: 0 !important;
+}
+.product-detail-info {
+ background: #fff;
+ border-top: 0;
+ border-left: 1px;
+ border-right: 1px;
+ border-bottom: 1px;
+ border-color: #ddd;
+ border-style: solid;
+ padding: 20px 30px;
+}
+.product-detail-info p,
+.product-detail-info ul {
+ font-size: 0.9em;
+}
+.product-detail-info table {
+ width: 100%;
+}
+.product-detail-info table td {
+ font-size: 0.9em;
+ width: 50%;
+ line-height: 28px;
+ border-bottom: 1px solid #E7E7E7;
+}
+.product-detail-info table td:first-child {
+ font-weight: 600;
+}
+.product-detail-info table tr:last-child td {
+ border-bottom: 0;
+}
+/*--------------------------------------------------------------------------
++ Shopping Cart Style
+--------------------------------------------------------------------------*/
+.shopping-cart {
+ margin: 10px 0 0 0;
+ width: 100%;
+ border-collapse: separate;
+ border-spacing: 0 10px;
+}
+.shopping-cart a {
+ color: #535b60;
+}
+.shopping-cart tr {
+ background: #FFF;
+}
+.shopping-cart td {
+ padding: 10px;
+}
+.shopping-cart td:first-child {
+ -webkit-border-radius: 5px 0 0 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px 0 0 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px 0 0 5px;
+ background-clip: padding-box;
+ margin-left: 10px;
+}
+.shopping-cart td:last-child {
+ -webkit-border-radius: 0 5px 5px 0;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 0 5px 5px 0;
+ -moz-background-clip: padding;
+ border-radius: 0 5px 5px 0;
+ background-clip: padding-box;
+ margin-right: 10px;
+}
+.shopping-cart .image,
+.shopping-cart .image img {
+ max-width: 150px;
+}
+.shopping-cart .title {
+ font-size: 1.1em;
+}
+.shopping-cart .feature {
+ font-size: 0.8em;
+}
+.shopping-cart .color span {
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+}
+.shopping-cart .quantity {
+ width: 80px;
+}
+.shopping-cart .price {
+ color: #535b60;
+ font-size: 1.2em;
+ width: 80px;
+ text-align: center;
+}
+.shopping-cart .actions {
+ width: 80px;
+}
+.shopping-cart .actions .btn {
+ margin-bottom: 5px;
+}
+.cart-totals {
+ margin: 20px 0 30px 0;
+ border-top: 2px solid #535b60;
+ font-size: 1.1em;
+ line-height: 24px;
+ text-align: right;
+ width: 100%;
+}
+.cart-totals td {
+ width: 150px;
+ padding: 3px 0;
+}
+.cart-totals .cart-grand-total {
+ font-size: 1.3em;
+}
+@media (max-width: 500px) {
+ .shopping-cart .image {
+ display: none;
+ }
+ .cart-item-title {
+ font-size: 0.8em;
+ }
+}
+/*--------------------------------------------------------------------------
++ Products Slider Style
+--------------------------------------------------------------------------*/
+.products-slider .shop-item {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ width: 25%;
+ float: left;
+ display: block;
+ position: relative;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.products-slider .shop-item img {
+ -webkit-border-radius: 5px 5px 0 0;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px 5px 0 0;
+ -moz-background-clip: padding;
+ border-radius: 5px 5px 0 0;
+ background-clip: padding-box;
+}
+.products-slider .shop-item .title h3 a {
+ font-size: 1em;
+ font-weight: 400;
+}
+.products-slider .shop-item .price {
+ font-size: 1.1em;
+ font-weight: 400;
+ margin-bottom: 10px;
+}
+.products-slider .shop-item .actions {
+ padding: 10px 0;
+}
+@media (max-width: 768px) {
+ .products-slider .shop-item {
+ width: 34%;
+ }
+}
+@media (max-width: 479px) {
+ .products-slider .shop-item {
+ width: 100%;
+ }
+}
+/*--------------------------------------------------------------------------
++ Events List Style
+--------------------------------------------------------------------------*/
+.events-list {
+ width: 100%;
+ font-size: 0.9em;
+}
+.events-list tr td {
+ padding: 5px 20px 5px 0;
+}
+.events-list tr td:last-child {
+ padding: 5px 0;
+ text-align: right;
+}
+.events-list tr:hover .event-date {
+ border-left: 5px solid #7f8c8d;
+}
+.events-list .event-date {
+ margin: 3px 0;
+ padding: 2px 10px;
+ border-left: 5px solid #CFCFCF;
+ -webkit-transition: all .25s linear;
+ -moz-transition: all .25s linear;
+ -o-transition: all .25s linear;
+ -ms-transition: all .25s linear;
+ transition: all .25s linear;
+}
+.events-list .event-date .event-day {
+ color: #808080;
+ font-size: 1.5em;
+ font-weight: 600;
+ text-align: center;
+}
+.events-list .event-date .event-month {
+ color: #CFCFCF;
+ font-size: 1.1em;
+ font-weight: 600;
+ text-align: center;
+}
+.events-list .event-date .event-venue,
+.events-list .event-date .event-price {
+ white-space: nowrap;
+}
+/*--------------------------------------------------------------------------
++ Jobs list Style
+--------------------------------------------------------------------------*/
+.jobs-list {
+ width: 100%;
+}
+.jobs-list th {
+ font-size: 1.2em;
+ text-align: left;
+ padding: 10px 0;
+}
+.jobs-list td {
+ padding: 5px 20px 5px 0;
+ border-top: 1px solid #E6E6E6;
+}
+.jobs-list tr:last-child td {
+ border-bottom: 1px solid #E6E6E6;
+}
+.job-position a {
+ color: #535b60;
+ font-size: 1.1em;
+}
+.job-location,
+.job-type {
+ font-size: 0.9em;
+}
+.join-us-promo blockquote {
+ margin: 0;
+ padding: 0;
+ border-left: none;
+}
+.join-us-promo blockquote p {
+ font-size: 1.1em;
+ margin-bottom: 20px;
+ line-height: 1.5;
+}
+.join-us-promo .author-info {
+ font-weight: 400;
+ font-size: 0.8em;
+}
+.join-us-promo .author-photo {
+ text-align: center;
+}
+.join-us-promo .author-photo img {
+ margin: auto;
+ border: 5px solid #FFF;
+ -webkit-border-radius: 70px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 70px;
+ -moz-background-clip: padding;
+ border-radius: 70px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ color: inset 0 1px #fff,0 1px 2px #c8cfe6;
+}
+.join-us-bubble {
+ text-align: justify;
+ -webkit-border-radius: 4px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 4px;
+ -moz-background-clip: padding;
+ border-radius: 4px;
+ background-clip: padding-box;
+ padding: 20px 20px 0 20px;
+ margin-top: 30px;
+ margin-bottom: 30px;
+ background: #FFF;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ color: inset 0 1px #fff,0 0 4px #c8cfe6;
+}
+.join-us-bubble::after {
+ background: #FFF;
+ content: "\00a0";
+ display: block;
+ height: 20px;
+ width: 20px;
+ bottom: -10px;
+ left: 45%;
+ position: relative;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -webkit-box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+ box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+ color: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+}
+.job-details-wrapper p {
+ text-align: justify;
+}
+/*--------------------------------------------------------------------------
++ Login/Register/Reset Password Forms Style
+--------------------------------------------------------------------------*/
+.basic-login {
+ background: rgba(255, 255, 255, 0.8);
+ padding: 20px 20px 10px 20px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ color: inset 0 1px #fff,0 0 4px #c8cfe6;
+}
+.basic-login form {
+ margin: 0;
+}
+.basic-login label {
+ line-height: 30px;
+ font-size: 1.2em;
+}
+.basic-login input[type="checkbox"] {
+ margin-top: 4px;
+}
+.social-login p {
+ text-align: center;
+ font-size: 1.2em;
+ font-style: italic;
+ padding: 20px 0;
+}
+.social-login .social-login-buttons {
+ text-align: center;
+}
+.social-login .social-login-buttons a {
+ position: relative;
+ display: inline-block;
+ white-space: nowrap;
+ height: 35px;
+ line-height: 35px;
+ padding-right: 15px;
+ margin: 10px 5px;
+ color: #fff;
+ font-size: 1.1em;
+ text-align: left;
+ -webkit-border-radius: 3px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 3px;
+ -moz-background-clip: padding;
+ border-radius: 3px;
+ background-clip: padding-box;
+ -webkit-transition: opacity .2s linear;
+ -moz-transition: opacity .2s linear;
+ -o-transition: opacity .2s linear;
+ -ms-transition: opacity .2s linear;
+ transition: opacity .2s linear;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.social-login .social-login-buttons a:hover {
+ opacity: 0.8;
+ text-decoration: none;
+}
+.social-login .social-login-buttons a:before {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 5px;
+ width: 24px;
+ height: 24px;
+ background-image: url(../img/social-login.png);
+ background-repeat: no-repeat;
+}
+.social-login .btn-facebook-login {
+ padding-left: 35px;
+ background-color: #6886bc;
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNjg4NmJjIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjZjYTkiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
+ background-image: -moz-linear-gradient(top,#6886bc 0,#466ca9 100%);
+ background-image: -webkit-linear-gradient(top,#6886bc 0,#466ca9 100%);
+ background-image: -o-linear-gradient(top,#6886bc 0,#466ca9 100%);
+ background-image: linear-gradient(top,#6886bc 0,#466ca9 100%);
+}
+.social-login .btn-twitter-login {
+ padding-left: 45px;
+ background-color: #25b6e6;
+}
+.social-login .btn-facebook-login:before {
+ left: 10px;
+ background-position: 0 0;
+}
+.social-login .btn-twitter-login:before {
+ left: 15px;
+ background-position: -48px 0;
+}
+.social-login .not-member p {
+ font-size: 1.5em;
+ font-weight: 600;
+ font-style: normal;
+ margin-top: 30px;
+ border-top: 1px solid #CCC;
+}
+/*--------------------------------------------------------------------------
++ 'In Press' Style
+--------------------------------------------------------------------------*/
+.in-press a {
+ color: #a0a7ac;
+ font-size: 1.3em;
+ font-family: Georgia, serif;
+ line-height: 28px;
+ position: relative;
+ padding-left: 16px;
+ padding-bottom: 32px;
+ margin-bottom: 15px;
+ display: block;
+ -webkit-transition: color .25s linear;
+ -moz-transition: color .25s linear;
+ -o-transition: color .25s linear;
+ -ms-transition: color .25s linear;
+ transition: color .25s linear;
+}
+.in-press a:hover {
+ color: #7f8c8d;
+ text-decoration: none;
+}
+.in-press a:after {
+ content: '';
+ display: block;
+ position: absolute;
+ bottom: -10px;
+ right: 20px;
+ width: 120px;
+ height: 32px;
+ background-image: url(../img/in-press.png);
+ background-repeat: no-repeat;
+ -webkit-transition: .25s linear;
+ -moz-transition: .25s linear;
+ -o-transition: .25s linear;
+ -ms-transition: .25s linear;
+ transition: .25s linear;
+}
+.in-press a:before {
+ content: "\201C";
+ margin-left: -16px;
+ font-size: 2.2em;
+}
+.press-wired a:after {
+ background-position: 0px 0px;
+}
+.press-wired a:hover:after {
+ background-position: 0px -32px;
+}
+.press-mashable a:after {
+ background-position: -120px 0px;
+}
+.press-mashable a:hover:after {
+ background-position: -120px -32px;
+}
+.press-techcrunch a:after {
+ background-position: -240px 0px;
+}
+.press-techcrunch a:hover:after {
+ background-position: -240px -32px;
+}
+/*--------------------------------------------------------------------------
++ Portfolio Style
+--------------------------------------------------------------------------*/
+.portfolio-item {
+ position: relative;
+ background: #FFF;
+ margin-bottom: 20px;
+ border: 8px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -webkit-transition: all .5s ease;
+ -moz-transition: all .5s ease;
+ -o-transition: all .5s ease;
+ -ms-transition: all .5s ease;
+ transition: all .5s ease;
+}
+.portfolio-item .portfolio-image {
+ overflow: hidden;
+ text-align: center;
+ position: relative;
+}
+.portfolio-item .portfolio-image img {
+ max-width: 100%;
+ -webkit-transition: all .25s ease;
+ -moz-transition: all .25s ease;
+ -o-transition: all .25s ease;
+ -ms-transition: all .25s ease;
+ transition: all .25s ease;
+}
+.portfolio-item:hover {
+ border: 8px solid #7f8c8d;
+}
+.portfolio-item:hover .portfolio-image img {
+ position: relative;
+ -webkit-transform: scale(1.1) rotate(2deg);
+ -moz-transform: scale(1.1) rotate(2deg);
+ -o-transform: scale(1.1) rotate(2deg);
+ -ms-transform: scale(1.1) rotate(2deg);
+ transform: scale(1.1) rotate(2deg);
+}
+.portfolio-item ul {
+ list-style-type: none;
+ margin-left: 0;
+ margin-top: 20px;
+ text-align: center;
+ padding: 0;
+}
+.portfolio-item ul li {
+ line-height: 28px;
+}
+.portfolio-item .portfolio-project-name {
+ font-size: 1.3em;
+ text-transform: uppercase;
+}
+.portfolio-item .read-more {
+ text-align: center;
+ padding-top: 10px;
+}
+.portfolio-item .portfolio-info-fade {
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ top: 0;
+ position: absolute;
+ background: #000;
+ background: rgba(0, 0, 0, 0.7);
+ width: 100%;
+ height: 100%;
+ color: #FFF;
+ text-shadow: 2px 2px 4px #000000;
+ filter: dropshadow(color=#000000, offx=2, offy=2);
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.portfolio-item .portfolio-info-fade ul {
+ margin-top: 10%;
+}
+.portfolio-item .portfolio-info-fade .btn:hover {
+ background: #7f8c8d;
+}
+.portfolio-item .portfolio-info-fade ul {
+ margin: 10% 20px 0 20px;
+ padding: 0;
+}
+.portfolio-item .portfolio-info-fade ul li {
+ text-align: center;
+}
+.portfolio-item .portfolio-info-fade ul li:first-child {
+ border-bottom: 1px solid #CCC;
+}
+.portfolio-item:hover .portfolio-info-fade {
+ display: block;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.lt-ie9 .portfolio-info-fade {
+ display: none;
+}
+.lt-ie9 .portfolio-item:hover .portfolio-info-fade {
+ display: block;
+}
+.portfolio-visit-btn {
+ padding-top: 15px;
+}
+.portfolio-item-description ul {
+ padding: 0;
+}
+/*--------------------------------------------------------------------------
++ Our Team Style
+--------------------------------------------------------------------------*/
+.team-member {
+ position: relative;
+ background: #FFF;
+ margin-bottom: 20px;
+ border: 8px solid #FFF;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.team-member img {
+ max-width: 100%;
+}
+.team-member ul {
+ list-style-type: none;
+ margin-left: 0;
+ margin-top: 20px;
+}
+.team-member ul li {
+ line-height: 28px;
+}
+.team-member:hover .team-member-image {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.team-member .team-member-image {
+ text-align: center;
+ position: relative;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+ -webkit-opacity: 0.85;
+ -moz-opacity: 0.85;
+ opacity: 0.85;
+}
+.team-member .team-member-name {
+ font-size: 1.3em;
+ text-transform: uppercase;
+}
+.team-member .team-member-social {
+ position: absolute;
+ right: 0;
+ -webkit-opacity: 0.5;
+ -moz-opacity: 0.5;
+ opacity: 0.5;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.team-member .team-member-social .team-member-social i {
+ margin-top: 3px;
+}
+.team-member .team-member-social:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+/*--------------------------------------------------------------------------
++ Sitemap Style
+--------------------------------------------------------------------------*/
+.sitemap {
+ margin-left: 0;
+ list-style-type: none;
+ padding: 0;
+}
+.sitemap a {
+ color: #535b60;
+}
+.sitemap li {
+ padding: 10px 0;
+ font-weight: 600;
+}
+.sitemap ul {
+ list-style-type: none;
+ margin-top: 10px;
+ margin-left: 10px;
+ padding: 0;
+}
+.sitemap ul li {
+ padding: 3px 0;
+ font-size: 0.9em;
+ font-weight: 400;
+}
+/*--------------------------------------------------------------------------
++ Coming Soon Page Style
+--------------------------------------------------------------------------*/
+.coming-soon-top {
+ background: #FFF;
+ background: rgba(255, 255, 255, 0.8);
+ min-height: 80px;
+}
+.coming-soon-top .logo-wrapper {
+ padding-top: 20px;
+}
+.coming-soon-content {
+ margin-top: 5%;
+ text-align: center;
+}
+.coming-soon-content h3 {
+ font-size: 3em;
+ line-height: 1.3em;
+ font-weight: 400;
+ color: #FFF;
+ margin-bottom: 40px;
+ text-shadow: 1px 1px 8px #000000;
+}
+.coming-soon-content p {
+ color: #E6E6E6;
+ text-shadow: 2px 2px 4px #000000;
+}
+.coming-soon-subscribe {
+ padding-top: 30px;
+}
+.coming-soon-subscribe .btn {
+ border-radius: 0 5px 5px 0;
+}
+.coming-soon-subscribe p {
+ margin-top: 10px;
+}
+.coming-soon-social {
+ margin-top: 60px;
+ -webkit-opacity: 0.7;
+ -moz-opacity: 0.7;
+ opacity: 0.7;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.coming-soon-social a {
+ display: inline-block;
+}
+.coming-soon-social:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.full-screen-background {
+ z-index: -999;
+ min-height: 100%;
+ min-width: 1024px;
+ width: 100%;
+ height: auto;
+ position: fixed;
+ top: 0;
+ left: 0;
+}
+/*--------------------------------------------------------------------------
++ Breadcrumbs Section Style
+--------------------------------------------------------------------------*/
+.section-breadcrumbs {
+ background: #222;
+ background: rgba(34, 34, 34, 0.8);
+ margin-bottom: 10px;
+}
+.section-breadcrumbs h1 {
+ color: #FAFAFA;
+ font-size: 1.6em;
+ margin-bottom: 0;
+ text-transform: none;
+}
+/*--------------------------------------------------------------------------
+ Footer Style
+--------------------------------------------------------------------------*/
+.footer {
+ background: #222;
+ color: #A0A0A0;
+ padding: 0 20px 10px 20px;
+ border-top: 4px solid #7f8c8d;
+ margin-top: 20px;
+ -webkit-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
+ -moz-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
+ box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
+ color: 0 -1px 12px rgba(0,0,0,0.4);
+}
+.footer h3 {
+ color: #E4E4E4;
+ font-size: 1.3em;
+ border-bottom: 1px dotted #7C7C7C;
+}
+.footer ul {
+ padding: 0;
+}
+.footer-navigate-section li {
+ line-height: 20px !important;
+}
+.footer-stay-connected a {
+ text-align: left;
+ text-indent: -9999px;
+ display: block;
+ width: 115px;
+ height: 40px;
+ background: url(../img/stay-connected.png);
+ -webkit-opacity: 0.5;
+ -moz-opacity: 0.5;
+ opacity: 0.5;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.footer-stay-connected a:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.footer-stay-connected a.facebook {
+ background-position: -115px 0;
+}
+.footer-stay-connected a.twitter {
+ background-position: -230px 0;
+}
+.footer-stay-connected a.googleplus {
+ background-position: 0 0;
+}
+.footer-stay-connected li {
+ text-align: center;
+}
+.footer-copyright {
+ text-align: center;
+ color: #7C7C7C;
+ border-top: 1px dotted #7C7C7C;
+ padding-top: 10px;
+ font-size: 0.9em;
+}
+/*--------------------------------------------------------------------------
++ Pagination Style (overrides Bootstrap style)
+--------------------------------------------------------------------------*/
+.pagination-wrapper {
+ margin-top: 15px;
+ text-align: center;
+}
+.pagination > li > a,
+.pagination > li > span {
+ border: none;
+ border-bottom: 3px solid #FFF;
+ color: #666666;
+ margin-left: 0;
+ margin-bottom: 5px;
+ -webkit-transition: all .25s linear;
+ -moz-transition: all .25s linear;
+ -o-transition: all .25s linear;
+ -ms-transition: all .25s linear;
+ transition: all .25s linear;
+}
+.pagination > li > a:hover,
+.pagination > li > a:focus,
+.pagination > .active > a,
+.pagination > .active > span {
+ background: #FFF;
+}
+.pagination > li > a:hover {
+ border-bottom: 3px solid #666666;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+ color: #666666;
+ border-bottom: 3px solid #7f8c8d;
+}
+.pagination > .disabled > a {
+ border-color: #fff;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+ margin-bottom: 0;
+ color: #C9C9C9;
+ background-color: #FFF;
+ cursor: default;
+}
+/*--------------------------------------------------------------------------
++ Custom Style for Maps
+--------------------------------------------------------------------------*/
+.leaflet-popup-content-wrapper {
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+/*--------------------------------------------------------------------------
++ Custom Style for Tabs (overrides Bootstrap)
+--------------------------------------------------------------------------*/
+.nav-tabs > li > a {
+ font-size: 1.1em;
+ padding: 10px 15px;
+ color: #535b60;
+}
+.nav-tabs > .active > a,
+.nav-tabs > .active > a:hover,
+.nav-tabs > .active > a:focus {
+ font-weight: 600;
+ background-color: #ffffff;
+ border: 1px solid #ddd;
+ border-top: 3px solid #7f8c8d;
+ border-bottom-color: transparent;
+ cursor: default;
+}
+/*--------------------------------------------------------------------------
++ 404 Page Style
+--------------------------------------------------------------------------*/
+.error-page-wrapper {
+ font-size: 1.5em;
+ font-weight: 600;
+ margin: 100px 0;
+ text-align: center;
+}
+/*--------------------------------------------------------------------------
++ Homepage Slider Style (modified sequencejs CSS). Sorry, no LESS here
+--------------------------------------------------------------------------*/
+#sequence {
+ overflow: hidden;
+ width: 100%;
+ max-width: 1920px;
+ color: white;
+ font-size: 0.625em;
+ margin: 0 auto 30px auto;
+ position: relative;
+ height: 400px;
+}
+#sequence img {
+ max-width: 100%;
+}
+#sequence > .sequence-canvas {
+ list-style-type: none;
+ height: 400px;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+#sequence h2 {
+ font-size: 4em;
+ color: #FFF;
+ text-shadow: 2px 2px 3px #444;
+ border: none;
+ padding-left: 0;
+ margin-top: 0;
+}
+#sequence h3 {
+ font-size: 2em;
+ color: #FFF;
+ text-shadow: 2px 2px 3px #444;
+}
+#sequence > .sequence-canvas > li {
+ position: absolute;
+ width: 100%;
+ height: 400px;
+ z-index: 1;
+ -webkit-transition-property: background;
+ -moz-transition-property: background;
+ -o-transition-property: background;
+ -ms-transition-property: background;
+ transition-property: background;
+ background-position: -50px 0;
+}
+#sequence > .sequence-canvas > li.bg1 {
+ background-image: url(../img/homepage-slider/slider-bg1.jpg);
+}
+#sequence > .sequence-canvas > li.bg2 {
+ background-image: url(../img/homepage-slider/slider-bg2.jpg);
+}
+#sequence > .sequence-canvas > li.bg3 {
+ background-image: url(../img/homepage-slider/slider-bg3.jpg);
+}
+#sequence > .sequence-canvas > li.bg4 {
+ background-image: url(../img/homepage-slider/slider-bg4.jpg);
+}
+#sequence > .sequence-canvas > li.bg5 {
+ background-image: url(../img/homepage-slider/slider-bg5.jpg);
+}
+#sequence > .sequence-canvas > li.bg6 {
+ background-image: url(../img/homepage-slider/slider-bg6.jpg);
+}
+#sequence > .sequence-canvas > li.bg7 {
+ background-image: url(../img/homepage-slider/slider-bg7.jpg);
+}
+#sequence > .sequence-canvas > li.bg8 {
+ background-image: url(../img/homepage-slider/slider-bg8.jpg);
+}
+#sequence > .sequence-canvas > li.bg9 {
+ background-image: url(../img/homepage-slider/slider-bg9.jpg);
+}
+#sequence > .sequence-canvas > li.bg10 {
+ background-image: url(../img/homepage-slider/slider-bg10.jpg);
+}
+#sequence > .sequence-canvas > li.bg11 {
+ background-image: url(../img/homepage-slider/slider-bg11.jpg);
+}
+#sequence > .sequence-canvas > li.bg12 {
+ background-image: url(../img/homepage-slider/slider-bg12.jpg);
+}
+#sequence > .sequence-canvas > li.bg13 {
+ background-image: url(../img/homepage-slider/slider-bg13.jpg);
+}
+#sequence > .sequence-canvas > li.bg14 {
+ background-image: url(../img/homepage-slider/slider-bg14.jpg);
+}
+#sequence > .sequence-canvas > li img {
+ height: 96%;
+}
+#sequence > .sequence-canvas li > * {
+ position: absolute;
+ -webkit-transition-property: left, opacity;
+ -moz-transition-property: left, opacity;
+ -o-transition-property: left, opacity;
+ -ms-transition-property: left, opacity;
+ transition-property: left, opacity;
+}
+.sequence-next,
+.sequence-prev {
+ color: white;
+ cursor: pointer;
+ display: none;
+ font-weight: bold;
+ padding: 10px 15px;
+ position: absolute;
+ top: 50%;
+ z-index: 1000;
+ height: 75px;
+ margin-top: -47.5px;
+}
+.sequence-pause {
+ bottom: 0;
+ cursor: pointer;
+ position: absolute;
+ z-index: 1000;
+}
+.sequence-paused {
+ -webkit-opacity: 0.3;
+ -moz-opacity: 0.3;
+ opacity: 0.3;
+}
+.sequence-prev {
+ left: 3%;
+}
+.sequence-next {
+ right: 3%;
+}
+.sequence-prev img,
+.sequence-next img {
+ height: 100%;
+ width: auto;
+}
+#sequence-preloader {
+ background: #d9d9d9;
+}
+.sequence-pagination-wrapper {
+ position: absolute;
+ bottom: 10px;
+ right: 20px;
+ z-index: 99;
+}
+.sequence-pagination {
+ display: none;
+ z-index: 99;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.sequence-pagination li {
+ display: inline-block;
+ *display: inline;
+ width: 14px;
+ height: 14px;
+ margin: 0 4px;
+ text-indent: -999em;
+ border: 4px solid #7f8c8d;
+ cursor: pointer;
+ -webkit-border-radius: 30px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 30px;
+ -moz-background-clip: padding;
+ border-radius: 30px;
+ background-clip: padding-box;
+ -webkit-opacity: 0.8;
+ -moz-opacity: 0.8;
+ opacity: 0.8;
+ -webkit-transition: background .5s, opacity .5s;
+ -moz-transition: background .5s, opacity .5s;
+ -o-transition: background .5s, opacity .5s;
+ -ms-transition: background .5s, opacity .5s;
+ transition: background .5s, opacity .5s;
+}
+.sequence-pagination li.current {
+ background: #7f8c8d;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.sequence-next,
+.sequence-prev {
+ position: absolute;
+ opacity: 0.6;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+.sequence-next:hover,
+.sequence-prev:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+#sequence .title {
+ font-size: 3.8em;
+ text-transform: none;
+ left: 0%;
+ width: 35%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ bottom: 60%;
+ z-index: 50;
+}
+#sequence > .sequence-canvas > li.animate-in {
+ background-position: 0 0;
+ -webkit-transition-duration: 1.5s;
+ -moz-transition-duration: 1.5s;
+ -o-transition-duration: 1.5s;
+ transition-duration: 1.5s;
+}
+#sequence .animate-in .title {
+ left: 15%;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+#sequence .animate-out .title {
+ left: 35%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.subtitle {
+ color: black;
+ font-size: 2em;
+ left: 35%;
+ width: 35%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ top: 40%;
+}
+.animate-in .subtitle {
+ left: 15%;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.animate-out .subtitle {
+ left: 65%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.slide-img {
+ left: 90%;
+ top: 20%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ position: relative;
+ height: auto !important;
+ max-height: 450px !important;
+ max-width: 45% !important;
+}
+.animate-in .slide-img {
+ left: 55%;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+.animate-out .slide-img {
+ left: 15%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+@media only screen and (min-width: 992px) {
+ #sequence .title {
+ width: 42%;
+ }
+}
+@media only screen and (max-width: 838px) {
+ #sequence .slide-img {
+ max-height: 530px !important;
+ width: auto;
+ }
+}
+@media only screen and (max-width: 768px) {
+ #sequence {
+ height: 400px;
+ }
+ #sequence .title {
+ font-size: 2.8em;
+ }
+ #sequence .subtitle {
+ font-size: 1.6em;
+ }
+ #sequence .sequence-next,
+ #sequence .sequence-prev {
+ height: 60px;
+ margin-top: -40px;
+ }
+ #sequence .slide-img {
+ max-height: 480px !important;
+ width: auto;
+ }
+}
+@media only screen and (max-width: 568px) {
+ .slide-img {
+ left: 50%;
+ width: auto;
+ max-width: 80% !important;
+ }
+ #sequence .animate-in .slide-img {
+ left: 50%;
+ margin-left: -40%;
+ }
+ #sequence .animate-out .slide-img {
+ left: 20%;
+ margin-left: -20%;
+ }
+ #sequence .title {
+ background: #a1a1a1;
+ background: rgba(0, 0, 0, 0.3);
+ bottom: 0;
+ left: 100%;
+ padding: 4%;
+ width: 100%;
+ margin-bottom: 0;
+ z-index: 10;
+ }
+ #sequence .animate-in .title {
+ left: 0%;
+ }
+ #sequence .animate-out .title {
+ left: -100%;
+ }
+ #sequence .subtitle {
+ visibility: hidden;
+ }
+}
+/*--------------------------------------------------------------------------
++ Content Slider Style (bxSlider CSS), Sorry, no LESS here
+--------------------------------------------------------------------------*/
+.bx-wrapper {
+ position: relative;
+ margin: 0 auto 30px;
+ padding: 0;
+ *zoom: 1;
+}
+.bx-wrapper img {
+ max-width: 100%;
+ display: block;
+}
+.bx-wrapper .bx-pager,
+.bx-wrapper .bx-controls-auto {
+ position: absolute;
+ bottom: -30px;
+ width: 100%;
+}
+/* LOADER */
+.bx-wrapper .bx-loading {
+ min-height: 50px;
+ background: url(../img/bx_loader.gif) center center no-repeat #fff;
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 2000;
+}
+/* PAGER */
+.bx-wrapper .bx-pager {
+ text-align: center;
+ font-size: .85em;
+ font-family: Arial;
+ font-weight: bold;
+ color: #666;
+ padding-top: 20px;
+}
+.bx-wrapper .bx-pager .bx-pager-item,
+.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
+ display: inline-block;
+ *zoom: 1;
+ *display: inline;
+}
+.bx-wrapper .bx-pager.bx-default-pager a {
+ background: #666;
+ text-indent: -9999px;
+ display: block;
+ width: 10px;
+ height: 10px;
+ margin: 0 5px;
+ outline: 0;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+.bx-wrapper .bx-pager.bx-default-pager a:hover,
+.bx-wrapper .bx-pager.bx-default-pager a.active {
+ background: #000;
+}
+/* DIRECTION CONTROLS (NEXT / PREV) */
+.bx-wrapper .bx-prev {
+ left: 10px;
+ background: url(../img/controls.png) no-repeat 0 -32px;
+}
+.bx-wrapper .bx-next {
+ right: 10px;
+ background: url(../img/controls.png) no-repeat -43px -32px;
+}
+.bx-wrapper .bx-prev:hover {
+ background-position: 0 0;
+}
+.bx-wrapper .bx-next:hover {
+ background-position: -43px 0;
+}
+.bx-wrapper .bx-controls-direction a {
+ position: absolute;
+ top: 50%;
+ margin-top: -16px;
+ outline: 0;
+ width: 32px;
+ height: 32px;
+ text-indent: -9999px;
+ z-index: 9999;
+}
+.bx-wrapper .bx-controls-direction a.disabled {
+ display: none;
+}
+/* AUTO CONTROLS (START / STOP) */
+.bx-wrapper .bx-controls-auto {
+ text-align: center;
+}
+.bx-wrapper .bx-controls-auto .bx-start {
+ display: block;
+ text-indent: -9999px;
+ width: 10px;
+ height: 11px;
+ outline: 0;
+ background: url(../img/controls.png) -86px -11px no-repeat;
+ margin: 0 3px;
+}
+.bx-wrapper .bx-controls-auto .bx-start:hover,
+.bx-wrapper .bx-controls-auto .bx-start.active {
+ background-position: -86px 0;
+}
+.bx-wrapper .bx-controls-auto .bx-stop {
+ display: block;
+ text-indent: -9999px;
+ width: 9px;
+ height: 11px;
+ outline: 0;
+ background: url(../img/controls.png) -86px -44px no-repeat;
+ margin: 0 3px;
+}
+.bx-wrapper .bx-controls-auto .bx-stop:hover,
+.bx-wrapper .bx-controls-auto .bx-stop.active {
+ background-position: -86px -33px;
+}
+/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
+ text-align: left;
+ width: 80%;
+}
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
+ right: 0;
+ width: 35px;
+}
+/* IMAGE CAPTIONS */
+.bx-wrapper .bx-caption {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ background: #666\9;
+ background: rgba(80, 80, 80, 0.75);
+ width: 100%;
+}
+.bx-wrapper .bx-caption span {
+ color: #fff;
+ font-family: Arial;
+ display: block;
+ font-size: .85em;
+ padding: 10px;
+}
+/*--------------------------------------------------------------------------
++ Main Menu Style
+--------------------------------------------------------------------------*/
+.mainmenu li.logo-wrapper a {
+ border-right: 1px solid #E8E8E8;
+ padding-left: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.mainmenu-wrapper {
+ background-color: #FFF;
+ border-bottom: 4px solid #7f8c8d;
+ z-index: 4;
+}
+.mainmenu {
+ width: 100%;
+ /* general ul style */
+
+ /* first level ul style */
+
+ /* sub-menu */
+
+}
+.mainmenu ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+}
+.mainmenu > ul,
+.mainmenu .mainmenu-submenu-inner {
+ margin: 0 auto;
+}
+.mainmenu > ul > li,
+.mainmenu .mainmenu-submenu-inner > li {
+ display: inline-block;
+ *display: inline;
+}
+.mainmenu > ul > li > a,
+.mainmenu .mainmenu-submenu-inner > li > a {
+ font-size: 1.2em;
+ padding: 1.2em 1.5em;
+ color: #999;
+ display: inline-block;
+ text-decoration: none;
+}
+.mainmenu > ul > li > a:hover,
+.mainmenu .mainmenu-submenu-inner > li > a:hover {
+ color: #7f8c8d;
+ text-decoration: none;
+}
+.mainmenu > ul > li.active > a,
+.mainmenu .mainmenu-submenu-inner > li.active > a {
+ color: #7f8c8d;
+ font-weight: 600 !important;
+}
+.mainmenu > ul > li.mainmenu-open a,
+.mainmenu .mainmenu-submenu-inner > li.mainmenu-open a,
+.mainmenu > ul li.mainmenu-open > a:hover,
+.mainmenu .mainmenu-submenu-inner li.mainmenu-open > a:hover {
+ color: #fff;
+ background: #7f8c8d;
+}
+.mainmenu .mainmenu-submenu {
+ display: none;
+ position: absolute;
+ background: #7f8c8d;
+ width: 100%;
+ left: 0;
+ z-index: 999;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.4);
+ -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.4);
+ box-shadow: 0 5px 5px rgba(0,0,0,0.4);
+ color: 0 5px 5px rgba(0,0,0,0.4);
+}
+.mainmenu .mainmenu-submenu-inner > div {
+ width: 33%;
+ float: left;
+}
+.mainmenu .mainmenu-submenu-inner:before,
+.mainmenu .mainmenu-submenu-inner:after {
+ content: " ";
+ display: table;
+}
+.mainmenu .mainmenu-submenu-inner:after {
+ clear: both;
+}
+.mainmenu .mainmenu-submenu-inner > div a {
+ line-height: 2em;
+}
+.mainmenu-open .mainmenu-submenu {
+ display: block;
+ padding-bottom: 3em;
+}
+.mainmenu-submenu h4 {
+ color: #d0d5d5;
+ padding: 1em 0 0.6em;
+ margin-left: 20px;
+ font-size: 160%;
+ font-weight: 300;
+}
+.mainmenu-submenu ul {
+ margin-left: 20px;
+}
+@media screen and (max-width: 979px) {
+ .mainmenu {
+ font-size: 0.8em;
+ }
+ .mainmenu-submenu {
+ font-size: 1.2em;
+ }
+ .mainmenu-submenu li,
+ .mainmenu-submenu h4 {
+ padding-left: 10px;
+ }
+}
+@media screen and (max-width: 479px) {
+ .mainmenu {
+ font-size: 120%;
+ border: none;
+ }
+ .mainmenu > ul,
+ .mainmenu .mainmenu-submenu-inner {
+ width: 100%;
+ padding: 0;
+ }
+ .mainmenu .mainmenu-submenu-inner {
+ padding: 0 1.5em;
+ font-size: 75%;
+ }
+ .mainmenu > ul > li {
+ display: block;
+ border-bottom: 4px solid #47a3da;
+ }
+ .mainmenu > ul > li > a {
+ display: block;
+ padding: 1em 3em;
+ }
+ .mainmenu > ul > li:last-child {
+ border: none;
+ }
+ .mainmenu .mainmenu-submenu {
+ position: relative;
+ }
+ .mainmenu-submenu h4 {
+ padding-top: 0.6em;
+ }
+ .mainmenu .mainmenu-submenu-inner > div {
+ width: 100%;
+ float: none;
+ padding: 0;
+ }
+}
+/*--------------------------------------------------------------------------
++ Extras Menu (Cart, Language, Login) Style
+--------------------------------------------------------------------------*/
+.menuextras {
+ font-size: 0.85em;
+ height: 30px;
+}
+.menuextras ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ float: right;
+ padding: 3px 0;
+}
+.menuextras li {
+ float: left;
+ padding: 0 8px;
+}
+.menuextras .extras li {
+ padding: 0 8px;
+}
+.menuextras .extras li a {
+ color: #333;
+}
+.menuextras .extras li a:hover {
+ color: #333;
+ text-decoration: none;
+}
+.menuextras .extras .shopping-cart-items i {
+ color: #333;
+}
+.menuextras .choose-country .dropdown-menu {
+ background-color: #222;
+ background-color: rgba(34, 34, 34, 0.8);
+ margin-top: 5px;
+}
+.menuextras .choose-country .dropdown-menu li {
+ float: none;
+}
+.menuextras .choose-country .dropdown-menu li a {
+ color: #fff;
+ padding-left: 3px;
+}
+.menuextras .choose-country .dropdown-menu li a:hover {
+ color: #fff;
+ background-color: #333 !important;
+}
+/*--------------------------------------------------------------------------
++ Buttons Style
+--------------------------------------------------------------------------*/
+.btn {
+ border: 1px solid #7f8c8d;
+ -webkit-border-radius: 2px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 2px;
+ -moz-background-clip: padding;
+ border-radius: 2px;
+ background-clip: padding-box;
+ color: #FFFFFF;
+ cursor: pointer;
+ display: inline-block;
+ text-transform: none;
+ -webkit-transition: all .25s ease;
+ -moz-transition: all .25s ease;
+ -o-transition: all .25s ease;
+ -ms-transition: all .25s ease;
+ transition: all .25s ease;
+ text-align: center;
+ background: none repeat scroll 0 0 #7f8c8d;
+ text-shadow: none;
+ box-shadow: none;
+ color: #FFF;
+ white-space: nowrap;
+}
+.btn:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn .caret {
+ border-top: 4px solid #FFF;
+}
+.btn-micro {
+ padding: 1px 8px;
+ font-size: 10px;
+}
+.btn-grey {
+ border: 1px solid #cecece;
+ color: #333;
+ background: none repeat scroll 0 0 #E7E7E7;
+}
+.btn-grey:hover {
+ background: none repeat scroll 0 0 #cecece;
+ color: #333;
+ text-decoration: none;
+ border: 1px solid #cecece;
+}
+.btn-grey .caret {
+ border-top: 4px solid #333;
+}
+.btn-blue {
+ border: 1px solid #3e7191;
+ color: #FFF;
+ background: none repeat scroll 0 0 #4F8DB3;
+}
+.btn-blue:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-orange {
+ border: 1px solid #cc5a00;
+ color: #FFF;
+ background: none repeat scroll 0 0 #FF7000;
+}
+.btn-orange:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-green {
+ border: 1px solid #4c5818;
+ color: #FFF;
+ background: none repeat scroll 0 0 #6E8023;
+}
+.btn-green:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-red {
+ border: 1px solid #ab0d0d;
+ color: #FFF;
+ background: none repeat scroll 0 0 #DA1111;
+}
+.btn-red:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-group.open .btn.dropdown-toggle {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+}
+.dropdown.open a.dropdown-toggle .caret {
+ border-top: 4px solid #FFF;
+}
--- /dev/null
+/*--------------------------------------------------------------------------
+ General Style
+--------------------------------------------------------------------------*/
+body {
+ background: url(../img/page-background.png);
+}
+.section {
+ padding: 30px 0;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.section-white {
+ background: #FFF;
+}
+.section .container:first-child h1,
+.section .container:first-child h2,
+.section .container:first-child h3 {
+ margin-top: 0;
+ font-weight: 700;
+}
+.input-micro {
+ width: 50px;
+ margin-bottom: 0 !important;
+}
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+.uneditable-input:focus {
+ border-color: rgba(230, 126, 34, 0.8);
+ outline: 0;
+ outline: thin dotted \9;
+ /* IE6-9 */
+
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(230, 126, 34, 0.6);
+ -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(230, 126, 34, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(230, 126, 34, 0.6);
+ color: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(230, 126, 34, 0.6);
+}
+ul.no-list-style {
+ list-style-type: none;
+ margin-left: 0;
+}
+ul.no-list-style li {
+ line-height: 28px;
+}
+div[class*="span"] {
+ -webkit-transition: all .4s linear;
+ -moz-transition: all .4s linear;
+ -o-transition: all .4s linear;
+ -ms-transition: all .4s linear;
+ transition: all .4s linear;
+}
+/*--------------------------------------------------------------------------
+ Typography Style
+--------------------------------------------------------------------------*/
+body {
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ line-height: 20px;
+ color: #535b60;
+}
+h1 {
+ color: #53555c;
+ font-family: 'Open Sans', sans-serif;
+ font-weight: 800;
+}
+h2 {
+ color: #53555c;
+ font-family: 'Open Sans', sans-serif;
+ font-size: 2em;
+ border-bottom: 2px solid #53555c;
+ line-height: 1.5em;
+ margin: 30px 0;
+ padding-left: 10px;
+}
+h3 {
+ font-family: 'Open Sans', sans-serif;
+ color: #53555c;
+ font-size: 1.5em;
+}
+h4 {
+ font-family: 'Open Sans', sans-serif;
+ color: #53555c;
+ margin-bottom: 10px;
+}
+a {
+ color: #e67e22;
+}
+a:hover {
+ color: #924d10;
+}
+/*--------------------------------------------------------------------------
++ Services Style
+--------------------------------------------------------------------------*/
+/* Multicolumn */
+.service-wrapper {
+ background: #FFF;
+ margin: 20px 10px;
+ text-align: center;
+ padding: 30px 20px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: 0 0 3px #999;
+ -moz-box-shadow: 0 0 3px #999;
+ box-shadow: 0 0 3px #999;
+ color: 0 0 3px #999;
+}
+.service-wrapper h3 {
+ font-size: 1.2em;
+ margin: 10px 0 !important;
+}
+.service-wrapper p {
+ margin-top: 0;
+}
+/* Row */
+.service-wrapper-row {
+ padding: 10px 0;
+}
+.service-wrapper-row h3 {
+ padding-top: 15px;
+}
+.service-wrapper-row .service-image {
+ padding-top: 15px;
+ text-align: center;
+}
+.service-wrapper-row .service-image img {
+ max-width: 80%;
+ vertical-align: bottom;
+ bottom: 0;
+ border: 7px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: 0 0 8px #999;
+ -moz-box-shadow: 0 0 8px #999;
+ box-shadow: 0 0 8px #999;
+ color: 0 0 8px #999;
+}
+/*--------------------------------------------------------------------------
++ Pricing Table Style
+--------------------------------------------------------------------------*/
+.pricing-plan {
+ float: left;
+ text-align: center;
+ background: #fafafa;
+ position: relative;
+ width: 48%;
+ margin: 10px 1% 10px 0;
+ padding: 20px;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
+ -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
+ box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
+ color: 0 1px 8px rgba(0, 0, 0, 0.4);
+ -webkit-transition: -webkit-box-shadow .25s linear;
+ -moz-transition: -moz-box-shadow .25s linear;
+ -o-transition: box-shadow .25s linear;
+ -ms-transition: box-shadow .25s linear;
+ transition: box-shadow .25s linear;
+}
+.pricing-plan:hover {
+ -webkit-box-shadow: 0 0 8px #333;
+ -moz-box-shadow: 0 0 8px #333;
+ box-shadow: 0 0 8px #333;
+ color: 0 0 8px #333;
+ z-index: 5;
+}
+.pricing-plan .pricing-plan-title {
+ position: relative;
+ margin: -20px -10px 20px;
+ padding: 20px;
+ line-height: 1;
+ font-size: 16px;
+ font-weight: bold;
+ color: #595f6b;
+ border-bottom: 1px dashed #d2d2d2;
+}
+.pricing-plan .pricing-plan-title:before {
+ content: '';
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ height: 1px;
+ background-size: 3px 1px;
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjZDJkMmQyIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IiIgc3RvcC1jb2xvcj0iI2QyZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
+ background-image: -moz-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
+ background-image: -webkit-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
+ background-image: -o-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
+ background-image: linear-gradient(to right, white, white 33%, #d2d2d2 34%, #d2d2d2);
+}
+.pricing-plan .pricing-plan-price {
+ margin: 0 auto 20px;
+ width: 90px;
+ height: 90px;
+ line-height: 90px;
+ font-size: 19px;
+ font-weight: bold;
+ color: white;
+ background: #595f6b;
+ -webkit-border-radius: 45px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 45px;
+ -moz-background-clip: padding;
+ border-radius: 45px;
+ background-clip: padding-box;
+}
+.pricing-plan .pricing-plan-price span {
+ font-size: 12px;
+ font-weight: normal;
+ color: rgba(255, 255, 255, 0.9);
+}
+.pricing-plan .pricing-plan-features {
+ margin-bottom: 20px;
+ margin-left: 0;
+ padding: 0;
+ line-height: 2;
+ font-size: 12px;
+ color: #999;
+ text-align: center;
+ list-style-type: none;
+}
+.pricing-plan .pricing-plan-features li strong {
+ font-weight: bold;
+ color: #888;
+}
+.pricing-plan .pricing-plan-promote {
+ margin: 0;
+ padding: 40px 20px;
+ background-color: white;
+ border-width: 2px;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+ z-index: 4;
+}
+.ribbon-wrapper {
+ width: 85px;
+ height: 88px;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.price-ribbon {
+ font: bold 15px Sans-Serif;
+ color: #333;
+ text-align: center;
+ text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
+ position: relative;
+ padding: 7px 0;
+ left: -5px;
+ top: 15px;
+ width: 120px;
+ background-color: #FFF;
+ color: #6a6340;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
+ -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
+ box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
+ color: 0px 0px 3px rgba(0,0,0,0.3);
+}
+.ribbon-green {
+ background-color: #BFDC7A;
+}
+.ribbon-blue {
+ background-color: #5ACBFF;
+}
+.ribbon-orange {
+ background-color: #FF9542;
+}
+.ribbon-red {
+ background-color: #FF7373;
+}
+@media (min-width: 768px) {
+ .pricing-plan {
+ width: 25%;
+ margin: 20px 0;
+ padding: 20px;
+ -webkit-border-radius: 0;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 0;
+ -moz-background-clip: padding;
+ border-radius: 0;
+ background-clip: padding-box;
+ }
+ .pricing-plan:first-child {
+ -webkit-border-top-left-radius: 7px;
+ -moz-border-radius-topleft: 7px;
+ border-top-left-radius: 7px;
+ -webkit-border-bottom-left-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius-bottomleft: 7px;
+ -moz-background-clip: padding;
+ border-bottom-left-radius: 7px;
+ background-clip: padding-box;
+ }
+ .pricing-plan:last-child {
+ border-width: 2px;
+ -webkit-border-top-right-radius: 7px;
+ -moz-border-radius-topright: 7px;
+ border-top-right-radius: 7px;
+ -webkit-border-bottom-right-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius-bottomright: 7px;
+ -moz-background-clip: padding;
+ border-bottom-right-radius: 7px;
+ background-clip: padding-box;
+ }
+ .pricing-plan-promote {
+ background: #fff;
+ padding: 40px;
+ margin-top: 0;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+ z-index: 4;
+ }
+}
+/*--------------------------------------------------------------------------
++ Contact Us Style
+--------------------------------------------------------------------------*/
+#contact-us-map {
+ height: 300px;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.contact-us-details {
+ margin: 20px 0;
+ font-size: 0.9em;
+}
+/*--------------------------------------------------------------------------
++ Video Wrapper Style
+--------------------------------------------------------------------------*/
+.video-wrapper {
+ -webkit-box-shadow: 0 0 5px #000;
+ -moz-box-shadow: 0 0 5px #000;
+ box-shadow: 0 0 5px #000;
+ color: 0 0 5px #000;
+ margin: 20px 0;
+}
+/*--------------------------------------------------------------------------
++ Call to Action Bar Style
+--------------------------------------------------------------------------*/
+.calltoaction-wrapper {
+ text-align: center;
+}
+.calltoaction-wrapper h3 {
+ display: inline-block;
+ line-height: 36px;
+ margin-right: 10px;
+ margin-bottom: 0;
+}
+.calltoaction-wrapper a {
+ vertical-align: top;
+}
+/*--------------------------------------------------------------------------
++ Testimonials Style
+--------------------------------------------------------------------------*/
+.testimonial blockquote {
+ margin: 0;
+ padding: 0;
+ border-left: none;
+}
+.testimonial blockquote p {
+ font-size: 0.9em;
+ margin-bottom: 20px;
+ line-height: 1.5;
+}
+.testimonial .testimonial-bubble {
+ text-align: justify;
+ -webkit-border-radius: 4px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 4px;
+ -moz-background-clip: padding;
+ border-radius: 4px;
+ background-clip: padding-box;
+ padding: 0 20px 20px 20px;
+ margin: 35px 10px 20px 10px;
+ background: #FFF;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ color: inset 0 1px #fff,0 1px 2px #c8cfe6;
+}
+.testimonial .testimonial-bubble::before {
+ background-color: #FFF;
+ content: "\00a0";
+ display: block;
+ height: 20px;
+ width: 20px;
+ top: -10px;
+ left: 45%;
+ position: relative;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.testimonial .author-photo {
+ text-align: center;
+}
+.testimonial .author-photo img {
+ margin: auto;
+ border: 5px solid #FFF;
+ -webkit-border-radius: 100px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 100px;
+ -moz-background-clip: padding;
+ border-radius: 100px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ color: inset 0 1px #fff,0 1px 2px #c8cfe6;
+}
+.testimonial .author-info {
+ font-weight: 400;
+ font-size: 0.8em;
+}
+/*--------------------------------------------------------------------------
++ Clients Logos Style
+--------------------------------------------------------------------------*/
+.clients-logo-wrapper img {
+ max-width: 100%;
+}
+/*--------------------------------------------------------------------------
++ News Style
+--------------------------------------------------------------------------*/
+.featured-news .caption,
+.latest-news .caption {
+ padding: 10px 0 5px 0;
+}
+.featured-news .caption a,
+.latest-news .caption a {
+ font-size: 1.1em;
+ font-weight: 600;
+ color: #535b60;
+}
+.featured-news .intro,
+.latest-news .intro {
+ padding-bottom: 10px;
+ font-size: 0.9em;
+}
+.featured-news .intro a,
+.latest-news .intro a {
+ white-space: nowrap;
+}
+.featured-news .date,
+.latest-news .date {
+ font-size: 0.7em;
+ color: #999;
+}
+.featured-news img,
+.latest-news img {
+ max-width: 100%;
+ margin: 10px 0 10px 0;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+/*--------------------------------------------------------------------------
++ Frequently Asked Questions Style
+--------------------------------------------------------------------------*/
+.faq-wrapper h3 {
+ margin-top: 20px !important;
+}
+.faq-wrapper .accordion-inner {
+ margin: 10px 0 10px 20px;
+ padding: 0 10px;
+ font-size: 0.9em;
+}
+.faq-wrapper .accordion-inner .answer {
+ font-weight: 600;
+}
+/*--------------------------------------------------------------------------
++ Blog Style
+--------------------------------------------------------------------------*/
+/* Posts List */
+.blog-post {
+ background: #FFF;
+ position: relative;
+ margin: 20px 0;
+ border: 7px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.blog-post img {
+ max-width: 100%;
+}
+.blog-post .post-info {
+ background: #000;
+ background: rgba(0, 0, 0, 0.6);
+ color: #FFF;
+ line-height: 1.2;
+ position: absolute;
+ padding: 5px;
+ left: 10px;
+ top: 10px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+.blog-post .post-comments-count {
+ text-align: center;
+}
+.post-info .post-comments-count {
+ padding-top: 5px;
+}
+.post-info .post-comments-count i {
+ margin-right: 5px;
+}
+.post-info .post-comments-count a {
+ color: #FFF;
+}
+.post-info .post-date .date {
+ font-size: 0.7em;
+ font-weight: 600;
+}
+.post-title h3 {
+ font-size: 1.2em;
+ border-bottom: 1px dotted #828282;
+ margin: 0 20px;
+ padding-top: 10px;
+}
+.post-title h3 a {
+ color: #535b60;
+}
+.post-summary {
+ margin: 10px 20px;
+}
+.post-summary p {
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+}
+.post-more {
+ text-align: right;
+ padding: 0 20px 20px 0;
+}
+/* Single Post */
+.blog-single-post {
+ padding: 10px 30px;
+}
+.single-post-title h3 {
+ font-size: 1.5em;
+ margin: 0;
+}
+.single-post-info {
+ margin-bottom: 20px;
+ padding-bottom: 10px;
+ border-bottom: 1px dotted #828282;
+}
+.single-post-info i {
+ color: #333;
+ margin-right: 5px;
+}
+.single-post-image {
+ text-align: center;
+}
+.single-post-image img {
+ -webkit-box-shadow: 0 0 5px #000;
+ -moz-box-shadow: 0 0 5px #000;
+ box-shadow: 0 0 5px #000;
+ color: 0 0 5px #000;
+}
+.single-post-content {
+ margin: 30px 0 20px 0;
+ padding-bottom: 20px;
+ border-bottom: 2px dotted #CCC;
+}
+.single-post-content p {
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+}
+.post-comments {
+ list-style-type: none;
+ margin-left: 0;
+ margin-bottom: 40px;
+ padding: 0;
+}
+.post-comments ul {
+ list-style-type: none;
+ margin-left: 30px;
+ padding: 0;
+}
+.comment-wrapper p {
+ margin: 0;
+ position: relative;
+ border: 1px solid #CCC;
+ padding: 10px;
+ margin-bottom: 10px;
+ -webkit-border-radius: 3px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 3px;
+ -moz-background-clip: padding;
+ border-radius: 3px;
+ background-clip: padding-box;
+}
+.comment-author {
+ font-size: 1.3em;
+ font-weight: 600;
+ margin-bottom: 10px;
+}
+.comment-author img {
+ max-width: 50px;
+ -webkit-border-radius: 25px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 25px;
+ -moz-background-clip: padding;
+ border-radius: 25px;
+ background-clip: padding-box;
+ margin-right: 10px;
+}
+.comment-date {
+ font-size: 0.9em;
+ margin-right: 20px;
+}
+.comment-actions {
+ text-align: right;
+ opacity: 0.6;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.comment-actions:hover {
+ text-align: right;
+ opacity: 1;
+}
+.comment-actions i {
+ color: #333;
+}
+.comment-reply-btn {
+ margin-left: 10px;
+}
+.blog-sidebar h4 {
+ margin-top: 20px;
+ font-weight: 700;
+}
+.blog-sidebar h4:first-child {
+ margin-top: 0;
+}
+.blog-sidebar ul {
+ list-style-type: none;
+ margin-left: 0;
+ padding: 0;
+}
+.blog-sidebar .recent-posts li,
+.blog-sidebar .blog-categories li {
+ padding: 5px 20px 5px 0;
+ border-top: 1px solid #D5D5D5;
+}
+.blog-sidebar .recent-posts li:last-child,
+.blog-sidebar .blog-categories li:last-child {
+ border-bottom: 1px solid #D5D5D5;
+}
+.blog-sidebar .recent-posts a,
+.blog-sidebar .blog-categories a {
+ color: #535b60;
+}
+/*--------------------------------------------------------------------------
++ E-commerce Style
+--------------------------------------------------------------------------*/
+.shop-item {
+ position: relative;
+ background: #FFF;
+ padding-bottom: 10px;
+ margin-top: 20px;
+ margin-bottom: 10px;
+ border: 8px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.shop-item img {
+ max-width: 100%;
+}
+.shop-item .image {
+ text-align: center;
+}
+.shop-item .title {
+ padding: 20px 0 10px;
+}
+.shop-item .title h3 {
+ font-size: 0.9em;
+ margin: 0 10px;
+ text-align: center;
+}
+.shop-item .title h3 a {
+ color: #535b60;
+ text-transform: uppercase;
+}
+.shop-item .colors {
+ text-align: center;
+ margin-bottom: 10px;
+}
+.shop-item .colors span {
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+ margin: 2px;
+}
+.shop-item .price {
+ color: #535b60;
+ font-size: 1.5em;
+ text-align: center;
+ margin-bottom: 20px;
+ font-weight: 600;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+}
+.shop-item .price .price-was {
+ color: #A7A7A7;
+ font-size: 0.8em;
+ text-decoration: line-through;
+}
+.shop-item .description {
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+ margin: 0 10px;
+}
+.shop-item .description p {
+ border-top: 1px solid #ECECEC;
+ padding: 10px;
+ margin: 0;
+}
+.shop-item .actions {
+ border-top: 1px solid #ECECEC;
+ margin: 0 10px;
+ padding-top: 20px;
+ text-align: center;
+}
+.shop-item .actions span {
+ font-size: 0.8em;
+ white-space: nowrap;
+}
+.colors {
+ text-align: center;
+ margin-bottom: 10px;
+}
+.colors span {
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+ margin: 2px;
+}
+span.color-white {
+ background-color: #D7D7CF;
+ border-color: #c0c0b3;
+}
+span.color-black {
+ background-color: #000;
+ border-color: #000000;
+}
+span.color-blue {
+ background-color: #073A52;
+ border-color: #031923;
+}
+span.color-orange {
+ background-color: #D56E1D;
+ border-color: #a85717;
+}
+span.color-green {
+ background-color: #5C6632;
+ border-color: #3d4421;
+}
+span.color-red {
+ background-color: #DA1111;
+ border-color: #ab0d0d;
+}
+/*--------------------------------------------------------------------------
++ Product Details Page Style
+--------------------------------------------------------------------------*/
+.product-image-large {
+ border: 8px solid #FFF;
+ text-align: center;
+ margin-bottom: 10px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.product-image-large img {
+ max-width: 100%;
+}
+.product-details h4,
+.product-details h5 {
+ font-weight: 700;
+}
+.product-details h4 {
+ margin-bottom: 20px;
+}
+.product-details h5 {
+ margin-top: 20px;
+}
+.product-details .price {
+ font-size: 1.4em;
+ font-weight: 700;
+ text-align: left;
+ padding: 5px;
+ background: rgba(255, 255, 255, 0.6);
+ display: inline;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+.product-details .price-was {
+ text-decoration: line-through;
+ font-size: 0.8em;
+ font-weight: normal;
+}
+.product-details .shop-item-selections {
+ width: 100%;
+}
+.product-details .shop-item-selections td {
+ line-height: 36px;
+}
+.product-details .shop-item-selections td:first-child {
+ width: 30%;
+}
+.product-details .choose-item-color span {
+ display: inline-block;
+ *display: inline;
+ width: 10px;
+ height: 10px;
+ border-width: 1px;
+ border-style: solid;
+ margin-bottom: -1px;
+ margin-right: 2px;
+}
+.product-details-nav {
+ margin-top: 30px !important;
+ margin-left: 0 !important;
+}
+.product-detail-info {
+ background: #fff;
+ border-top: 0;
+ border-left: 1px;
+ border-right: 1px;
+ border-bottom: 1px;
+ border-color: #ddd;
+ border-style: solid;
+ padding: 20px 30px;
+}
+.product-detail-info p,
+.product-detail-info ul {
+ font-size: 0.9em;
+}
+.product-detail-info table {
+ width: 100%;
+}
+.product-detail-info table td {
+ font-size: 0.9em;
+ width: 50%;
+ line-height: 28px;
+ border-bottom: 1px solid #E7E7E7;
+}
+.product-detail-info table td:first-child {
+ font-weight: 600;
+}
+.product-detail-info table tr:last-child td {
+ border-bottom: 0;
+}
+/*--------------------------------------------------------------------------
++ Shopping Cart Style
+--------------------------------------------------------------------------*/
+.shopping-cart {
+ margin: 10px 0 0 0;
+ width: 100%;
+ border-collapse: separate;
+ border-spacing: 0 10px;
+}
+.shopping-cart a {
+ color: #535b60;
+}
+.shopping-cart tr {
+ background: #FFF;
+}
+.shopping-cart td {
+ padding: 10px;
+}
+.shopping-cart td:first-child {
+ -webkit-border-radius: 5px 0 0 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px 0 0 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px 0 0 5px;
+ background-clip: padding-box;
+ margin-left: 10px;
+}
+.shopping-cart td:last-child {
+ -webkit-border-radius: 0 5px 5px 0;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 0 5px 5px 0;
+ -moz-background-clip: padding;
+ border-radius: 0 5px 5px 0;
+ background-clip: padding-box;
+ margin-right: 10px;
+}
+.shopping-cart .image,
+.shopping-cart .image img {
+ max-width: 150px;
+}
+.shopping-cart .title {
+ font-size: 1.1em;
+}
+.shopping-cart .feature {
+ font-size: 0.8em;
+}
+.shopping-cart .color span {
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+}
+.shopping-cart .quantity {
+ width: 80px;
+}
+.shopping-cart .price {
+ color: #535b60;
+ font-size: 1.2em;
+ width: 80px;
+ text-align: center;
+}
+.shopping-cart .actions {
+ width: 80px;
+}
+.shopping-cart .actions .btn {
+ margin-bottom: 5px;
+}
+.cart-totals {
+ margin: 20px 0 30px 0;
+ border-top: 2px solid #535b60;
+ font-size: 1.1em;
+ line-height: 24px;
+ text-align: right;
+ width: 100%;
+}
+.cart-totals td {
+ width: 150px;
+ padding: 3px 0;
+}
+.cart-totals .cart-grand-total {
+ font-size: 1.3em;
+}
+@media (max-width: 500px) {
+ .shopping-cart .image {
+ display: none;
+ }
+ .cart-item-title {
+ font-size: 0.8em;
+ }
+}
+/*--------------------------------------------------------------------------
++ Products Slider Style
+--------------------------------------------------------------------------*/
+.products-slider .shop-item {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ width: 25%;
+ float: left;
+ display: block;
+ position: relative;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.products-slider .shop-item img {
+ -webkit-border-radius: 5px 5px 0 0;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px 5px 0 0;
+ -moz-background-clip: padding;
+ border-radius: 5px 5px 0 0;
+ background-clip: padding-box;
+}
+.products-slider .shop-item .title h3 a {
+ font-size: 1em;
+ font-weight: 400;
+}
+.products-slider .shop-item .price {
+ font-size: 1.1em;
+ font-weight: 400;
+ margin-bottom: 10px;
+}
+.products-slider .shop-item .actions {
+ padding: 10px 0;
+}
+@media (max-width: 768px) {
+ .products-slider .shop-item {
+ width: 34%;
+ }
+}
+@media (max-width: 479px) {
+ .products-slider .shop-item {
+ width: 100%;
+ }
+}
+/*--------------------------------------------------------------------------
++ Events List Style
+--------------------------------------------------------------------------*/
+.events-list {
+ width: 100%;
+ font-size: 0.9em;
+}
+.events-list tr td {
+ padding: 5px 20px 5px 0;
+}
+.events-list tr td:last-child {
+ padding: 5px 0;
+ text-align: right;
+}
+.events-list tr:hover .event-date {
+ border-left: 5px solid #e67e22;
+}
+.events-list .event-date {
+ margin: 3px 0;
+ padding: 2px 10px;
+ border-left: 5px solid #CFCFCF;
+ -webkit-transition: all .25s linear;
+ -moz-transition: all .25s linear;
+ -o-transition: all .25s linear;
+ -ms-transition: all .25s linear;
+ transition: all .25s linear;
+}
+.events-list .event-date .event-day {
+ color: #808080;
+ font-size: 1.5em;
+ font-weight: 600;
+ text-align: center;
+}
+.events-list .event-date .event-month {
+ color: #CFCFCF;
+ font-size: 1.1em;
+ font-weight: 600;
+ text-align: center;
+}
+.events-list .event-date .event-venue,
+.events-list .event-date .event-price {
+ white-space: nowrap;
+}
+/*--------------------------------------------------------------------------
++ Jobs list Style
+--------------------------------------------------------------------------*/
+.jobs-list {
+ width: 100%;
+}
+.jobs-list th {
+ font-size: 1.2em;
+ text-align: left;
+ padding: 10px 0;
+}
+.jobs-list td {
+ padding: 5px 20px 5px 0;
+ border-top: 1px solid #E6E6E6;
+}
+.jobs-list tr:last-child td {
+ border-bottom: 1px solid #E6E6E6;
+}
+.job-position a {
+ color: #535b60;
+ font-size: 1.1em;
+}
+.job-location,
+.job-type {
+ font-size: 0.9em;
+}
+.join-us-promo blockquote {
+ margin: 0;
+ padding: 0;
+ border-left: none;
+}
+.join-us-promo blockquote p {
+ font-size: 1.1em;
+ margin-bottom: 20px;
+ line-height: 1.5;
+}
+.join-us-promo .author-info {
+ font-weight: 400;
+ font-size: 0.8em;
+}
+.join-us-promo .author-photo {
+ text-align: center;
+}
+.join-us-promo .author-photo img {
+ margin: auto;
+ border: 5px solid #FFF;
+ -webkit-border-radius: 70px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 70px;
+ -moz-background-clip: padding;
+ border-radius: 70px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ color: inset 0 1px #fff,0 1px 2px #c8cfe6;
+}
+.join-us-bubble {
+ text-align: justify;
+ -webkit-border-radius: 4px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 4px;
+ -moz-background-clip: padding;
+ border-radius: 4px;
+ background-clip: padding-box;
+ padding: 20px 20px 0 20px;
+ margin-top: 30px;
+ margin-bottom: 30px;
+ background: #FFF;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ color: inset 0 1px #fff,0 0 4px #c8cfe6;
+}
+.join-us-bubble::after {
+ background: #FFF;
+ content: "\00a0";
+ display: block;
+ height: 20px;
+ width: 20px;
+ bottom: -10px;
+ left: 45%;
+ position: relative;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -webkit-box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+ box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+ color: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+}
+.job-details-wrapper p {
+ text-align: justify;
+}
+/*--------------------------------------------------------------------------
++ Login/Register/Reset Password Forms Style
+--------------------------------------------------------------------------*/
+.basic-login {
+ background: rgba(255, 255, 255, 0.8);
+ padding: 20px 20px 10px 20px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ color: inset 0 1px #fff,0 0 4px #c8cfe6;
+}
+.basic-login form {
+ margin: 0;
+}
+.basic-login label {
+ line-height: 30px;
+ font-size: 1.2em;
+}
+.basic-login input[type="checkbox"] {
+ margin-top: 4px;
+}
+.social-login p {
+ text-align: center;
+ font-size: 1.2em;
+ font-style: italic;
+ padding: 20px 0;
+}
+.social-login .social-login-buttons {
+ text-align: center;
+}
+.social-login .social-login-buttons a {
+ position: relative;
+ display: inline-block;
+ white-space: nowrap;
+ height: 35px;
+ line-height: 35px;
+ padding-right: 15px;
+ margin: 10px 5px;
+ color: #fff;
+ font-size: 1.1em;
+ text-align: left;
+ -webkit-border-radius: 3px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 3px;
+ -moz-background-clip: padding;
+ border-radius: 3px;
+ background-clip: padding-box;
+ -webkit-transition: opacity .2s linear;
+ -moz-transition: opacity .2s linear;
+ -o-transition: opacity .2s linear;
+ -ms-transition: opacity .2s linear;
+ transition: opacity .2s linear;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.social-login .social-login-buttons a:hover {
+ opacity: 0.8;
+ text-decoration: none;
+}
+.social-login .social-login-buttons a:before {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 5px;
+ width: 24px;
+ height: 24px;
+ background-image: url(../img/social-login.png);
+ background-repeat: no-repeat;
+}
+.social-login .btn-facebook-login {
+ padding-left: 35px;
+ background-color: #6886bc;
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNjg4NmJjIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjZjYTkiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
+ background-image: -moz-linear-gradient(top,#6886bc 0,#466ca9 100%);
+ background-image: -webkit-linear-gradient(top,#6886bc 0,#466ca9 100%);
+ background-image: -o-linear-gradient(top,#6886bc 0,#466ca9 100%);
+ background-image: linear-gradient(top,#6886bc 0,#466ca9 100%);
+}
+.social-login .btn-twitter-login {
+ padding-left: 45px;
+ background-color: #25b6e6;
+}
+.social-login .btn-facebook-login:before {
+ left: 10px;
+ background-position: 0 0;
+}
+.social-login .btn-twitter-login:before {
+ left: 15px;
+ background-position: -48px 0;
+}
+.social-login .not-member p {
+ font-size: 1.5em;
+ font-weight: 600;
+ font-style: normal;
+ margin-top: 30px;
+ border-top: 1px solid #CCC;
+}
+/*--------------------------------------------------------------------------
++ 'In Press' Style
+--------------------------------------------------------------------------*/
+.in-press a {
+ color: #a0a7ac;
+ font-size: 1.3em;
+ font-family: Georgia, serif;
+ line-height: 28px;
+ position: relative;
+ padding-left: 16px;
+ padding-bottom: 32px;
+ margin-bottom: 15px;
+ display: block;
+ -webkit-transition: color .25s linear;
+ -moz-transition: color .25s linear;
+ -o-transition: color .25s linear;
+ -ms-transition: color .25s linear;
+ transition: color .25s linear;
+}
+.in-press a:hover {
+ color: #e67e22;
+ text-decoration: none;
+}
+.in-press a:after {
+ content: '';
+ display: block;
+ position: absolute;
+ bottom: -10px;
+ right: 20px;
+ width: 120px;
+ height: 32px;
+ background-image: url(../img/in-press.png);
+ background-repeat: no-repeat;
+ -webkit-transition: .25s linear;
+ -moz-transition: .25s linear;
+ -o-transition: .25s linear;
+ -ms-transition: .25s linear;
+ transition: .25s linear;
+}
+.in-press a:before {
+ content: "\201C";
+ margin-left: -16px;
+ font-size: 2.2em;
+}
+.press-wired a:after {
+ background-position: 0px 0px;
+}
+.press-wired a:hover:after {
+ background-position: 0px -32px;
+}
+.press-mashable a:after {
+ background-position: -120px 0px;
+}
+.press-mashable a:hover:after {
+ background-position: -120px -32px;
+}
+.press-techcrunch a:after {
+ background-position: -240px 0px;
+}
+.press-techcrunch a:hover:after {
+ background-position: -240px -32px;
+}
+/*--------------------------------------------------------------------------
++ Portfolio Style
+--------------------------------------------------------------------------*/
+.portfolio-item {
+ position: relative;
+ background: #FFF;
+ margin-bottom: 20px;
+ border: 8px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -webkit-transition: all .5s ease;
+ -moz-transition: all .5s ease;
+ -o-transition: all .5s ease;
+ -ms-transition: all .5s ease;
+ transition: all .5s ease;
+}
+.portfolio-item .portfolio-image {
+ overflow: hidden;
+ text-align: center;
+ position: relative;
+}
+.portfolio-item .portfolio-image img {
+ max-width: 100%;
+ -webkit-transition: all .25s ease;
+ -moz-transition: all .25s ease;
+ -o-transition: all .25s ease;
+ -ms-transition: all .25s ease;
+ transition: all .25s ease;
+}
+.portfolio-item:hover {
+ border: 8px solid #e67e22;
+}
+.portfolio-item:hover .portfolio-image img {
+ position: relative;
+ -webkit-transform: scale(1.1) rotate(2deg);
+ -moz-transform: scale(1.1) rotate(2deg);
+ -o-transform: scale(1.1) rotate(2deg);
+ -ms-transform: scale(1.1) rotate(2deg);
+ transform: scale(1.1) rotate(2deg);
+}
+.portfolio-item ul {
+ list-style-type: none;
+ margin-left: 0;
+ margin-top: 20px;
+ text-align: center;
+ padding: 0;
+}
+.portfolio-item ul li {
+ line-height: 28px;
+}
+.portfolio-item .portfolio-project-name {
+ font-size: 1.3em;
+ text-transform: uppercase;
+}
+.portfolio-item .read-more {
+ text-align: center;
+ padding-top: 10px;
+}
+.portfolio-item .portfolio-info-fade {
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ top: 0;
+ position: absolute;
+ background: #000;
+ background: rgba(0, 0, 0, 0.7);
+ width: 100%;
+ height: 100%;
+ color: #FFF;
+ text-shadow: 2px 2px 4px #000000;
+ filter: dropshadow(color=#000000, offx=2, offy=2);
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.portfolio-item .portfolio-info-fade ul {
+ margin-top: 10%;
+}
+.portfolio-item .portfolio-info-fade .btn:hover {
+ background: #e67e22;
+}
+.portfolio-item .portfolio-info-fade ul {
+ margin: 10% 20px 0 20px;
+ padding: 0;
+}
+.portfolio-item .portfolio-info-fade ul li {
+ text-align: center;
+}
+.portfolio-item .portfolio-info-fade ul li:first-child {
+ border-bottom: 1px solid #CCC;
+}
+.portfolio-item:hover .portfolio-info-fade {
+ display: block;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.lt-ie9 .portfolio-info-fade {
+ display: none;
+}
+.lt-ie9 .portfolio-item:hover .portfolio-info-fade {
+ display: block;
+}
+.portfolio-visit-btn {
+ padding-top: 15px;
+}
+.portfolio-item-description ul {
+ padding: 0;
+}
+/*--------------------------------------------------------------------------
++ Our Team Style
+--------------------------------------------------------------------------*/
+.team-member {
+ position: relative;
+ background: #FFF;
+ margin-bottom: 20px;
+ border: 8px solid #FFF;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.team-member img {
+ max-width: 100%;
+}
+.team-member ul {
+ list-style-type: none;
+ margin-left: 0;
+ margin-top: 20px;
+}
+.team-member ul li {
+ line-height: 28px;
+}
+.team-member:hover .team-member-image {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.team-member .team-member-image {
+ text-align: center;
+ position: relative;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+ -webkit-opacity: 0.85;
+ -moz-opacity: 0.85;
+ opacity: 0.85;
+}
+.team-member .team-member-name {
+ font-size: 1.3em;
+ text-transform: uppercase;
+}
+.team-member .team-member-social {
+ position: absolute;
+ right: 0;
+ -webkit-opacity: 0.5;
+ -moz-opacity: 0.5;
+ opacity: 0.5;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.team-member .team-member-social .team-member-social i {
+ margin-top: 3px;
+}
+.team-member .team-member-social:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+/*--------------------------------------------------------------------------
++ Sitemap Style
+--------------------------------------------------------------------------*/
+.sitemap {
+ margin-left: 0;
+ list-style-type: none;
+ padding: 0;
+}
+.sitemap a {
+ color: #535b60;
+}
+.sitemap li {
+ padding: 10px 0;
+ font-weight: 600;
+}
+.sitemap ul {
+ list-style-type: none;
+ margin-top: 10px;
+ margin-left: 10px;
+ padding: 0;
+}
+.sitemap ul li {
+ padding: 3px 0;
+ font-size: 0.9em;
+ font-weight: 400;
+}
+/*--------------------------------------------------------------------------
++ Coming Soon Page Style
+--------------------------------------------------------------------------*/
+.coming-soon-top {
+ background: #FFF;
+ background: rgba(255, 255, 255, 0.8);
+ min-height: 80px;
+}
+.coming-soon-top .logo-wrapper {
+ padding-top: 20px;
+}
+.coming-soon-content {
+ margin-top: 5%;
+ text-align: center;
+}
+.coming-soon-content h3 {
+ font-size: 3em;
+ line-height: 1.3em;
+ font-weight: 400;
+ color: #FFF;
+ margin-bottom: 40px;
+ text-shadow: 1px 1px 8px #000000;
+}
+.coming-soon-content p {
+ color: #E6E6E6;
+ text-shadow: 2px 2px 4px #000000;
+}
+.coming-soon-subscribe {
+ padding-top: 30px;
+}
+.coming-soon-subscribe .btn {
+ border-radius: 0 5px 5px 0;
+}
+.coming-soon-subscribe p {
+ margin-top: 10px;
+}
+.coming-soon-social {
+ margin-top: 60px;
+ -webkit-opacity: 0.7;
+ -moz-opacity: 0.7;
+ opacity: 0.7;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.coming-soon-social a {
+ display: inline-block;
+}
+.coming-soon-social:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.full-screen-background {
+ z-index: -999;
+ min-height: 100%;
+ min-width: 1024px;
+ width: 100%;
+ height: auto;
+ position: fixed;
+ top: 0;
+ left: 0;
+}
+/*--------------------------------------------------------------------------
++ Breadcrumbs Section Style
+--------------------------------------------------------------------------*/
+.section-breadcrumbs {
+ background: #222;
+ background: rgba(34, 34, 34, 0.8);
+ margin-bottom: 10px;
+}
+.section-breadcrumbs h1 {
+ color: #FAFAFA;
+ font-size: 1.6em;
+ margin-bottom: 0;
+ text-transform: none;
+}
+/*--------------------------------------------------------------------------
+ Footer Style
+--------------------------------------------------------------------------*/
+.footer {
+ background: #222;
+ color: #A0A0A0;
+ padding: 0 20px 10px 20px;
+ border-top: 4px solid #e67e22;
+ margin-top: 20px;
+ -webkit-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
+ -moz-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
+ box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
+ color: 0 -1px 12px rgba(0,0,0,0.4);
+}
+.footer h3 {
+ color: #E4E4E4;
+ font-size: 1.3em;
+ border-bottom: 1px dotted #7C7C7C;
+}
+.footer ul {
+ padding: 0;
+}
+.footer-navigate-section li {
+ line-height: 20px !important;
+}
+.footer-stay-connected a {
+ text-align: left;
+ text-indent: -9999px;
+ display: block;
+ width: 115px;
+ height: 40px;
+ background: url(../img/stay-connected.png);
+ -webkit-opacity: 0.5;
+ -moz-opacity: 0.5;
+ opacity: 0.5;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.footer-stay-connected a:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.footer-stay-connected a.facebook {
+ background-position: -115px 0;
+}
+.footer-stay-connected a.twitter {
+ background-position: -230px 0;
+}
+.footer-stay-connected a.googleplus {
+ background-position: 0 0;
+}
+.footer-stay-connected li {
+ text-align: center;
+}
+.footer-copyright {
+ text-align: center;
+ color: #7C7C7C;
+ border-top: 1px dotted #7C7C7C;
+ padding-top: 10px;
+ font-size: 0.9em;
+}
+/*--------------------------------------------------------------------------
++ Pagination Style (overrides Bootstrap style)
+--------------------------------------------------------------------------*/
+.pagination-wrapper {
+ margin-top: 15px;
+ text-align: center;
+}
+.pagination > li > a,
+.pagination > li > span {
+ border: none;
+ border-bottom: 3px solid #FFF;
+ color: #666666;
+ margin-left: 0;
+ margin-bottom: 5px;
+ -webkit-transition: all .25s linear;
+ -moz-transition: all .25s linear;
+ -o-transition: all .25s linear;
+ -ms-transition: all .25s linear;
+ transition: all .25s linear;
+}
+.pagination > li > a:hover,
+.pagination > li > a:focus,
+.pagination > .active > a,
+.pagination > .active > span {
+ background: #FFF;
+}
+.pagination > li > a:hover {
+ border-bottom: 3px solid #666666;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+ color: #666666;
+ border-bottom: 3px solid #e67e22;
+}
+.pagination > .disabled > a {
+ border-color: #fff;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+ margin-bottom: 0;
+ color: #C9C9C9;
+ background-color: #FFF;
+ cursor: default;
+}
+/*--------------------------------------------------------------------------
++ Custom Style for Maps
+--------------------------------------------------------------------------*/
+.leaflet-popup-content-wrapper {
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+/*--------------------------------------------------------------------------
++ Custom Style for Tabs (overrides Bootstrap)
+--------------------------------------------------------------------------*/
+.nav-tabs > li > a {
+ font-size: 1.1em;
+ padding: 10px 15px;
+ color: #535b60;
+}
+.nav-tabs > .active > a,
+.nav-tabs > .active > a:hover,
+.nav-tabs > .active > a:focus {
+ font-weight: 600;
+ background-color: #ffffff;
+ border: 1px solid #ddd;
+ border-top: 3px solid #e67e22;
+ border-bottom-color: transparent;
+ cursor: default;
+}
+/*--------------------------------------------------------------------------
++ 404 Page Style
+--------------------------------------------------------------------------*/
+.error-page-wrapper {
+ font-size: 1.5em;
+ font-weight: 600;
+ margin: 100px 0;
+ text-align: center;
+}
+/*--------------------------------------------------------------------------
++ Homepage Slider Style (modified sequencejs CSS). Sorry, no LESS here
+--------------------------------------------------------------------------*/
+#sequence {
+ overflow: hidden;
+ width: 100%;
+ max-width: 1920px;
+ color: white;
+ font-size: 0.625em;
+ margin: 0 auto 30px auto;
+ position: relative;
+ height: 400px;
+}
+#sequence img {
+ max-width: 100%;
+}
+#sequence > .sequence-canvas {
+ list-style-type: none;
+ height: 400px;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+#sequence h2 {
+ font-size: 4em;
+ color: #FFF;
+ text-shadow: 2px 2px 3px #444;
+ border: none;
+ padding-left: 0;
+ margin-top: 0;
+}
+#sequence h3 {
+ font-size: 2em;
+ color: #FFF;
+ text-shadow: 2px 2px 3px #444;
+}
+#sequence > .sequence-canvas > li {
+ position: absolute;
+ width: 100%;
+ height: 400px;
+ z-index: 1;
+ -webkit-transition-property: background;
+ -moz-transition-property: background;
+ -o-transition-property: background;
+ -ms-transition-property: background;
+ transition-property: background;
+ background-position: -50px 0;
+}
+#sequence > .sequence-canvas > li.bg1 {
+ background-image: url(../img/homepage-slider/slider-bg1.jpg);
+}
+#sequence > .sequence-canvas > li.bg2 {
+ background-image: url(../img/homepage-slider/slider-bg2.jpg);
+}
+#sequence > .sequence-canvas > li.bg3 {
+ background-image: url(../img/homepage-slider/slider-bg3.jpg);
+}
+#sequence > .sequence-canvas > li.bg4 {
+ background-image: url(../img/homepage-slider/slider-bg4.jpg);
+}
+#sequence > .sequence-canvas > li.bg5 {
+ background-image: url(../img/homepage-slider/slider-bg5.jpg);
+}
+#sequence > .sequence-canvas > li.bg6 {
+ background-image: url(../img/homepage-slider/slider-bg6.jpg);
+}
+#sequence > .sequence-canvas > li.bg7 {
+ background-image: url(../img/homepage-slider/slider-bg7.jpg);
+}
+#sequence > .sequence-canvas > li.bg8 {
+ background-image: url(../img/homepage-slider/slider-bg8.jpg);
+}
+#sequence > .sequence-canvas > li.bg9 {
+ background-image: url(../img/homepage-slider/slider-bg9.jpg);
+}
+#sequence > .sequence-canvas > li.bg10 {
+ background-image: url(../img/homepage-slider/slider-bg10.jpg);
+}
+#sequence > .sequence-canvas > li.bg11 {
+ background-image: url(../img/homepage-slider/slider-bg11.jpg);
+}
+#sequence > .sequence-canvas > li.bg12 {
+ background-image: url(../img/homepage-slider/slider-bg12.jpg);
+}
+#sequence > .sequence-canvas > li.bg13 {
+ background-image: url(../img/homepage-slider/slider-bg13.jpg);
+}
+#sequence > .sequence-canvas > li.bg14 {
+ background-image: url(../img/homepage-slider/slider-bg14.jpg);
+}
+#sequence > .sequence-canvas > li img {
+ height: 96%;
+}
+#sequence > .sequence-canvas li > * {
+ position: absolute;
+ -webkit-transition-property: left, opacity;
+ -moz-transition-property: left, opacity;
+ -o-transition-property: left, opacity;
+ -ms-transition-property: left, opacity;
+ transition-property: left, opacity;
+}
+.sequence-next,
+.sequence-prev {
+ color: white;
+ cursor: pointer;
+ display: none;
+ font-weight: bold;
+ padding: 10px 15px;
+ position: absolute;
+ top: 50%;
+ z-index: 1000;
+ height: 75px;
+ margin-top: -47.5px;
+}
+.sequence-pause {
+ bottom: 0;
+ cursor: pointer;
+ position: absolute;
+ z-index: 1000;
+}
+.sequence-paused {
+ -webkit-opacity: 0.3;
+ -moz-opacity: 0.3;
+ opacity: 0.3;
+}
+.sequence-prev {
+ left: 3%;
+}
+.sequence-next {
+ right: 3%;
+}
+.sequence-prev img,
+.sequence-next img {
+ height: 100%;
+ width: auto;
+}
+#sequence-preloader {
+ background: #d9d9d9;
+}
+.sequence-pagination-wrapper {
+ position: absolute;
+ bottom: 10px;
+ right: 20px;
+ z-index: 99;
+}
+.sequence-pagination {
+ display: none;
+ z-index: 99;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.sequence-pagination li {
+ display: inline-block;
+ *display: inline;
+ width: 14px;
+ height: 14px;
+ margin: 0 4px;
+ text-indent: -999em;
+ border: 4px solid #e67e22;
+ cursor: pointer;
+ -webkit-border-radius: 30px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 30px;
+ -moz-background-clip: padding;
+ border-radius: 30px;
+ background-clip: padding-box;
+ -webkit-opacity: 0.8;
+ -moz-opacity: 0.8;
+ opacity: 0.8;
+ -webkit-transition: background .5s, opacity .5s;
+ -moz-transition: background .5s, opacity .5s;
+ -o-transition: background .5s, opacity .5s;
+ -ms-transition: background .5s, opacity .5s;
+ transition: background .5s, opacity .5s;
+}
+.sequence-pagination li.current {
+ background: #e67e22;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.sequence-next,
+.sequence-prev {
+ position: absolute;
+ opacity: 0.6;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+.sequence-next:hover,
+.sequence-prev:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+#sequence .title {
+ font-size: 3.8em;
+ text-transform: none;
+ left: 0%;
+ width: 35%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ bottom: 60%;
+ z-index: 50;
+}
+#sequence > .sequence-canvas > li.animate-in {
+ background-position: 0 0;
+ -webkit-transition-duration: 1.5s;
+ -moz-transition-duration: 1.5s;
+ -o-transition-duration: 1.5s;
+ transition-duration: 1.5s;
+}
+#sequence .animate-in .title {
+ left: 15%;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+#sequence .animate-out .title {
+ left: 35%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.subtitle {
+ color: black;
+ font-size: 2em;
+ left: 35%;
+ width: 35%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ top: 40%;
+}
+.animate-in .subtitle {
+ left: 15%;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.animate-out .subtitle {
+ left: 65%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.slide-img {
+ left: 90%;
+ top: 20%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ position: relative;
+ height: auto !important;
+ max-height: 450px !important;
+ max-width: 45% !important;
+}
+.animate-in .slide-img {
+ left: 55%;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+.animate-out .slide-img {
+ left: 15%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+@media only screen and (min-width: 992px) {
+ #sequence .title {
+ width: 42%;
+ }
+}
+@media only screen and (max-width: 838px) {
+ #sequence .slide-img {
+ max-height: 530px !important;
+ width: auto;
+ }
+}
+@media only screen and (max-width: 768px) {
+ #sequence {
+ height: 400px;
+ }
+ #sequence .title {
+ font-size: 2.8em;
+ }
+ #sequence .subtitle {
+ font-size: 1.6em;
+ }
+ #sequence .sequence-next,
+ #sequence .sequence-prev {
+ height: 60px;
+ margin-top: -40px;
+ }
+ #sequence .slide-img {
+ max-height: 480px !important;
+ width: auto;
+ }
+}
+@media only screen and (max-width: 568px) {
+ .slide-img {
+ left: 50%;
+ width: auto;
+ max-width: 80% !important;
+ }
+ #sequence .animate-in .slide-img {
+ left: 50%;
+ margin-left: -40%;
+ }
+ #sequence .animate-out .slide-img {
+ left: 20%;
+ margin-left: -20%;
+ }
+ #sequence .title {
+ background: #a1a1a1;
+ background: rgba(0, 0, 0, 0.3);
+ bottom: 0;
+ left: 100%;
+ padding: 4%;
+ width: 100%;
+ margin-bottom: 0;
+ z-index: 10;
+ }
+ #sequence .animate-in .title {
+ left: 0%;
+ }
+ #sequence .animate-out .title {
+ left: -100%;
+ }
+ #sequence .subtitle {
+ visibility: hidden;
+ }
+}
+/*--------------------------------------------------------------------------
++ Content Slider Style (bxSlider CSS), Sorry, no LESS here
+--------------------------------------------------------------------------*/
+.bx-wrapper {
+ position: relative;
+ margin: 0 auto 30px;
+ padding: 0;
+ *zoom: 1;
+}
+.bx-wrapper img {
+ max-width: 100%;
+ display: block;
+}
+.bx-wrapper .bx-pager,
+.bx-wrapper .bx-controls-auto {
+ position: absolute;
+ bottom: -30px;
+ width: 100%;
+}
+/* LOADER */
+.bx-wrapper .bx-loading {
+ min-height: 50px;
+ background: url(../img/bx_loader.gif) center center no-repeat #fff;
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 2000;
+}
+/* PAGER */
+.bx-wrapper .bx-pager {
+ text-align: center;
+ font-size: .85em;
+ font-family: Arial;
+ font-weight: bold;
+ color: #666;
+ padding-top: 20px;
+}
+.bx-wrapper .bx-pager .bx-pager-item,
+.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
+ display: inline-block;
+ *zoom: 1;
+ *display: inline;
+}
+.bx-wrapper .bx-pager.bx-default-pager a {
+ background: #666;
+ text-indent: -9999px;
+ display: block;
+ width: 10px;
+ height: 10px;
+ margin: 0 5px;
+ outline: 0;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+.bx-wrapper .bx-pager.bx-default-pager a:hover,
+.bx-wrapper .bx-pager.bx-default-pager a.active {
+ background: #000;
+}
+/* DIRECTION CONTROLS (NEXT / PREV) */
+.bx-wrapper .bx-prev {
+ left: 10px;
+ background: url(../img/controls.png) no-repeat 0 -32px;
+}
+.bx-wrapper .bx-next {
+ right: 10px;
+ background: url(../img/controls.png) no-repeat -43px -32px;
+}
+.bx-wrapper .bx-prev:hover {
+ background-position: 0 0;
+}
+.bx-wrapper .bx-next:hover {
+ background-position: -43px 0;
+}
+.bx-wrapper .bx-controls-direction a {
+ position: absolute;
+ top: 50%;
+ margin-top: -16px;
+ outline: 0;
+ width: 32px;
+ height: 32px;
+ text-indent: -9999px;
+ z-index: 9999;
+}
+.bx-wrapper .bx-controls-direction a.disabled {
+ display: none;
+}
+/* AUTO CONTROLS (START / STOP) */
+.bx-wrapper .bx-controls-auto {
+ text-align: center;
+}
+.bx-wrapper .bx-controls-auto .bx-start {
+ display: block;
+ text-indent: -9999px;
+ width: 10px;
+ height: 11px;
+ outline: 0;
+ background: url(../img/controls.png) -86px -11px no-repeat;
+ margin: 0 3px;
+}
+.bx-wrapper .bx-controls-auto .bx-start:hover,
+.bx-wrapper .bx-controls-auto .bx-start.active {
+ background-position: -86px 0;
+}
+.bx-wrapper .bx-controls-auto .bx-stop {
+ display: block;
+ text-indent: -9999px;
+ width: 9px;
+ height: 11px;
+ outline: 0;
+ background: url(../img/controls.png) -86px -44px no-repeat;
+ margin: 0 3px;
+}
+.bx-wrapper .bx-controls-auto .bx-stop:hover,
+.bx-wrapper .bx-controls-auto .bx-stop.active {
+ background-position: -86px -33px;
+}
+/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
+ text-align: left;
+ width: 80%;
+}
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
+ right: 0;
+ width: 35px;
+}
+/* IMAGE CAPTIONS */
+.bx-wrapper .bx-caption {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ background: #666\9;
+ background: rgba(80, 80, 80, 0.75);
+ width: 100%;
+}
+.bx-wrapper .bx-caption span {
+ color: #fff;
+ font-family: Arial;
+ display: block;
+ font-size: .85em;
+ padding: 10px;
+}
+/*--------------------------------------------------------------------------
++ Main Menu Style
+--------------------------------------------------------------------------*/
+.mainmenu li.logo-wrapper a {
+ border-right: 1px solid #E8E8E8;
+ padding-left: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.mainmenu-wrapper {
+ background-color: #FFF;
+ border-bottom: 4px solid #e67e22;
+ z-index: 4;
+}
+.mainmenu {
+ width: 100%;
+ /* general ul style */
+
+ /* first level ul style */
+
+ /* sub-menu */
+
+}
+.mainmenu ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+}
+.mainmenu > ul,
+.mainmenu .mainmenu-submenu-inner {
+ margin: 0 auto;
+}
+.mainmenu > ul > li,
+.mainmenu .mainmenu-submenu-inner > li {
+ display: inline-block;
+ *display: inline;
+}
+.mainmenu > ul > li > a,
+.mainmenu .mainmenu-submenu-inner > li > a {
+ font-size: 1.2em;
+ padding: 1.2em 1.5em;
+ color: #999;
+ display: inline-block;
+ text-decoration: none;
+}
+.mainmenu > ul > li > a:hover,
+.mainmenu .mainmenu-submenu-inner > li > a:hover {
+ color: #e67e22;
+ text-decoration: none;
+}
+.mainmenu > ul > li.active > a,
+.mainmenu .mainmenu-submenu-inner > li.active > a {
+ color: #e67e22;
+ font-weight: 600 !important;
+}
+.mainmenu > ul > li.mainmenu-open a,
+.mainmenu .mainmenu-submenu-inner > li.mainmenu-open a,
+.mainmenu > ul li.mainmenu-open > a:hover,
+.mainmenu .mainmenu-submenu-inner li.mainmenu-open > a:hover {
+ color: #fff;
+ background: #e67e22;
+}
+.mainmenu .mainmenu-submenu {
+ display: none;
+ position: absolute;
+ background: #e67e22;
+ width: 100%;
+ left: 0;
+ z-index: 999;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.4);
+ -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.4);
+ box-shadow: 0 5px 5px rgba(0,0,0,0.4);
+ color: 0 5px 5px rgba(0,0,0,0.4);
+}
+.mainmenu .mainmenu-submenu-inner > div {
+ width: 33%;
+ float: left;
+}
+.mainmenu .mainmenu-submenu-inner:before,
+.mainmenu .mainmenu-submenu-inner:after {
+ content: " ";
+ display: table;
+}
+.mainmenu .mainmenu-submenu-inner:after {
+ clear: both;
+}
+.mainmenu .mainmenu-submenu-inner > div a {
+ line-height: 2em;
+}
+.mainmenu-open .mainmenu-submenu {
+ display: block;
+ padding-bottom: 3em;
+}
+.mainmenu-submenu h4 {
+ color: #f6ceab;
+ padding: 1em 0 0.6em;
+ margin-left: 20px;
+ font-size: 160%;
+ font-weight: 300;
+}
+.mainmenu-submenu ul {
+ margin-left: 20px;
+}
+@media screen and (max-width: 979px) {
+ .mainmenu {
+ font-size: 0.8em;
+ }
+ .mainmenu-submenu {
+ font-size: 1.2em;
+ }
+ .mainmenu-submenu li,
+ .mainmenu-submenu h4 {
+ padding-left: 10px;
+ }
+}
+@media screen and (max-width: 479px) {
+ .mainmenu {
+ font-size: 120%;
+ border: none;
+ }
+ .mainmenu > ul,
+ .mainmenu .mainmenu-submenu-inner {
+ width: 100%;
+ padding: 0;
+ }
+ .mainmenu .mainmenu-submenu-inner {
+ padding: 0 1.5em;
+ font-size: 75%;
+ }
+ .mainmenu > ul > li {
+ display: block;
+ border-bottom: 4px solid #47a3da;
+ }
+ .mainmenu > ul > li > a {
+ display: block;
+ padding: 1em 3em;
+ }
+ .mainmenu > ul > li:last-child {
+ border: none;
+ }
+ .mainmenu .mainmenu-submenu {
+ position: relative;
+ }
+ .mainmenu-submenu h4 {
+ padding-top: 0.6em;
+ }
+ .mainmenu .mainmenu-submenu-inner > div {
+ width: 100%;
+ float: none;
+ padding: 0;
+ }
+}
+/*--------------------------------------------------------------------------
++ Extras Menu (Cart, Language, Login) Style
+--------------------------------------------------------------------------*/
+.menuextras {
+ font-size: 0.85em;
+ height: 30px;
+}
+.menuextras ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ float: right;
+ padding: 3px 0;
+}
+.menuextras li {
+ float: left;
+ padding: 0 8px;
+}
+.menuextras .extras li {
+ padding: 0 8px;
+}
+.menuextras .extras li a {
+ color: #333;
+}
+.menuextras .extras li a:hover {
+ color: #333;
+ text-decoration: none;
+}
+.menuextras .extras .shopping-cart-items i {
+ color: #333;
+}
+.menuextras .choose-country .dropdown-menu {
+ background-color: #222;
+ background-color: rgba(34, 34, 34, 0.8);
+ margin-top: 5px;
+}
+.menuextras .choose-country .dropdown-menu li {
+ float: none;
+}
+.menuextras .choose-country .dropdown-menu li a {
+ color: #fff;
+ padding-left: 3px;
+}
+.menuextras .choose-country .dropdown-menu li a:hover {
+ color: #fff;
+ background-color: #333 !important;
+}
+/*--------------------------------------------------------------------------
++ Buttons Style
+--------------------------------------------------------------------------*/
+.btn {
+ border: 1px solid #e67e22;
+ -webkit-border-radius: 2px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 2px;
+ -moz-background-clip: padding;
+ border-radius: 2px;
+ background-clip: padding-box;
+ color: #FFFFFF;
+ cursor: pointer;
+ display: inline-block;
+ text-transform: none;
+ -webkit-transition: all .25s ease;
+ -moz-transition: all .25s ease;
+ -o-transition: all .25s ease;
+ -ms-transition: all .25s ease;
+ transition: all .25s ease;
+ text-align: center;
+ background: none repeat scroll 0 0 #e67e22;
+ text-shadow: none;
+ box-shadow: none;
+ color: #FFF;
+ white-space: nowrap;
+}
+.btn:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn .caret {
+ border-top: 4px solid #FFF;
+}
+.btn-micro {
+ padding: 1px 8px;
+ font-size: 10px;
+}
+.btn-grey {
+ border: 1px solid #cecece;
+ color: #333;
+ background: none repeat scroll 0 0 #E7E7E7;
+}
+.btn-grey:hover {
+ background: none repeat scroll 0 0 #cecece;
+ color: #333;
+ text-decoration: none;
+ border: 1px solid #cecece;
+}
+.btn-grey .caret {
+ border-top: 4px solid #333;
+}
+.btn-blue {
+ border: 1px solid #3e7191;
+ color: #FFF;
+ background: none repeat scroll 0 0 #4F8DB3;
+}
+.btn-blue:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-orange {
+ border: 1px solid #cc5a00;
+ color: #FFF;
+ background: none repeat scroll 0 0 #FF7000;
+}
+.btn-orange:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-green {
+ border: 1px solid #4c5818;
+ color: #FFF;
+ background: none repeat scroll 0 0 #6E8023;
+}
+.btn-green:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-red {
+ border: 1px solid #ab0d0d;
+ color: #FFF;
+ background: none repeat scroll 0 0 #DA1111;
+}
+.btn-red:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-group.open .btn.dropdown-toggle {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+}
+.dropdown.open a.dropdown-toggle .caret {
+ border-top: 4px solid #FFF;
+}
--- /dev/null
+/*--------------------------------------------------------------------------
+ General Style
+--------------------------------------------------------------------------*/
+body {
+ background: url(../img/page-background.png);
+}
+.section {
+ padding: 30px 0;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.section-white {
+ background: #FFF;
+}
+.section .container:first-child h1,
+.section .container:first-child h2,
+.section .container:first-child h3 {
+ margin-top: 0;
+ font-weight: 700;
+}
+.input-micro {
+ width: 50px;
+ margin-bottom: 0 !important;
+}
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+.uneditable-input:focus {
+ border-color: rgba(231, 76, 60, 0.8);
+ outline: 0;
+ outline: thin dotted \9;
+ /* IE6-9 */
+
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(231, 76, 60, 0.6);
+ -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(231, 76, 60, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(231, 76, 60, 0.6);
+ color: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(231, 76, 60, 0.6);
+}
+ul.no-list-style {
+ list-style-type: none;
+ margin-left: 0;
+}
+ul.no-list-style li {
+ line-height: 28px;
+}
+div[class*="span"] {
+ -webkit-transition: all .4s linear;
+ -moz-transition: all .4s linear;
+ -o-transition: all .4s linear;
+ -ms-transition: all .4s linear;
+ transition: all .4s linear;
+}
+/*--------------------------------------------------------------------------
+ Typography Style
+--------------------------------------------------------------------------*/
+body {
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ line-height: 20px;
+ color: #535b60;
+}
+h1 {
+ color: #53555c;
+ font-family: 'Open Sans', sans-serif;
+ font-weight: 800;
+}
+h2 {
+ color: #53555c;
+ font-family: 'Open Sans', sans-serif;
+ font-size: 2em;
+ border-bottom: 2px solid #53555c;
+ line-height: 1.5em;
+ margin: 30px 0;
+ padding-left: 10px;
+}
+h3 {
+ font-family: 'Open Sans', sans-serif;
+ color: #53555c;
+ font-size: 1.5em;
+}
+h4 {
+ font-family: 'Open Sans', sans-serif;
+ color: #53555c;
+ margin-bottom: 10px;
+}
+a {
+ color: #e74c3c;
+}
+a:hover {
+ color: #a82315;
+}
+/*--------------------------------------------------------------------------
++ Services Style
+--------------------------------------------------------------------------*/
+/* Multicolumn */
+.service-wrapper {
+ background: #FFF;
+ margin: 20px 10px;
+ text-align: center;
+ padding: 30px 20px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: 0 0 3px #999;
+ -moz-box-shadow: 0 0 3px #999;
+ box-shadow: 0 0 3px #999;
+ color: 0 0 3px #999;
+}
+.service-wrapper h3 {
+ font-size: 1.2em;
+ margin: 10px 0 !important;
+}
+.service-wrapper p {
+ margin-top: 0;
+}
+/* Row */
+.service-wrapper-row {
+ padding: 10px 0;
+}
+.service-wrapper-row h3 {
+ padding-top: 15px;
+}
+.service-wrapper-row .service-image {
+ padding-top: 15px;
+ text-align: center;
+}
+.service-wrapper-row .service-image img {
+ max-width: 80%;
+ vertical-align: bottom;
+ bottom: 0;
+ border: 7px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: 0 0 8px #999;
+ -moz-box-shadow: 0 0 8px #999;
+ box-shadow: 0 0 8px #999;
+ color: 0 0 8px #999;
+}
+/*--------------------------------------------------------------------------
++ Pricing Table Style
+--------------------------------------------------------------------------*/
+.pricing-plan {
+ float: left;
+ text-align: center;
+ background: #fafafa;
+ position: relative;
+ width: 48%;
+ margin: 10px 1% 10px 0;
+ padding: 20px;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
+ -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
+ box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
+ color: 0 1px 8px rgba(0, 0, 0, 0.4);
+ -webkit-transition: -webkit-box-shadow .25s linear;
+ -moz-transition: -moz-box-shadow .25s linear;
+ -o-transition: box-shadow .25s linear;
+ -ms-transition: box-shadow .25s linear;
+ transition: box-shadow .25s linear;
+}
+.pricing-plan:hover {
+ -webkit-box-shadow: 0 0 8px #333;
+ -moz-box-shadow: 0 0 8px #333;
+ box-shadow: 0 0 8px #333;
+ color: 0 0 8px #333;
+ z-index: 5;
+}
+.pricing-plan .pricing-plan-title {
+ position: relative;
+ margin: -20px -10px 20px;
+ padding: 20px;
+ line-height: 1;
+ font-size: 16px;
+ font-weight: bold;
+ color: #595f6b;
+ border-bottom: 1px dashed #d2d2d2;
+}
+.pricing-plan .pricing-plan-title:before {
+ content: '';
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ height: 1px;
+ background-size: 3px 1px;
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjZDJkMmQyIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IiIgc3RvcC1jb2xvcj0iI2QyZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
+ background-image: -moz-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
+ background-image: -webkit-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
+ background-image: -o-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
+ background-image: linear-gradient(to right, white, white 33%, #d2d2d2 34%, #d2d2d2);
+}
+.pricing-plan .pricing-plan-price {
+ margin: 0 auto 20px;
+ width: 90px;
+ height: 90px;
+ line-height: 90px;
+ font-size: 19px;
+ font-weight: bold;
+ color: white;
+ background: #595f6b;
+ -webkit-border-radius: 45px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 45px;
+ -moz-background-clip: padding;
+ border-radius: 45px;
+ background-clip: padding-box;
+}
+.pricing-plan .pricing-plan-price span {
+ font-size: 12px;
+ font-weight: normal;
+ color: rgba(255, 255, 255, 0.9);
+}
+.pricing-plan .pricing-plan-features {
+ margin-bottom: 20px;
+ margin-left: 0;
+ padding: 0;
+ line-height: 2;
+ font-size: 12px;
+ color: #999;
+ text-align: center;
+ list-style-type: none;
+}
+.pricing-plan .pricing-plan-features li strong {
+ font-weight: bold;
+ color: #888;
+}
+.pricing-plan .pricing-plan-promote {
+ margin: 0;
+ padding: 40px 20px;
+ background-color: white;
+ border-width: 2px;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+ z-index: 4;
+}
+.ribbon-wrapper {
+ width: 85px;
+ height: 88px;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.price-ribbon {
+ font: bold 15px Sans-Serif;
+ color: #333;
+ text-align: center;
+ text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
+ position: relative;
+ padding: 7px 0;
+ left: -5px;
+ top: 15px;
+ width: 120px;
+ background-color: #FFF;
+ color: #6a6340;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
+ -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
+ box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
+ color: 0px 0px 3px rgba(0,0,0,0.3);
+}
+.ribbon-green {
+ background-color: #BFDC7A;
+}
+.ribbon-blue {
+ background-color: #5ACBFF;
+}
+.ribbon-orange {
+ background-color: #FF9542;
+}
+.ribbon-red {
+ background-color: #FF7373;
+}
+@media (min-width: 768px) {
+ .pricing-plan {
+ width: 25%;
+ margin: 20px 0;
+ padding: 20px;
+ -webkit-border-radius: 0;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 0;
+ -moz-background-clip: padding;
+ border-radius: 0;
+ background-clip: padding-box;
+ }
+ .pricing-plan:first-child {
+ -webkit-border-top-left-radius: 7px;
+ -moz-border-radius-topleft: 7px;
+ border-top-left-radius: 7px;
+ -webkit-border-bottom-left-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius-bottomleft: 7px;
+ -moz-background-clip: padding;
+ border-bottom-left-radius: 7px;
+ background-clip: padding-box;
+ }
+ .pricing-plan:last-child {
+ border-width: 2px;
+ -webkit-border-top-right-radius: 7px;
+ -moz-border-radius-topright: 7px;
+ border-top-right-radius: 7px;
+ -webkit-border-bottom-right-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius-bottomright: 7px;
+ -moz-background-clip: padding;
+ border-bottom-right-radius: 7px;
+ background-clip: padding-box;
+ }
+ .pricing-plan-promote {
+ background: #fff;
+ padding: 40px;
+ margin-top: 0;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+ z-index: 4;
+ }
+}
+/*--------------------------------------------------------------------------
++ Contact Us Style
+--------------------------------------------------------------------------*/
+#contact-us-map {
+ height: 300px;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.contact-us-details {
+ margin: 20px 0;
+ font-size: 0.9em;
+}
+/*--------------------------------------------------------------------------
++ Video Wrapper Style
+--------------------------------------------------------------------------*/
+.video-wrapper {
+ -webkit-box-shadow: 0 0 5px #000;
+ -moz-box-shadow: 0 0 5px #000;
+ box-shadow: 0 0 5px #000;
+ color: 0 0 5px #000;
+ margin: 20px 0;
+}
+/*--------------------------------------------------------------------------
++ Call to Action Bar Style
+--------------------------------------------------------------------------*/
+.calltoaction-wrapper {
+ text-align: center;
+}
+.calltoaction-wrapper h3 {
+ display: inline-block;
+ line-height: 36px;
+ margin-right: 10px;
+ margin-bottom: 0;
+}
+.calltoaction-wrapper a {
+ vertical-align: top;
+}
+/*--------------------------------------------------------------------------
++ Testimonials Style
+--------------------------------------------------------------------------*/
+.testimonial blockquote {
+ margin: 0;
+ padding: 0;
+ border-left: none;
+}
+.testimonial blockquote p {
+ font-size: 0.9em;
+ margin-bottom: 20px;
+ line-height: 1.5;
+}
+.testimonial .testimonial-bubble {
+ text-align: justify;
+ -webkit-border-radius: 4px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 4px;
+ -moz-background-clip: padding;
+ border-radius: 4px;
+ background-clip: padding-box;
+ padding: 0 20px 20px 20px;
+ margin: 35px 10px 20px 10px;
+ background: #FFF;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ color: inset 0 1px #fff,0 1px 2px #c8cfe6;
+}
+.testimonial .testimonial-bubble::before {
+ background-color: #FFF;
+ content: "\00a0";
+ display: block;
+ height: 20px;
+ width: 20px;
+ top: -10px;
+ left: 45%;
+ position: relative;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.testimonial .author-photo {
+ text-align: center;
+}
+.testimonial .author-photo img {
+ margin: auto;
+ border: 5px solid #FFF;
+ -webkit-border-radius: 100px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 100px;
+ -moz-background-clip: padding;
+ border-radius: 100px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ color: inset 0 1px #fff,0 1px 2px #c8cfe6;
+}
+.testimonial .author-info {
+ font-weight: 400;
+ font-size: 0.8em;
+}
+/*--------------------------------------------------------------------------
++ Clients Logos Style
+--------------------------------------------------------------------------*/
+.clients-logo-wrapper img {
+ max-width: 100%;
+}
+/*--------------------------------------------------------------------------
++ News Style
+--------------------------------------------------------------------------*/
+.featured-news .caption,
+.latest-news .caption {
+ padding: 10px 0 5px 0;
+}
+.featured-news .caption a,
+.latest-news .caption a {
+ font-size: 1.1em;
+ font-weight: 600;
+ color: #535b60;
+}
+.featured-news .intro,
+.latest-news .intro {
+ padding-bottom: 10px;
+ font-size: 0.9em;
+}
+.featured-news .intro a,
+.latest-news .intro a {
+ white-space: nowrap;
+}
+.featured-news .date,
+.latest-news .date {
+ font-size: 0.7em;
+ color: #999;
+}
+.featured-news img,
+.latest-news img {
+ max-width: 100%;
+ margin: 10px 0 10px 0;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+/*--------------------------------------------------------------------------
++ Frequently Asked Questions Style
+--------------------------------------------------------------------------*/
+.faq-wrapper h3 {
+ margin-top: 20px !important;
+}
+.faq-wrapper .accordion-inner {
+ margin: 10px 0 10px 20px;
+ padding: 0 10px;
+ font-size: 0.9em;
+}
+.faq-wrapper .accordion-inner .answer {
+ font-weight: 600;
+}
+/*--------------------------------------------------------------------------
++ Blog Style
+--------------------------------------------------------------------------*/
+/* Posts List */
+.blog-post {
+ background: #FFF;
+ position: relative;
+ margin: 20px 0;
+ border: 7px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.blog-post img {
+ max-width: 100%;
+}
+.blog-post .post-info {
+ background: #000;
+ background: rgba(0, 0, 0, 0.6);
+ color: #FFF;
+ line-height: 1.2;
+ position: absolute;
+ padding: 5px;
+ left: 10px;
+ top: 10px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+.blog-post .post-comments-count {
+ text-align: center;
+}
+.post-info .post-comments-count {
+ padding-top: 5px;
+}
+.post-info .post-comments-count i {
+ margin-right: 5px;
+}
+.post-info .post-comments-count a {
+ color: #FFF;
+}
+.post-info .post-date .date {
+ font-size: 0.7em;
+ font-weight: 600;
+}
+.post-title h3 {
+ font-size: 1.2em;
+ border-bottom: 1px dotted #828282;
+ margin: 0 20px;
+ padding-top: 10px;
+}
+.post-title h3 a {
+ color: #535b60;
+}
+.post-summary {
+ margin: 10px 20px;
+}
+.post-summary p {
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+}
+.post-more {
+ text-align: right;
+ padding: 0 20px 20px 0;
+}
+/* Single Post */
+.blog-single-post {
+ padding: 10px 30px;
+}
+.single-post-title h3 {
+ font-size: 1.5em;
+ margin: 0;
+}
+.single-post-info {
+ margin-bottom: 20px;
+ padding-bottom: 10px;
+ border-bottom: 1px dotted #828282;
+}
+.single-post-info i {
+ color: #333;
+ margin-right: 5px;
+}
+.single-post-image {
+ text-align: center;
+}
+.single-post-image img {
+ -webkit-box-shadow: 0 0 5px #000;
+ -moz-box-shadow: 0 0 5px #000;
+ box-shadow: 0 0 5px #000;
+ color: 0 0 5px #000;
+}
+.single-post-content {
+ margin: 30px 0 20px 0;
+ padding-bottom: 20px;
+ border-bottom: 2px dotted #CCC;
+}
+.single-post-content p {
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+}
+.post-comments {
+ list-style-type: none;
+ margin-left: 0;
+ margin-bottom: 40px;
+ padding: 0;
+}
+.post-comments ul {
+ list-style-type: none;
+ margin-left: 30px;
+ padding: 0;
+}
+.comment-wrapper p {
+ margin: 0;
+ position: relative;
+ border: 1px solid #CCC;
+ padding: 10px;
+ margin-bottom: 10px;
+ -webkit-border-radius: 3px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 3px;
+ -moz-background-clip: padding;
+ border-radius: 3px;
+ background-clip: padding-box;
+}
+.comment-author {
+ font-size: 1.3em;
+ font-weight: 600;
+ margin-bottom: 10px;
+}
+.comment-author img {
+ max-width: 50px;
+ -webkit-border-radius: 25px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 25px;
+ -moz-background-clip: padding;
+ border-radius: 25px;
+ background-clip: padding-box;
+ margin-right: 10px;
+}
+.comment-date {
+ font-size: 0.9em;
+ margin-right: 20px;
+}
+.comment-actions {
+ text-align: right;
+ opacity: 0.6;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.comment-actions:hover {
+ text-align: right;
+ opacity: 1;
+}
+.comment-actions i {
+ color: #333;
+}
+.comment-reply-btn {
+ margin-left: 10px;
+}
+.blog-sidebar h4 {
+ margin-top: 20px;
+ font-weight: 700;
+}
+.blog-sidebar h4:first-child {
+ margin-top: 0;
+}
+.blog-sidebar ul {
+ list-style-type: none;
+ margin-left: 0;
+ padding: 0;
+}
+.blog-sidebar .recent-posts li,
+.blog-sidebar .blog-categories li {
+ padding: 5px 20px 5px 0;
+ border-top: 1px solid #D5D5D5;
+}
+.blog-sidebar .recent-posts li:last-child,
+.blog-sidebar .blog-categories li:last-child {
+ border-bottom: 1px solid #D5D5D5;
+}
+.blog-sidebar .recent-posts a,
+.blog-sidebar .blog-categories a {
+ color: #535b60;
+}
+/*--------------------------------------------------------------------------
++ E-commerce Style
+--------------------------------------------------------------------------*/
+.shop-item {
+ position: relative;
+ background: #FFF;
+ padding-bottom: 10px;
+ margin-top: 20px;
+ margin-bottom: 10px;
+ border: 8px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.shop-item img {
+ max-width: 100%;
+}
+.shop-item .image {
+ text-align: center;
+}
+.shop-item .title {
+ padding: 20px 0 10px;
+}
+.shop-item .title h3 {
+ font-size: 0.9em;
+ margin: 0 10px;
+ text-align: center;
+}
+.shop-item .title h3 a {
+ color: #535b60;
+ text-transform: uppercase;
+}
+.shop-item .colors {
+ text-align: center;
+ margin-bottom: 10px;
+}
+.shop-item .colors span {
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+ margin: 2px;
+}
+.shop-item .price {
+ color: #535b60;
+ font-size: 1.5em;
+ text-align: center;
+ margin-bottom: 20px;
+ font-weight: 600;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+}
+.shop-item .price .price-was {
+ color: #A7A7A7;
+ font-size: 0.8em;
+ text-decoration: line-through;
+}
+.shop-item .description {
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+ margin: 0 10px;
+}
+.shop-item .description p {
+ border-top: 1px solid #ECECEC;
+ padding: 10px;
+ margin: 0;
+}
+.shop-item .actions {
+ border-top: 1px solid #ECECEC;
+ margin: 0 10px;
+ padding-top: 20px;
+ text-align: center;
+}
+.shop-item .actions span {
+ font-size: 0.8em;
+ white-space: nowrap;
+}
+.colors {
+ text-align: center;
+ margin-bottom: 10px;
+}
+.colors span {
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+ margin: 2px;
+}
+span.color-white {
+ background-color: #D7D7CF;
+ border-color: #c0c0b3;
+}
+span.color-black {
+ background-color: #000;
+ border-color: #000000;
+}
+span.color-blue {
+ background-color: #073A52;
+ border-color: #031923;
+}
+span.color-orange {
+ background-color: #D56E1D;
+ border-color: #a85717;
+}
+span.color-green {
+ background-color: #5C6632;
+ border-color: #3d4421;
+}
+span.color-red {
+ background-color: #DA1111;
+ border-color: #ab0d0d;
+}
+/*--------------------------------------------------------------------------
++ Product Details Page Style
+--------------------------------------------------------------------------*/
+.product-image-large {
+ border: 8px solid #FFF;
+ text-align: center;
+ margin-bottom: 10px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.product-image-large img {
+ max-width: 100%;
+}
+.product-details h4,
+.product-details h5 {
+ font-weight: 700;
+}
+.product-details h4 {
+ margin-bottom: 20px;
+}
+.product-details h5 {
+ margin-top: 20px;
+}
+.product-details .price {
+ font-size: 1.4em;
+ font-weight: 700;
+ text-align: left;
+ padding: 5px;
+ background: rgba(255, 255, 255, 0.6);
+ display: inline;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+.product-details .price-was {
+ text-decoration: line-through;
+ font-size: 0.8em;
+ font-weight: normal;
+}
+.product-details .shop-item-selections {
+ width: 100%;
+}
+.product-details .shop-item-selections td {
+ line-height: 36px;
+}
+.product-details .shop-item-selections td:first-child {
+ width: 30%;
+}
+.product-details .choose-item-color span {
+ display: inline-block;
+ *display: inline;
+ width: 10px;
+ height: 10px;
+ border-width: 1px;
+ border-style: solid;
+ margin-bottom: -1px;
+ margin-right: 2px;
+}
+.product-details-nav {
+ margin-top: 30px !important;
+ margin-left: 0 !important;
+}
+.product-detail-info {
+ background: #fff;
+ border-top: 0;
+ border-left: 1px;
+ border-right: 1px;
+ border-bottom: 1px;
+ border-color: #ddd;
+ border-style: solid;
+ padding: 20px 30px;
+}
+.product-detail-info p,
+.product-detail-info ul {
+ font-size: 0.9em;
+}
+.product-detail-info table {
+ width: 100%;
+}
+.product-detail-info table td {
+ font-size: 0.9em;
+ width: 50%;
+ line-height: 28px;
+ border-bottom: 1px solid #E7E7E7;
+}
+.product-detail-info table td:first-child {
+ font-weight: 600;
+}
+.product-detail-info table tr:last-child td {
+ border-bottom: 0;
+}
+/*--------------------------------------------------------------------------
++ Shopping Cart Style
+--------------------------------------------------------------------------*/
+.shopping-cart {
+ margin: 10px 0 0 0;
+ width: 100%;
+ border-collapse: separate;
+ border-spacing: 0 10px;
+}
+.shopping-cart a {
+ color: #535b60;
+}
+.shopping-cart tr {
+ background: #FFF;
+}
+.shopping-cart td {
+ padding: 10px;
+}
+.shopping-cart td:first-child {
+ -webkit-border-radius: 5px 0 0 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px 0 0 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px 0 0 5px;
+ background-clip: padding-box;
+ margin-left: 10px;
+}
+.shopping-cart td:last-child {
+ -webkit-border-radius: 0 5px 5px 0;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 0 5px 5px 0;
+ -moz-background-clip: padding;
+ border-radius: 0 5px 5px 0;
+ background-clip: padding-box;
+ margin-right: 10px;
+}
+.shopping-cart .image,
+.shopping-cart .image img {
+ max-width: 150px;
+}
+.shopping-cart .title {
+ font-size: 1.1em;
+}
+.shopping-cart .feature {
+ font-size: 0.8em;
+}
+.shopping-cart .color span {
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+}
+.shopping-cart .quantity {
+ width: 80px;
+}
+.shopping-cart .price {
+ color: #535b60;
+ font-size: 1.2em;
+ width: 80px;
+ text-align: center;
+}
+.shopping-cart .actions {
+ width: 80px;
+}
+.shopping-cart .actions .btn {
+ margin-bottom: 5px;
+}
+.cart-totals {
+ margin: 20px 0 30px 0;
+ border-top: 2px solid #535b60;
+ font-size: 1.1em;
+ line-height: 24px;
+ text-align: right;
+ width: 100%;
+}
+.cart-totals td {
+ width: 150px;
+ padding: 3px 0;
+}
+.cart-totals .cart-grand-total {
+ font-size: 1.3em;
+}
+@media (max-width: 500px) {
+ .shopping-cart .image {
+ display: none;
+ }
+ .cart-item-title {
+ font-size: 0.8em;
+ }
+}
+/*--------------------------------------------------------------------------
++ Products Slider Style
+--------------------------------------------------------------------------*/
+.products-slider .shop-item {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ width: 25%;
+ float: left;
+ display: block;
+ position: relative;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.products-slider .shop-item img {
+ -webkit-border-radius: 5px 5px 0 0;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px 5px 0 0;
+ -moz-background-clip: padding;
+ border-radius: 5px 5px 0 0;
+ background-clip: padding-box;
+}
+.products-slider .shop-item .title h3 a {
+ font-size: 1em;
+ font-weight: 400;
+}
+.products-slider .shop-item .price {
+ font-size: 1.1em;
+ font-weight: 400;
+ margin-bottom: 10px;
+}
+.products-slider .shop-item .actions {
+ padding: 10px 0;
+}
+@media (max-width: 768px) {
+ .products-slider .shop-item {
+ width: 34%;
+ }
+}
+@media (max-width: 479px) {
+ .products-slider .shop-item {
+ width: 100%;
+ }
+}
+/*--------------------------------------------------------------------------
++ Events List Style
+--------------------------------------------------------------------------*/
+.events-list {
+ width: 100%;
+ font-size: 0.9em;
+}
+.events-list tr td {
+ padding: 5px 20px 5px 0;
+}
+.events-list tr td:last-child {
+ padding: 5px 0;
+ text-align: right;
+}
+.events-list tr:hover .event-date {
+ border-left: 5px solid #e74c3c;
+}
+.events-list .event-date {
+ margin: 3px 0;
+ padding: 2px 10px;
+ border-left: 5px solid #CFCFCF;
+ -webkit-transition: all .25s linear;
+ -moz-transition: all .25s linear;
+ -o-transition: all .25s linear;
+ -ms-transition: all .25s linear;
+ transition: all .25s linear;
+}
+.events-list .event-date .event-day {
+ color: #808080;
+ font-size: 1.5em;
+ font-weight: 600;
+ text-align: center;
+}
+.events-list .event-date .event-month {
+ color: #CFCFCF;
+ font-size: 1.1em;
+ font-weight: 600;
+ text-align: center;
+}
+.events-list .event-date .event-venue,
+.events-list .event-date .event-price {
+ white-space: nowrap;
+}
+/*--------------------------------------------------------------------------
++ Jobs list Style
+--------------------------------------------------------------------------*/
+.jobs-list {
+ width: 100%;
+}
+.jobs-list th {
+ font-size: 1.2em;
+ text-align: left;
+ padding: 10px 0;
+}
+.jobs-list td {
+ padding: 5px 20px 5px 0;
+ border-top: 1px solid #E6E6E6;
+}
+.jobs-list tr:last-child td {
+ border-bottom: 1px solid #E6E6E6;
+}
+.job-position a {
+ color: #535b60;
+ font-size: 1.1em;
+}
+.job-location,
+.job-type {
+ font-size: 0.9em;
+}
+.join-us-promo blockquote {
+ margin: 0;
+ padding: 0;
+ border-left: none;
+}
+.join-us-promo blockquote p {
+ font-size: 1.1em;
+ margin-bottom: 20px;
+ line-height: 1.5;
+}
+.join-us-promo .author-info {
+ font-weight: 400;
+ font-size: 0.8em;
+}
+.join-us-promo .author-photo {
+ text-align: center;
+}
+.join-us-promo .author-photo img {
+ margin: auto;
+ border: 5px solid #FFF;
+ -webkit-border-radius: 70px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 70px;
+ -moz-background-clip: padding;
+ border-radius: 70px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ color: inset 0 1px #fff,0 1px 2px #c8cfe6;
+}
+.join-us-bubble {
+ text-align: justify;
+ -webkit-border-radius: 4px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 4px;
+ -moz-background-clip: padding;
+ border-radius: 4px;
+ background-clip: padding-box;
+ padding: 20px 20px 0 20px;
+ margin-top: 30px;
+ margin-bottom: 30px;
+ background: #FFF;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ color: inset 0 1px #fff,0 0 4px #c8cfe6;
+}
+.join-us-bubble::after {
+ background: #FFF;
+ content: "\00a0";
+ display: block;
+ height: 20px;
+ width: 20px;
+ bottom: -10px;
+ left: 45%;
+ position: relative;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -webkit-box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+ box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+ color: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+}
+.job-details-wrapper p {
+ text-align: justify;
+}
+/*--------------------------------------------------------------------------
++ Login/Register/Reset Password Forms Style
+--------------------------------------------------------------------------*/
+.basic-login {
+ background: rgba(255, 255, 255, 0.8);
+ padding: 20px 20px 10px 20px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ color: inset 0 1px #fff,0 0 4px #c8cfe6;
+}
+.basic-login form {
+ margin: 0;
+}
+.basic-login label {
+ line-height: 30px;
+ font-size: 1.2em;
+}
+.basic-login input[type="checkbox"] {
+ margin-top: 4px;
+}
+.social-login p {
+ text-align: center;
+ font-size: 1.2em;
+ font-style: italic;
+ padding: 20px 0;
+}
+.social-login .social-login-buttons {
+ text-align: center;
+}
+.social-login .social-login-buttons a {
+ position: relative;
+ display: inline-block;
+ white-space: nowrap;
+ height: 35px;
+ line-height: 35px;
+ padding-right: 15px;
+ margin: 10px 5px;
+ color: #fff;
+ font-size: 1.1em;
+ text-align: left;
+ -webkit-border-radius: 3px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 3px;
+ -moz-background-clip: padding;
+ border-radius: 3px;
+ background-clip: padding-box;
+ -webkit-transition: opacity .2s linear;
+ -moz-transition: opacity .2s linear;
+ -o-transition: opacity .2s linear;
+ -ms-transition: opacity .2s linear;
+ transition: opacity .2s linear;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.social-login .social-login-buttons a:hover {
+ opacity: 0.8;
+ text-decoration: none;
+}
+.social-login .social-login-buttons a:before {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 5px;
+ width: 24px;
+ height: 24px;
+ background-image: url(../img/social-login.png);
+ background-repeat: no-repeat;
+}
+.social-login .btn-facebook-login {
+ padding-left: 35px;
+ background-color: #6886bc;
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNjg4NmJjIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjZjYTkiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
+ background-image: -moz-linear-gradient(top,#6886bc 0,#466ca9 100%);
+ background-image: -webkit-linear-gradient(top,#6886bc 0,#466ca9 100%);
+ background-image: -o-linear-gradient(top,#6886bc 0,#466ca9 100%);
+ background-image: linear-gradient(top,#6886bc 0,#466ca9 100%);
+}
+.social-login .btn-twitter-login {
+ padding-left: 45px;
+ background-color: #25b6e6;
+}
+.social-login .btn-facebook-login:before {
+ left: 10px;
+ background-position: 0 0;
+}
+.social-login .btn-twitter-login:before {
+ left: 15px;
+ background-position: -48px 0;
+}
+.social-login .not-member p {
+ font-size: 1.5em;
+ font-weight: 600;
+ font-style: normal;
+ margin-top: 30px;
+ border-top: 1px solid #CCC;
+}
+/*--------------------------------------------------------------------------
++ 'In Press' Style
+--------------------------------------------------------------------------*/
+.in-press a {
+ color: #a0a7ac;
+ font-size: 1.3em;
+ font-family: Georgia, serif;
+ line-height: 28px;
+ position: relative;
+ padding-left: 16px;
+ padding-bottom: 32px;
+ margin-bottom: 15px;
+ display: block;
+ -webkit-transition: color .25s linear;
+ -moz-transition: color .25s linear;
+ -o-transition: color .25s linear;
+ -ms-transition: color .25s linear;
+ transition: color .25s linear;
+}
+.in-press a:hover {
+ color: #e74c3c;
+ text-decoration: none;
+}
+.in-press a:after {
+ content: '';
+ display: block;
+ position: absolute;
+ bottom: -10px;
+ right: 20px;
+ width: 120px;
+ height: 32px;
+ background-image: url(../img/in-press.png);
+ background-repeat: no-repeat;
+ -webkit-transition: .25s linear;
+ -moz-transition: .25s linear;
+ -o-transition: .25s linear;
+ -ms-transition: .25s linear;
+ transition: .25s linear;
+}
+.in-press a:before {
+ content: "\201C";
+ margin-left: -16px;
+ font-size: 2.2em;
+}
+.press-wired a:after {
+ background-position: 0px 0px;
+}
+.press-wired a:hover:after {
+ background-position: 0px -32px;
+}
+.press-mashable a:after {
+ background-position: -120px 0px;
+}
+.press-mashable a:hover:after {
+ background-position: -120px -32px;
+}
+.press-techcrunch a:after {
+ background-position: -240px 0px;
+}
+.press-techcrunch a:hover:after {
+ background-position: -240px -32px;
+}
+/*--------------------------------------------------------------------------
++ Portfolio Style
+--------------------------------------------------------------------------*/
+.portfolio-item {
+ position: relative;
+ background: #FFF;
+ margin-bottom: 20px;
+ border: 8px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -webkit-transition: all .5s ease;
+ -moz-transition: all .5s ease;
+ -o-transition: all .5s ease;
+ -ms-transition: all .5s ease;
+ transition: all .5s ease;
+}
+.portfolio-item .portfolio-image {
+ overflow: hidden;
+ text-align: center;
+ position: relative;
+}
+.portfolio-item .portfolio-image img {
+ max-width: 100%;
+ -webkit-transition: all .25s ease;
+ -moz-transition: all .25s ease;
+ -o-transition: all .25s ease;
+ -ms-transition: all .25s ease;
+ transition: all .25s ease;
+}
+.portfolio-item:hover {
+ border: 8px solid #e74c3c;
+}
+.portfolio-item:hover .portfolio-image img {
+ position: relative;
+ -webkit-transform: scale(1.1) rotate(2deg);
+ -moz-transform: scale(1.1) rotate(2deg);
+ -o-transform: scale(1.1) rotate(2deg);
+ -ms-transform: scale(1.1) rotate(2deg);
+ transform: scale(1.1) rotate(2deg);
+}
+.portfolio-item ul {
+ list-style-type: none;
+ margin-left: 0;
+ margin-top: 20px;
+ text-align: center;
+ padding: 0;
+}
+.portfolio-item ul li {
+ line-height: 28px;
+}
+.portfolio-item .portfolio-project-name {
+ font-size: 1.3em;
+ text-transform: uppercase;
+}
+.portfolio-item .read-more {
+ text-align: center;
+ padding-top: 10px;
+}
+.portfolio-item .portfolio-info-fade {
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ top: 0;
+ position: absolute;
+ background: #000;
+ background: rgba(0, 0, 0, 0.7);
+ width: 100%;
+ height: 100%;
+ color: #FFF;
+ text-shadow: 2px 2px 4px #000000;
+ filter: dropshadow(color=#000000, offx=2, offy=2);
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.portfolio-item .portfolio-info-fade ul {
+ margin-top: 10%;
+}
+.portfolio-item .portfolio-info-fade .btn:hover {
+ background: #e74c3c;
+}
+.portfolio-item .portfolio-info-fade ul {
+ margin: 10% 20px 0 20px;
+ padding: 0;
+}
+.portfolio-item .portfolio-info-fade ul li {
+ text-align: center;
+}
+.portfolio-item .portfolio-info-fade ul li:first-child {
+ border-bottom: 1px solid #CCC;
+}
+.portfolio-item:hover .portfolio-info-fade {
+ display: block;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.lt-ie9 .portfolio-info-fade {
+ display: none;
+}
+.lt-ie9 .portfolio-item:hover .portfolio-info-fade {
+ display: block;
+}
+.portfolio-visit-btn {
+ padding-top: 15px;
+}
+.portfolio-item-description ul {
+ padding: 0;
+}
+/*--------------------------------------------------------------------------
++ Our Team Style
+--------------------------------------------------------------------------*/
+.team-member {
+ position: relative;
+ background: #FFF;
+ margin-bottom: 20px;
+ border: 8px solid #FFF;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.team-member img {
+ max-width: 100%;
+}
+.team-member ul {
+ list-style-type: none;
+ margin-left: 0;
+ margin-top: 20px;
+}
+.team-member ul li {
+ line-height: 28px;
+}
+.team-member:hover .team-member-image {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.team-member .team-member-image {
+ text-align: center;
+ position: relative;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+ -webkit-opacity: 0.85;
+ -moz-opacity: 0.85;
+ opacity: 0.85;
+}
+.team-member .team-member-name {
+ font-size: 1.3em;
+ text-transform: uppercase;
+}
+.team-member .team-member-social {
+ position: absolute;
+ right: 0;
+ -webkit-opacity: 0.5;
+ -moz-opacity: 0.5;
+ opacity: 0.5;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.team-member .team-member-social .team-member-social i {
+ margin-top: 3px;
+}
+.team-member .team-member-social:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+/*--------------------------------------------------------------------------
++ Sitemap Style
+--------------------------------------------------------------------------*/
+.sitemap {
+ margin-left: 0;
+ list-style-type: none;
+ padding: 0;
+}
+.sitemap a {
+ color: #535b60;
+}
+.sitemap li {
+ padding: 10px 0;
+ font-weight: 600;
+}
+.sitemap ul {
+ list-style-type: none;
+ margin-top: 10px;
+ margin-left: 10px;
+ padding: 0;
+}
+.sitemap ul li {
+ padding: 3px 0;
+ font-size: 0.9em;
+ font-weight: 400;
+}
+/*--------------------------------------------------------------------------
++ Coming Soon Page Style
+--------------------------------------------------------------------------*/
+.coming-soon-top {
+ background: #FFF;
+ background: rgba(255, 255, 255, 0.8);
+ min-height: 80px;
+}
+.coming-soon-top .logo-wrapper {
+ padding-top: 20px;
+}
+.coming-soon-content {
+ margin-top: 5%;
+ text-align: center;
+}
+.coming-soon-content h3 {
+ font-size: 3em;
+ line-height: 1.3em;
+ font-weight: 400;
+ color: #FFF;
+ margin-bottom: 40px;
+ text-shadow: 1px 1px 8px #000000;
+}
+.coming-soon-content p {
+ color: #E6E6E6;
+ text-shadow: 2px 2px 4px #000000;
+}
+.coming-soon-subscribe {
+ padding-top: 30px;
+}
+.coming-soon-subscribe .btn {
+ border-radius: 0 5px 5px 0;
+}
+.coming-soon-subscribe p {
+ margin-top: 10px;
+}
+.coming-soon-social {
+ margin-top: 60px;
+ -webkit-opacity: 0.7;
+ -moz-opacity: 0.7;
+ opacity: 0.7;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.coming-soon-social a {
+ display: inline-block;
+}
+.coming-soon-social:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.full-screen-background {
+ z-index: -999;
+ min-height: 100%;
+ min-width: 1024px;
+ width: 100%;
+ height: auto;
+ position: fixed;
+ top: 0;
+ left: 0;
+}
+/*--------------------------------------------------------------------------
++ Breadcrumbs Section Style
+--------------------------------------------------------------------------*/
+.section-breadcrumbs {
+ background: #222;
+ background: rgba(34, 34, 34, 0.8);
+ margin-bottom: 10px;
+}
+.section-breadcrumbs h1 {
+ color: #FAFAFA;
+ font-size: 1.6em;
+ margin-bottom: 0;
+ text-transform: none;
+}
+/*--------------------------------------------------------------------------
+ Footer Style
+--------------------------------------------------------------------------*/
+.footer {
+ background: #222;
+ color: #A0A0A0;
+ padding: 0 20px 10px 20px;
+ border-top: 4px solid #e74c3c;
+ margin-top: 20px;
+ -webkit-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
+ -moz-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
+ box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
+ color: 0 -1px 12px rgba(0,0,0,0.4);
+}
+.footer h3 {
+ color: #E4E4E4;
+ font-size: 1.3em;
+ border-bottom: 1px dotted #7C7C7C;
+}
+.footer ul {
+ padding: 0;
+}
+.footer-navigate-section li {
+ line-height: 20px !important;
+}
+.footer-stay-connected a {
+ text-align: left;
+ text-indent: -9999px;
+ display: block;
+ width: 115px;
+ height: 40px;
+ background: url(../img/stay-connected.png);
+ -webkit-opacity: 0.5;
+ -moz-opacity: 0.5;
+ opacity: 0.5;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.footer-stay-connected a:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.footer-stay-connected a.facebook {
+ background-position: -115px 0;
+}
+.footer-stay-connected a.twitter {
+ background-position: -230px 0;
+}
+.footer-stay-connected a.googleplus {
+ background-position: 0 0;
+}
+.footer-stay-connected li {
+ text-align: center;
+}
+.footer-copyright {
+ text-align: center;
+ color: #7C7C7C;
+ border-top: 1px dotted #7C7C7C;
+ padding-top: 10px;
+ font-size: 0.9em;
+}
+/*--------------------------------------------------------------------------
++ Pagination Style (overrides Bootstrap style)
+--------------------------------------------------------------------------*/
+.pagination-wrapper {
+ margin-top: 15px;
+ text-align: center;
+}
+.pagination > li > a,
+.pagination > li > span {
+ border: none;
+ border-bottom: 3px solid #FFF;
+ color: #666666;
+ margin-left: 0;
+ margin-bottom: 5px;
+ -webkit-transition: all .25s linear;
+ -moz-transition: all .25s linear;
+ -o-transition: all .25s linear;
+ -ms-transition: all .25s linear;
+ transition: all .25s linear;
+}
+.pagination > li > a:hover,
+.pagination > li > a:focus,
+.pagination > .active > a,
+.pagination > .active > span {
+ background: #FFF;
+}
+.pagination > li > a:hover {
+ border-bottom: 3px solid #666666;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+ color: #666666;
+ border-bottom: 3px solid #e74c3c;
+}
+.pagination > .disabled > a {
+ border-color: #fff;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+ margin-bottom: 0;
+ color: #C9C9C9;
+ background-color: #FFF;
+ cursor: default;
+}
+/*--------------------------------------------------------------------------
++ Custom Style for Maps
+--------------------------------------------------------------------------*/
+.leaflet-popup-content-wrapper {
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+/*--------------------------------------------------------------------------
++ Custom Style for Tabs (overrides Bootstrap)
+--------------------------------------------------------------------------*/
+.nav-tabs > li > a {
+ font-size: 1.1em;
+ padding: 10px 15px;
+ color: #535b60;
+}
+.nav-tabs > .active > a,
+.nav-tabs > .active > a:hover,
+.nav-tabs > .active > a:focus {
+ font-weight: 600;
+ background-color: #ffffff;
+ border: 1px solid #ddd;
+ border-top: 3px solid #e74c3c;
+ border-bottom-color: transparent;
+ cursor: default;
+}
+/*--------------------------------------------------------------------------
++ 404 Page Style
+--------------------------------------------------------------------------*/
+.error-page-wrapper {
+ font-size: 1.5em;
+ font-weight: 600;
+ margin: 100px 0;
+ text-align: center;
+}
+/*--------------------------------------------------------------------------
++ Homepage Slider Style (modified sequencejs CSS). Sorry, no LESS here
+--------------------------------------------------------------------------*/
+#sequence {
+ overflow: hidden;
+ width: 100%;
+ max-width: 1920px;
+ color: white;
+ font-size: 0.625em;
+ margin: 0 auto 30px auto;
+ position: relative;
+ height: 400px;
+}
+#sequence img {
+ max-width: 100%;
+}
+#sequence > .sequence-canvas {
+ list-style-type: none;
+ height: 400px;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+#sequence h2 {
+ font-size: 4em;
+ color: #FFF;
+ text-shadow: 2px 2px 3px #444;
+ border: none;
+ padding-left: 0;
+ margin-top: 0;
+}
+#sequence h3 {
+ font-size: 2em;
+ color: #FFF;
+ text-shadow: 2px 2px 3px #444;
+}
+#sequence > .sequence-canvas > li {
+ position: absolute;
+ width: 100%;
+ height: 400px;
+ z-index: 1;
+ -webkit-transition-property: background;
+ -moz-transition-property: background;
+ -o-transition-property: background;
+ -ms-transition-property: background;
+ transition-property: background;
+ background-position: -50px 0;
+}
+#sequence > .sequence-canvas > li.bg1 {
+ background-image: url(../img/homepage-slider/slider-bg1.jpg);
+}
+#sequence > .sequence-canvas > li.bg2 {
+ background-image: url(../img/homepage-slider/slider-bg2.jpg);
+}
+#sequence > .sequence-canvas > li.bg3 {
+ background-image: url(../img/homepage-slider/slider-bg3.jpg);
+}
+#sequence > .sequence-canvas > li.bg4 {
+ background-image: url(../img/homepage-slider/slider-bg4.jpg);
+}
+#sequence > .sequence-canvas > li.bg5 {
+ background-image: url(../img/homepage-slider/slider-bg5.jpg);
+}
+#sequence > .sequence-canvas > li.bg6 {
+ background-image: url(../img/homepage-slider/slider-bg6.jpg);
+}
+#sequence > .sequence-canvas > li.bg7 {
+ background-image: url(../img/homepage-slider/slider-bg7.jpg);
+}
+#sequence > .sequence-canvas > li.bg8 {
+ background-image: url(../img/homepage-slider/slider-bg8.jpg);
+}
+#sequence > .sequence-canvas > li.bg9 {
+ background-image: url(../img/homepage-slider/slider-bg9.jpg);
+}
+#sequence > .sequence-canvas > li.bg10 {
+ background-image: url(../img/homepage-slider/slider-bg10.jpg);
+}
+#sequence > .sequence-canvas > li.bg11 {
+ background-image: url(../img/homepage-slider/slider-bg11.jpg);
+}
+#sequence > .sequence-canvas > li.bg12 {
+ background-image: url(../img/homepage-slider/slider-bg12.jpg);
+}
+#sequence > .sequence-canvas > li.bg13 {
+ background-image: url(../img/homepage-slider/slider-bg13.jpg);
+}
+#sequence > .sequence-canvas > li.bg14 {
+ background-image: url(../img/homepage-slider/slider-bg14.jpg);
+}
+#sequence > .sequence-canvas > li img {
+ height: 96%;
+}
+#sequence > .sequence-canvas li > * {
+ position: absolute;
+ -webkit-transition-property: left, opacity;
+ -moz-transition-property: left, opacity;
+ -o-transition-property: left, opacity;
+ -ms-transition-property: left, opacity;
+ transition-property: left, opacity;
+}
+.sequence-next,
+.sequence-prev {
+ color: white;
+ cursor: pointer;
+ display: none;
+ font-weight: bold;
+ padding: 10px 15px;
+ position: absolute;
+ top: 50%;
+ z-index: 1000;
+ height: 75px;
+ margin-top: -47.5px;
+}
+.sequence-pause {
+ bottom: 0;
+ cursor: pointer;
+ position: absolute;
+ z-index: 1000;
+}
+.sequence-paused {
+ -webkit-opacity: 0.3;
+ -moz-opacity: 0.3;
+ opacity: 0.3;
+}
+.sequence-prev {
+ left: 3%;
+}
+.sequence-next {
+ right: 3%;
+}
+.sequence-prev img,
+.sequence-next img {
+ height: 100%;
+ width: auto;
+}
+#sequence-preloader {
+ background: #d9d9d9;
+}
+.sequence-pagination-wrapper {
+ position: absolute;
+ bottom: 10px;
+ right: 20px;
+ z-index: 99;
+}
+.sequence-pagination {
+ display: none;
+ z-index: 99;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.sequence-pagination li {
+ display: inline-block;
+ *display: inline;
+ width: 14px;
+ height: 14px;
+ margin: 0 4px;
+ text-indent: -999em;
+ border: 4px solid #e74c3c;
+ cursor: pointer;
+ -webkit-border-radius: 30px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 30px;
+ -moz-background-clip: padding;
+ border-radius: 30px;
+ background-clip: padding-box;
+ -webkit-opacity: 0.8;
+ -moz-opacity: 0.8;
+ opacity: 0.8;
+ -webkit-transition: background .5s, opacity .5s;
+ -moz-transition: background .5s, opacity .5s;
+ -o-transition: background .5s, opacity .5s;
+ -ms-transition: background .5s, opacity .5s;
+ transition: background .5s, opacity .5s;
+}
+.sequence-pagination li.current {
+ background: #e74c3c;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.sequence-next,
+.sequence-prev {
+ position: absolute;
+ opacity: 0.6;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+.sequence-next:hover,
+.sequence-prev:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+#sequence .title {
+ font-size: 3.8em;
+ text-transform: none;
+ left: 0%;
+ width: 35%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ bottom: 60%;
+ z-index: 50;
+}
+#sequence > .sequence-canvas > li.animate-in {
+ background-position: 0 0;
+ -webkit-transition-duration: 1.5s;
+ -moz-transition-duration: 1.5s;
+ -o-transition-duration: 1.5s;
+ transition-duration: 1.5s;
+}
+#sequence .animate-in .title {
+ left: 15%;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+#sequence .animate-out .title {
+ left: 35%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.subtitle {
+ color: black;
+ font-size: 2em;
+ left: 35%;
+ width: 35%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ top: 40%;
+}
+.animate-in .subtitle {
+ left: 15%;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.animate-out .subtitle {
+ left: 65%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.slide-img {
+ left: 90%;
+ top: 20%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ position: relative;
+ height: auto !important;
+ max-height: 450px !important;
+ max-width: 45% !important;
+}
+.animate-in .slide-img {
+ left: 55%;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+.animate-out .slide-img {
+ left: 15%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+@media only screen and (min-width: 992px) {
+ #sequence .title {
+ width: 42%;
+ }
+}
+@media only screen and (max-width: 838px) {
+ #sequence .slide-img {
+ max-height: 530px !important;
+ width: auto;
+ }
+}
+@media only screen and (max-width: 768px) {
+ #sequence {
+ height: 400px;
+ }
+ #sequence .title {
+ font-size: 2.8em;
+ }
+ #sequence .subtitle {
+ font-size: 1.6em;
+ }
+ #sequence .sequence-next,
+ #sequence .sequence-prev {
+ height: 60px;
+ margin-top: -40px;
+ }
+ #sequence .slide-img {
+ max-height: 480px !important;
+ width: auto;
+ }
+}
+@media only screen and (max-width: 568px) {
+ .slide-img {
+ left: 50%;
+ width: auto;
+ max-width: 80% !important;
+ }
+ #sequence .animate-in .slide-img {
+ left: 50%;
+ margin-left: -40%;
+ }
+ #sequence .animate-out .slide-img {
+ left: 20%;
+ margin-left: -20%;
+ }
+ #sequence .title {
+ background: #a1a1a1;
+ background: rgba(0, 0, 0, 0.3);
+ bottom: 0;
+ left: 100%;
+ padding: 4%;
+ width: 100%;
+ margin-bottom: 0;
+ z-index: 10;
+ }
+ #sequence .animate-in .title {
+ left: 0%;
+ }
+ #sequence .animate-out .title {
+ left: -100%;
+ }
+ #sequence .subtitle {
+ visibility: hidden;
+ }
+}
+/*--------------------------------------------------------------------------
++ Content Slider Style (bxSlider CSS), Sorry, no LESS here
+--------------------------------------------------------------------------*/
+.bx-wrapper {
+ position: relative;
+ margin: 0 auto 30px;
+ padding: 0;
+ *zoom: 1;
+}
+.bx-wrapper img {
+ max-width: 100%;
+ display: block;
+}
+.bx-wrapper .bx-pager,
+.bx-wrapper .bx-controls-auto {
+ position: absolute;
+ bottom: -30px;
+ width: 100%;
+}
+/* LOADER */
+.bx-wrapper .bx-loading {
+ min-height: 50px;
+ background: url(../img/bx_loader.gif) center center no-repeat #fff;
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 2000;
+}
+/* PAGER */
+.bx-wrapper .bx-pager {
+ text-align: center;
+ font-size: .85em;
+ font-family: Arial;
+ font-weight: bold;
+ color: #666;
+ padding-top: 20px;
+}
+.bx-wrapper .bx-pager .bx-pager-item,
+.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
+ display: inline-block;
+ *zoom: 1;
+ *display: inline;
+}
+.bx-wrapper .bx-pager.bx-default-pager a {
+ background: #666;
+ text-indent: -9999px;
+ display: block;
+ width: 10px;
+ height: 10px;
+ margin: 0 5px;
+ outline: 0;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+.bx-wrapper .bx-pager.bx-default-pager a:hover,
+.bx-wrapper .bx-pager.bx-default-pager a.active {
+ background: #000;
+}
+/* DIRECTION CONTROLS (NEXT / PREV) */
+.bx-wrapper .bx-prev {
+ left: 10px;
+ background: url(../img/controls.png) no-repeat 0 -32px;
+}
+.bx-wrapper .bx-next {
+ right: 10px;
+ background: url(../img/controls.png) no-repeat -43px -32px;
+}
+.bx-wrapper .bx-prev:hover {
+ background-position: 0 0;
+}
+.bx-wrapper .bx-next:hover {
+ background-position: -43px 0;
+}
+.bx-wrapper .bx-controls-direction a {
+ position: absolute;
+ top: 50%;
+ margin-top: -16px;
+ outline: 0;
+ width: 32px;
+ height: 32px;
+ text-indent: -9999px;
+ z-index: 9999;
+}
+.bx-wrapper .bx-controls-direction a.disabled {
+ display: none;
+}
+/* AUTO CONTROLS (START / STOP) */
+.bx-wrapper .bx-controls-auto {
+ text-align: center;
+}
+.bx-wrapper .bx-controls-auto .bx-start {
+ display: block;
+ text-indent: -9999px;
+ width: 10px;
+ height: 11px;
+ outline: 0;
+ background: url(../img/controls.png) -86px -11px no-repeat;
+ margin: 0 3px;
+}
+.bx-wrapper .bx-controls-auto .bx-start:hover,
+.bx-wrapper .bx-controls-auto .bx-start.active {
+ background-position: -86px 0;
+}
+.bx-wrapper .bx-controls-auto .bx-stop {
+ display: block;
+ text-indent: -9999px;
+ width: 9px;
+ height: 11px;
+ outline: 0;
+ background: url(../img/controls.png) -86px -44px no-repeat;
+ margin: 0 3px;
+}
+.bx-wrapper .bx-controls-auto .bx-stop:hover,
+.bx-wrapper .bx-controls-auto .bx-stop.active {
+ background-position: -86px -33px;
+}
+/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
+ text-align: left;
+ width: 80%;
+}
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
+ right: 0;
+ width: 35px;
+}
+/* IMAGE CAPTIONS */
+.bx-wrapper .bx-caption {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ background: #666\9;
+ background: rgba(80, 80, 80, 0.75);
+ width: 100%;
+}
+.bx-wrapper .bx-caption span {
+ color: #fff;
+ font-family: Arial;
+ display: block;
+ font-size: .85em;
+ padding: 10px;
+}
+/*--------------------------------------------------------------------------
++ Main Menu Style
+--------------------------------------------------------------------------*/
+.mainmenu li.logo-wrapper a {
+ border-right: 1px solid #E8E8E8;
+ padding-left: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.mainmenu-wrapper {
+ background-color: #FFF;
+ border-bottom: 4px solid #e74c3c;
+ z-index: 4;
+}
+.mainmenu {
+ width: 100%;
+ /* general ul style */
+
+ /* first level ul style */
+
+ /* sub-menu */
+
+}
+.mainmenu ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+}
+.mainmenu > ul,
+.mainmenu .mainmenu-submenu-inner {
+ margin: 0 auto;
+}
+.mainmenu > ul > li,
+.mainmenu .mainmenu-submenu-inner > li {
+ display: inline-block;
+ *display: inline;
+}
+.mainmenu > ul > li > a,
+.mainmenu .mainmenu-submenu-inner > li > a {
+ font-size: 1.2em;
+ padding: 1.2em 1.5em;
+ color: #999;
+ display: inline-block;
+ text-decoration: none;
+}
+.mainmenu > ul > li > a:hover,
+.mainmenu .mainmenu-submenu-inner > li > a:hover {
+ color: #e74c3c;
+ text-decoration: none;
+}
+.mainmenu > ul > li.active > a,
+.mainmenu .mainmenu-submenu-inner > li.active > a {
+ color: #e74c3c;
+ font-weight: 600 !important;
+}
+.mainmenu > ul > li.mainmenu-open a,
+.mainmenu .mainmenu-submenu-inner > li.mainmenu-open a,
+.mainmenu > ul li.mainmenu-open > a:hover,
+.mainmenu .mainmenu-submenu-inner li.mainmenu-open > a:hover {
+ color: #fff;
+ background: #e74c3c;
+}
+.mainmenu .mainmenu-submenu {
+ display: none;
+ position: absolute;
+ background: #e74c3c;
+ width: 100%;
+ left: 0;
+ z-index: 999;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.4);
+ -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.4);
+ box-shadow: 0 5px 5px rgba(0,0,0,0.4);
+ color: 0 5px 5px rgba(0,0,0,0.4);
+}
+.mainmenu .mainmenu-submenu-inner > div {
+ width: 33%;
+ float: left;
+}
+.mainmenu .mainmenu-submenu-inner:before,
+.mainmenu .mainmenu-submenu-inner:after {
+ content: " ";
+ display: table;
+}
+.mainmenu .mainmenu-submenu-inner:after {
+ clear: both;
+}
+.mainmenu .mainmenu-submenu-inner > div a {
+ line-height: 2em;
+}
+.mainmenu-open .mainmenu-submenu {
+ display: block;
+ padding-bottom: 3em;
+}
+.mainmenu-submenu h4 {
+ color: #f8c9c4;
+ padding: 1em 0 0.6em;
+ margin-left: 20px;
+ font-size: 160%;
+ font-weight: 300;
+}
+.mainmenu-submenu ul {
+ margin-left: 20px;
+}
+@media screen and (max-width: 979px) {
+ .mainmenu {
+ font-size: 0.8em;
+ }
+ .mainmenu-submenu {
+ font-size: 1.2em;
+ }
+ .mainmenu-submenu li,
+ .mainmenu-submenu h4 {
+ padding-left: 10px;
+ }
+}
+@media screen and (max-width: 479px) {
+ .mainmenu {
+ font-size: 120%;
+ border: none;
+ }
+ .mainmenu > ul,
+ .mainmenu .mainmenu-submenu-inner {
+ width: 100%;
+ padding: 0;
+ }
+ .mainmenu .mainmenu-submenu-inner {
+ padding: 0 1.5em;
+ font-size: 75%;
+ }
+ .mainmenu > ul > li {
+ display: block;
+ border-bottom: 4px solid #47a3da;
+ }
+ .mainmenu > ul > li > a {
+ display: block;
+ padding: 1em 3em;
+ }
+ .mainmenu > ul > li:last-child {
+ border: none;
+ }
+ .mainmenu .mainmenu-submenu {
+ position: relative;
+ }
+ .mainmenu-submenu h4 {
+ padding-top: 0.6em;
+ }
+ .mainmenu .mainmenu-submenu-inner > div {
+ width: 100%;
+ float: none;
+ padding: 0;
+ }
+}
+/*--------------------------------------------------------------------------
++ Extras Menu (Cart, Language, Login) Style
+--------------------------------------------------------------------------*/
+.menuextras {
+ font-size: 0.85em;
+ height: 30px;
+}
+.menuextras ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ float: right;
+ padding: 3px 0;
+}
+.menuextras li {
+ float: left;
+ padding: 0 8px;
+}
+.menuextras .extras li {
+ padding: 0 8px;
+}
+.menuextras .extras li a {
+ color: #333;
+}
+.menuextras .extras li a:hover {
+ color: #333;
+ text-decoration: none;
+}
+.menuextras .extras .shopping-cart-items i {
+ color: #333;
+}
+.menuextras .choose-country .dropdown-menu {
+ background-color: #222;
+ background-color: rgba(34, 34, 34, 0.8);
+ margin-top: 5px;
+}
+.menuextras .choose-country .dropdown-menu li {
+ float: none;
+}
+.menuextras .choose-country .dropdown-menu li a {
+ color: #fff;
+ padding-left: 3px;
+}
+.menuextras .choose-country .dropdown-menu li a:hover {
+ color: #fff;
+ background-color: #333 !important;
+}
+/*--------------------------------------------------------------------------
++ Buttons Style
+--------------------------------------------------------------------------*/
+.btn {
+ border: 1px solid #e74c3c;
+ -webkit-border-radius: 2px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 2px;
+ -moz-background-clip: padding;
+ border-radius: 2px;
+ background-clip: padding-box;
+ color: #FFFFFF;
+ cursor: pointer;
+ display: inline-block;
+ text-transform: none;
+ -webkit-transition: all .25s ease;
+ -moz-transition: all .25s ease;
+ -o-transition: all .25s ease;
+ -ms-transition: all .25s ease;
+ transition: all .25s ease;
+ text-align: center;
+ background: none repeat scroll 0 0 #e74c3c;
+ text-shadow: none;
+ box-shadow: none;
+ color: #FFF;
+ white-space: nowrap;
+}
+.btn:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn .caret {
+ border-top: 4px solid #FFF;
+}
+.btn-micro {
+ padding: 1px 8px;
+ font-size: 10px;
+}
+.btn-grey {
+ border: 1px solid #cecece;
+ color: #333;
+ background: none repeat scroll 0 0 #E7E7E7;
+}
+.btn-grey:hover {
+ background: none repeat scroll 0 0 #cecece;
+ color: #333;
+ text-decoration: none;
+ border: 1px solid #cecece;
+}
+.btn-grey .caret {
+ border-top: 4px solid #333;
+}
+.btn-blue {
+ border: 1px solid #3e7191;
+ color: #FFF;
+ background: none repeat scroll 0 0 #4F8DB3;
+}
+.btn-blue:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-orange {
+ border: 1px solid #cc5a00;
+ color: #FFF;
+ background: none repeat scroll 0 0 #FF7000;
+}
+.btn-orange:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-green {
+ border: 1px solid #4c5818;
+ color: #FFF;
+ background: none repeat scroll 0 0 #6E8023;
+}
+.btn-green:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-red {
+ border: 1px solid #ab0d0d;
+ color: #FFF;
+ background: none repeat scroll 0 0 #DA1111;
+}
+.btn-red:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-group.open .btn.dropdown-toggle {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+}
+.dropdown.open a.dropdown-toggle .caret {
+ border-top: 4px solid #FFF;
+}
--- /dev/null
+/*--------------------------------------------------------------------------
+ General Style
+--------------------------------------------------------------------------*/
+body {
+ background: url(../img/page-background.png);
+}
+.section {
+ padding: 30px 0;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.section-white {
+ background: #FFF;
+}
+.section .container:first-child h1,
+.section .container:first-child h2,
+.section .container:first-child h3 {
+ margin-top: 0;
+ font-weight: 700;
+}
+.input-micro {
+ width: 50px;
+ margin-bottom: 0 !important;
+}
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+.uneditable-input:focus {
+ border-color: rgba(79, 141, 179, 0.8);
+ outline: 0;
+ outline: thin dotted \9;
+ /* IE6-9 */
+
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(79, 141, 179, 0.6);
+ -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(79, 141, 179, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(79, 141, 179, 0.6);
+ color: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(79, 141, 179, 0.6);
+}
+ul.no-list-style {
+ list-style-type: none;
+ margin-left: 0;
+}
+ul.no-list-style li {
+ line-height: 28px;
+}
+div[class*="span"] {
+ -webkit-transition: all .4s linear;
+ -moz-transition: all .4s linear;
+ -o-transition: all .4s linear;
+ -ms-transition: all .4s linear;
+ transition: all .4s linear;
+}
+/*--------------------------------------------------------------------------
+ Typography Style
+--------------------------------------------------------------------------*/
+body {
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ line-height: 20px;
+ color: #535b60;
+}
+h1 {
+ color: #53555c;
+ font-family: 'Open Sans', sans-serif;
+ font-weight: 800;
+}
+h2 {
+ color: #53555c;
+ font-family: 'Open Sans', sans-serif;
+ font-size: 2em;
+ border-bottom: 2px solid #53555c;
+ line-height: 1.5em;
+ margin: 30px 0;
+ padding-left: 10px;
+}
+h3 {
+ font-family: 'Open Sans', sans-serif;
+ color: #53555c;
+ font-size: 1.5em;
+}
+h4 {
+ font-family: 'Open Sans', sans-serif;
+ color: #53555c;
+ margin-bottom: 10px;
+}
+a {
+ color: #4f8db3;
+}
+a:hover {
+ color: #2f556d;
+}
+/*--------------------------------------------------------------------------
++ Services Style
+--------------------------------------------------------------------------*/
+/* Multicolumn */
+.service-wrapper {
+ background: #FFF;
+ margin: 20px 10px;
+ text-align: center;
+ padding: 30px 20px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: 0 0 3px #999;
+ -moz-box-shadow: 0 0 3px #999;
+ box-shadow: 0 0 3px #999;
+ color: 0 0 3px #999;
+}
+.service-wrapper h3 {
+ font-size: 1.2em;
+ margin: 10px 0 !important;
+}
+.service-wrapper p {
+ margin-top: 0;
+}
+/* Row */
+.service-wrapper-row {
+ padding: 10px 0;
+}
+.service-wrapper-row h3 {
+ padding-top: 15px;
+}
+.service-wrapper-row .service-image {
+ padding-top: 15px;
+ text-align: center;
+}
+.service-wrapper-row .service-image img {
+ max-width: 80%;
+ vertical-align: bottom;
+ bottom: 0;
+ border: 7px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: 0 0 8px #999;
+ -moz-box-shadow: 0 0 8px #999;
+ box-shadow: 0 0 8px #999;
+ color: 0 0 8px #999;
+}
+/*--------------------------------------------------------------------------
++ Pricing Table Style
+--------------------------------------------------------------------------*/
+.pricing-plan {
+ float: left;
+ text-align: center;
+ background: #fafafa;
+ position: relative;
+ width: 48%;
+ margin: 10px 1% 10px 0;
+ padding: 20px;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
+ -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
+ box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
+ color: 0 1px 8px rgba(0, 0, 0, 0.4);
+ -webkit-transition: -webkit-box-shadow .25s linear;
+ -moz-transition: -moz-box-shadow .25s linear;
+ -o-transition: box-shadow .25s linear;
+ -ms-transition: box-shadow .25s linear;
+ transition: box-shadow .25s linear;
+}
+.pricing-plan:hover {
+ -webkit-box-shadow: 0 0 8px #333;
+ -moz-box-shadow: 0 0 8px #333;
+ box-shadow: 0 0 8px #333;
+ color: 0 0 8px #333;
+ z-index: 5;
+}
+.pricing-plan .pricing-plan-title {
+ position: relative;
+ margin: -20px -10px 20px;
+ padding: 20px;
+ line-height: 1;
+ font-size: 16px;
+ font-weight: bold;
+ color: #595f6b;
+ border-bottom: 1px dashed #d2d2d2;
+}
+.pricing-plan .pricing-plan-title:before {
+ content: '';
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ height: 1px;
+ background-size: 3px 1px;
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjZDJkMmQyIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IiIgc3RvcC1jb2xvcj0iI2QyZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
+ background-image: -moz-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
+ background-image: -webkit-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
+ background-image: -o-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
+ background-image: linear-gradient(to right, white, white 33%, #d2d2d2 34%, #d2d2d2);
+}
+.pricing-plan .pricing-plan-price {
+ margin: 0 auto 20px;
+ width: 90px;
+ height: 90px;
+ line-height: 90px;
+ font-size: 19px;
+ font-weight: bold;
+ color: white;
+ background: #595f6b;
+ -webkit-border-radius: 45px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 45px;
+ -moz-background-clip: padding;
+ border-radius: 45px;
+ background-clip: padding-box;
+}
+.pricing-plan .pricing-plan-price span {
+ font-size: 12px;
+ font-weight: normal;
+ color: rgba(255, 255, 255, 0.9);
+}
+.pricing-plan .pricing-plan-features {
+ margin-bottom: 20px;
+ margin-left: 0;
+ padding: 0;
+ line-height: 2;
+ font-size: 12px;
+ color: #999;
+ text-align: center;
+ list-style-type: none;
+}
+.pricing-plan .pricing-plan-features li strong {
+ font-weight: bold;
+ color: #888;
+}
+.pricing-plan .pricing-plan-promote {
+ margin: 0;
+ padding: 40px 20px;
+ background-color: white;
+ border-width: 2px;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+ z-index: 4;
+}
+.ribbon-wrapper {
+ width: 85px;
+ height: 88px;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.price-ribbon {
+ font: bold 15px Sans-Serif;
+ color: #333;
+ text-align: center;
+ text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
+ position: relative;
+ padding: 7px 0;
+ left: -5px;
+ top: 15px;
+ width: 120px;
+ background-color: #FFF;
+ color: #6a6340;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
+ -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
+ box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
+ color: 0px 0px 3px rgba(0,0,0,0.3);
+}
+.ribbon-green {
+ background-color: #BFDC7A;
+}
+.ribbon-blue {
+ background-color: #5ACBFF;
+}
+.ribbon-orange {
+ background-color: #FF9542;
+}
+.ribbon-red {
+ background-color: #FF7373;
+}
+@media (min-width: 768px) {
+ .pricing-plan {
+ width: 25%;
+ margin: 20px 0;
+ padding: 20px;
+ -webkit-border-radius: 0;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 0;
+ -moz-background-clip: padding;
+ border-radius: 0;
+ background-clip: padding-box;
+ }
+ .pricing-plan:first-child {
+ -webkit-border-top-left-radius: 7px;
+ -moz-border-radius-topleft: 7px;
+ border-top-left-radius: 7px;
+ -webkit-border-bottom-left-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius-bottomleft: 7px;
+ -moz-background-clip: padding;
+ border-bottom-left-radius: 7px;
+ background-clip: padding-box;
+ }
+ .pricing-plan:last-child {
+ border-width: 2px;
+ -webkit-border-top-right-radius: 7px;
+ -moz-border-radius-topright: 7px;
+ border-top-right-radius: 7px;
+ -webkit-border-bottom-right-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius-bottomright: 7px;
+ -moz-background-clip: padding;
+ border-bottom-right-radius: 7px;
+ background-clip: padding-box;
+ }
+ .pricing-plan-promote {
+ background: #fff;
+ padding: 40px;
+ margin-top: 0;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+ z-index: 4;
+ }
+}
+/*--------------------------------------------------------------------------
++ Contact Us Style
+--------------------------------------------------------------------------*/
+#contact-us-map {
+ height: 300px;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.contact-us-details {
+ margin: 20px 0;
+ font-size: 0.9em;
+}
+/*--------------------------------------------------------------------------
++ Video Wrapper Style
+--------------------------------------------------------------------------*/
+.video-wrapper {
+ -webkit-box-shadow: 0 0 5px #000;
+ -moz-box-shadow: 0 0 5px #000;
+ box-shadow: 0 0 5px #000;
+ color: 0 0 5px #000;
+ margin: 20px 0;
+}
+/*--------------------------------------------------------------------------
++ Call to Action Bar Style
+--------------------------------------------------------------------------*/
+.calltoaction-wrapper {
+ text-align: center;
+}
+.calltoaction-wrapper h3 {
+ display: inline-block;
+ line-height: 36px;
+ margin-right: 10px;
+ margin-bottom: 0;
+}
+.calltoaction-wrapper a {
+ vertical-align: top;
+}
+/*--------------------------------------------------------------------------
++ Testimonials Style
+--------------------------------------------------------------------------*/
+.testimonial blockquote {
+ margin: 0;
+ padding: 0;
+ border-left: none;
+}
+.testimonial blockquote p {
+ font-size: 0.9em;
+ margin-bottom: 20px;
+ line-height: 1.5;
+}
+.testimonial .testimonial-bubble {
+ text-align: justify;
+ -webkit-border-radius: 4px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 4px;
+ -moz-background-clip: padding;
+ border-radius: 4px;
+ background-clip: padding-box;
+ padding: 0 20px 20px 20px;
+ margin: 35px 10px 20px 10px;
+ background: #FFF;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ color: inset 0 1px #fff,0 1px 2px #c8cfe6;
+}
+.testimonial .testimonial-bubble::before {
+ background-color: #FFF;
+ content: "\00a0";
+ display: block;
+ height: 20px;
+ width: 20px;
+ top: -10px;
+ left: 45%;
+ position: relative;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.testimonial .author-photo {
+ text-align: center;
+}
+.testimonial .author-photo img {
+ margin: auto;
+ border: 5px solid #FFF;
+ -webkit-border-radius: 100px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 100px;
+ -moz-background-clip: padding;
+ border-radius: 100px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ color: inset 0 1px #fff,0 1px 2px #c8cfe6;
+}
+.testimonial .author-info {
+ font-weight: 400;
+ font-size: 0.8em;
+}
+/*--------------------------------------------------------------------------
++ Clients Logos Style
+--------------------------------------------------------------------------*/
+.clients-logo-wrapper img {
+ max-width: 100%;
+}
+/*--------------------------------------------------------------------------
++ News Style
+--------------------------------------------------------------------------*/
+.featured-news .caption,
+.latest-news .caption {
+ padding: 10px 0 5px 0;
+}
+.featured-news .caption a,
+.latest-news .caption a {
+ font-size: 1.1em;
+ font-weight: 600;
+ color: #535b60;
+}
+.featured-news .intro,
+.latest-news .intro {
+ padding-bottom: 10px;
+ font-size: 0.9em;
+}
+.featured-news .intro a,
+.latest-news .intro a {
+ white-space: nowrap;
+}
+.featured-news .date,
+.latest-news .date {
+ font-size: 0.7em;
+ color: #999;
+}
+.featured-news img,
+.latest-news img {
+ max-width: 100%;
+ margin: 10px 0 10px 0;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+/*--------------------------------------------------------------------------
++ Frequently Asked Questions Style
+--------------------------------------------------------------------------*/
+.faq-wrapper h3 {
+ margin-top: 20px !important;
+}
+.faq-wrapper .accordion-inner {
+ margin: 10px 0 10px 20px;
+ padding: 0 10px;
+ font-size: 0.9em;
+}
+.faq-wrapper .accordion-inner .answer {
+ font-weight: 600;
+}
+/*--------------------------------------------------------------------------
++ Blog Style
+--------------------------------------------------------------------------*/
+/* Posts List */
+.blog-post {
+ background: #FFF;
+ position: relative;
+ margin: 20px 0;
+ border: 7px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.blog-post img {
+ max-width: 100%;
+}
+.blog-post .post-info {
+ background: #000;
+ background: rgba(0, 0, 0, 0.6);
+ color: #FFF;
+ line-height: 1.2;
+ position: absolute;
+ padding: 5px;
+ left: 10px;
+ top: 10px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+.blog-post .post-comments-count {
+ text-align: center;
+}
+.post-info .post-comments-count {
+ padding-top: 5px;
+}
+.post-info .post-comments-count i {
+ margin-right: 5px;
+}
+.post-info .post-comments-count a {
+ color: #FFF;
+}
+.post-info .post-date .date {
+ font-size: 0.7em;
+ font-weight: 600;
+}
+.post-title h3 {
+ font-size: 1.2em;
+ border-bottom: 1px dotted #828282;
+ margin: 0 20px;
+ padding-top: 10px;
+}
+.post-title h3 a {
+ color: #535b60;
+}
+.post-summary {
+ margin: 10px 20px;
+}
+.post-summary p {
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+}
+.post-more {
+ text-align: right;
+ padding: 0 20px 20px 0;
+}
+/* Single Post */
+.blog-single-post {
+ padding: 10px 30px;
+}
+.single-post-title h3 {
+ font-size: 1.5em;
+ margin: 0;
+}
+.single-post-info {
+ margin-bottom: 20px;
+ padding-bottom: 10px;
+ border-bottom: 1px dotted #828282;
+}
+.single-post-info i {
+ color: #333;
+ margin-right: 5px;
+}
+.single-post-image {
+ text-align: center;
+}
+.single-post-image img {
+ -webkit-box-shadow: 0 0 5px #000;
+ -moz-box-shadow: 0 0 5px #000;
+ box-shadow: 0 0 5px #000;
+ color: 0 0 5px #000;
+}
+.single-post-content {
+ margin: 30px 0 20px 0;
+ padding-bottom: 20px;
+ border-bottom: 2px dotted #CCC;
+}
+.single-post-content p {
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+}
+.post-comments {
+ list-style-type: none;
+ margin-left: 0;
+ margin-bottom: 40px;
+ padding: 0;
+}
+.post-comments ul {
+ list-style-type: none;
+ margin-left: 30px;
+ padding: 0;
+}
+.comment-wrapper p {
+ margin: 0;
+ position: relative;
+ border: 1px solid #CCC;
+ padding: 10px;
+ margin-bottom: 10px;
+ -webkit-border-radius: 3px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 3px;
+ -moz-background-clip: padding;
+ border-radius: 3px;
+ background-clip: padding-box;
+}
+.comment-author {
+ font-size: 1.3em;
+ font-weight: 600;
+ margin-bottom: 10px;
+}
+.comment-author img {
+ max-width: 50px;
+ -webkit-border-radius: 25px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 25px;
+ -moz-background-clip: padding;
+ border-radius: 25px;
+ background-clip: padding-box;
+ margin-right: 10px;
+}
+.comment-date {
+ font-size: 0.9em;
+ margin-right: 20px;
+}
+.comment-actions {
+ text-align: right;
+ opacity: 0.6;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.comment-actions:hover {
+ text-align: right;
+ opacity: 1;
+}
+.comment-actions i {
+ color: #333;
+}
+.comment-reply-btn {
+ margin-left: 10px;
+}
+.blog-sidebar h4 {
+ margin-top: 20px;
+ font-weight: 700;
+}
+.blog-sidebar h4:first-child {
+ margin-top: 0;
+}
+.blog-sidebar ul {
+ list-style-type: none;
+ margin-left: 0;
+ padding: 0;
+}
+.blog-sidebar .recent-posts li,
+.blog-sidebar .blog-categories li {
+ padding: 5px 20px 5px 0;
+ border-top: 1px solid #D5D5D5;
+}
+.blog-sidebar .recent-posts li:last-child,
+.blog-sidebar .blog-categories li:last-child {
+ border-bottom: 1px solid #D5D5D5;
+}
+.blog-sidebar .recent-posts a,
+.blog-sidebar .blog-categories a {
+ color: #535b60;
+}
+/*--------------------------------------------------------------------------
++ E-commerce Style
+--------------------------------------------------------------------------*/
+.shop-item {
+ position: relative;
+ background: #FFF;
+ padding-bottom: 10px;
+ margin-top: 20px;
+ margin-bottom: 10px;
+ border: 8px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.shop-item img {
+ max-width: 100%;
+}
+.shop-item .image {
+ text-align: center;
+}
+.shop-item .title {
+ padding: 20px 0 10px;
+}
+.shop-item .title h3 {
+ font-size: 0.9em;
+ margin: 0 10px;
+ text-align: center;
+}
+.shop-item .title h3 a {
+ color: #535b60;
+ text-transform: uppercase;
+}
+.shop-item .colors {
+ text-align: center;
+ margin-bottom: 10px;
+}
+.shop-item .colors span {
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+ margin: 2px;
+}
+.shop-item .price {
+ color: #535b60;
+ font-size: 1.5em;
+ text-align: center;
+ margin-bottom: 20px;
+ font-weight: 600;
+ -webkit-border-radius: 7px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 7px;
+ -moz-background-clip: padding;
+ border-radius: 7px;
+ background-clip: padding-box;
+}
+.shop-item .price .price-was {
+ color: #A7A7A7;
+ font-size: 0.8em;
+ text-decoration: line-through;
+}
+.shop-item .description {
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+ margin: 0 10px;
+}
+.shop-item .description p {
+ border-top: 1px solid #ECECEC;
+ padding: 10px;
+ margin: 0;
+}
+.shop-item .actions {
+ border-top: 1px solid #ECECEC;
+ margin: 0 10px;
+ padding-top: 20px;
+ text-align: center;
+}
+.shop-item .actions span {
+ font-size: 0.8em;
+ white-space: nowrap;
+}
+.colors {
+ text-align: center;
+ margin-bottom: 10px;
+}
+.colors span {
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+ margin: 2px;
+}
+span.color-white {
+ background-color: #D7D7CF;
+ border-color: #c0c0b3;
+}
+span.color-black {
+ background-color: #000;
+ border-color: #000000;
+}
+span.color-blue {
+ background-color: #073A52;
+ border-color: #031923;
+}
+span.color-orange {
+ background-color: #D56E1D;
+ border-color: #a85717;
+}
+span.color-green {
+ background-color: #5C6632;
+ border-color: #3d4421;
+}
+span.color-red {
+ background-color: #DA1111;
+ border-color: #ab0d0d;
+}
+/*--------------------------------------------------------------------------
++ Product Details Page Style
+--------------------------------------------------------------------------*/
+.product-image-large {
+ border: 8px solid #FFF;
+ text-align: center;
+ margin-bottom: 10px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.product-image-large img {
+ max-width: 100%;
+}
+.product-details h4,
+.product-details h5 {
+ font-weight: 700;
+}
+.product-details h4 {
+ margin-bottom: 20px;
+}
+.product-details h5 {
+ margin-top: 20px;
+}
+.product-details .price {
+ font-size: 1.4em;
+ font-weight: 700;
+ text-align: left;
+ padding: 5px;
+ background: rgba(255, 255, 255, 0.6);
+ display: inline;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+.product-details .price-was {
+ text-decoration: line-through;
+ font-size: 0.8em;
+ font-weight: normal;
+}
+.product-details .shop-item-selections {
+ width: 100%;
+}
+.product-details .shop-item-selections td {
+ line-height: 36px;
+}
+.product-details .shop-item-selections td:first-child {
+ width: 30%;
+}
+.product-details .choose-item-color span {
+ display: inline-block;
+ *display: inline;
+ width: 10px;
+ height: 10px;
+ border-width: 1px;
+ border-style: solid;
+ margin-bottom: -1px;
+ margin-right: 2px;
+}
+.product-details-nav {
+ margin-top: 30px !important;
+ margin-left: 0 !important;
+}
+.product-detail-info {
+ background: #fff;
+ border-top: 0;
+ border-left: 1px;
+ border-right: 1px;
+ border-bottom: 1px;
+ border-color: #ddd;
+ border-style: solid;
+ padding: 20px 30px;
+}
+.product-detail-info p,
+.product-detail-info ul {
+ font-size: 0.9em;
+}
+.product-detail-info table {
+ width: 100%;
+}
+.product-detail-info table td {
+ font-size: 0.9em;
+ width: 50%;
+ line-height: 28px;
+ border-bottom: 1px solid #E7E7E7;
+}
+.product-detail-info table td:first-child {
+ font-weight: 600;
+}
+.product-detail-info table tr:last-child td {
+ border-bottom: 0;
+}
+/*--------------------------------------------------------------------------
++ Shopping Cart Style
+--------------------------------------------------------------------------*/
+.shopping-cart {
+ margin: 10px 0 0 0;
+ width: 100%;
+ border-collapse: separate;
+ border-spacing: 0 10px;
+}
+.shopping-cart a {
+ color: #535b60;
+}
+.shopping-cart tr {
+ background: #FFF;
+}
+.shopping-cart td {
+ padding: 10px;
+}
+.shopping-cart td:first-child {
+ -webkit-border-radius: 5px 0 0 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px 0 0 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px 0 0 5px;
+ background-clip: padding-box;
+ margin-left: 10px;
+}
+.shopping-cart td:last-child {
+ -webkit-border-radius: 0 5px 5px 0;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 0 5px 5px 0;
+ -moz-background-clip: padding;
+ border-radius: 0 5px 5px 0;
+ background-clip: padding-box;
+ margin-right: 10px;
+}
+.shopping-cart .image,
+.shopping-cart .image img {
+ max-width: 150px;
+}
+.shopping-cart .title {
+ font-size: 1.1em;
+}
+.shopping-cart .feature {
+ font-size: 0.8em;
+}
+.shopping-cart .color span {
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+}
+.shopping-cart .quantity {
+ width: 80px;
+}
+.shopping-cart .price {
+ color: #535b60;
+ font-size: 1.2em;
+ width: 80px;
+ text-align: center;
+}
+.shopping-cart .actions {
+ width: 80px;
+}
+.shopping-cart .actions .btn {
+ margin-bottom: 5px;
+}
+.cart-totals {
+ margin: 20px 0 30px 0;
+ border-top: 2px solid #535b60;
+ font-size: 1.1em;
+ line-height: 24px;
+ text-align: right;
+ width: 100%;
+}
+.cart-totals td {
+ width: 150px;
+ padding: 3px 0;
+}
+.cart-totals .cart-grand-total {
+ font-size: 1.3em;
+}
+@media (max-width: 500px) {
+ .shopping-cart .image {
+ display: none;
+ }
+ .cart-item-title {
+ font-size: 0.8em;
+ }
+}
+/*--------------------------------------------------------------------------
++ Products Slider Style
+--------------------------------------------------------------------------*/
+.products-slider .shop-item {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ width: 25%;
+ float: left;
+ display: block;
+ position: relative;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.products-slider .shop-item img {
+ -webkit-border-radius: 5px 5px 0 0;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px 5px 0 0;
+ -moz-background-clip: padding;
+ border-radius: 5px 5px 0 0;
+ background-clip: padding-box;
+}
+.products-slider .shop-item .title h3 a {
+ font-size: 1em;
+ font-weight: 400;
+}
+.products-slider .shop-item .price {
+ font-size: 1.1em;
+ font-weight: 400;
+ margin-bottom: 10px;
+}
+.products-slider .shop-item .actions {
+ padding: 10px 0;
+}
+@media (max-width: 768px) {
+ .products-slider .shop-item {
+ width: 34%;
+ }
+}
+@media (max-width: 479px) {
+ .products-slider .shop-item {
+ width: 100%;
+ }
+}
+/*--------------------------------------------------------------------------
++ Events List Style
+--------------------------------------------------------------------------*/
+.events-list {
+ width: 100%;
+ font-size: 0.9em;
+}
+.events-list tr td {
+ padding: 5px 20px 5px 0;
+}
+.events-list tr td:last-child {
+ padding: 5px 0;
+ text-align: right;
+}
+.events-list tr:hover .event-date {
+ border-left: 5px solid #4f8db3;
+}
+.events-list .event-date {
+ margin: 3px 0;
+ padding: 2px 10px;
+ border-left: 5px solid #CFCFCF;
+ -webkit-transition: all .25s linear;
+ -moz-transition: all .25s linear;
+ -o-transition: all .25s linear;
+ -ms-transition: all .25s linear;
+ transition: all .25s linear;
+}
+.events-list .event-date .event-day {
+ color: #808080;
+ font-size: 1.5em;
+ font-weight: 600;
+ text-align: center;
+}
+.events-list .event-date .event-month {
+ color: #CFCFCF;
+ font-size: 1.1em;
+ font-weight: 600;
+ text-align: center;
+}
+.events-list .event-date .event-venue,
+.events-list .event-date .event-price {
+ white-space: nowrap;
+}
+/*--------------------------------------------------------------------------
++ Jobs list Style
+--------------------------------------------------------------------------*/
+.jobs-list {
+ width: 100%;
+}
+.jobs-list th {
+ font-size: 1.2em;
+ text-align: left;
+ padding: 10px 0;
+}
+.jobs-list td {
+ padding: 5px 20px 5px 0;
+ border-top: 1px solid #E6E6E6;
+}
+.jobs-list tr:last-child td {
+ border-bottom: 1px solid #E6E6E6;
+}
+.job-position a {
+ color: #535b60;
+ font-size: 1.1em;
+}
+.job-location,
+.job-type {
+ font-size: 0.9em;
+}
+.join-us-promo blockquote {
+ margin: 0;
+ padding: 0;
+ border-left: none;
+}
+.join-us-promo blockquote p {
+ font-size: 1.1em;
+ margin-bottom: 20px;
+ line-height: 1.5;
+}
+.join-us-promo .author-info {
+ font-weight: 400;
+ font-size: 0.8em;
+}
+.join-us-promo .author-photo {
+ text-align: center;
+}
+.join-us-promo .author-photo img {
+ margin: auto;
+ border: 5px solid #FFF;
+ -webkit-border-radius: 70px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 70px;
+ -moz-background-clip: padding;
+ border-radius: 70px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 1px 2px #c8cfe6;
+ color: inset 0 1px #fff,0 1px 2px #c8cfe6;
+}
+.join-us-bubble {
+ text-align: justify;
+ -webkit-border-radius: 4px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 4px;
+ -moz-background-clip: padding;
+ border-radius: 4px;
+ background-clip: padding-box;
+ padding: 20px 20px 0 20px;
+ margin-top: 30px;
+ margin-bottom: 30px;
+ background: #FFF;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ color: inset 0 1px #fff,0 0 4px #c8cfe6;
+}
+.join-us-bubble::after {
+ background: #FFF;
+ content: "\00a0";
+ display: block;
+ height: 20px;
+ width: 20px;
+ bottom: -10px;
+ left: 45%;
+ position: relative;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -webkit-box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+ box-shadow: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+ color: inset 0 1px #fff,1px 1px 1px #c8cfe6;
+}
+.job-details-wrapper p {
+ text-align: justify;
+}
+/*--------------------------------------------------------------------------
++ Login/Register/Reset Password Forms Style
+--------------------------------------------------------------------------*/
+.basic-login {
+ background: rgba(255, 255, 255, 0.8);
+ padding: 20px 20px 10px 20px;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 4px #c8cfe6;
+ color: inset 0 1px #fff,0 0 4px #c8cfe6;
+}
+.basic-login form {
+ margin: 0;
+}
+.basic-login label {
+ line-height: 30px;
+ font-size: 1.2em;
+}
+.basic-login input[type="checkbox"] {
+ margin-top: 4px;
+}
+.social-login p {
+ text-align: center;
+ font-size: 1.2em;
+ font-style: italic;
+ padding: 20px 0;
+}
+.social-login .social-login-buttons {
+ text-align: center;
+}
+.social-login .social-login-buttons a {
+ position: relative;
+ display: inline-block;
+ white-space: nowrap;
+ height: 35px;
+ line-height: 35px;
+ padding-right: 15px;
+ margin: 10px 5px;
+ color: #fff;
+ font-size: 1.1em;
+ text-align: left;
+ -webkit-border-radius: 3px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 3px;
+ -moz-background-clip: padding;
+ border-radius: 3px;
+ background-clip: padding-box;
+ -webkit-transition: opacity .2s linear;
+ -moz-transition: opacity .2s linear;
+ -o-transition: opacity .2s linear;
+ -ms-transition: opacity .2s linear;
+ transition: opacity .2s linear;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.social-login .social-login-buttons a:hover {
+ opacity: 0.8;
+ text-decoration: none;
+}
+.social-login .social-login-buttons a:before {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 5px;
+ width: 24px;
+ height: 24px;
+ background-image: url(../img/social-login.png);
+ background-repeat: no-repeat;
+}
+.social-login .btn-facebook-login {
+ padding-left: 35px;
+ background-color: #6886bc;
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNjg4NmJjIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjZjYTkiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
+ background-image: -moz-linear-gradient(top,#6886bc 0,#466ca9 100%);
+ background-image: -webkit-linear-gradient(top,#6886bc 0,#466ca9 100%);
+ background-image: -o-linear-gradient(top,#6886bc 0,#466ca9 100%);
+ background-image: linear-gradient(top,#6886bc 0,#466ca9 100%);
+}
+.social-login .btn-twitter-login {
+ padding-left: 45px;
+ background-color: #25b6e6;
+}
+.social-login .btn-facebook-login:before {
+ left: 10px;
+ background-position: 0 0;
+}
+.social-login .btn-twitter-login:before {
+ left: 15px;
+ background-position: -48px 0;
+}
+.social-login .not-member p {
+ font-size: 1.5em;
+ font-weight: 600;
+ font-style: normal;
+ margin-top: 30px;
+ border-top: 1px solid #CCC;
+}
+/*--------------------------------------------------------------------------
++ 'In Press' Style
+--------------------------------------------------------------------------*/
+.in-press a {
+ color: #a0a7ac;
+ font-size: 1.3em;
+ font-family: Georgia, serif;
+ line-height: 28px;
+ position: relative;
+ padding-left: 16px;
+ padding-bottom: 32px;
+ margin-bottom: 15px;
+ display: block;
+ -webkit-transition: color .25s linear;
+ -moz-transition: color .25s linear;
+ -o-transition: color .25s linear;
+ -ms-transition: color .25s linear;
+ transition: color .25s linear;
+}
+.in-press a:hover {
+ color: #4f8db3;
+ text-decoration: none;
+}
+.in-press a:after {
+ content: '';
+ display: block;
+ position: absolute;
+ bottom: -10px;
+ right: 20px;
+ width: 120px;
+ height: 32px;
+ background-image: url(../img/in-press.png);
+ background-repeat: no-repeat;
+ -webkit-transition: .25s linear;
+ -moz-transition: .25s linear;
+ -o-transition: .25s linear;
+ -ms-transition: .25s linear;
+ transition: .25s linear;
+}
+.in-press a:before {
+ content: "\201C";
+ margin-left: -16px;
+ font-size: 2.2em;
+}
+.press-wired a:after {
+ background-position: 0px 0px;
+}
+.press-wired a:hover:after {
+ background-position: 0px -32px;
+}
+.press-mashable a:after {
+ background-position: -120px 0px;
+}
+.press-mashable a:hover:after {
+ background-position: -120px -32px;
+}
+.press-techcrunch a:after {
+ background-position: -240px 0px;
+}
+.press-techcrunch a:hover:after {
+ background-position: -240px -32px;
+}
+/*--------------------------------------------------------------------------
++ Portfolio Style
+--------------------------------------------------------------------------*/
+.portfolio-item {
+ position: relative;
+ background: #FFF;
+ margin-bottom: 20px;
+ border: 8px solid #FFF;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -webkit-transition: all .5s ease;
+ -moz-transition: all .5s ease;
+ -o-transition: all .5s ease;
+ -ms-transition: all .5s ease;
+ transition: all .5s ease;
+}
+.portfolio-item .portfolio-image {
+ overflow: hidden;
+ text-align: center;
+ position: relative;
+}
+.portfolio-item .portfolio-image img {
+ max-width: 100%;
+ -webkit-transition: all .25s ease;
+ -moz-transition: all .25s ease;
+ -o-transition: all .25s ease;
+ -ms-transition: all .25s ease;
+ transition: all .25s ease;
+}
+.portfolio-item:hover {
+ border: 8px solid #4f8db3;
+}
+.portfolio-item:hover .portfolio-image img {
+ position: relative;
+ -webkit-transform: scale(1.1) rotate(2deg);
+ -moz-transform: scale(1.1) rotate(2deg);
+ -o-transform: scale(1.1) rotate(2deg);
+ -ms-transform: scale(1.1) rotate(2deg);
+ transform: scale(1.1) rotate(2deg);
+}
+.portfolio-item ul {
+ list-style-type: none;
+ margin-left: 0;
+ margin-top: 20px;
+ text-align: center;
+ padding: 0;
+}
+.portfolio-item ul li {
+ line-height: 28px;
+}
+.portfolio-item .portfolio-project-name {
+ font-size: 1.3em;
+ text-transform: uppercase;
+}
+.portfolio-item .read-more {
+ text-align: center;
+ padding-top: 10px;
+}
+.portfolio-item .portfolio-info-fade {
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ top: 0;
+ position: absolute;
+ background: #000;
+ background: rgba(0, 0, 0, 0.7);
+ width: 100%;
+ height: 100%;
+ color: #FFF;
+ text-shadow: 2px 2px 4px #000000;
+ filter: dropshadow(color=#000000, offx=2, offy=2);
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.portfolio-item .portfolio-info-fade ul {
+ margin-top: 10%;
+}
+.portfolio-item .portfolio-info-fade .btn:hover {
+ background: #4f8db3;
+}
+.portfolio-item .portfolio-info-fade ul {
+ margin: 10% 20px 0 20px;
+ padding: 0;
+}
+.portfolio-item .portfolio-info-fade ul li {
+ text-align: center;
+}
+.portfolio-item .portfolio-info-fade ul li:first-child {
+ border-bottom: 1px solid #CCC;
+}
+.portfolio-item:hover .portfolio-info-fade {
+ display: block;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.lt-ie9 .portfolio-info-fade {
+ display: none;
+}
+.lt-ie9 .portfolio-item:hover .portfolio-info-fade {
+ display: block;
+}
+.portfolio-visit-btn {
+ padding-top: 15px;
+}
+.portfolio-item-description ul {
+ padding: 0;
+}
+/*--------------------------------------------------------------------------
++ Our Team Style
+--------------------------------------------------------------------------*/
+.team-member {
+ position: relative;
+ background: #FFF;
+ margin-bottom: 20px;
+ border: 8px solid #FFF;
+ -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
+ color: inset 0 1px #fff,0 0 8px #c8cfe6;
+}
+.team-member img {
+ max-width: 100%;
+}
+.team-member ul {
+ list-style-type: none;
+ margin-left: 0;
+ margin-top: 20px;
+}
+.team-member ul li {
+ line-height: 28px;
+}
+.team-member:hover .team-member-image {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.team-member .team-member-image {
+ text-align: center;
+ position: relative;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+ -webkit-opacity: 0.85;
+ -moz-opacity: 0.85;
+ opacity: 0.85;
+}
+.team-member .team-member-name {
+ font-size: 1.3em;
+ text-transform: uppercase;
+}
+.team-member .team-member-social {
+ position: absolute;
+ right: 0;
+ -webkit-opacity: 0.5;
+ -moz-opacity: 0.5;
+ opacity: 0.5;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.team-member .team-member-social .team-member-social i {
+ margin-top: 3px;
+}
+.team-member .team-member-social:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+/*--------------------------------------------------------------------------
++ Sitemap Style
+--------------------------------------------------------------------------*/
+.sitemap {
+ margin-left: 0;
+ list-style-type: none;
+ padding: 0;
+}
+.sitemap a {
+ color: #535b60;
+}
+.sitemap li {
+ padding: 10px 0;
+ font-weight: 600;
+}
+.sitemap ul {
+ list-style-type: none;
+ margin-top: 10px;
+ margin-left: 10px;
+ padding: 0;
+}
+.sitemap ul li {
+ padding: 3px 0;
+ font-size: 0.9em;
+ font-weight: 400;
+}
+/*--------------------------------------------------------------------------
++ Coming Soon Page Style
+--------------------------------------------------------------------------*/
+.coming-soon-top {
+ background: #FFF;
+ background: rgba(255, 255, 255, 0.8);
+ min-height: 80px;
+}
+.coming-soon-top .logo-wrapper {
+ padding-top: 20px;
+}
+.coming-soon-content {
+ margin-top: 5%;
+ text-align: center;
+}
+.coming-soon-content h3 {
+ font-size: 3em;
+ line-height: 1.3em;
+ font-weight: 400;
+ color: #FFF;
+ margin-bottom: 40px;
+ text-shadow: 1px 1px 8px #000000;
+}
+.coming-soon-content p {
+ color: #E6E6E6;
+ text-shadow: 2px 2px 4px #000000;
+}
+.coming-soon-subscribe {
+ padding-top: 30px;
+}
+.coming-soon-subscribe .btn {
+ border-radius: 0 5px 5px 0;
+}
+.coming-soon-subscribe p {
+ margin-top: 10px;
+}
+.coming-soon-social {
+ margin-top: 60px;
+ -webkit-opacity: 0.7;
+ -moz-opacity: 0.7;
+ opacity: 0.7;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.coming-soon-social a {
+ display: inline-block;
+}
+.coming-soon-social:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.full-screen-background {
+ z-index: -999;
+ min-height: 100%;
+ min-width: 1024px;
+ width: 100%;
+ height: auto;
+ position: fixed;
+ top: 0;
+ left: 0;
+}
+/*--------------------------------------------------------------------------
++ Breadcrumbs Section Style
+--------------------------------------------------------------------------*/
+.section-breadcrumbs {
+ background: #222;
+ background: rgba(34, 34, 34, 0.8);
+ margin-bottom: 10px;
+}
+.section-breadcrumbs h1 {
+ color: #FAFAFA;
+ font-size: 1.6em;
+ margin-bottom: 0;
+ text-transform: none;
+}
+/*--------------------------------------------------------------------------
+ Footer Style
+--------------------------------------------------------------------------*/
+.footer {
+ background: #222;
+ color: #A0A0A0;
+ padding: 0 20px 10px 20px;
+ border-top: 4px solid #4f8db3;
+ margin-top: 20px;
+ -webkit-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
+ -moz-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
+ box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
+ color: 0 -1px 12px rgba(0,0,0,0.4);
+}
+.footer h3 {
+ color: #E4E4E4;
+ font-size: 1.3em;
+ border-bottom: 1px dotted #7C7C7C;
+}
+.footer ul {
+ padding: 0;
+}
+.footer-navigate-section li {
+ line-height: 20px !important;
+}
+.footer-stay-connected a {
+ text-align: left;
+ text-indent: -9999px;
+ display: block;
+ width: 115px;
+ height: 40px;
+ background: url(../img/stay-connected.png);
+ -webkit-opacity: 0.5;
+ -moz-opacity: 0.5;
+ opacity: 0.5;
+ -webkit-transition: opacity .25s linear;
+ -moz-transition: opacity .25s linear;
+ -o-transition: opacity .25s linear;
+ -ms-transition: opacity .25s linear;
+ transition: opacity .25s linear;
+}
+.footer-stay-connected a:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.footer-stay-connected a.facebook {
+ background-position: -115px 0;
+}
+.footer-stay-connected a.twitter {
+ background-position: -230px 0;
+}
+.footer-stay-connected a.googleplus {
+ background-position: 0 0;
+}
+.footer-stay-connected li {
+ text-align: center;
+}
+.footer-copyright {
+ text-align: center;
+ color: #7C7C7C;
+ border-top: 1px dotted #7C7C7C;
+ padding-top: 10px;
+ font-size: 0.9em;
+}
+/*--------------------------------------------------------------------------
++ Pagination Style (overrides Bootstrap style)
+--------------------------------------------------------------------------*/
+.pagination-wrapper {
+ margin-top: 15px;
+ text-align: center;
+}
+.pagination > li > a,
+.pagination > li > span {
+ border: none;
+ border-bottom: 3px solid #FFF;
+ color: #666666;
+ margin-left: 0;
+ margin-bottom: 5px;
+ -webkit-transition: all .25s linear;
+ -moz-transition: all .25s linear;
+ -o-transition: all .25s linear;
+ -ms-transition: all .25s linear;
+ transition: all .25s linear;
+}
+.pagination > li > a:hover,
+.pagination > li > a:focus,
+.pagination > .active > a,
+.pagination > .active > span {
+ background: #FFF;
+}
+.pagination > li > a:hover {
+ border-bottom: 3px solid #666666;
+}
+.pagination > .active > a,
+.pagination > .active > span {
+ color: #666666;
+ border-bottom: 3px solid #4f8db3;
+}
+.pagination > .disabled > a {
+ border-color: #fff;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+ margin-bottom: 0;
+ color: #C9C9C9;
+ background-color: #FFF;
+ cursor: default;
+}
+/*--------------------------------------------------------------------------
++ Custom Style for Maps
+--------------------------------------------------------------------------*/
+.leaflet-popup-content-wrapper {
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+/*--------------------------------------------------------------------------
++ Custom Style for Tabs (overrides Bootstrap)
+--------------------------------------------------------------------------*/
+.nav-tabs > li > a {
+ font-size: 1.1em;
+ padding: 10px 15px;
+ color: #535b60;
+}
+.nav-tabs > .active > a,
+.nav-tabs > .active > a:hover,
+.nav-tabs > .active > a:focus {
+ font-weight: 600;
+ background-color: #ffffff;
+ border: 1px solid #ddd;
+ border-top: 3px solid #4f8db3;
+ border-bottom-color: transparent;
+ cursor: default;
+}
+/*--------------------------------------------------------------------------
++ 404 Page Style
+--------------------------------------------------------------------------*/
+.error-page-wrapper {
+ font-size: 1.5em;
+ font-weight: 600;
+ margin: 100px 0;
+ text-align: center;
+}
+/*--------------------------------------------------------------------------
++ Homepage Slider Style (modified sequencejs CSS). Sorry, no LESS here
+--------------------------------------------------------------------------*/
+#sequence {
+ overflow: hidden;
+ width: 100%;
+ max-width: 1920px;
+ color: white;
+ font-size: 0.625em;
+ margin: 0 auto 30px auto;
+ position: relative;
+ height: 400px;
+}
+#sequence img {
+ max-width: 100%;
+}
+#sequence > .sequence-canvas {
+ list-style-type: none;
+ height: 400px;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+#sequence h2 {
+ font-size: 4em;
+ color: #FFF;
+ text-shadow: 2px 2px 3px #444;
+ border: none;
+ padding-left: 0;
+ margin-top: 0;
+}
+#sequence h3 {
+ font-size: 2em;
+ color: #FFF;
+ text-shadow: 2px 2px 3px #444;
+}
+#sequence > .sequence-canvas > li {
+ position: absolute;
+ width: 100%;
+ height: 400px;
+ z-index: 1;
+ -webkit-transition-property: background;
+ -moz-transition-property: background;
+ -o-transition-property: background;
+ -ms-transition-property: background;
+ transition-property: background;
+ background-position: -50px 0;
+}
+#sequence > .sequence-canvas > li.bg1 {
+ background-image: url(../img/homepage-slider/slider-bg1.jpg);
+}
+#sequence > .sequence-canvas > li.bg2 {
+ background-image: url(../img/homepage-slider/slider-bg2.jpg);
+}
+#sequence > .sequence-canvas > li.bg3 {
+ background-image: url(../img/homepage-slider/slider-bg3.jpg);
+}
+#sequence > .sequence-canvas > li.bg4 {
+ background-image: url(../img/homepage-slider/slider-bg4.jpg);
+}
+#sequence > .sequence-canvas > li.bg5 {
+ background-image: url(../img/homepage-slider/slider-bg5.jpg);
+}
+#sequence > .sequence-canvas > li.bg6 {
+ background-image: url(../img/homepage-slider/slider-bg6.jpg);
+}
+#sequence > .sequence-canvas > li.bg7 {
+ background-image: url(../img/homepage-slider/slider-bg7.jpg);
+}
+#sequence > .sequence-canvas > li.bg8 {
+ background-image: url(../img/homepage-slider/slider-bg8.jpg);
+}
+#sequence > .sequence-canvas > li.bg9 {
+ background-image: url(../img/homepage-slider/slider-bg9.jpg);
+}
+#sequence > .sequence-canvas > li.bg10 {
+ background-image: url(../img/homepage-slider/slider-bg10.jpg);
+}
+#sequence > .sequence-canvas > li.bg11 {
+ background-image: url(../img/homepage-slider/slider-bg11.jpg);
+}
+#sequence > .sequence-canvas > li.bg12 {
+ background-image: url(../img/homepage-slider/slider-bg12.jpg);
+}
+#sequence > .sequence-canvas > li.bg13 {
+ background-image: url(../img/homepage-slider/slider-bg13.jpg);
+}
+#sequence > .sequence-canvas > li.bg14 {
+ background-image: url(../img/homepage-slider/slider-bg14.jpg);
+}
+#sequence > .sequence-canvas > li img {
+ height: 96%;
+}
+#sequence > .sequence-canvas li > * {
+ position: absolute;
+ -webkit-transition-property: left, opacity;
+ -moz-transition-property: left, opacity;
+ -o-transition-property: left, opacity;
+ -ms-transition-property: left, opacity;
+ transition-property: left, opacity;
+}
+.sequence-next,
+.sequence-prev {
+ color: white;
+ cursor: pointer;
+ display: none;
+ font-weight: bold;
+ padding: 10px 15px;
+ position: absolute;
+ top: 50%;
+ z-index: 1000;
+ height: 75px;
+ margin-top: -47.5px;
+}
+.sequence-pause {
+ bottom: 0;
+ cursor: pointer;
+ position: absolute;
+ z-index: 1000;
+}
+.sequence-paused {
+ -webkit-opacity: 0.3;
+ -moz-opacity: 0.3;
+ opacity: 0.3;
+}
+.sequence-prev {
+ left: 3%;
+}
+.sequence-next {
+ right: 3%;
+}
+.sequence-prev img,
+.sequence-next img {
+ height: 100%;
+ width: auto;
+}
+#sequence-preloader {
+ background: #d9d9d9;
+}
+.sequence-pagination-wrapper {
+ position: absolute;
+ bottom: 10px;
+ right: 20px;
+ z-index: 99;
+}
+.sequence-pagination {
+ display: none;
+ z-index: 99;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.sequence-pagination li {
+ display: inline-block;
+ *display: inline;
+ width: 14px;
+ height: 14px;
+ margin: 0 4px;
+ text-indent: -999em;
+ border: 4px solid #4f8db3;
+ cursor: pointer;
+ -webkit-border-radius: 30px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 30px;
+ -moz-background-clip: padding;
+ border-radius: 30px;
+ background-clip: padding-box;
+ -webkit-opacity: 0.8;
+ -moz-opacity: 0.8;
+ opacity: 0.8;
+ -webkit-transition: background .5s, opacity .5s;
+ -moz-transition: background .5s, opacity .5s;
+ -o-transition: background .5s, opacity .5s;
+ -ms-transition: background .5s, opacity .5s;
+ transition: background .5s, opacity .5s;
+}
+.sequence-pagination li.current {
+ background: #4f8db3;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.sequence-next,
+.sequence-prev {
+ position: absolute;
+ opacity: 0.6;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+.sequence-next:hover,
+.sequence-prev:hover {
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+#sequence .title {
+ font-size: 3.8em;
+ text-transform: none;
+ left: 0%;
+ width: 35%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ bottom: 60%;
+ z-index: 50;
+}
+#sequence > .sequence-canvas > li.animate-in {
+ background-position: 0 0;
+ -webkit-transition-duration: 1.5s;
+ -moz-transition-duration: 1.5s;
+ -o-transition-duration: 1.5s;
+ transition-duration: 1.5s;
+}
+#sequence .animate-in .title {
+ left: 15%;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+#sequence .animate-out .title {
+ left: 35%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.subtitle {
+ color: black;
+ font-size: 2em;
+ left: 35%;
+ width: 35%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ top: 40%;
+}
+.animate-in .subtitle {
+ left: 15%;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.animate-out .subtitle {
+ left: 65%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ -webkit-transition-duration: 0.5s;
+ -moz-transition-duration: 0.5s;
+ -o-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.slide-img {
+ left: 90%;
+ top: 20%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ position: relative;
+ height: auto !important;
+ max-height: 450px !important;
+ max-width: 45% !important;
+}
+.animate-in .slide-img {
+ left: 55%;
+ -webkit-opacity: 1;
+ -moz-opacity: 1;
+ opacity: 1;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+.animate-out .slide-img {
+ left: 15%;
+ -webkit-opacity: 0;
+ -moz-opacity: 0;
+ opacity: 0;
+ -webkit-transition-duration: 1s;
+ -moz-transition-duration: 1s;
+ -o-transition-duration: 1s;
+ transition-duration: 1s;
+}
+@media only screen and (min-width: 992px) {
+ #sequence .title {
+ width: 42%;
+ }
+}
+@media only screen and (max-width: 838px) {
+ #sequence .slide-img {
+ max-height: 530px !important;
+ width: auto;
+ }
+}
+@media only screen and (max-width: 768px) {
+ #sequence {
+ height: 400px;
+ }
+ #sequence .title {
+ font-size: 2.8em;
+ }
+ #sequence .subtitle {
+ font-size: 1.6em;
+ }
+ #sequence .sequence-next,
+ #sequence .sequence-prev {
+ height: 60px;
+ margin-top: -40px;
+ }
+ #sequence .slide-img {
+ max-height: 480px !important;
+ width: auto;
+ }
+}
+@media only screen and (max-width: 568px) {
+ .slide-img {
+ left: 50%;
+ width: auto;
+ max-width: 80% !important;
+ }
+ #sequence .animate-in .slide-img {
+ left: 50%;
+ margin-left: -40%;
+ }
+ #sequence .animate-out .slide-img {
+ left: 20%;
+ margin-left: -20%;
+ }
+ #sequence .title {
+ background: #a1a1a1;
+ background: rgba(0, 0, 0, 0.3);
+ bottom: 0;
+ left: 100%;
+ padding: 4%;
+ width: 100%;
+ margin-bottom: 0;
+ z-index: 10;
+ }
+ #sequence .animate-in .title {
+ left: 0%;
+ }
+ #sequence .animate-out .title {
+ left: -100%;
+ }
+ #sequence .subtitle {
+ visibility: hidden;
+ }
+}
+/*--------------------------------------------------------------------------
++ Content Slider Style (bxSlider CSS), Sorry, no LESS here
+--------------------------------------------------------------------------*/
+.bx-wrapper {
+ position: relative;
+ margin: 0 auto 30px;
+ padding: 0;
+ *zoom: 1;
+}
+.bx-wrapper img {
+ max-width: 100%;
+ display: block;
+}
+.bx-wrapper .bx-pager,
+.bx-wrapper .bx-controls-auto {
+ position: absolute;
+ bottom: -30px;
+ width: 100%;
+}
+/* LOADER */
+.bx-wrapper .bx-loading {
+ min-height: 50px;
+ background: url(../img/bx_loader.gif) center center no-repeat #fff;
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 2000;
+}
+/* PAGER */
+.bx-wrapper .bx-pager {
+ text-align: center;
+ font-size: .85em;
+ font-family: Arial;
+ font-weight: bold;
+ color: #666;
+ padding-top: 20px;
+}
+.bx-wrapper .bx-pager .bx-pager-item,
+.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
+ display: inline-block;
+ *zoom: 1;
+ *display: inline;
+}
+.bx-wrapper .bx-pager.bx-default-pager a {
+ background: #666;
+ text-indent: -9999px;
+ display: block;
+ width: 10px;
+ height: 10px;
+ margin: 0 5px;
+ outline: 0;
+ -webkit-border-radius: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+}
+.bx-wrapper .bx-pager.bx-default-pager a:hover,
+.bx-wrapper .bx-pager.bx-default-pager a.active {
+ background: #000;
+}
+/* DIRECTION CONTROLS (NEXT / PREV) */
+.bx-wrapper .bx-prev {
+ left: 10px;
+ background: url(../img/controls.png) no-repeat 0 -32px;
+}
+.bx-wrapper .bx-next {
+ right: 10px;
+ background: url(../img/controls.png) no-repeat -43px -32px;
+}
+.bx-wrapper .bx-prev:hover {
+ background-position: 0 0;
+}
+.bx-wrapper .bx-next:hover {
+ background-position: -43px 0;
+}
+.bx-wrapper .bx-controls-direction a {
+ position: absolute;
+ top: 50%;
+ margin-top: -16px;
+ outline: 0;
+ width: 32px;
+ height: 32px;
+ text-indent: -9999px;
+ z-index: 9999;
+}
+.bx-wrapper .bx-controls-direction a.disabled {
+ display: none;
+}
+/* AUTO CONTROLS (START / STOP) */
+.bx-wrapper .bx-controls-auto {
+ text-align: center;
+}
+.bx-wrapper .bx-controls-auto .bx-start {
+ display: block;
+ text-indent: -9999px;
+ width: 10px;
+ height: 11px;
+ outline: 0;
+ background: url(../img/controls.png) -86px -11px no-repeat;
+ margin: 0 3px;
+}
+.bx-wrapper .bx-controls-auto .bx-start:hover,
+.bx-wrapper .bx-controls-auto .bx-start.active {
+ background-position: -86px 0;
+}
+.bx-wrapper .bx-controls-auto .bx-stop {
+ display: block;
+ text-indent: -9999px;
+ width: 9px;
+ height: 11px;
+ outline: 0;
+ background: url(../img/controls.png) -86px -44px no-repeat;
+ margin: 0 3px;
+}
+.bx-wrapper .bx-controls-auto .bx-stop:hover,
+.bx-wrapper .bx-controls-auto .bx-stop.active {
+ background-position: -86px -33px;
+}
+/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
+ text-align: left;
+ width: 80%;
+}
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
+ right: 0;
+ width: 35px;
+}
+/* IMAGE CAPTIONS */
+.bx-wrapper .bx-caption {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ background: #666\9;
+ background: rgba(80, 80, 80, 0.75);
+ width: 100%;
+}
+.bx-wrapper .bx-caption span {
+ color: #fff;
+ font-family: Arial;
+ display: block;
+ font-size: .85em;
+ padding: 10px;
+}
+/*--------------------------------------------------------------------------
++ Main Menu Style
+--------------------------------------------------------------------------*/
+.mainmenu li.logo-wrapper a {
+ border-right: 1px solid #E8E8E8;
+ padding-left: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.mainmenu-wrapper {
+ background-color: #FFF;
+ border-bottom: 4px solid #4f8db3;
+ z-index: 4;
+}
+.mainmenu {
+ width: 100%;
+ /* general ul style */
+
+ /* first level ul style */
+
+ /* sub-menu */
+
+}
+.mainmenu ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+}
+.mainmenu > ul,
+.mainmenu .mainmenu-submenu-inner {
+ margin: 0 auto;
+}
+.mainmenu > ul > li,
+.mainmenu .mainmenu-submenu-inner > li {
+ display: inline-block;
+ *display: inline;
+}
+.mainmenu > ul > li > a,
+.mainmenu .mainmenu-submenu-inner > li > a {
+ font-size: 1.2em;
+ padding: 1.2em 1.5em;
+ color: #999;
+ display: inline-block;
+ text-decoration: none;
+}
+.mainmenu > ul > li > a:hover,
+.mainmenu .mainmenu-submenu-inner > li > a:hover {
+ color: #4f8db3;
+ text-decoration: none;
+}
+.mainmenu > ul > li.active > a,
+.mainmenu .mainmenu-submenu-inner > li.active > a {
+ color: #4f8db3;
+ font-weight: 600 !important;
+}
+.mainmenu > ul > li.mainmenu-open a,
+.mainmenu .mainmenu-submenu-inner > li.mainmenu-open a,
+.mainmenu > ul li.mainmenu-open > a:hover,
+.mainmenu .mainmenu-submenu-inner li.mainmenu-open > a:hover {
+ color: #fff;
+ background: #4f8db3;
+}
+.mainmenu .mainmenu-submenu {
+ display: none;
+ position: absolute;
+ background: #4f8db3;
+ width: 100%;
+ left: 0;
+ z-index: 999;
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.4);
+ -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.4);
+ box-shadow: 0 5px 5px rgba(0,0,0,0.4);
+ color: 0 5px 5px rgba(0,0,0,0.4);
+}
+.mainmenu .mainmenu-submenu-inner > div {
+ width: 33%;
+ float: left;
+}
+.mainmenu .mainmenu-submenu-inner:before,
+.mainmenu .mainmenu-submenu-inner:after {
+ content: " ";
+ display: table;
+}
+.mainmenu .mainmenu-submenu-inner:after {
+ clear: both;
+}
+.mainmenu .mainmenu-submenu-inner > div a {
+ line-height: 2em;
+}
+.mainmenu-open .mainmenu-submenu {
+ display: block;
+ padding-bottom: 3em;
+}
+.mainmenu-submenu h4 {
+ color: #bad2e1;
+ padding: 1em 0 0.6em;
+ margin-left: 20px;
+ font-size: 160%;
+ font-weight: 300;
+}
+.mainmenu-submenu ul {
+ margin-left: 20px;
+}
+@media screen and (max-width: 979px) {
+ .mainmenu {
+ font-size: 0.8em;
+ }
+ .mainmenu-submenu {
+ font-size: 1.2em;
+ }
+ .mainmenu-submenu li,
+ .mainmenu-submenu h4 {
+ padding-left: 10px;
+ }
+}
+@media screen and (max-width: 479px) {
+ .mainmenu {
+ font-size: 120%;
+ border: none;
+ }
+ .mainmenu > ul,
+ .mainmenu .mainmenu-submenu-inner {
+ width: 100%;
+ padding: 0;
+ }
+ .mainmenu .mainmenu-submenu-inner {
+ padding: 0 1.5em;
+ font-size: 75%;
+ }
+ .mainmenu > ul > li {
+ display: block;
+ border-bottom: 4px solid #47a3da;
+ }
+ .mainmenu > ul > li > a {
+ display: block;
+ padding: 1em 3em;
+ }
+ .mainmenu > ul > li:last-child {
+ border: none;
+ }
+ .mainmenu .mainmenu-submenu {
+ position: relative;
+ }
+ .mainmenu-submenu h4 {
+ padding-top: 0.6em;
+ }
+ .mainmenu .mainmenu-submenu-inner > div {
+ width: 100%;
+ float: none;
+ padding: 0;
+ }
+}
+/*--------------------------------------------------------------------------
++ Extras Menu (Cart, Language, Login) Style
+--------------------------------------------------------------------------*/
+.menuextras {
+ font-size: 0.85em;
+ height: 30px;
+}
+.menuextras ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ float: right;
+ padding: 3px 0;
+}
+.menuextras li {
+ float: left;
+ padding: 0 8px;
+}
+.menuextras .extras li {
+ padding: 0 8px;
+}
+.menuextras .extras li a {
+ color: #333;
+}
+.menuextras .extras li a:hover {
+ color: #333;
+ text-decoration: none;
+}
+.menuextras .extras .shopping-cart-items i {
+ color: #333;
+}
+.menuextras .choose-country .dropdown-menu {
+ background-color: #222;
+ background-color: rgba(34, 34, 34, 0.8);
+ margin-top: 5px;
+}
+.menuextras .choose-country .dropdown-menu li {
+ float: none;
+}
+.menuextras .choose-country .dropdown-menu li a {
+ color: #fff;
+ padding-left: 3px;
+}
+.menuextras .choose-country .dropdown-menu li a:hover {
+ color: #fff;
+ background-color: #333 !important;
+}
+/*--------------------------------------------------------------------------
++ Buttons Style
+--------------------------------------------------------------------------*/
+.btn {
+ border: 1px solid #4f8db3;
+ -webkit-border-radius: 2px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 2px;
+ -moz-background-clip: padding;
+ border-radius: 2px;
+ background-clip: padding-box;
+ color: #FFFFFF;
+ cursor: pointer;
+ display: inline-block;
+ text-transform: none;
+ -webkit-transition: all .25s ease;
+ -moz-transition: all .25s ease;
+ -o-transition: all .25s ease;
+ -ms-transition: all .25s ease;
+ transition: all .25s ease;
+ text-align: center;
+ background: none repeat scroll 0 0 #4f8db3;
+ text-shadow: none;
+ box-shadow: none;
+ color: #FFF;
+ white-space: nowrap;
+}
+.btn:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn .caret {
+ border-top: 4px solid #FFF;
+}
+.btn-micro {
+ padding: 1px 8px;
+ font-size: 10px;
+}
+.btn-grey {
+ border: 1px solid #cecece;
+ color: #333;
+ background: none repeat scroll 0 0 #E7E7E7;
+}
+.btn-grey:hover {
+ background: none repeat scroll 0 0 #cecece;
+ color: #333;
+ text-decoration: none;
+ border: 1px solid #cecece;
+}
+.btn-grey .caret {
+ border-top: 4px solid #333;
+}
+.btn-blue {
+ border: 1px solid #3e7191;
+ color: #FFF;
+ background: none repeat scroll 0 0 #4F8DB3;
+}
+.btn-blue:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-orange {
+ border: 1px solid #cc5a00;
+ color: #FFF;
+ background: none repeat scroll 0 0 #FF7000;
+}
+.btn-orange:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-green {
+ border: 1px solid #4c5818;
+ color: #FFF;
+ background: none repeat scroll 0 0 #6E8023;
+}
+.btn-green:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-red {
+ border: 1px solid #ab0d0d;
+ color: #FFF;
+ background: none repeat scroll 0 0 #DA1111;
+}
+.btn-red:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+}
+.btn-group.open .btn.dropdown-toggle {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+}
+.dropdown.open a.dropdown-toggle .caret {
+ border-top: 4px solid #FFF;
+}
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="icon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li class="active">
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (1 Column)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Theme Features</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row service-wrapper-row">
+ <div class="col-sm-4">
+ <div class="service-image">
+ <img src="img/homepage-slider/slide2.png" alt="Color Schemes">
+ </div>
+ </div>
+ <div class="col-sm-8">
+ <h3>Color Scheme matching your branding</h3>
+ <p>
+ Template comes with five color themes (Blue, Orange, Green, Red and Grey). All you need to do is to use relevant CSS file.
+ </p>
+ <p>
+ There is no color scheme that matches your branding? No problem. You can easily compile your own by changing one variable - thanks to LESS!
+ </p>
+ </div>
+ </div>
+ <div class="row service-wrapper-row">
+ <div class="col-sm-4">
+ <div class="service-image">
+ <img src="img/less-logo.png" alt="LESS CSS">
+ </div>
+ </div>
+ <div class="col-sm-8">
+ <h3>LESS CSS</h3>
+ <p>
+ This template is build taking the advantage of LESS. It makes easier to build your own color schemes.
+ </p>
+ <p>
+ We are also using lesshat mixins which makes development even more easier. Please check <a href="http://lesshat.com" target="_blank">http://lesshat.com</a> for more information
+ </p>
+ </div>
+ </div>
+ <div class="row service-wrapper-row">
+ <div class="col-sm-4">
+ <div class="service-image">
+ <img src="img/homepage-slider/slide1.png" alt="Responsive">
+ </div>
+ </div>
+ <div class="col-sm-8">
+ <h3>Fully Responsive</h3>
+ <p>
+ It looks great on desktops, laptops, tablets and smartphones - mPurpose template was built to shine on all devices :)
+ </p>
+ <p>
+ You can be sure that all the components are responsive.
+ </p>
+ </div>
+ </div>
+ <div class="row service-wrapper-row">
+ <div class="col-sm-4">
+ <div class="service-image">
+ <img src="img/flags.png" alt="Flags">
+ </div>
+ </div>
+ <div class="col-sm-8">
+ <h3>Additional Icons - Flags</h3>
+ <p>
+ Template comes with 247 flag icons representing most countries in the world
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <h2>Additional Icons - Social Icons</h2>
+ <div class="row">
+ <div class="col-sm-2"><i class="icon-google-plus"></i> icon-google-plus</div>
+ <div class="col-sm-2"><i class="icon-facebook"></i> icon-facebook</div>
+ <div class="col-sm-2"><i class="icon-twitter"></i> icon-twitter</div>
+ <div class="col-sm-2"><i class="icon-vimeo2"></i> icon-vimeo2</div>
+ <div class="col-sm-2"><i class="icon-flickr"></i> icon-flickr</div>
+ <div class="col-sm-2"><i class="icon-picassa"></i> icon-picassa</div>
+ <div class="col-sm-2"><i class="icon-dribbble"></i> icon-dribbble</div>
+ <div class="col-sm-2"><i class="icon-github"></i> icon-github</div>
+ <div class="col-sm-2"><i class="icon-wordpress"></i> icon-wordpress</div>
+ <div class="col-sm-2"><i class="icon-blogger"></i> icon-blogger</div>
+ <div class="col-sm-2"><i class="icon-tumblr"></i> icon-tumblr</div>
+ <div class="col-sm-2"><i class="icon-soundcloud"></i> icon-soundcloud</div>
+ <div class="col-sm-2"><i class="icon-linkedin"></i> icon-linkedin</div>
+ <div class="col-sm-2"><i class="icon-lastfm"></i> icon-lastfm</div>
+ <div class="col-sm-2"><i class="icon-stumbleupon"></i> icon-stumbleupon</div>
+ <div class="col-sm-2"><i class="icon-pinterest"></i> icon-pinterest</div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <h2>Custom Buttons</h2>
+ <div class="row">
+ <div class="col-md-6">
+ <p>
+ It's worth mentioning that theme comes with some custom buttons - feel free to use them:
+ </p>
+ <p>
+ Note that standard Twitter Bootstrap button (CSS class <code>.btn</code>) will look a bit different - they will match the color scheme
+ </p>
+ </div>
+ <div class="col-md-6">
+ <table class="table">
+ <tr>
+ <th>Button</th>
+ <th>CSS Class</th>
+ </tr>
+ <tr>
+ <td><a href="#" class="btn btn-grey">Grey Button</a></td>
+ <td><code>.btn-grey</code></td>
+ </tr>
+ <tr>
+ <td><a href="#" class="btn btn-blue">Blue Button</a></td>
+ <td><code>.btn-blue</code></td>
+ </tr>
+ <tr>
+ <td><a href="#" class="btn btn-orange">Orange Button</a></td>
+ <td><code>.btn-orange</code></td>
+ </tr>
+ <tr>
+ <td><a href="#" class="btn btn-green">Green Button</a></td>
+ <td><code>.btn-green</code></td>
+ </tr>
+ <tr>
+ <td><a href="#" class="btn btn-red">Red Button</a></td>
+ <td><code>.btn-red</code></td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <h2>Ribbons for Pricing Table</h2>
+ <div class="row">
+ <div class="col-md-6">
+ <p>
+ mPurpose template comes with one more nice feature - pricing table ribbons!
+ </p>
+ <p>
+ Place the following code before pricing plan title with relevant CSS class to use them:
+ </p>
+ <pre>
+<div class="ribbon-wrapper">
+ <div class="price-ribbon ribbon-green"> ... </div>
+</div>
+ </pre>
+ </div>
+ <div class="col-md-6">
+ <table class="table">
+ <tr>
+ <th>Example</th>
+ <th>CSS Class</th>
+ </tr>
+ <tr>
+ <td>
+ <div style="width: 100px; height: 100px; background: #FFF; position: relative;" >
+ <div class="ribbon-wrapper">
+ <div class="price-ribbon ribbon-green">New</div>
+ </div>
+ </div>
+ </td>
+ <td>
+ <code>.ribbon-green</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="width: 100px; height: 100px; background: #FFF; position: relative;" >
+ <div class="ribbon-wrapper">
+ <div class="price-ribbon ribbon-blue">New</div>
+ </div>
+ </div>
+ </td>
+ <td>
+ <code>.ribbon-blue</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="width: 100px; height: 100px; background: #FFF; position: relative;" >
+ <div class="ribbon-wrapper">
+ <div class="price-ribbon ribbon-orange">New</div>
+ </div>
+ </div>
+ </td>
+ <td>
+ <code>.ribbon-orange</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="width: 100px; height: 100px; background: #FFF; position: relative;" >
+ <div class="ribbon-wrapper">
+ <div class="price-ribbon ribbon-red">New</div>
+ </div>
+ </div>
+ </td>
+ <td>
+ <code>.ribbon-red</code>
+ </td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section section-white">
+ <div class="container">
+ <div class="row">
+ <div class="span12 text-center">
+ <h4>Other components are easy to discover - please check sample pages ("Pages" menu)</h4>
+ <h6>P.S. More information about each component could be found in template documentation which comes with a purchase</h6>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata></metadata>
+<defs>
+<font id="glyphicons_halflingsregular" horiz-adv-x="1200" >
+<font-face units-per-em="1200" ascent="960" descent="-240" />
+<missing-glyph horiz-adv-x="500" />
+<glyph />
+<glyph />
+<glyph unicode="
" />
+<glyph unicode=" " />
+<glyph unicode="*" d="M100 500v200h259l-183 183l141 141l183 -183v259h200v-259l183 183l141 -141l-183 -183h259v-200h-259l183 -183l-141 -141l-183 183v-259h-200v259l-183 -183l-141 141l183 183h-259z" />
+<glyph unicode="+" d="M0 400v300h400v400h300v-400h400v-300h-400v-400h-300v400h-400z" />
+<glyph unicode=" " />
+<glyph unicode=" " horiz-adv-x="652" />
+<glyph unicode=" " horiz-adv-x="1304" />
+<glyph unicode=" " horiz-adv-x="652" />
+<glyph unicode=" " horiz-adv-x="1304" />
+<glyph unicode=" " horiz-adv-x="434" />
+<glyph unicode=" " horiz-adv-x="326" />
+<glyph unicode=" " horiz-adv-x="217" />
+<glyph unicode=" " horiz-adv-x="217" />
+<glyph unicode=" " horiz-adv-x="163" />
+<glyph unicode=" " horiz-adv-x="260" />
+<glyph unicode=" " horiz-adv-x="72" />
+<glyph unicode=" " horiz-adv-x="260" />
+<glyph unicode=" " horiz-adv-x="326" />
+<glyph unicode="€" d="M100 500l100 100h113q0 47 5 100h-218l100 100h135q37 167 112 257q117 141 297 141q242 0 354 -189q60 -103 66 -209h-181q0 55 -25.5 99t-63.5 68t-75 36.5t-67 12.5q-24 0 -52.5 -10t-62.5 -32t-65.5 -67t-50.5 -107h379l-100 -100h-300q-6 -46 -6 -100h406l-100 -100 h-300q9 -74 33 -132t52.5 -91t62 -54.5t59 -29t46.5 -7.5q29 0 66 13t75 37t63.5 67.5t25.5 96.5h174q-31 -172 -128 -278q-107 -117 -274 -117q-205 0 -324 158q-36 46 -69 131.5t-45 205.5h-217z" />
+<glyph unicode="−" d="M200 400h900v300h-900v-300z" />
+<glyph unicode="◼" horiz-adv-x="500" d="M0 0z" />
+<glyph unicode="☁" d="M-14 494q0 -80 56.5 -137t135.5 -57h750q120 0 205 86.5t85 207.5t-85 207t-205 86q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5z" />
+<glyph unicode="✉" d="M0 100l400 400l200 -200l200 200l400 -400h-1200zM0 300v600l300 -300zM0 1100l600 -603l600 603h-1200zM900 600l300 300v-600z" />
+<glyph unicode="✏" d="M-13 -13l333 112l-223 223zM187 403l214 -214l614 614l-214 214zM887 1103l214 -214l99 92q13 13 13 32.5t-13 33.5l-153 153q-15 13 -33 13t-33 -13z" />
+<glyph unicode="" d="M0 1200h1200l-500 -550v-550h300v-100h-800v100h300v550z" />
+<glyph unicode="" d="M14 84q18 -55 86 -75.5t147 5.5q65 21 109 69t44 90v606l600 155v-521q-64 16 -138 -7q-79 -26 -122.5 -83t-25.5 -111q18 -55 86 -75.5t147 4.5q70 23 111.5 63.5t41.5 95.5v881q0 10 -7 15.5t-17 2.5l-752 -193q-10 -3 -17 -12.5t-7 -19.5v-689q-64 17 -138 -7 q-79 -25 -122.5 -82t-25.5 -112z" />
+<glyph unicode="" d="M23 693q0 200 142 342t342 142t342 -142t142 -342q0 -142 -78 -261l300 -300q7 -8 7 -18t-7 -18l-109 -109q-8 -7 -18 -7t-18 7l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 693q0 -136 97 -233t234 -97t233.5 96.5t96.5 233.5t-96.5 233.5t-233.5 96.5 t-234 -97t-97 -233z" />
+<glyph unicode="" d="M100 784q0 64 28 123t73 100.5t104.5 64t119 20.5t120 -38.5t104.5 -104.5q48 69 109.5 105t121.5 38t118.5 -20.5t102.5 -64t71 -100.5t27 -123q0 -57 -33.5 -117.5t-94 -124.5t-126.5 -127.5t-150 -152.5t-146 -174q-62 85 -145.5 174t-149.5 152.5t-126.5 127.5 t-94 124.5t-33.5 117.5z" />
+<glyph unicode="" d="M-72 800h479l146 400h2l146 -400h472l-382 -278l145 -449l-384 275l-382 -275l146 447zM168 71l2 1z" />
+<glyph unicode="" d="M-72 800h479l146 400h2l146 -400h472l-382 -278l145 -449l-384 275l-382 -275l146 447zM168 71l2 1zM237 700l196 -142l-73 -226l192 140l195 -141l-74 229l193 140h-235l-77 211l-78 -211h-239z" />
+<glyph unicode="" d="M0 0v143l400 257v100q-37 0 -68.5 74.5t-31.5 125.5v200q0 124 88 212t212 88t212 -88t88 -212v-200q0 -51 -31.5 -125.5t-68.5 -74.5v-100l400 -257v-143h-1200z" />
+<glyph unicode="" d="M0 0v1100h1200v-1100h-1200zM100 100h100v100h-100v-100zM100 300h100v100h-100v-100zM100 500h100v100h-100v-100zM100 700h100v100h-100v-100zM100 900h100v100h-100v-100zM300 100h600v400h-600v-400zM300 600h600v400h-600v-400zM1000 100h100v100h-100v-100z M1000 300h100v100h-100v-100zM1000 500h100v100h-100v-100zM1000 700h100v100h-100v-100zM1000 900h100v100h-100v-100z" />
+<glyph unicode="" d="M0 50v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5zM0 650v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5zM600 50v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5zM600 650v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400 q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="" d="M0 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM0 450v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200 q-21 0 -35.5 14.5t-14.5 35.5zM0 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5 t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 450v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5 v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 450v200q0 21 14.5 35.5t35.5 14.5h200 q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="" d="M0 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM0 450q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v200q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5 t-14.5 -35.5v-200zM0 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 50v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5 t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5zM400 450v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5zM400 850v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5 v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="" d="M29 454l419 -420l818 820l-212 212l-607 -607l-206 207z" />
+<glyph unicode="" d="M106 318l282 282l-282 282l212 212l282 -282l282 282l212 -212l-282 -282l282 -282l-212 -212l-282 282l-282 -282z" />
+<glyph unicode="" d="M23 693q0 200 142 342t342 142t342 -142t142 -342q0 -142 -78 -261l300 -300q7 -8 7 -18t-7 -18l-109 -109q-8 -7 -18 -7t-18 7l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 693q0 -136 97 -233t234 -97t233.5 96.5t96.5 233.5t-96.5 233.5t-233.5 96.5 t-234 -97t-97 -233zM300 600v200h100v100h200v-100h100v-200h-100v-100h-200v100h-100z" />
+<glyph unicode="" d="M23 694q0 200 142 342t342 142t342 -142t142 -342q0 -141 -78 -262l300 -299q7 -7 7 -18t-7 -18l-109 -109q-8 -8 -18 -8t-18 8l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 694q0 -136 97 -233t234 -97t233.5 97t96.5 233t-96.5 233t-233.5 97t-234 -97 t-97 -233zM300 601h400v200h-400v-200z" />
+<glyph unicode="" d="M23 600q0 183 105 331t272 210v-166q-103 -55 -165 -155t-62 -220q0 -177 125 -302t302 -125t302 125t125 302q0 120 -62 220t-165 155v166q167 -62 272 -210t105 -331q0 -118 -45.5 -224.5t-123 -184t-184 -123t-224.5 -45.5t-224.5 45.5t-184 123t-123 184t-45.5 224.5 zM500 750q0 -21 14.5 -35.5t35.5 -14.5h100q21 0 35.5 14.5t14.5 35.5v400q0 21 -14.5 35.5t-35.5 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-400z" />
+<glyph unicode="" d="M100 1h200v300h-200v-300zM400 1v500h200v-500h-200zM700 1v800h200v-800h-200zM1000 1v1200h200v-1200h-200z" />
+<glyph unicode="" d="M26 601q0 -33 6 -74l151 -38l2 -6q14 -49 38 -93l3 -5l-80 -134q45 -59 105 -105l133 81l5 -3q45 -26 94 -39l5 -2l38 -151q40 -5 74 -5q27 0 74 5l38 151l6 2q46 13 93 39l5 3l134 -81q56 44 104 105l-80 134l3 5q24 44 39 93l1 6l152 38q5 40 5 74q0 28 -5 73l-152 38 l-1 6q-16 51 -39 93l-3 5l80 134q-44 58 -104 105l-134 -81l-5 3q-45 25 -93 39l-6 1l-38 152q-40 5 -74 5q-27 0 -74 -5l-38 -152l-5 -1q-50 -14 -94 -39l-5 -3l-133 81q-59 -47 -105 -105l80 -134l-3 -5q-25 -47 -38 -93l-2 -6l-151 -38q-6 -48 -6 -73zM385 601 q0 88 63 151t152 63t152 -63t63 -151q0 -89 -63 -152t-152 -63t-152 63t-63 152z" />
+<glyph unicode="" d="M100 1025v50q0 10 7.5 17.5t17.5 7.5h275v100q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5v-100h275q10 0 17.5 -7.5t7.5 -17.5v-50q0 -11 -7 -18t-18 -7h-1050q-11 0 -18 7t-7 18zM200 100v800h900v-800q0 -41 -29.5 -71t-70.5 -30h-700q-41 0 -70.5 30 t-29.5 71zM300 100h100v700h-100v-700zM500 100h100v700h-100v-700zM500 1100h300v100h-300v-100zM700 100h100v700h-100v-700zM900 100h100v700h-100v-700z" />
+<glyph unicode="" d="M1 601l656 644l644 -644h-200v-600h-300v400h-300v-400h-300v600h-200z" />
+<glyph unicode="" d="M100 25v1150q0 11 7 18t18 7h475v-500h400v-675q0 -11 -7 -18t-18 -7h-850q-11 0 -18 7t-7 18zM700 800v300l300 -300h-300z" />
+<glyph unicode="" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM500 500v400h100 v-300h200v-100h-300z" />
+<glyph unicode="" d="M-100 0l431 1200h209l-21 -300h162l-20 300h208l431 -1200h-538l-41 400h-242l-40 -400h-539zM488 500h224l-27 300h-170z" />
+<glyph unicode="" d="M0 0v400h490l-290 300h200v500h300v-500h200l-290 -300h490v-400h-1100zM813 200h175v100h-175v-100z" />
+<glyph unicode="" d="M1 600q0 122 47.5 233t127.5 191t191 127.5t233 47.5t233 -47.5t191 -127.5t127.5 -191t47.5 -233t-47.5 -233t-127.5 -191t-191 -127.5t-233 -47.5t-233 47.5t-191 127.5t-127.5 191t-47.5 233zM188 600q0 -170 121 -291t291 -121t291 121t121 291t-121 291t-291 121 t-291 -121t-121 -291zM350 600h150v300h200v-300h150l-250 -300z" />
+<glyph unicode="" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM350 600l250 300 l250 -300h-150v-300h-200v300h-150z" />
+<glyph unicode="" d="M0 25v475l200 700h800l199 -700l1 -475q0 -11 -7 -18t-18 -7h-1150q-11 0 -18 7t-7 18zM200 500h200l50 -200h300l50 200h200l-97 500h-606z" />
+<glyph unicode="" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -172 121.5 -293t292.5 -121t292.5 121t121.5 293q0 171 -121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM500 397v401 l297 -200z" />
+<glyph unicode="" d="M23 600q0 -118 45.5 -224.5t123 -184t184 -123t224.5 -45.5t224.5 45.5t184 123t123 184t45.5 224.5h-150q0 -177 -125 -302t-302 -125t-302 125t-125 302t125 302t302 125q136 0 246 -81l-146 -146h400v400l-145 -145q-157 122 -355 122q-118 0 -224.5 -45.5t-184 -123 t-123 -184t-45.5 -224.5z" />
+<glyph unicode="" d="M23 600q0 118 45.5 224.5t123 184t184 123t224.5 45.5q198 0 355 -122l145 145v-400h-400l147 147q-112 80 -247 80q-177 0 -302 -125t-125 -302h-150zM100 0v400h400l-147 -147q112 -80 247 -80q177 0 302 125t125 302h150q0 -118 -45.5 -224.5t-123 -184t-184 -123 t-224.5 -45.5q-198 0 -355 122z" />
+<glyph unicode="" d="M100 0h1100v1200h-1100v-1200zM200 100v900h900v-900h-900zM300 200v100h100v-100h-100zM300 400v100h100v-100h-100zM300 600v100h100v-100h-100zM300 800v100h100v-100h-100zM500 200h500v100h-500v-100zM500 400v100h500v-100h-500zM500 600v100h500v-100h-500z M500 800v100h500v-100h-500z" />
+<glyph unicode="" d="M0 100v600q0 41 29.5 70.5t70.5 29.5h100v200q0 82 59 141t141 59h300q82 0 141 -59t59 -141v-200h100q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-900q-41 0 -70.5 29.5t-29.5 70.5zM400 800h300v150q0 21 -14.5 35.5t-35.5 14.5h-200 q-21 0 -35.5 -14.5t-14.5 -35.5v-150z" />
+<glyph unicode="" d="M100 0v1100h100v-1100h-100zM300 400q60 60 127.5 84t127.5 17.5t122 -23t119 -30t110 -11t103 42t91 120.5v500q-40 -81 -101.5 -115.5t-127.5 -29.5t-138 25t-139.5 40t-125.5 25t-103 -29.5t-65 -115.5v-500z" />
+<glyph unicode="" d="M0 275q0 -11 7 -18t18 -7h50q11 0 18 7t7 18v300q0 127 70.5 231.5t184.5 161.5t245 57t245 -57t184.5 -161.5t70.5 -231.5v-300q0 -11 7 -18t18 -7h50q11 0 18 7t7 18v300q0 116 -49.5 227t-131 192.5t-192.5 131t-227 49.5t-227 -49.5t-192.5 -131t-131 -192.5 t-49.5 -227v-300zM200 20v460q0 8 6 14t14 6h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14zM800 20v460q0 8 6 14t14 6h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14z" />
+<glyph unicode="" d="M0 400h300l300 -200v800l-300 -200h-300v-400zM688 459l141 141l-141 141l71 71l141 -141l141 141l71 -71l-141 -141l141 -141l-71 -71l-141 141l-141 -141z" />
+<glyph unicode="" d="M0 400h300l300 -200v800l-300 -200h-300v-400zM700 857l69 53q111 -135 111 -310q0 -169 -106 -302l-67 54q86 110 86 248q0 146 -93 257z" />
+<glyph unicode="" d="M0 401v400h300l300 200v-800l-300 200h-300zM702 858l69 53q111 -135 111 -310q0 -170 -106 -303l-67 55q86 110 86 248q0 145 -93 257zM889 951l7 -8q123 -151 123 -344q0 -189 -119 -339l-7 -8l81 -66l6 8q142 178 142 405q0 230 -144 408l-6 8z" />
+<glyph unicode="" d="M0 0h500v500h-200v100h-100v-100h-200v-500zM0 600h100v100h400v100h100v100h-100v300h-500v-600zM100 100v300h300v-300h-300zM100 800v300h300v-300h-300zM200 200v100h100v-100h-100zM200 900h100v100h-100v-100zM500 500v100h300v-300h200v-100h-100v-100h-200v100 h-100v100h100v200h-200zM600 0v100h100v-100h-100zM600 1000h100v-300h200v-300h300v200h-200v100h200v500h-600v-200zM800 800v300h300v-300h-300zM900 0v100h300v-100h-300zM900 900v100h100v-100h-100zM1100 200v100h100v-100h-100z" />
+<glyph unicode="" d="M0 200h100v1000h-100v-1000zM100 0v100h300v-100h-300zM200 200v1000h100v-1000h-100zM500 0v91h100v-91h-100zM500 200v1000h200v-1000h-200zM700 0v91h100v-91h-100zM800 200v1000h100v-1000h-100zM900 0v91h200v-91h-200zM1000 200v1000h200v-1000h-200z" />
+<glyph unicode="" d="M0 700l1 475q0 10 7.5 17.5t17.5 7.5h474l700 -700l-500 -500zM148 953q0 -42 29 -71q30 -30 71.5 -30t71.5 30q29 29 29 71t-29 71q-30 30 -71.5 30t-71.5 -30q-29 -29 -29 -71z" />
+<glyph unicode="" d="M1 700l1 475q0 11 7 18t18 7h474l700 -700l-500 -500zM148 953q0 -42 30 -71q29 -30 71 -30t71 30q30 29 30 71t-30 71q-29 30 -71 30t-71 -30q-30 -29 -30 -71zM701 1200h100l700 -700l-500 -500l-50 50l450 450z" />
+<glyph unicode="" d="M100 0v1025l175 175h925v-1000l-100 -100v1000h-750l-100 -100h750v-1000h-900z" />
+<glyph unicode="" d="M200 0l450 444l450 -443v1150q0 20 -14.5 35t-35.5 15h-800q-21 0 -35.5 -15t-14.5 -35v-1151z" />
+<glyph unicode="" d="M0 100v700h200l100 -200h600l100 200h200v-700h-200v200h-800v-200h-200zM253 829l40 -124h592l62 124l-94 346q-2 11 -10 18t-18 7h-450q-10 0 -18 -7t-10 -18zM281 24l38 152q2 10 11.5 17t19.5 7h500q10 0 19.5 -7t11.5 -17l38 -152q2 -10 -3.5 -17t-15.5 -7h-600 q-10 0 -15.5 7t-3.5 17z" />
+<glyph unicode="" d="M0 200q0 -41 29.5 -70.5t70.5 -29.5h1000q41 0 70.5 29.5t29.5 70.5v600q0 41 -29.5 70.5t-70.5 29.5h-150q-4 8 -11.5 21.5t-33 48t-53 61t-69 48t-83.5 21.5h-200q-41 0 -82 -20.5t-70 -50t-52 -59t-34 -50.5l-12 -20h-150q-41 0 -70.5 -29.5t-29.5 -70.5v-600z M356 500q0 100 72 172t172 72t172 -72t72 -172t-72 -172t-172 -72t-172 72t-72 172zM494 500q0 -44 31 -75t75 -31t75 31t31 75t-31 75t-75 31t-75 -31t-31 -75zM900 700v100h100v-100h-100z" />
+<glyph unicode="" d="M53 0h365v66q-41 0 -72 11t-49 38t1 71l92 234h391l82 -222q16 -45 -5.5 -88.5t-74.5 -43.5v-66h417v66q-34 1 -74 43q-18 19 -33 42t-21 37l-6 13l-385 998h-93l-399 -1006q-24 -48 -52 -75q-12 -12 -33 -25t-36 -20l-15 -7v-66zM416 521l178 457l46 -140l116 -317h-340 z" />
+<glyph unicode="" d="M100 0v89q41 7 70.5 32.5t29.5 65.5v827q0 28 -1 39.5t-5.5 26t-15.5 21t-29 14t-49 14.5v71l471 -1q120 0 213 -88t93 -228q0 -55 -11.5 -101.5t-28 -74t-33.5 -47.5t-28 -28l-12 -7q8 -3 21.5 -9t48 -31.5t60.5 -58t47.5 -91.5t21.5 -129q0 -84 -59 -156.5t-142 -111 t-162 -38.5h-500zM400 200h161q89 0 153 48.5t64 132.5q0 90 -62.5 154.5t-156.5 64.5h-159v-400zM400 700h139q76 0 130 61.5t54 138.5q0 82 -84 130.5t-239 48.5v-379z" />
+<glyph unicode="" d="M200 0v57q77 7 134.5 40.5t65.5 80.5l173 849q10 56 -10 74t-91 37q-6 1 -10.5 2.5t-9.5 2.5v57h425l2 -57q-33 -8 -62 -25.5t-46 -37t-29.5 -38t-17.5 -30.5l-5 -12l-128 -825q-10 -52 14 -82t95 -36v-57h-500z" />
+<glyph unicode="" d="M-75 200h75v800h-75l125 167l125 -167h-75v-800h75l-125 -167zM300 900v300h150h700h150v-300h-50q0 29 -8 48.5t-18.5 30t-33.5 15t-39.5 5.5t-50.5 1h-200v-850l100 -50v-100h-400v100l100 50v850h-200q-34 0 -50.5 -1t-40 -5.5t-33.5 -15t-18.5 -30t-8.5 -48.5h-49z " />
+<glyph unicode="" d="M33 51l167 125v-75h800v75l167 -125l-167 -125v75h-800v-75zM100 901v300h150h700h150v-300h-50q0 29 -8 48.5t-18 30t-33.5 15t-40 5.5t-50.5 1h-200v-650l100 -50v-100h-400v100l100 50v650h-200q-34 0 -50.5 -1t-39.5 -5.5t-33.5 -15t-18.5 -30t-8 -48.5h-50z" />
+<glyph unicode="" d="M0 50q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 350q0 -20 14.5 -35t35.5 -15h800q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-800q-21 0 -35.5 -14.5t-14.5 -35.5 v-100zM0 650q0 -20 14.5 -35t35.5 -15h1000q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1000q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 950q0 -20 14.5 -35t35.5 -15h600q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-600q-21 0 -35.5 -14.5 t-14.5 -35.5v-100z" />
+<glyph unicode="" d="M0 50q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 650q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5 v-100zM200 350q0 -20 14.5 -35t35.5 -15h700q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-700q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM200 950q0 -20 14.5 -35t35.5 -15h700q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-700q-21 0 -35.5 -14.5 t-14.5 -35.5v-100z" />
+<glyph unicode="" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM100 650v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1000q-21 0 -35.5 15 t-14.5 35zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM500 950v100q0 21 14.5 35.5t35.5 14.5h600q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-600 q-21 0 -35.5 15t-14.5 35z" />
+<glyph unicode="" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM0 350v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15 t-14.5 35zM0 650v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM0 950v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100 q-21 0 -35.5 15t-14.5 35z" />
+<glyph unicode="" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM0 350v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15 t-14.5 35zM0 650v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM0 950v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15 t-14.5 35zM300 50v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800 q-21 0 -35.5 15t-14.5 35zM300 650v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM300 950v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15 h-800q-21 0 -35.5 15t-14.5 35z" />
+<glyph unicode="" d="M-101 500v100h201v75l166 -125l-166 -125v75h-201zM300 0h100v1100h-100v-1100zM500 50q0 -20 14.5 -35t35.5 -15h600q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 350q0 -20 14.5 -35t35.5 -15h300q20 0 35 15t15 35 v100q0 21 -15 35.5t-35 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 650q0 -20 14.5 -35t35.5 -15h500q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 950q0 -20 14.5 -35t35.5 -15h100q20 0 35 15t15 35v100 q0 21 -15 35.5t-35 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-100z" />
+<glyph unicode="" d="M1 50q0 -20 14.5 -35t35.5 -15h600q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 350q0 -20 14.5 -35t35.5 -15h300q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 650 q0 -20 14.5 -35t35.5 -15h500q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 950q0 -20 14.5 -35t35.5 -15h100q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM801 0v1100h100v-1100 h-100zM934 550l167 -125v75h200v100h-200v75z" />
+<glyph unicode="" d="M0 275v650q0 31 22 53t53 22h750q31 0 53 -22t22 -53v-650q0 -31 -22 -53t-53 -22h-750q-31 0 -53 22t-22 53zM900 600l300 300v-600z" />
+<glyph unicode="" d="M0 44v1012q0 18 13 31t31 13h1112q19 0 31.5 -13t12.5 -31v-1012q0 -18 -12.5 -31t-31.5 -13h-1112q-18 0 -31 13t-13 31zM100 263l247 182l298 -131l-74 156l293 318l236 -288v500h-1000v-737zM208 750q0 56 39 95t95 39t95 -39t39 -95t-39 -95t-95 -39t-95 39t-39 95z " />
+<glyph unicode="" d="M148 745q0 124 60.5 231.5t165 172t226.5 64.5q123 0 227 -63t164.5 -169.5t60.5 -229.5t-73 -272q-73 -114 -166.5 -237t-150.5 -189l-57 -66q-10 9 -27 26t-66.5 70.5t-96 109t-104 135.5t-100.5 155q-63 139 -63 262zM342 772q0 -107 75.5 -182.5t181.5 -75.5 q107 0 182.5 75.5t75.5 182.5t-75.5 182t-182.5 75t-182 -75.5t-75 -181.5z" />
+<glyph unicode="" d="M1 600q0 122 47.5 233t127.5 191t191 127.5t233 47.5t233 -47.5t191 -127.5t127.5 -191t47.5 -233t-47.5 -233t-127.5 -191t-191 -127.5t-233 -47.5t-233 47.5t-191 127.5t-127.5 191t-47.5 233zM173 600q0 -177 125.5 -302t301.5 -125v854q-176 0 -301.5 -125 t-125.5 -302z" />
+<glyph unicode="" d="M117 406q0 94 34 186t88.5 172.5t112 159t115 177t87.5 194.5q21 -71 57.5 -142.5t76 -130.5t83 -118.5t82 -117t70 -116t50 -125.5t18.5 -136q0 -89 -39 -165.5t-102 -126.5t-140 -79.5t-156 -33.5q-114 6 -211.5 53t-161.5 139t-64 210zM243 414q14 -82 59.5 -136 t136.5 -80l16 98q-7 6 -18 17t-34 48t-33 77q-15 73 -14 143.5t10 122.5l9 51q-92 -110 -119.5 -185t-12.5 -156z" />
+<glyph unicode="" d="M0 400v300q0 165 117.5 282.5t282.5 117.5q366 -6 397 -14l-186 -186h-311q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v125l200 200v-225q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5 t-117.5 282.5zM436 341l161 50l412 412l-114 113l-405 -405zM995 1015l113 -113l113 113l-21 85l-92 28z" />
+<glyph unicode="" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h261l2 -80q-133 -32 -218 -120h-145q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5l200 153v-53q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5 zM423 524q30 38 81.5 64t103 35.5t99 14t77.5 3.5l29 -1v-209l360 324l-359 318v-216q-7 0 -19 -1t-48 -8t-69.5 -18.5t-76.5 -37t-76.5 -59t-62 -88t-39.5 -121.5z" />
+<glyph unicode="" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q61 0 127 -23l-178 -177h-349q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v69l200 200v-169q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5 t-117.5 282.5zM342 632l283 -284l567 567l-137 137l-430 -431l-146 147z" />
+<glyph unicode="" d="M0 603l300 296v-198h200v200h-200l300 300l295 -300h-195v-200h200v198l300 -296l-300 -300v198h-200v-200h195l-295 -300l-300 300h200v200h-200v-198z" />
+<glyph unicode="" d="M200 50v1000q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-437l500 487v-1100l-500 488v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="" d="M0 50v1000q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-437l500 487v-487l500 487v-1100l-500 488v-488l-500 488v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="" d="M136 550l564 550v-487l500 487v-1100l-500 488v-488z" />
+<glyph unicode="" d="M200 0l900 550l-900 550v-1100z" />
+<glyph unicode="" d="M200 150q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v800q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5t-14.5 -35.5v-800zM600 150q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v800q0 21 -14.5 35.5t-35.5 14.5h-200 q-21 0 -35.5 -14.5t-14.5 -35.5v-800z" />
+<glyph unicode="" d="M200 150q0 -20 14.5 -35t35.5 -15h800q21 0 35.5 15t14.5 35v800q0 21 -14.5 35.5t-35.5 14.5h-800q-21 0 -35.5 -14.5t-14.5 -35.5v-800z" />
+<glyph unicode="" d="M0 0v1100l500 -487v487l564 -550l-564 -550v488z" />
+<glyph unicode="" d="M0 0v1100l500 -487v487l500 -487v437q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438l-500 -488v488z" />
+<glyph unicode="" d="M300 0v1100l500 -487v437q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438z" />
+<glyph unicode="" d="M100 250v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5zM100 500h1100l-550 564z" />
+<glyph unicode="" d="M185 599l592 -592l240 240l-353 353l353 353l-240 240z" />
+<glyph unicode="" d="M272 194l353 353l-353 353l241 240l572 -571l21 -22l-1 -1v-1l-592 -591z" />
+<glyph unicode="" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM300 500h200v-200h200v200h200v200h-200v200h-200v-200h-200v-200z" />
+<glyph unicode="" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM300 500h600v200h-600v-200z" />
+<glyph unicode="" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM246 459l213 -213l141 142l141 -142l213 213l-142 141l142 141l-213 212l-141 -141l-141 142l-212 -213l141 -141 z" />
+<glyph unicode="" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM270 551l276 -277l411 411l-175 174l-236 -236l-102 102z" />
+<glyph unicode="" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM364 700h143q4 0 11.5 -1t11 -1t6.5 3t3 9t1 11t3.5 8.5t3.5 6t5.5 4t6.5 2.5t9 1.5t9 0.5h11.5h12.5 q19 0 30 -10t11 -26q0 -22 -4 -28t-27 -22q-5 -1 -12.5 -3t-27 -13.5t-34 -27t-26.5 -46t-11 -68.5h200q5 3 14 8t31.5 25.5t39.5 45.5t31 69t14 94q0 51 -17.5 89t-42 58t-58.5 32t-58.5 15t-51.5 3q-50 0 -90.5 -12t-75 -38.5t-53.5 -74.5t-19 -114zM500 300h200v100h-200 v-100z" />
+<glyph unicode="" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM400 300h400v100h-100v300h-300v-100h100v-200h-100v-100zM500 800h200v100h-200v-100z" />
+<glyph unicode="" d="M0 500v200h195q31 125 98.5 199.5t206.5 100.5v200h200v-200q54 -20 113 -60t112.5 -105.5t71.5 -134.5h203v-200h-203q-25 -102 -116.5 -186t-180.5 -117v-197h-200v197q-140 27 -208 102.5t-98 200.5h-194zM290 500q24 -73 79.5 -127.5t130.5 -78.5v206h200v-206 q149 48 201 206h-201v200h200q-25 74 -75.5 127t-124.5 77v-204h-200v203q-75 -23 -130 -77t-79 -126h209v-200h-210z" />
+<glyph unicode="" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM356 465l135 135 l-135 135l109 109l135 -135l135 135l109 -109l-135 -135l135 -135l-109 -109l-135 135l-135 -135z" />
+<glyph unicode="" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM322 537l141 141 l87 -87l204 205l142 -142l-346 -345z" />
+<glyph unicode="" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -115 62 -215l568 567q-100 62 -216 62q-171 0 -292.5 -121.5t-121.5 -292.5zM391 245q97 -59 209 -59q171 0 292.5 121.5t121.5 292.5 q0 112 -59 209z" />
+<glyph unicode="" d="M0 547l600 453v-300h600v-300h-600v-301z" />
+<glyph unicode="" d="M0 400v300h600v300l600 -453l-600 -448v301h-600z" />
+<glyph unicode="" d="M204 600l450 600l444 -600h-298v-600h-300v600h-296z" />
+<glyph unicode="" d="M104 600h296v600h300v-600h298l-449 -600z" />
+<glyph unicode="" d="M0 200q6 132 41 238.5t103.5 193t184 138t271.5 59.5v271l600 -453l-600 -448v301q-95 -2 -183 -20t-170 -52t-147 -92.5t-100 -135.5z" />
+<glyph unicode="" d="M0 0v400l129 -129l294 294l142 -142l-294 -294l129 -129h-400zM635 777l142 -142l294 294l129 -129v400h-400l129 -129z" />
+<glyph unicode="" d="M34 176l295 295l-129 129h400v-400l-129 130l-295 -295zM600 600v400l129 -129l295 295l142 -141l-295 -295l129 -130h-400z" />
+<glyph unicode="" d="M23 600q0 118 45.5 224.5t123 184t184 123t224.5 45.5t224.5 -45.5t184 -123t123 -184t45.5 -224.5t-45.5 -224.5t-123 -184t-184 -123t-224.5 -45.5t-224.5 45.5t-184 123t-123 184t-45.5 224.5zM456 851l58 -302q4 -20 21.5 -34.5t37.5 -14.5h54q20 0 37.5 14.5 t21.5 34.5l58 302q4 20 -8 34.5t-32 14.5h-207q-21 0 -33 -14.5t-8 -34.5zM500 300h200v100h-200v-100z" />
+<glyph unicode="" d="M0 800h100v-200h400v300h200v-300h400v200h100v100h-111q1 1 1 6.5t-1.5 15t-3.5 17.5l-34 172q-11 39 -41.5 63t-69.5 24q-32 0 -61 -17l-239 -144q-22 -13 -40 -35q-19 24 -40 36l-238 144q-33 18 -62 18q-39 0 -69.5 -23t-40.5 -61l-35 -177q-2 -8 -3 -18t-1 -15v-6 h-111v-100zM100 0h400v400h-400v-400zM200 900q-3 0 14 48t36 96l18 47l213 -191h-281zM700 0v400h400v-400h-400zM731 900l202 197q5 -12 12 -32.5t23 -64t25 -72t7 -28.5h-269z" />
+<glyph unicode="" d="M0 -22v143l216 193q-9 53 -13 83t-5.5 94t9 113t38.5 114t74 124q47 60 99.5 102.5t103 68t127.5 48t145.5 37.5t184.5 43.5t220 58.5q0 -189 -22 -343t-59 -258t-89 -181.5t-108.5 -120t-122 -68t-125.5 -30t-121.5 -1.5t-107.5 12.5t-87.5 17t-56.5 7.5l-99 -55z M238.5 300.5q19.5 -6.5 86.5 76.5q55 66 367 234q70 38 118.5 69.5t102 79t99 111.5t86.5 148q22 50 24 60t-6 19q-7 5 -17 5t-26.5 -14.5t-33.5 -39.5q-35 -51 -113.5 -108.5t-139.5 -89.5l-61 -32q-369 -197 -458 -401q-48 -111 -28.5 -117.5z" />
+<glyph unicode="" d="M111 408q0 -33 5 -63q9 -56 44 -119.5t105 -108.5q31 -21 64 -16t62 23.5t57 49.5t48 61.5t35 60.5q32 66 39 184.5t-13 157.5q79 -80 122 -164t26 -184q-5 -33 -20.5 -69.5t-37.5 -80.5q-10 -19 -14.5 -29t-12 -26t-9 -23.5t-3 -19t2.5 -15.5t11 -9.5t19.5 -5t30.5 2.5 t42 8q57 20 91 34t87.5 44.5t87 64t65.5 88.5t47 122q38 172 -44.5 341.5t-246.5 278.5q22 -44 43 -129q39 -159 -32 -154q-15 2 -33 9q-79 33 -120.5 100t-44 175.5t48.5 257.5q-13 -8 -34 -23.5t-72.5 -66.5t-88.5 -105.5t-60 -138t-8 -166.5q2 -12 8 -41.5t8 -43t6 -39.5 t3.5 -39.5t-1 -33.5t-6 -31.5t-13.5 -24t-21 -20.5t-31 -12q-38 -10 -67 13t-40.5 61.5t-15 81.5t10.5 75q-52 -46 -83.5 -101t-39 -107t-7.5 -85z" />
+<glyph unicode="" d="M-61 600l26 40q6 10 20 30t49 63.5t74.5 85.5t97 90t116.5 83.5t132.5 59t145.5 23.5t145.5 -23.5t132.5 -59t116.5 -83.5t97 -90t74.5 -85.5t49 -63.5t20 -30l26 -40l-26 -40q-6 -10 -20 -30t-49 -63.5t-74.5 -85.5t-97 -90t-116.5 -83.5t-132.5 -59t-145.5 -23.5 t-145.5 23.5t-132.5 59t-116.5 83.5t-97 90t-74.5 85.5t-49 63.5t-20 30zM120 600q7 -10 40.5 -58t56 -78.5t68 -77.5t87.5 -75t103 -49.5t125 -21.5t123.5 20t100.5 45.5t85.5 71.5t66.5 75.5t58 81.5t47 66q-1 1 -28.5 37.5t-42 55t-43.5 53t-57.5 63.5t-58.5 54 q49 -74 49 -163q0 -124 -88 -212t-212 -88t-212 88t-88 212q0 85 46 158q-102 -87 -226 -258zM377 656q49 -124 154 -191l105 105q-37 24 -75 72t-57 84l-20 36z" />
+<glyph unicode="" d="M-61 600l26 40q6 10 20 30t49 63.5t74.5 85.5t97 90t116.5 83.5t132.5 59t145.5 23.5q61 0 121 -17l37 142h148l-314 -1200h-148l37 143q-82 21 -165 71.5t-140 102t-109.5 112t-72 88.5t-29.5 43zM120 600q210 -282 393 -336l37 141q-107 18 -178.5 101.5t-71.5 193.5 q0 85 46 158q-102 -87 -226 -258zM377 656q49 -124 154 -191l47 47l23 87q-30 28 -59 69t-44 68l-14 26zM780 161l38 145q22 15 44.5 34t46 44t40.5 44t41 50.5t33.5 43.5t33 44t24.5 34q-97 127 -140 175l39 146q67 -54 131.5 -125.5t87.5 -103.5t36 -52l26 -40l-26 -40 q-7 -12 -25.5 -38t-63.5 -79.5t-95.5 -102.5t-124 -100t-146.5 -79z" />
+<glyph unicode="" d="M-97.5 34q13.5 -34 50.5 -34h1294q37 0 50.5 35.5t-7.5 67.5l-642 1056q-20 34 -48 36.5t-48 -29.5l-642 -1066q-21 -32 -7.5 -66zM155 200l445 723l445 -723h-345v100h-200v-100h-345zM500 600l100 -300l100 300v100h-200v-100z" />
+<glyph unicode="" d="M100 262v41q0 20 11 44.5t26 38.5l363 325v339q0 62 44 106t106 44t106 -44t44 -106v-339l363 -325q15 -14 26 -38.5t11 -44.5v-41q0 -20 -12 -26.5t-29 5.5l-359 249v-263q100 -91 100 -113v-64q0 -20 -13 -28.5t-32 0.5l-94 78h-222l-94 -78q-19 -9 -32 -0.5t-13 28.5 v64q0 22 100 113v263l-359 -249q-17 -12 -29 -5.5t-12 26.5z" />
+<glyph unicode="" d="M0 50q0 -20 14.5 -35t35.5 -15h1000q21 0 35.5 15t14.5 35v750h-1100v-750zM0 900h1100v150q0 21 -14.5 35.5t-35.5 14.5h-150v100h-100v-100h-500v100h-100v-100h-150q-21 0 -35.5 -14.5t-14.5 -35.5v-150zM100 100v100h100v-100h-100zM100 300v100h100v-100h-100z M100 500v100h100v-100h-100zM300 100v100h100v-100h-100zM300 300v100h100v-100h-100zM300 500v100h100v-100h-100zM500 100v100h100v-100h-100zM500 300v100h100v-100h-100zM500 500v100h100v-100h-100zM700 100v100h100v-100h-100zM700 300v100h100v-100h-100zM700 500 v100h100v-100h-100zM900 100v100h100v-100h-100zM900 300v100h100v-100h-100zM900 500v100h100v-100h-100z" />
+<glyph unicode="" d="M0 200v200h259l600 600h241v198l300 -295l-300 -300v197h-159l-600 -600h-341zM0 800h259l122 -122l141 142l-181 180h-341v-200zM678 381l141 142l122 -123h159v198l300 -295l-300 -300v197h-241z" />
+<glyph unicode="" d="M0 400v600q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-596l-304 -300v300h-100q-41 0 -70.5 29.5t-29.5 70.5z" />
+<glyph unicode="" d="M100 600v200h300v-250q0 -113 6 -145q17 -92 102 -117q39 -11 92 -11q37 0 66.5 5.5t50 15.5t36 24t24 31.5t14 37.5t7 42t2.5 45t0 47v25v250h300v-200q0 -42 -3 -83t-15 -104t-31.5 -116t-58 -109.5t-89 -96.5t-129 -65.5t-174.5 -25.5t-174.5 25.5t-129 65.5t-89 96.5 t-58 109.5t-31.5 116t-15 104t-3 83zM100 900v300h300v-300h-300zM800 900v300h300v-300h-300z" />
+<glyph unicode="" d="M-30 411l227 -227l352 353l353 -353l226 227l-578 579z" />
+<glyph unicode="" d="M70 797l580 -579l578 579l-226 227l-353 -353l-352 353z" />
+<glyph unicode="" d="M-198 700l299 283l300 -283h-203v-400h385l215 -200h-800v600h-196zM402 1000l215 -200h381v-400h-198l299 -283l299 283h-200v600h-796z" />
+<glyph unicode="" d="M18 939q-5 24 10 42q14 19 39 19h896l38 162q5 17 18.5 27.5t30.5 10.5h94q20 0 35 -14.5t15 -35.5t-15 -35.5t-35 -14.5h-54l-201 -961q-2 -4 -6 -10.5t-19 -17.5t-33 -11h-31v-50q0 -20 -14.5 -35t-35.5 -15t-35.5 15t-14.5 35v50h-300v-50q0 -20 -14.5 -35t-35.5 -15 t-35.5 15t-14.5 35v50h-50q-21 0 -35.5 15t-14.5 35q0 21 14.5 35.5t35.5 14.5h535l48 200h-633q-32 0 -54.5 21t-27.5 43z" />
+<glyph unicode="" d="M0 0v800h1200v-800h-1200zM0 900v100h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500v-100h-1200z" />
+<glyph unicode="" d="M1 0l300 700h1200l-300 -700h-1200zM1 400v600h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500v-200h-1000z" />
+<glyph unicode="" d="M302 300h198v600h-198l298 300l298 -300h-198v-600h198l-298 -300z" />
+<glyph unicode="" d="M0 600l300 298v-198h600v198l300 -298l-300 -297v197h-600v-197z" />
+<glyph unicode="" d="M0 100v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM31 400l172 739q5 22 23 41.5t38 19.5h672q19 0 37.5 -22.5t23.5 -45.5l172 -732h-1138zM800 100h100v100h-100v-100z M1000 100h100v100h-100v-100z" />
+<glyph unicode="" d="M-101 600v50q0 24 25 49t50 38l25 13v-250l-11 5.5t-24 14t-30 21.5t-24 27.5t-11 31.5zM100 500v250v8v8v7t0.5 7t1.5 5.5t2 5t3 4t4.5 3.5t6 1.5t7.5 0.5h200l675 250v-850l-675 200h-38l47 -276q2 -12 -3 -17.5t-11 -6t-21 -0.5h-8h-83q-20 0 -34.5 14t-18.5 35 q-55 337 -55 351zM1100 200v850q0 21 14.5 35.5t35.5 14.5q20 0 35 -14.5t15 -35.5v-850q0 -20 -15 -35t-35 -15q-21 0 -35.5 15t-14.5 35z" />
+<glyph unicode="" d="M74 350q0 21 13.5 35.5t33.5 14.5h18l117 173l63 327q15 77 76 140t144 83l-18 32q-6 19 3 32t29 13h94q20 0 29 -10.5t3 -29.5q-18 -36 -18 -37q83 -19 144 -82.5t76 -140.5l63 -327l118 -173h17q20 0 33.5 -14.5t13.5 -35.5q0 -20 -13 -40t-31 -27q-8 -3 -23 -8.5 t-65 -20t-103 -25t-132.5 -19.5t-158.5 -9q-125 0 -245.5 20.5t-178.5 40.5l-58 20q-18 7 -31 27.5t-13 40.5zM497 110q12 -49 40 -79.5t63 -30.5t63 30.5t39 79.5q-48 -6 -102 -6t-103 6z" />
+<glyph unicode="" d="M21 445l233 -45l-78 -224l224 78l45 -233l155 179l155 -179l45 233l224 -78l-78 224l234 45l-180 155l180 156l-234 44l78 225l-224 -78l-45 233l-155 -180l-155 180l-45 -233l-224 78l78 -225l-233 -44l179 -156z" />
+<glyph unicode="" d="M0 200h200v600h-200v-600zM300 275q0 -75 100 -75h61q124 -100 139 -100h250q46 0 83 57l238 344q29 31 29 74v100q0 44 -30.5 84.5t-69.5 40.5h-328q28 118 28 125v150q0 44 -30.5 84.5t-69.5 40.5h-50q-27 0 -51 -20t-38 -48l-96 -198l-145 -196q-20 -26 -20 -63v-400z M400 300v375l150 213l100 212h50v-175l-50 -225h450v-125l-250 -375h-214l-136 100h-100z" />
+<glyph unicode="" d="M0 400v600h200v-600h-200zM300 525v400q0 75 100 75h61q124 100 139 100h250q46 0 83 -57l238 -344q29 -31 29 -74v-100q0 -44 -30.5 -84.5t-69.5 -40.5h-328q28 -118 28 -125v-150q0 -44 -30.5 -84.5t-69.5 -40.5h-50q-27 0 -51 20t-38 48l-96 198l-145 196 q-20 26 -20 63zM400 525l150 -212l100 -213h50v175l-50 225h450v125l-250 375h-214l-136 -100h-100v-375z" />
+<glyph unicode="" d="M8 200v600h200v-600h-200zM308 275v525q0 17 14 35.5t28 28.5l14 9l362 230q14 6 25 6q17 0 29 -12l109 -112q14 -14 14 -34q0 -18 -11 -32l-85 -121h302q85 0 138.5 -38t53.5 -110t-54.5 -111t-138.5 -39h-107l-130 -339q-7 -22 -20.5 -41.5t-28.5 -19.5h-341 q-7 0 -90 81t-83 94zM408 289l100 -89h293l131 339q6 21 19.5 41t28.5 20h203q16 0 25 15t9 36q0 20 -9 34.5t-25 14.5h-457h-6.5h-7.5t-6.5 0.5t-6 1t-5 1.5t-5.5 2.5t-4 4t-4 5.5q-5 12 -5 20q0 14 10 27l147 183l-86 83l-339 -236v-503z" />
+<glyph unicode="" d="M-101 651q0 72 54 110t139 38l302 -1l-85 121q-11 16 -11 32q0 21 14 34l109 113q13 12 29 12q11 0 25 -6l365 -230q7 -4 17 -10.5t26.5 -26t16.5 -36.5v-526q0 -13 -86 -93.5t-94 -80.5h-341q-16 0 -29.5 20t-19.5 41l-130 339h-107q-84 0 -139 39t-55 111zM-1 601h222 q15 0 28.5 -20.5t19.5 -40.5l131 -339h293l107 89v502l-343 237l-87 -83l145 -184q10 -11 10 -26q0 -11 -5 -20q-1 -3 -3.5 -5.5l-4 -4t-5 -2.5t-5.5 -1.5t-6.5 -1t-6.5 -0.5h-7.5h-6.5h-476v-100zM1000 201v600h200v-600h-200z" />
+<glyph unicode="" d="M97 719l230 -363q4 -6 10.5 -15.5t26 -25t36.5 -15.5h525q13 0 94 83t81 90v342q0 15 -20 28.5t-41 19.5l-339 131v106q0 84 -39 139t-111 55t-110 -53.5t-38 -138.5v-302l-121 84q-15 12 -33.5 11.5t-32.5 -13.5l-112 -110q-22 -22 -6 -53zM172 739l83 86l183 -146 q22 -18 47 -5q3 1 5.5 3.5l4 4t2.5 5t1.5 5.5t1 6.5t0.5 6.5v7.5v6.5v456q0 22 25 31t50 -0.5t25 -30.5v-202q0 -16 20 -29.5t41 -19.5l339 -130v-294l-89 -100h-503zM400 0v200h600v-200h-600z" />
+<glyph unicode="" d="M2 585q-16 -31 6 -53l112 -110q13 -13 32 -13.5t34 10.5l121 85q0 -51 -0.5 -153.5t-0.5 -148.5q0 -84 38.5 -138t110.5 -54t111 55t39 139v106l339 131q20 6 40.5 19.5t20.5 28.5v342q0 7 -81 90t-94 83h-525q-17 0 -35.5 -14t-28.5 -28l-10 -15zM77 565l236 339h503 l89 -100v-294l-340 -130q-20 -6 -40 -20t-20 -29v-202q0 -22 -25 -31t-50 0t-25 31v456v14.5t-1.5 11.5t-5 12t-9.5 7q-24 13 -46 -5l-184 -146zM305 1104v200h600v-200h-600z" />
+<glyph unicode="" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM298 701l2 -201h300l-2 -194l402 294l-402 298v-197h-300z" />
+<glyph unicode="" d="M0 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t231.5 47.5q122 0 232.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-218 -217.5t-300 -80t-299.5 80t-217.5 217.5t-80 299.5zM200 600l402 -294l-2 194h300l2 201h-300v197z" />
+<glyph unicode="" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM300 600h200v-300h200v300h200l-300 400z" />
+<glyph unicode="" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM300 600l300 -400l300 400h-200v300h-200v-300h-200z" />
+<glyph unicode="" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q121 0 231.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM254 780q-8 -33 5.5 -92.5t7.5 -87.5q0 -9 17 -44t16 -60 q12 0 23 -5.5t23 -15t20 -13.5q24 -12 108 -42q22 -8 53 -31.5t59.5 -38.5t57.5 -11q8 -18 -15 -55t-20 -57q42 -71 87 -80q0 -6 -3 -15.5t-3.5 -14.5t4.5 -17q104 -3 221 112q30 29 47 47t34.5 49t20.5 62q-14 9 -37 9.5t-36 7.5q-14 7 -49 15t-52 19q-9 0 -39.5 -0.5 t-46.5 -1.5t-39 -6.5t-39 -16.5q-50 -35 -66 -12q-4 2 -3.5 25.5t0.5 25.5q-6 13 -26.5 17t-24.5 7q2 22 -2 41t-16.5 28t-38.5 -20q-23 -25 -42 4q-19 28 -8 58q6 16 22 22q6 -1 26 -1.5t33.5 -4t19.5 -13.5q12 -19 32 -37.5t34 -27.5l14 -8q0 3 9.5 39.5t5.5 57.5 q-4 23 14.5 44.5t22.5 31.5q5 14 10 35t8.5 31t15.5 22.5t34 21.5q-6 18 10 37q8 0 23.5 -1.5t24.5 -1.5t20.5 4.5t20.5 15.5q-10 23 -30.5 42.5t-38 30t-49 26.5t-43.5 23q11 39 2 44q31 -13 58 -14.5t39 3.5l11 4q7 36 -16.5 53.5t-64.5 28.5t-56 23q-19 -3 -37 0 q-15 -12 -36.5 -21t-34.5 -12t-44 -8t-39 -6q-15 -3 -45.5 0.5t-45.5 -2.5q-21 -7 -52 -26.5t-34 -34.5q-3 -11 6.5 -22.5t8.5 -18.5q-3 -34 -27.5 -90.5t-29.5 -79.5zM518 916q3 12 16 30t16 25q10 -10 18.5 -10t14 6t14.5 14.5t16 12.5q0 -24 17 -66.5t17 -43.5 q-9 2 -31 5t-36 5t-32 8t-30 14zM692 1003h1h-1z" />
+<glyph unicode="" d="M0 164.5q0 21.5 15 37.5l600 599q-33 101 6 201.5t135 154.5q164 92 306 -9l-259 -138l145 -232l251 126q13 -175 -151 -267q-123 -70 -253 -23l-596 -596q-15 -16 -36.5 -16t-36.5 16l-111 110q-15 15 -15 36.5z" />
+<glyph unicode="" horiz-adv-x="1220" d="M0 196v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM0 596v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5zM0 996v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM600 596h500v100h-500v-100zM800 196h300v100h-300v-100zM900 996h200v100h-200v-100z" />
+<glyph unicode="" d="M100 1100v100h1000v-100h-1000zM150 1000h900l-350 -500v-300l-200 -200v500z" />
+<glyph unicode="" d="M0 200v200h1200v-200q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM0 500v400q0 41 29.5 70.5t70.5 29.5h300v100q0 41 29.5 70.5t70.5 29.5h200q41 0 70.5 -29.5t29.5 -70.5v-100h300q41 0 70.5 -29.5t29.5 -70.5v-400h-500v100h-200v-100h-500z M500 1000h200v100h-200v-100z" />
+<glyph unicode="" d="M0 0v400l129 -129l200 200l142 -142l-200 -200l129 -129h-400zM0 800l129 129l200 -200l142 142l-200 200l129 129h-400v-400zM729 329l142 142l200 -200l129 129v-400h-400l129 129zM729 871l200 200l-129 129h400v-400l-129 129l-200 -200z" />
+<glyph unicode="" d="M0 596q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM182 596q0 -172 121.5 -293t292.5 -121t292.5 121t121.5 293q0 171 -121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM291 655 q0 23 15.5 38.5t38.5 15.5t39 -16t16 -38q0 -23 -16 -39t-39 -16q-22 0 -38 16t-16 39zM400 850q0 22 16 38.5t39 16.5q22 0 38 -16t16 -39t-16 -39t-38 -16q-23 0 -39 16.5t-16 38.5zM514 609q0 32 20.5 56.5t51.5 29.5l122 126l1 1q-9 14 -9 28q0 22 16 38.5t39 16.5 q22 0 38 -16t16 -39t-16 -39t-38 -16q-14 0 -29 10l-55 -145q17 -22 17 -51q0 -36 -25.5 -61.5t-61.5 -25.5t-61.5 25.5t-25.5 61.5zM800 655q0 22 16 38t39 16t38.5 -15.5t15.5 -38.5t-16 -39t-38 -16q-23 0 -39 16t-16 39z" />
+<glyph unicode="" d="M-40 375q-13 -95 35 -173q35 -57 94 -89t129 -32q63 0 119 28q33 16 65 40.5t52.5 45.5t59.5 64q40 44 57 61l394 394q35 35 47 84t-3 96q-27 87 -117 104q-20 2 -29 2q-46 0 -78.5 -16.5t-67.5 -51.5l-389 -396l-7 -7l69 -67l377 373q20 22 39 38q23 23 50 23 q38 0 53 -36q16 -39 -20 -75l-547 -547q-52 -52 -125 -52q-55 0 -100 33t-54 96q-5 35 2.5 66t31.5 63t42 50t56 54q24 21 44 41l348 348q52 52 82.5 79.5t84 54t107.5 26.5q25 0 48 -4q95 -17 154 -94.5t51 -175.5q-7 -101 -98 -192l-252 -249l-253 -256l7 -7l69 -60 l517 511q67 67 95 157t11 183q-16 87 -67 154t-130 103q-69 33 -152 33q-107 0 -197 -55q-40 -24 -111 -95l-512 -512q-68 -68 -81 -163z" />
+<glyph unicode="" d="M80 784q0 131 98.5 229.5t230.5 98.5q143 0 241 -129q103 129 246 129q129 0 226 -98.5t97 -229.5q0 -46 -17.5 -91t-61 -99t-77 -89.5t-104.5 -105.5q-197 -191 -293 -322l-17 -23l-16 23q-43 58 -100 122.5t-92 99.5t-101 100q-71 70 -104.5 105.5t-77 89.5t-61 99 t-17.5 91zM250 784q0 -27 30.5 -70t61.5 -75.5t95 -94.5l22 -22q93 -90 190 -201q82 92 195 203l12 12q64 62 97.5 97t64.5 79t31 72q0 71 -48 119.5t-105 48.5q-74 0 -132 -83l-118 -171l-114 174q-51 80 -123 80q-60 0 -109.5 -49.5t-49.5 -118.5z" />
+<glyph unicode="" d="M57 353q0 -95 66 -159l141 -142q68 -66 159 -66q93 0 159 66l283 283q66 66 66 159t-66 159l-141 141q-8 9 -19 17l-105 -105l212 -212l-389 -389l-247 248l95 95l-18 18q-46 45 -75 101l-55 -55q-66 -66 -66 -159zM269 706q0 -93 66 -159l141 -141q7 -7 19 -17l105 105 l-212 212l389 389l247 -247l-95 -96l18 -17q47 -49 77 -100l29 29q35 35 62.5 88t27.5 96q0 93 -66 159l-141 141q-66 66 -159 66q-95 0 -159 -66l-283 -283q-66 -64 -66 -159z" />
+<glyph unicode="" d="M200 100v953q0 21 30 46t81 48t129 38t163 15t162 -15t127 -38t79 -48t29 -46v-953q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-41 0 -70.5 29.5t-29.5 70.5zM300 300h600v700h-600v-700zM496 150q0 -43 30.5 -73.5t73.5 -30.5t73.5 30.5t30.5 73.5t-30.5 73.5t-73.5 30.5 t-73.5 -30.5t-30.5 -73.5z" />
+<glyph unicode="" d="M0 0l303 380l207 208l-210 212h300l267 279l-35 36q-15 14 -15 35t15 35q14 15 35 15t35 -15l283 -282q15 -15 15 -36t-15 -35q-14 -15 -35 -15t-35 15l-36 35l-279 -267v-300l-212 210l-208 -207z" />
+<glyph unicode="" d="M295 433h139q5 -77 48.5 -126.5t117.5 -64.5v335q-6 1 -15.5 4t-11.5 3q-46 14 -79 26.5t-72 36t-62.5 52t-40 72.5t-16.5 99q0 92 44 159.5t109 101t144 40.5v78h100v-79q38 -4 72.5 -13.5t75.5 -31.5t71 -53.5t51.5 -84t24.5 -118.5h-159q-8 72 -35 109.5t-101 50.5 v-307l64 -14q34 -7 64 -16.5t70 -31.5t67.5 -52t47.5 -80.5t20 -112.5q0 -139 -89 -224t-244 -96v-77h-100v78q-152 17 -237 104q-40 40 -52.5 93.5t-15.5 139.5zM466 889q0 -29 8 -51t16.5 -34t29.5 -22.5t31 -13.5t38 -10q7 -2 11 -3v274q-61 -8 -97.5 -37.5t-36.5 -102.5 zM700 237q170 18 170 151q0 64 -44 99.5t-126 60.5v-311z" />
+<glyph unicode="" d="M100 600v100h166q-24 49 -44 104q-10 26 -14.5 55.5t-3 72.5t25 90t68.5 87q97 88 263 88q129 0 230 -89t101 -208h-153q0 52 -34 89.5t-74 51.5t-76 14q-37 0 -79 -14.5t-62 -35.5q-41 -44 -41 -101q0 -28 16.5 -69.5t28 -62.5t41.5 -72h241v-100h-197q8 -50 -2.5 -115 t-31.5 -94q-41 -59 -99 -113q35 11 84 18t70 7q33 1 103 -16t103 -17q76 0 136 30l50 -147q-41 -25 -80.5 -36.5t-59 -13t-61.5 -1.5q-23 0 -128 33t-155 29q-39 -4 -82 -17t-66 -25l-24 -11l-55 145l16.5 11t15.5 10t13.5 9.5t14.5 12t14.5 14t17.5 18.5q48 55 54 126.5 t-30 142.5h-221z" />
+<glyph unicode="" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM602 900l298 300l298 -300h-198v-900h-200v900h-198z" />
+<glyph unicode="" d="M2 300h198v900h200v-900h198l-298 -300zM700 0v200h100v-100h200v-100h-300zM700 400v100h300v-200h-99v-100h-100v100h99v100h-200zM700 700v500h300v-500h-100v100h-100v-100h-100zM801 900h100v200h-100v-200z" />
+<glyph unicode="" d="M2 300h198v900h200v-900h198l-298 -300zM700 0v500h300v-500h-100v100h-100v-100h-100zM700 700v200h100v-100h200v-100h-300zM700 1100v100h300v-200h-99v-100h-100v100h99v100h-200zM801 200h100v200h-100v-200z" />
+<glyph unicode="" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM800 100v400h300v-500h-100v100h-200zM800 1100v100h200v-500h-100v400h-100zM901 200h100v200h-100v-200z" />
+<glyph unicode="" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM800 400v100h200v-500h-100v400h-100zM800 800v400h300v-500h-100v100h-200zM901 900h100v200h-100v-200z" />
+<glyph unicode="" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM700 100v200h500v-200h-500zM700 400v200h400v-200h-400zM700 700v200h300v-200h-300zM700 1000v200h200v-200h-200z" />
+<glyph unicode="" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM700 100v200h200v-200h-200zM700 400v200h300v-200h-300zM700 700v200h400v-200h-400zM700 1000v200h500v-200h-500z" />
+<glyph unicode="" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q162 0 281 -118.5t119 -281.5v-300q0 -165 -118.5 -282.5t-281.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500z" />
+<glyph unicode="" d="M0 400v300q0 163 119 281.5t281 118.5h300q165 0 282.5 -117.5t117.5 -282.5v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-163 0 -281.5 117.5t-118.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM400 300l333 250l-333 250v-500z" />
+<glyph unicode="" d="M0 400v300q0 163 117.5 281.5t282.5 118.5h300q163 0 281.5 -119t118.5 -281v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM300 700l250 -333l250 333h-500z" />
+<glyph unicode="" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q165 0 282.5 -117.5t117.5 -282.5v-300q0 -162 -118.5 -281t-281.5 -119h-300q-165 0 -282.5 118.5t-117.5 281.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM300 400h500l-250 333z" />
+<glyph unicode="" d="M0 400v300h300v200l400 -350l-400 -350v200h-300zM500 0v200h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-500v200h400q165 0 282.5 -117.5t117.5 -282.5v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-400z" />
+<glyph unicode="" d="M217 519q8 -19 31 -19h302q-155 -438 -160 -458q-5 -21 4 -32l9 -8h9q14 0 26 15q11 13 274.5 321.5t264.5 308.5q14 19 5 36q-8 17 -31 17l-301 -1q1 4 78 219.5t79 227.5q2 15 -5 27l-9 9h-9q-15 0 -25 -16q-4 -6 -98 -111.5t-228.5 -257t-209.5 -237.5q-16 -19 -6 -41 z" />
+<glyph unicode="" d="M0 400q0 -165 117.5 -282.5t282.5 -117.5h300q47 0 100 15v185h-500q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5h500v185q-14 4 -114 7.5t-193 5.5l-93 2q-165 0 -282.5 -117.5t-117.5 -282.5v-300zM600 400v300h300v200l400 -350l-400 -350v200h-300z " />
+<glyph unicode="" d="M0 400q0 -165 117.5 -282.5t282.5 -117.5h300q163 0 281.5 117.5t118.5 282.5v98l-78 73l-122 -123v-148q0 -41 -29.5 -70.5t-70.5 -29.5h-500q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5h156l118 122l-74 78h-100q-165 0 -282.5 -117.5t-117.5 -282.5 v-300zM496 709l353 342l-149 149h500v-500l-149 149l-342 -353z" />
+<glyph unicode="" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM406 600 q0 80 57 137t137 57t137 -57t57 -137t-57 -137t-137 -57t-137 57t-57 137z" />
+<glyph unicode="" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 800l445 -500l450 500h-295v400h-300v-400h-300zM900 150h100v50h-100v-50z" />
+<glyph unicode="" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 700h300v-300h300v300h295l-445 500zM900 150h100v50h-100v-50z" />
+<glyph unicode="" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 705l305 -305l596 596l-154 155l-442 -442l-150 151zM900 150h100v50h-100v-50z" />
+<glyph unicode="" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 988l97 -98l212 213l-97 97zM200 400l697 1l3 699l-250 -239l-149 149l-212 -212l149 -149zM900 150h100v50h-100v-50z" />
+<glyph unicode="" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM200 612l212 -212l98 97l-213 212zM300 1200l239 -250l-149 -149l212 -212l149 148l249 -237l-1 697zM900 150h100v50h-100v-50z" />
+<glyph unicode="" d="M23 415l1177 784v-1079l-475 272l-310 -393v416h-392zM494 210l672 938l-672 -712v-226z" />
+<glyph unicode="" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-850q0 -21 -15 -35.5t-35 -14.5h-150v400h-700v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 1000h100v200h-100v-200z" />
+<glyph unicode="" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-218l-276 -275l-120 120l-126 -127h-378v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM581 306l123 123l120 -120l353 352l123 -123l-475 -476zM600 1000h100v200h-100v-200z" />
+<glyph unicode="" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-269l-103 -103l-170 170l-298 -298h-329v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 1000h100v200h-100v-200zM700 133l170 170l-170 170l127 127l170 -170l170 170l127 -128l-170 -169l170 -170 l-127 -127l-170 170l-170 -170z" />
+<glyph unicode="" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-300h-400v-200h-500v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 300l300 -300l300 300h-200v300h-200v-300h-200zM600 1000v200h100v-200h-100z" />
+<glyph unicode="" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-402l-200 200l-298 -298h-402v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 300h200v-300h200v300h200l-300 300zM600 1000v200h100v-200h-100z" />
+<glyph unicode="" d="M0 250q0 -21 14.5 -35.5t35.5 -14.5h1100q21 0 35.5 14.5t14.5 35.5v550h-1200v-550zM0 900h1200v150q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-150zM100 300v200h400v-200h-400z" />
+<glyph unicode="" d="M0 400l300 298v-198h400v-200h-400v-198zM100 800v200h100v-200h-100zM300 800v200h100v-200h-100zM500 800v200h400v198l300 -298l-300 -298v198h-400zM800 300v200h100v-200h-100zM1000 300h100v200h-100v-200z" />
+<glyph unicode="" d="M100 700v400l50 100l50 -100v-300h100v300l50 100l50 -100v-300h100v300l50 100l50 -100v-400l-100 -203v-447q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v447zM800 597q0 -29 10.5 -55.5t25 -43t29 -28.5t25.5 -18l10 -5v-397q0 -21 14.5 -35.5 t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v1106q0 31 -18 40.5t-44 -7.5l-276 -116q-25 -17 -43.5 -51.5t-18.5 -65.5v-359z" />
+<glyph unicode="" d="M100 0h400v56q-75 0 -87.5 6t-12.5 44v394h500v-394q0 -38 -12.5 -44t-87.5 -6v-56h400v56q-4 0 -11 0.5t-24 3t-30 7t-24 15t-11 24.5v888q0 22 25 34.5t50 13.5l25 2v56h-400v-56q75 0 87.5 -6t12.5 -44v-394h-500v394q0 38 12.5 44t87.5 6v56h-400v-56q4 0 11 -0.5 t24 -3t30 -7t24 -15t11 -24.5v-888q0 -22 -25 -34.5t-50 -13.5l-25 -2v-56z" />
+<glyph unicode="" d="M0 300q0 -41 29.5 -70.5t70.5 -29.5h300q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-300q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM100 100h400l200 200h105l295 98v-298h-425l-100 -100h-375zM100 300v200h300v-200h-300zM100 600v200h300v-200h-300z M100 1000h400l200 -200v-98l295 98h105v200h-425l-100 100h-375zM700 402v163l400 133v-163z" />
+<glyph unicode="" d="M16.5 974.5q0.5 -21.5 16 -90t46.5 -140t104 -177.5t175 -208q103 -103 207.5 -176t180 -103.5t137 -47t92.5 -16.5l31 1l163 162q17 18 13.5 41t-22.5 37l-192 136q-19 14 -45 12t-42 -19l-118 -118q-142 101 -268 227t-227 268l118 118q17 17 20 41.5t-11 44.5 l-139 194q-14 19 -36.5 22t-40.5 -14l-162 -162q-1 -11 -0.5 -32.5z" />
+<glyph unicode="" d="M0 50v212q0 20 10.5 45.5t24.5 39.5l365 303v50q0 4 1 10.5t12 22.5t30 28.5t60 23t97 10.5t97 -10t60 -23.5t30 -27.5t12 -24l1 -10v-50l365 -303q14 -14 24.5 -39.5t10.5 -45.5v-212q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-20 0 -35 14.5t-15 35.5zM0 712 q0 -21 14.5 -33.5t34.5 -8.5l202 33q20 4 34.5 21t14.5 38v146q141 24 300 24t300 -24v-146q0 -21 14.5 -38t34.5 -21l202 -33q20 -4 34.5 8.5t14.5 33.5v200q-6 8 -19 20.5t-63 45t-112 57t-171 45t-235 20.5q-92 0 -175 -10.5t-141.5 -27t-108.5 -36.5t-81.5 -40 t-53.5 -36.5t-31 -27.5l-9 -10v-200z" />
+<glyph unicode="" d="M100 0v100h1100v-100h-1100zM175 200h950l-125 150v250l100 100v400h-100v-200h-100v200h-200v-200h-100v200h-200v-200h-100v200h-100v-400l100 -100v-250z" />
+<glyph unicode="" d="M100 0h300v400q0 41 -29.5 70.5t-70.5 29.5h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-400zM500 0v1000q0 41 29.5 70.5t70.5 29.5h100q41 0 70.5 -29.5t29.5 -70.5v-1000h-300zM900 0v700q0 41 29.5 70.5t70.5 29.5h100q41 0 70.5 -29.5t29.5 -70.5v-700h-300z" />
+<glyph unicode="" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v300h-200v100h200v100h-300v-300h200v-100h-200v-100zM600 300h200v100h100v300h-100v100h-200v-500 zM700 400v300h100v-300h-100z" />
+<glyph unicode="" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h100v200h100v-200h100v500h-100v-200h-100v200h-100v-500zM600 300h200v100h100v300h-100v100h-200v-500 zM700 400v300h100v-300h-100z" />
+<glyph unicode="" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v100h-200v300h200v100h-300v-500zM600 300h300v100h-200v300h200v100h-300v-500z" />
+<glyph unicode="" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 550l300 -150v300zM600 400l300 150l-300 150v-300z" />
+<glyph unicode="" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300v500h700v-500h-700zM300 400h130q41 0 68 42t27 107t-28.5 108t-66.5 43h-130v-300zM575 549 q0 -65 27 -107t68 -42h130v300h-130q-38 0 -66.5 -43t-28.5 -108z" />
+<glyph unicode="" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v300h-200v100h200v100h-300v-300h200v-100h-200v-100zM601 300h100v100h-100v-100zM700 700h100 v-400h100v500h-200v-100z" />
+<glyph unicode="" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v400h-200v100h-100v-500zM301 400v200h100v-200h-100zM601 300h100v100h-100v-100zM700 700h100 v-400h100v500h-200v-100z" />
+<glyph unicode="" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 700v100h300v-300h-99v-100h-100v100h99v200h-200zM201 300v100h100v-100h-100zM601 300v100h100v-100h-100z M700 700v100h200v-500h-100v400h-100z" />
+<glyph unicode="" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM400 500v200 l100 100h300v-100h-300v-200h300v-100h-300z" />
+<glyph unicode="" d="M0 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM182 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM400 400v400h300 l100 -100v-100h-100v100h-200v-100h200v-100h-200v-100h-100zM700 400v100h100v-100h-100z" />
+<glyph unicode="" d="M-14 494q0 -80 56.5 -137t135.5 -57h222v300h400v-300h128q120 0 205 86.5t85 207.5t-85 207t-205 86q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5zM300 200h200v300h200v-300h200 l-300 -300z" />
+<glyph unicode="" d="M-14 494q0 -80 56.5 -137t135.5 -57h8l414 414l403 -403q94 26 154.5 104.5t60.5 178.5q0 120 -85 206.5t-205 86.5q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5zM300 200l300 300 l300 -300h-200v-300h-200v300h-200z" />
+<glyph unicode="" d="M100 200h400v-155l-75 -45h350l-75 45v155h400l-270 300h170l-270 300h170l-300 333l-300 -333h170l-270 -300h170z" />
+<glyph unicode="" d="M121 700q0 -53 28.5 -97t75.5 -65q-4 -16 -4 -38q0 -74 52.5 -126.5t126.5 -52.5q56 0 100 30v-306l-75 -45h350l-75 45v306q46 -30 100 -30q74 0 126.5 52.5t52.5 126.5q0 24 -9 55q50 32 79.5 83t29.5 112q0 90 -61.5 155.5t-150.5 71.5q-26 89 -99.5 145.5 t-167.5 56.5q-116 0 -197.5 -81.5t-81.5 -197.5q0 -4 1 -11.5t1 -11.5q-14 2 -23 2q-74 0 -126.5 -52.5t-52.5 -126.5z" />
+</font>
+</defs></svg>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li class="active">
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Homepage Slider -->
+ <div class="homepage-slider">
+ <div id="sequence">
+ <ul class="sequence-canvas">
+ <!-- Slide 1 -->
+ <li class="bg4">
+ <!-- Slide Title -->
+ <h2 class="title">Responsive</h2>
+ <!-- Slide Text -->
+ <h3 class="subtitle">It looks great on desktops, laptops, tablets and smartphones</h3>
+ <!-- Slide Image -->
+ <img class="slide-img" src="img/homepage-slider/slide1.png" alt="Slide 1" />
+ </li>
+ <!-- End Slide 1 -->
+ <!-- Slide 2 -->
+ <li class="bg3">
+ <!-- Slide Title -->
+ <h2 class="title">Color Schemes</h2>
+ <!-- Slide Text -->
+ <h3 class="subtitle">Comes with 5 color schemes and it's easy to make your own!</h3>
+ <!-- Slide Image -->
+ <img class="slide-img" src="img/homepage-slider/slide2.png" alt="Slide 2" />
+ </li>
+ <!-- End Slide 2 -->
+ <!-- Slide 3 -->
+ <li class="bg1">
+ <!-- Slide Title -->
+ <h2 class="title">Feature Rich</h2>
+ <!-- Slide Text -->
+ <h3 class="subtitle">Huge amount of components and over 30 sample pages!</h3>
+ <!-- Slide Image -->
+ <img class="slide-img" src="img/homepage-slider/slide3.png" alt="Slide 3" />
+ </li>
+ <!-- End Slide 3 -->
+ </ul>
+ <div class="sequence-pagination-wrapper">
+ <ul class="sequence-pagination">
+ <li>1</li>
+ <li>2</li>
+ <li>3</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <!-- End Homepage Slider -->
+
+ <!-- Press Coverage -->
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-4 col-sm-6">
+ <div class="in-press press-wired">
+ <a href="#">Morbi eleifend congue elit nec sagittis. Praesent aliquam lobortis tellus, nec consequat vitae</a>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="in-press press-mashable">
+ <a href="#">Morbi eleifend congue elit nec sagittis. Praesent aliquam lobortis tellus, nec consequat vitae</a>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="in-press press-techcrunch">
+ <a href="#">Morbi eleifend congue elit nec sagittis. Praesent aliquam lobortis tellus, nec consequat vitae</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Press Coverage -->
+
+ <!-- Services -->
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-4 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/diamond.png" alt="Service 1">
+ <h3>Aliquam in adipiscing</h3>
+ <p>Praesent rhoncus mauris ac sollicitudin vehicula. Nam fringilla turpis turpis, at posuere turpis aliquet sit amet condimentum</p>
+ <a href="#" class="btn">Read more</a>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/ruler.png" alt="Service 2">
+ <h3>Curabitur mollis</h3>
+ <p>Suspendisse eget libero mi. Fusce ligula orci, vulputate nec elit ultrices, ornare faucibus orci. Aenean lectus sapien, vehicula</p>
+ <a href="#" class="btn">Read more</a>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/box.png" alt="Service 3">
+ <h3>Vivamus mattis</h3>
+ <p>Phasellus posuere et nisl ac commodo. Nulla facilisi. Sed tincidunt bibendum cursus. Aenean vulputate aliquam risus rutrum scelerisque</p>
+ <a href="#" class="btn">Read more</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End Services -->
+
+ <!-- Call to Action Bar -->
+ <div class="section section-white">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <div class="calltoaction-wrapper">
+ <h3>It's a free multipurpose Bootstrap 3 template!</h3> <a href="http://www.dragdropsite.com" class="btn btn-orange">Download here!</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End Call to Action Bar -->
+
+ <!-- Testimonials -->
+ <div class="section">
+ <div class="container">
+ <h2>Testimonials</h2>
+ <div class="row">
+ <!-- Testimonial -->
+ <div class="testimonial col-md-4 col-sm-6">
+ <!-- Author Photo -->
+ <div class="author-photo">
+ <img src="img/user1.jpg" alt="Author 1">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <!-- Quote -->
+ <p class="quote">
+ "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut."
+ </p>
+ <!-- Author Info -->
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ <!-- End Testimonial -->
+ <div class="testimonial col-md-4 col-sm-6">
+ <div class="author-photo">
+ <img src="img/user5.jpg" alt="Author 2">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <p class="quote">
+ "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo."
+ </p>
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ <div class="testimonial col-md-4 col-sm-6">
+ <div class="author-photo">
+ <img src="img/user2.jpg" alt="Author 3">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <p class="quote">
+ "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."
+ </p>
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End Testimonials -->
+
+ <!-- Pricing Table -->
+ <div class="section">
+ <div class="container">
+ <h2>Pricing</h2>
+ <div class="row">
+ <!-- Pricing Plans Wrapper -->
+ <div class="pricing-wrapper col-md-12">
+ <!-- Pricing Plan -->
+ <div class="pricing-plan">
+ <!-- Pricing Plan Ribbon -->
+ <div class="ribbon-wrapper">
+ <div class="price-ribbon ribbon-red">Popular</div>
+ </div>
+ <h2 class="pricing-plan-title">Starter</h2>
+ <p class="pricing-plan-price">FREE</p>
+ <!-- Pricing Plan Features -->
+ <ul class="pricing-plan-features">
+ <li><strong>1</strong> user</li>
+ <li><strong>Unlimited</strong> projects</li>
+ <li><strong>2GB</strong> storage</li>
+ </ul>
+ <a href="index.html" class="btn">Order Now</a>
+ </div>
+ <!-- End Pricing Plan -->
+ <div class="pricing-plan">
+ <h2 class="pricing-plan-title">Advanced</h2>
+ <p class="pricing-plan-price">$49<span>/mo</span></p>
+ <ul class="pricing-plan-features">
+ <li><strong>10</strong> users</li>
+ <li><strong>Unlimited</strong> projects</li>
+ <li><strong>20GB</strong> storage</li>
+ </ul>
+ <a href="index.html" class="btn">Order Now</a>
+ </div>
+ <!-- Promoted Pricing Plan -->
+ <div class="pricing-plan pricing-plan-promote">
+ <h2 class="pricing-plan-title">Premium</h2>
+ <p class="pricing-plan-price">$99<span>/mo</span></p>
+ <ul class="pricing-plan-features">
+ <li><strong>Unlimited</strong> users</li>
+ <li><strong>Unlimited</strong> projects</li>
+ <li><strong>100GB</strong> storage</li>
+ </ul>
+ <a href="index.html" class="btn">Order Now</a>
+ </div>
+ <div class="pricing-plan">
+ <!-- Pricing Plan Ribbon -->
+ <div class="ribbon-wrapper">
+ <div class="price-ribbon ribbon-green">New</div>
+ </div>
+ <h2 class="pricing-plan-title">Mega</h2>
+ <p class="pricing-plan-price">$199<span>/mo</span></p>
+ <ul class="pricing-plan-features">
+ <li><strong>Unlimited</strong> users</li>
+ <li><strong>Unlimited</strong> projects</li>
+ <li><strong>100GB</strong> storage</li>
+ </ul>
+ <a href="index.html" class="btn">Order Now</a>
+ </div>
+ </div>
+ <!-- End Pricing Plans Wrapper -->
+ </div>
+ </div>
+ </div>
+ <!-- End Pricing Table -->
+
+ <!-- Our Clients -->
+ <div class="section">
+ <div class="container">
+ <h2>Our Clients</h2>
+ <div class="clients-logo-wrapper text-center row">
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/canon.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/cisco.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/dell.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/ea.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/ebay.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/facebook.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/google.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/hp.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/microsoft.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/mysql.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/sony.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/yahoo.png" alt="Client Name"></a></div>
+ </div>
+ </div>
+ </div>
+ <!-- End Our Clients -->
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+/*!
+ * Bootstrap v3.1.1 (http://getbootstrap.com)
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript requires jQuery') }
+
+/* ========================================================================
+ * Bootstrap: transition.js v3.1.1
+ * http://getbootstrap.com/javascript/#transitions
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+ 'use strict';
+
+ // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
+ // ============================================================
+
+ function transitionEnd() {
+ var el = document.createElement('bootstrap')
+
+ var transEndEventNames = {
+ 'WebkitTransition' : 'webkitTransitionEnd',
+ 'MozTransition' : 'transitionend',
+ 'OTransition' : 'oTransitionEnd otransitionend',
+ 'transition' : 'transitionend'
+ }
+
+ for (var name in transEndEventNames) {
+ if (el.style[name] !== undefined) {
+ return { end: transEndEventNames[name] }
+ }
+ }
+
+ return false // explicit for ie8 ( ._.)
+ }
+
+ // http://blog.alexmaccaw.com/css-transitions
+ $.fn.emulateTransitionEnd = function (duration) {
+ var called = false, $el = this
+ $(this).one($.support.transition.end, function () { called = true })
+ var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
+ setTimeout(callback, duration)
+ return this
+ }
+
+ $(function () {
+ $.support.transition = transitionEnd()
+ })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: alert.js v3.1.1
+ * http://getbootstrap.com/javascript/#alerts
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+ 'use strict';
+
+ // ALERT CLASS DEFINITION
+ // ======================
+
+ var dismiss = '[data-dismiss="alert"]'
+ var Alert = function (el) {
+ $(el).on('click', dismiss, this.close)
+ }
+
+ Alert.prototype.close = function (e) {
+ var $this = $(this)
+ var selector = $this.attr('data-target')
+
+ if (!selector) {
+ selector = $this.attr('href')
+ selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
+ }
+
+ var $parent = $(selector)
+
+ if (e) e.preventDefault()
+
+ if (!$parent.length) {
+ $parent = $this.hasClass('alert') ? $this : $this.parent()
+ }
+
+ $parent.trigger(e = $.Event('close.bs.alert'))
+
+ if (e.isDefaultPrevented()) return
+
+ $parent.removeClass('in')
+
+ function removeElement() {
+ $parent.trigger('closed.bs.alert').remove()
+ }
+
+ $.support.transition && $parent.hasClass('fade') ?
+ $parent
+ .one($.support.transition.end, removeElement)
+ .emulateTransitionEnd(150) :
+ removeElement()
+ }
+
+
+ // ALERT PLUGIN DEFINITION
+ // =======================
+
+ var old = $.fn.alert
+
+ $.fn.alert = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.alert')
+
+ if (!data) $this.data('bs.alert', (data = new Alert(this)))
+ if (typeof option == 'string') data[option].call($this)
+ })
+ }
+
+ $.fn.alert.Constructor = Alert
+
+
+ // ALERT NO CONFLICT
+ // =================
+
+ $.fn.alert.noConflict = function () {
+ $.fn.alert = old
+ return this
+ }
+
+
+ // ALERT DATA-API
+ // ==============
+
+ $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close)
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: button.js v3.1.1
+ * http://getbootstrap.com/javascript/#buttons
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+ 'use strict';
+
+ // BUTTON PUBLIC CLASS DEFINITION
+ // ==============================
+
+ var Button = function (element, options) {
+ this.$element = $(element)
+ this.options = $.extend({}, Button.DEFAULTS, options)
+ this.isLoading = false
+ }
+
+ Button.DEFAULTS = {
+ loadingText: 'loading...'
+ }
+
+ Button.prototype.setState = function (state) {
+ var d = 'disabled'
+ var $el = this.$element
+ var val = $el.is('input') ? 'val' : 'html'
+ var data = $el.data()
+
+ state = state + 'Text'
+
+ if (!data.resetText) $el.data('resetText', $el[val]())
+
+ $el[val](data[state] || this.options[state])
+
+ // push to event loop to allow forms to submit
+ setTimeout($.proxy(function () {
+ if (state == 'loadingText') {
+ this.isLoading = true
+ $el.addClass(d).attr(d, d)
+ } else if (this.isLoading) {
+ this.isLoading = false
+ $el.removeClass(d).removeAttr(d)
+ }
+ }, this), 0)
+ }
+
+ Button.prototype.toggle = function () {
+ var changed = true
+ var $parent = this.$element.closest('[data-toggle="buttons"]')
+
+ if ($parent.length) {
+ var $input = this.$element.find('input')
+ if ($input.prop('type') == 'radio') {
+ if ($input.prop('checked') && this.$element.hasClass('active')) changed = false
+ else $parent.find('.active').removeClass('active')
+ }
+ if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change')
+ }
+
+ if (changed) this.$element.toggleClass('active')
+ }
+
+
+ // BUTTON PLUGIN DEFINITION
+ // ========================
+
+ var old = $.fn.button
+
+ $.fn.button = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.button')
+ var options = typeof option == 'object' && option
+
+ if (!data) $this.data('bs.button', (data = new Button(this, options)))
+
+ if (option == 'toggle') data.toggle()
+ else if (option) data.setState(option)
+ })
+ }
+
+ $.fn.button.Constructor = Button
+
+
+ // BUTTON NO CONFLICT
+ // ==================
+
+ $.fn.button.noConflict = function () {
+ $.fn.button = old
+ return this
+ }
+
+
+ // BUTTON DATA-API
+ // ===============
+
+ $(document).on('click.bs.button.data-api', '[data-toggle^=button]', function (e) {
+ var $btn = $(e.target)
+ if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn')
+ $btn.button('toggle')
+ e.preventDefault()
+ })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: carousel.js v3.1.1
+ * http://getbootstrap.com/javascript/#carousel
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+ 'use strict';
+
+ // CAROUSEL CLASS DEFINITION
+ // =========================
+
+ var Carousel = function (element, options) {
+ this.$element = $(element)
+ this.$indicators = this.$element.find('.carousel-indicators')
+ this.options = options
+ this.paused =
+ this.sliding =
+ this.interval =
+ this.$active =
+ this.$items = null
+
+ this.options.pause == 'hover' && this.$element
+ .on('mouseenter', $.proxy(this.pause, this))
+ .on('mouseleave', $.proxy(this.cycle, this))
+ }
+
+ Carousel.DEFAULTS = {
+ interval: 5000,
+ pause: 'hover',
+ wrap: true
+ }
+
+ Carousel.prototype.cycle = function (e) {
+ e || (this.paused = false)
+
+ this.interval && clearInterval(this.interval)
+
+ this.options.interval
+ && !this.paused
+ && (this.interval = setInterval($.proxy(this.next, this), this.options.interval))
+
+ return this
+ }
+
+ Carousel.prototype.getActiveIndex = function () {
+ this.$active = this.$element.find('.item.active')
+ this.$items = this.$active.parent().children()
+
+ return this.$items.index(this.$active)
+ }
+
+ Carousel.prototype.to = function (pos) {
+ var that = this
+ var activeIndex = this.getActiveIndex()
+
+ if (pos > (this.$items.length - 1) || pos < 0) return
+
+ if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) })
+ if (activeIndex == pos) return this.pause().cycle()
+
+ return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos]))
+ }
+
+ Carousel.prototype.pause = function (e) {
+ e || (this.paused = true)
+
+ if (this.$element.find('.next, .prev').length && $.support.transition) {
+ this.$element.trigger($.support.transition.end)
+ this.cycle(true)
+ }
+
+ this.interval = clearInterval(this.interval)
+
+ return this
+ }
+
+ Carousel.prototype.next = function () {
+ if (this.sliding) return
+ return this.slide('next')
+ }
+
+ Carousel.prototype.prev = function () {
+ if (this.sliding) return
+ return this.slide('prev')
+ }
+
+ Carousel.prototype.slide = function (type, next) {
+ var $active = this.$element.find('.item.active')
+ var $next = next || $active[type]()
+ var isCycling = this.interval
+ var direction = type == 'next' ? 'left' : 'right'
+ var fallback = type == 'next' ? 'first' : 'last'
+ var that = this
+
+ if (!$next.length) {
+ if (!this.options.wrap) return
+ $next = this.$element.find('.item')[fallback]()
+ }
+
+ if ($next.hasClass('active')) return this.sliding = false
+
+ var e = $.Event('slide.bs.carousel', { relatedTarget: $next[0], direction: direction })
+ this.$element.trigger(e)
+ if (e.isDefaultPrevented()) return
+
+ this.sliding = true
+
+ isCycling && this.pause()
+
+ if (this.$indicators.length) {
+ this.$indicators.find('.active').removeClass('active')
+ this.$element.one('slid.bs.carousel', function () {
+ var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()])
+ $nextIndicator && $nextIndicator.addClass('active')
+ })
+ }
+
+ if ($.support.transition && this.$element.hasClass('slide')) {
+ $next.addClass(type)
+ $next[0].offsetWidth // force reflow
+ $active.addClass(direction)
+ $next.addClass(direction)
+ $active
+ .one($.support.transition.end, function () {
+ $next.removeClass([type, direction].join(' ')).addClass('active')
+ $active.removeClass(['active', direction].join(' '))
+ that.sliding = false
+ setTimeout(function () { that.$element.trigger('slid.bs.carousel') }, 0)
+ })
+ .emulateTransitionEnd($active.css('transition-duration').slice(0, -1) * 1000)
+ } else {
+ $active.removeClass('active')
+ $next.addClass('active')
+ this.sliding = false
+ this.$element.trigger('slid.bs.carousel')
+ }
+
+ isCycling && this.cycle()
+
+ return this
+ }
+
+
+ // CAROUSEL PLUGIN DEFINITION
+ // ==========================
+
+ var old = $.fn.carousel
+
+ $.fn.carousel = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.carousel')
+ var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option)
+ var action = typeof option == 'string' ? option : options.slide
+
+ if (!data) $this.data('bs.carousel', (data = new Carousel(this, options)))
+ if (typeof option == 'number') data.to(option)
+ else if (action) data[action]()
+ else if (options.interval) data.pause().cycle()
+ })
+ }
+
+ $.fn.carousel.Constructor = Carousel
+
+
+ // CAROUSEL NO CONFLICT
+ // ====================
+
+ $.fn.carousel.noConflict = function () {
+ $.fn.carousel = old
+ return this
+ }
+
+
+ // CAROUSEL DATA-API
+ // =================
+
+ $(document).on('click.bs.carousel.data-api', '[data-slide], [data-slide-to]', function (e) {
+ var $this = $(this), href
+ var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
+ var options = $.extend({}, $target.data(), $this.data())
+ var slideIndex = $this.attr('data-slide-to')
+ if (slideIndex) options.interval = false
+
+ $target.carousel(options)
+
+ if (slideIndex = $this.attr('data-slide-to')) {
+ $target.data('bs.carousel').to(slideIndex)
+ }
+
+ e.preventDefault()
+ })
+
+ $(window).on('load', function () {
+ $('[data-ride="carousel"]').each(function () {
+ var $carousel = $(this)
+ $carousel.carousel($carousel.data())
+ })
+ })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: collapse.js v3.1.1
+ * http://getbootstrap.com/javascript/#collapse
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+ 'use strict';
+
+ // COLLAPSE PUBLIC CLASS DEFINITION
+ // ================================
+
+ var Collapse = function (element, options) {
+ this.$element = $(element)
+ this.options = $.extend({}, Collapse.DEFAULTS, options)
+ this.transitioning = null
+
+ if (this.options.parent) this.$parent = $(this.options.parent)
+ if (this.options.toggle) this.toggle()
+ }
+
+ Collapse.DEFAULTS = {
+ toggle: true
+ }
+
+ Collapse.prototype.dimension = function () {
+ var hasWidth = this.$element.hasClass('width')
+ return hasWidth ? 'width' : 'height'
+ }
+
+ Collapse.prototype.show = function () {
+ if (this.transitioning || this.$element.hasClass('in')) return
+
+ var startEvent = $.Event('show.bs.collapse')
+ this.$element.trigger(startEvent)
+ if (startEvent.isDefaultPrevented()) return
+
+ var actives = this.$parent && this.$parent.find('> .panel > .in')
+
+ if (actives && actives.length) {
+ var hasData = actives.data('bs.collapse')
+ if (hasData && hasData.transitioning) return
+ actives.collapse('hide')
+ hasData || actives.data('bs.collapse', null)
+ }
+
+ var dimension = this.dimension()
+
+ this.$element
+ .removeClass('collapse')
+ .addClass('collapsing')
+ [dimension](0)
+
+ this.transitioning = 1
+
+ var complete = function () {
+ this.$element
+ .removeClass('collapsing')
+ .addClass('collapse in')
+ [dimension]('auto')
+ this.transitioning = 0
+ this.$element.trigger('shown.bs.collapse')
+ }
+
+ if (!$.support.transition) return complete.call(this)
+
+ var scrollSize = $.camelCase(['scroll', dimension].join('-'))
+
+ this.$element
+ .one($.support.transition.end, $.proxy(complete, this))
+ .emulateTransitionEnd(350)
+ [dimension](this.$element[0][scrollSize])
+ }
+
+ Collapse.prototype.hide = function () {
+ if (this.transitioning || !this.$element.hasClass('in')) return
+
+ var startEvent = $.Event('hide.bs.collapse')
+ this.$element.trigger(startEvent)
+ if (startEvent.isDefaultPrevented()) return
+
+ var dimension = this.dimension()
+
+ this.$element
+ [dimension](this.$element[dimension]())
+ [0].offsetHeight
+
+ this.$element
+ .addClass('collapsing')
+ .removeClass('collapse')
+ .removeClass('in')
+
+ this.transitioning = 1
+
+ var complete = function () {
+ this.transitioning = 0
+ this.$element
+ .trigger('hidden.bs.collapse')
+ .removeClass('collapsing')
+ .addClass('collapse')
+ }
+
+ if (!$.support.transition) return complete.call(this)
+
+ this.$element
+ [dimension](0)
+ .one($.support.transition.end, $.proxy(complete, this))
+ .emulateTransitionEnd(350)
+ }
+
+ Collapse.prototype.toggle = function () {
+ this[this.$element.hasClass('in') ? 'hide' : 'show']()
+ }
+
+
+ // COLLAPSE PLUGIN DEFINITION
+ // ==========================
+
+ var old = $.fn.collapse
+
+ $.fn.collapse = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.collapse')
+ var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option)
+
+ if (!data && options.toggle && option == 'show') option = !option
+ if (!data) $this.data('bs.collapse', (data = new Collapse(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.collapse.Constructor = Collapse
+
+
+ // COLLAPSE NO CONFLICT
+ // ====================
+
+ $.fn.collapse.noConflict = function () {
+ $.fn.collapse = old
+ return this
+ }
+
+
+ // COLLAPSE DATA-API
+ // =================
+
+ $(document).on('click.bs.collapse.data-api', '[data-toggle=collapse]', function (e) {
+ var $this = $(this), href
+ var target = $this.attr('data-target')
+ || e.preventDefault()
+ || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7
+ var $target = $(target)
+ var data = $target.data('bs.collapse')
+ var option = data ? 'toggle' : $this.data()
+ var parent = $this.attr('data-parent')
+ var $parent = parent && $(parent)
+
+ if (!data || !data.transitioning) {
+ if ($parent) $parent.find('[data-toggle=collapse][data-parent="' + parent + '"]').not($this).addClass('collapsed')
+ $this[$target.hasClass('in') ? 'addClass' : 'removeClass']('collapsed')
+ }
+
+ $target.collapse(option)
+ })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: dropdown.js v3.1.1
+ * http://getbootstrap.com/javascript/#dropdowns
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+ 'use strict';
+
+ // DROPDOWN CLASS DEFINITION
+ // =========================
+
+ var backdrop = '.dropdown-backdrop'
+ var toggle = '[data-toggle=dropdown]'
+ var Dropdown = function (element) {
+ $(element).on('click.bs.dropdown', this.toggle)
+ }
+
+ Dropdown.prototype.toggle = function (e) {
+ var $this = $(this)
+
+ if ($this.is('.disabled, :disabled')) return
+
+ var $parent = getParent($this)
+ var isActive = $parent.hasClass('open')
+
+ clearMenus()
+
+ if (!isActive) {
+ if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) {
+ // if mobile we use a backdrop because click events don't delegate
+ $('<div class="dropdown-backdrop"/>').insertAfter($(this)).on('click', clearMenus)
+ }
+
+ var relatedTarget = { relatedTarget: this }
+ $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget))
+
+ if (e.isDefaultPrevented()) return
+
+ $parent
+ .toggleClass('open')
+ .trigger('shown.bs.dropdown', relatedTarget)
+
+ $this.focus()
+ }
+
+ return false
+ }
+
+ Dropdown.prototype.keydown = function (e) {
+ if (!/(38|40|27)/.test(e.keyCode)) return
+
+ var $this = $(this)
+
+ e.preventDefault()
+ e.stopPropagation()
+
+ if ($this.is('.disabled, :disabled')) return
+
+ var $parent = getParent($this)
+ var isActive = $parent.hasClass('open')
+
+ if (!isActive || (isActive && e.keyCode == 27)) {
+ if (e.which == 27) $parent.find(toggle).focus()
+ return $this.click()
+ }
+
+ var desc = ' li:not(.divider):visible a'
+ var $items = $parent.find('[role=menu]' + desc + ', [role=listbox]' + desc)
+
+ if (!$items.length) return
+
+ var index = $items.index($items.filter(':focus'))
+
+ if (e.keyCode == 38 && index > 0) index-- // up
+ if (e.keyCode == 40 && index < $items.length - 1) index++ // down
+ if (!~index) index = 0
+
+ $items.eq(index).focus()
+ }
+
+ function clearMenus(e) {
+ $(backdrop).remove()
+ $(toggle).each(function () {
+ var $parent = getParent($(this))
+ var relatedTarget = { relatedTarget: this }
+ if (!$parent.hasClass('open')) return
+ $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget))
+ if (e.isDefaultPrevented()) return
+ $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget)
+ })
+ }
+
+ function getParent($this) {
+ var selector = $this.attr('data-target')
+
+ if (!selector) {
+ selector = $this.attr('href')
+ selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
+ }
+
+ var $parent = selector && $(selector)
+
+ return $parent && $parent.length ? $parent : $this.parent()
+ }
+
+
+ // DROPDOWN PLUGIN DEFINITION
+ // ==========================
+
+ var old = $.fn.dropdown
+
+ $.fn.dropdown = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.dropdown')
+
+ if (!data) $this.data('bs.dropdown', (data = new Dropdown(this)))
+ if (typeof option == 'string') data[option].call($this)
+ })
+ }
+
+ $.fn.dropdown.Constructor = Dropdown
+
+
+ // DROPDOWN NO CONFLICT
+ // ====================
+
+ $.fn.dropdown.noConflict = function () {
+ $.fn.dropdown = old
+ return this
+ }
+
+
+ // APPLY TO STANDARD DROPDOWN ELEMENTS
+ // ===================================
+
+ $(document)
+ .on('click.bs.dropdown.data-api', clearMenus)
+ .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
+ .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)
+ .on('keydown.bs.dropdown.data-api', toggle + ', [role=menu], [role=listbox]', Dropdown.prototype.keydown)
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: modal.js v3.1.1
+ * http://getbootstrap.com/javascript/#modals
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+ 'use strict';
+
+ // MODAL CLASS DEFINITION
+ // ======================
+
+ var Modal = function (element, options) {
+ this.options = options
+ this.$element = $(element)
+ this.$backdrop =
+ this.isShown = null
+
+ if (this.options.remote) {
+ this.$element
+ .find('.modal-content')
+ .load(this.options.remote, $.proxy(function () {
+ this.$element.trigger('loaded.bs.modal')
+ }, this))
+ }
+ }
+
+ Modal.DEFAULTS = {
+ backdrop: true,
+ keyboard: true,
+ show: true
+ }
+
+ Modal.prototype.toggle = function (_relatedTarget) {
+ return this[!this.isShown ? 'show' : 'hide'](_relatedTarget)
+ }
+
+ Modal.prototype.show = function (_relatedTarget) {
+ var that = this
+ var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget })
+
+ this.$element.trigger(e)
+
+ if (this.isShown || e.isDefaultPrevented()) return
+
+ this.isShown = true
+
+ this.escape()
+
+ this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this))
+
+ this.backdrop(function () {
+ var transition = $.support.transition && that.$element.hasClass('fade')
+
+ if (!that.$element.parent().length) {
+ that.$element.appendTo(document.body) // don't move modals dom position
+ }
+
+ that.$element
+ .show()
+ .scrollTop(0)
+
+ if (transition) {
+ that.$element[0].offsetWidth // force reflow
+ }
+
+ that.$element
+ .addClass('in')
+ .attr('aria-hidden', false)
+
+ that.enforceFocus()
+
+ var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget })
+
+ transition ?
+ that.$element.find('.modal-dialog') // wait for modal to slide in
+ .one($.support.transition.end, function () {
+ that.$element.focus().trigger(e)
+ })
+ .emulateTransitionEnd(300) :
+ that.$element.focus().trigger(e)
+ })
+ }
+
+ Modal.prototype.hide = function (e) {
+ if (e) e.preventDefault()
+
+ e = $.Event('hide.bs.modal')
+
+ this.$element.trigger(e)
+
+ if (!this.isShown || e.isDefaultPrevented()) return
+
+ this.isShown = false
+
+ this.escape()
+
+ $(document).off('focusin.bs.modal')
+
+ this.$element
+ .removeClass('in')
+ .attr('aria-hidden', true)
+ .off('click.dismiss.bs.modal')
+
+ $.support.transition && this.$element.hasClass('fade') ?
+ this.$element
+ .one($.support.transition.end, $.proxy(this.hideModal, this))
+ .emulateTransitionEnd(300) :
+ this.hideModal()
+ }
+
+ Modal.prototype.enforceFocus = function () {
+ $(document)
+ .off('focusin.bs.modal') // guard against infinite focus loop
+ .on('focusin.bs.modal', $.proxy(function (e) {
+ if (this.$element[0] !== e.target && !this.$element.has(e.target).length) {
+ this.$element.focus()
+ }
+ }, this))
+ }
+
+ Modal.prototype.escape = function () {
+ if (this.isShown && this.options.keyboard) {
+ this.$element.on('keyup.dismiss.bs.modal', $.proxy(function (e) {
+ e.which == 27 && this.hide()
+ }, this))
+ } else if (!this.isShown) {
+ this.$element.off('keyup.dismiss.bs.modal')
+ }
+ }
+
+ Modal.prototype.hideModal = function () {
+ var that = this
+ this.$element.hide()
+ this.backdrop(function () {
+ that.removeBackdrop()
+ that.$element.trigger('hidden.bs.modal')
+ })
+ }
+
+ Modal.prototype.removeBackdrop = function () {
+ this.$backdrop && this.$backdrop.remove()
+ this.$backdrop = null
+ }
+
+ Modal.prototype.backdrop = function (callback) {
+ var animate = this.$element.hasClass('fade') ? 'fade' : ''
+
+ if (this.isShown && this.options.backdrop) {
+ var doAnimate = $.support.transition && animate
+
+ this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />')
+ .appendTo(document.body)
+
+ this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) {
+ if (e.target !== e.currentTarget) return
+ this.options.backdrop == 'static'
+ ? this.$element[0].focus.call(this.$element[0])
+ : this.hide.call(this)
+ }, this))
+
+ if (doAnimate) this.$backdrop[0].offsetWidth // force reflow
+
+ this.$backdrop.addClass('in')
+
+ if (!callback) return
+
+ doAnimate ?
+ this.$backdrop
+ .one($.support.transition.end, callback)
+ .emulateTransitionEnd(150) :
+ callback()
+
+ } else if (!this.isShown && this.$backdrop) {
+ this.$backdrop.removeClass('in')
+
+ $.support.transition && this.$element.hasClass('fade') ?
+ this.$backdrop
+ .one($.support.transition.end, callback)
+ .emulateTransitionEnd(150) :
+ callback()
+
+ } else if (callback) {
+ callback()
+ }
+ }
+
+
+ // MODAL PLUGIN DEFINITION
+ // =======================
+
+ var old = $.fn.modal
+
+ $.fn.modal = function (option, _relatedTarget) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.modal')
+ var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option)
+
+ if (!data) $this.data('bs.modal', (data = new Modal(this, options)))
+ if (typeof option == 'string') data[option](_relatedTarget)
+ else if (options.show) data.show(_relatedTarget)
+ })
+ }
+
+ $.fn.modal.Constructor = Modal
+
+
+ // MODAL NO CONFLICT
+ // =================
+
+ $.fn.modal.noConflict = function () {
+ $.fn.modal = old
+ return this
+ }
+
+
+ // MODAL DATA-API
+ // ==============
+
+ $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) {
+ var $this = $(this)
+ var href = $this.attr('href')
+ var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7
+ var option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data())
+
+ if ($this.is('a')) e.preventDefault()
+
+ $target
+ .modal(option, this)
+ .one('hide', function () {
+ $this.is(':visible') && $this.focus()
+ })
+ })
+
+ $(document)
+ .on('show.bs.modal', '.modal', function () { $(document.body).addClass('modal-open') })
+ .on('hidden.bs.modal', '.modal', function () { $(document.body).removeClass('modal-open') })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: tooltip.js v3.1.1
+ * http://getbootstrap.com/javascript/#tooltip
+ * Inspired by the original jQuery.tipsy by Jason Frame
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+ 'use strict';
+
+ // TOOLTIP PUBLIC CLASS DEFINITION
+ // ===============================
+
+ var Tooltip = function (element, options) {
+ this.type =
+ this.options =
+ this.enabled =
+ this.timeout =
+ this.hoverState =
+ this.$element = null
+
+ this.init('tooltip', element, options)
+ }
+
+ Tooltip.DEFAULTS = {
+ animation: true,
+ placement: 'top',
+ selector: false,
+ template: '<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
+ trigger: 'hover focus',
+ title: '',
+ delay: 0,
+ html: false,
+ container: false
+ }
+
+ Tooltip.prototype.init = function (type, element, options) {
+ this.enabled = true
+ this.type = type
+ this.$element = $(element)
+ this.options = this.getOptions(options)
+
+ var triggers = this.options.trigger.split(' ')
+
+ for (var i = triggers.length; i--;) {
+ var trigger = triggers[i]
+
+ if (trigger == 'click') {
+ this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this))
+ } else if (trigger != 'manual') {
+ var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin'
+ var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout'
+
+ this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this))
+ this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
+ }
+ }
+
+ this.options.selector ?
+ (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
+ this.fixTitle()
+ }
+
+ Tooltip.prototype.getDefaults = function () {
+ return Tooltip.DEFAULTS
+ }
+
+ Tooltip.prototype.getOptions = function (options) {
+ options = $.extend({}, this.getDefaults(), this.$element.data(), options)
+
+ if (options.delay && typeof options.delay == 'number') {
+ options.delay = {
+ show: options.delay,
+ hide: options.delay
+ }
+ }
+
+ return options
+ }
+
+ Tooltip.prototype.getDelegateOptions = function () {
+ var options = {}
+ var defaults = this.getDefaults()
+
+ this._options && $.each(this._options, function (key, value) {
+ if (defaults[key] != value) options[key] = value
+ })
+
+ return options
+ }
+
+ Tooltip.prototype.enter = function (obj) {
+ var self = obj instanceof this.constructor ?
+ obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type)
+
+ clearTimeout(self.timeout)
+
+ self.hoverState = 'in'
+
+ if (!self.options.delay || !self.options.delay.show) return self.show()
+
+ self.timeout = setTimeout(function () {
+ if (self.hoverState == 'in') self.show()
+ }, self.options.delay.show)
+ }
+
+ Tooltip.prototype.leave = function (obj) {
+ var self = obj instanceof this.constructor ?
+ obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type)
+
+ clearTimeout(self.timeout)
+
+ self.hoverState = 'out'
+
+ if (!self.options.delay || !self.options.delay.hide) return self.hide()
+
+ self.timeout = setTimeout(function () {
+ if (self.hoverState == 'out') self.hide()
+ }, self.options.delay.hide)
+ }
+
+ Tooltip.prototype.show = function () {
+ var e = $.Event('show.bs.' + this.type)
+
+ if (this.hasContent() && this.enabled) {
+ this.$element.trigger(e)
+
+ if (e.isDefaultPrevented()) return
+ var that = this;
+
+ var $tip = this.tip()
+
+ this.setContent()
+
+ if (this.options.animation) $tip.addClass('fade')
+
+ var placement = typeof this.options.placement == 'function' ?
+ this.options.placement.call(this, $tip[0], this.$element[0]) :
+ this.options.placement
+
+ var autoToken = /\s?auto?\s?/i
+ var autoPlace = autoToken.test(placement)
+ if (autoPlace) placement = placement.replace(autoToken, '') || 'top'
+
+ $tip
+ .detach()
+ .css({ top: 0, left: 0, display: 'block' })
+ .addClass(placement)
+
+ this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element)
+
+ var pos = this.getPosition()
+ var actualWidth = $tip[0].offsetWidth
+ var actualHeight = $tip[0].offsetHeight
+
+ if (autoPlace) {
+ var $parent = this.$element.parent()
+
+ var orgPlacement = placement
+ var docScroll = document.documentElement.scrollTop || document.body.scrollTop
+ var parentWidth = this.options.container == 'body' ? window.innerWidth : $parent.outerWidth()
+ var parentHeight = this.options.container == 'body' ? window.innerHeight : $parent.outerHeight()
+ var parentLeft = this.options.container == 'body' ? 0 : $parent.offset().left
+
+ placement = placement == 'bottom' && pos.top + pos.height + actualHeight - docScroll > parentHeight ? 'top' :
+ placement == 'top' && pos.top - docScroll - actualHeight < 0 ? 'bottom' :
+ placement == 'right' && pos.right + actualWidth > parentWidth ? 'left' :
+ placement == 'left' && pos.left - actualWidth < parentLeft ? 'right' :
+ placement
+
+ $tip
+ .removeClass(orgPlacement)
+ .addClass(placement)
+ }
+
+ var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight)
+
+ this.applyPlacement(calculatedOffset, placement)
+ this.hoverState = null
+
+ var complete = function() {
+ that.$element.trigger('shown.bs.' + that.type)
+ }
+
+ $.support.transition && this.$tip.hasClass('fade') ?
+ $tip
+ .one($.support.transition.end, complete)
+ .emulateTransitionEnd(150) :
+ complete()
+ }
+ }
+
+ Tooltip.prototype.applyPlacement = function (offset, placement) {
+ var replace
+ var $tip = this.tip()
+ var width = $tip[0].offsetWidth
+ var height = $tip[0].offsetHeight
+
+ // manually read margins because getBoundingClientRect includes difference
+ var marginTop = parseInt($tip.css('margin-top'), 10)
+ var marginLeft = parseInt($tip.css('margin-left'), 10)
+
+ // we must check for NaN for ie 8/9
+ if (isNaN(marginTop)) marginTop = 0
+ if (isNaN(marginLeft)) marginLeft = 0
+
+ offset.top = offset.top + marginTop
+ offset.left = offset.left + marginLeft
+
+ // $.fn.offset doesn't round pixel values
+ // so we use setOffset directly with our own function B-0
+ $.offset.setOffset($tip[0], $.extend({
+ using: function (props) {
+ $tip.css({
+ top: Math.round(props.top),
+ left: Math.round(props.left)
+ })
+ }
+ }, offset), 0)
+
+ $tip.addClass('in')
+
+ // check to see if placing tip in new offset caused the tip to resize itself
+ var actualWidth = $tip[0].offsetWidth
+ var actualHeight = $tip[0].offsetHeight
+
+ if (placement == 'top' && actualHeight != height) {
+ replace = true
+ offset.top = offset.top + height - actualHeight
+ }
+
+ if (/bottom|top/.test(placement)) {
+ var delta = 0
+
+ if (offset.left < 0) {
+ delta = offset.left * -2
+ offset.left = 0
+
+ $tip.offset(offset)
+
+ actualWidth = $tip[0].offsetWidth
+ actualHeight = $tip[0].offsetHeight
+ }
+
+ this.replaceArrow(delta - width + actualWidth, actualWidth, 'left')
+ } else {
+ this.replaceArrow(actualHeight - height, actualHeight, 'top')
+ }
+
+ if (replace) $tip.offset(offset)
+ }
+
+ Tooltip.prototype.replaceArrow = function (delta, dimension, position) {
+ this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + '%') : '')
+ }
+
+ Tooltip.prototype.setContent = function () {
+ var $tip = this.tip()
+ var title = this.getTitle()
+
+ $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)
+ $tip.removeClass('fade in top bottom left right')
+ }
+
+ Tooltip.prototype.hide = function () {
+ var that = this
+ var $tip = this.tip()
+ var e = $.Event('hide.bs.' + this.type)
+
+ function complete() {
+ if (that.hoverState != 'in') $tip.detach()
+ that.$element.trigger('hidden.bs.' + that.type)
+ }
+
+ this.$element.trigger(e)
+
+ if (e.isDefaultPrevented()) return
+
+ $tip.removeClass('in')
+
+ $.support.transition && this.$tip.hasClass('fade') ?
+ $tip
+ .one($.support.transition.end, complete)
+ .emulateTransitionEnd(150) :
+ complete()
+
+ this.hoverState = null
+
+ return this
+ }
+
+ Tooltip.prototype.fixTitle = function () {
+ var $e = this.$element
+ if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') {
+ $e.attr('data-original-title', $e.attr('title') || '').attr('title', '')
+ }
+ }
+
+ Tooltip.prototype.hasContent = function () {
+ return this.getTitle()
+ }
+
+ Tooltip.prototype.getPosition = function () {
+ var el = this.$element[0]
+ return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : {
+ width: el.offsetWidth,
+ height: el.offsetHeight
+ }, this.$element.offset())
+ }
+
+ Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) {
+ return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } :
+ placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } :
+ placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } :
+ /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width }
+ }
+
+ Tooltip.prototype.getTitle = function () {
+ var title
+ var $e = this.$element
+ var o = this.options
+
+ title = $e.attr('data-original-title')
+ || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
+
+ return title
+ }
+
+ Tooltip.prototype.tip = function () {
+ return this.$tip = this.$tip || $(this.options.template)
+ }
+
+ Tooltip.prototype.arrow = function () {
+ return this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow')
+ }
+
+ Tooltip.prototype.validate = function () {
+ if (!this.$element[0].parentNode) {
+ this.hide()
+ this.$element = null
+ this.options = null
+ }
+ }
+
+ Tooltip.prototype.enable = function () {
+ this.enabled = true
+ }
+
+ Tooltip.prototype.disable = function () {
+ this.enabled = false
+ }
+
+ Tooltip.prototype.toggleEnabled = function () {
+ this.enabled = !this.enabled
+ }
+
+ Tooltip.prototype.toggle = function (e) {
+ var self = e ? $(e.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) : this
+ self.tip().hasClass('in') ? self.leave(self) : self.enter(self)
+ }
+
+ Tooltip.prototype.destroy = function () {
+ clearTimeout(this.timeout)
+ this.hide().$element.off('.' + this.type).removeData('bs.' + this.type)
+ }
+
+
+ // TOOLTIP PLUGIN DEFINITION
+ // =========================
+
+ var old = $.fn.tooltip
+
+ $.fn.tooltip = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.tooltip')
+ var options = typeof option == 'object' && option
+
+ if (!data && option == 'destroy') return
+ if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.tooltip.Constructor = Tooltip
+
+
+ // TOOLTIP NO CONFLICT
+ // ===================
+
+ $.fn.tooltip.noConflict = function () {
+ $.fn.tooltip = old
+ return this
+ }
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: popover.js v3.1.1
+ * http://getbootstrap.com/javascript/#popovers
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+ 'use strict';
+
+ // POPOVER PUBLIC CLASS DEFINITION
+ // ===============================
+
+ var Popover = function (element, options) {
+ this.init('popover', element, options)
+ }
+
+ if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js')
+
+ Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, {
+ placement: 'right',
+ trigger: 'click',
+ content: '',
+ template: '<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
+ })
+
+
+ // NOTE: POPOVER EXTENDS tooltip.js
+ // ================================
+
+ Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype)
+
+ Popover.prototype.constructor = Popover
+
+ Popover.prototype.getDefaults = function () {
+ return Popover.DEFAULTS
+ }
+
+ Popover.prototype.setContent = function () {
+ var $tip = this.tip()
+ var title = this.getTitle()
+ var content = this.getContent()
+
+ $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title)
+ $tip.find('.popover-content')[ // we use append for html objects to maintain js events
+ this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text'
+ ](content)
+
+ $tip.removeClass('fade top bottom left right in')
+
+ // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do
+ // this manually by checking the contents.
+ if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide()
+ }
+
+ Popover.prototype.hasContent = function () {
+ return this.getTitle() || this.getContent()
+ }
+
+ Popover.prototype.getContent = function () {
+ var $e = this.$element
+ var o = this.options
+
+ return $e.attr('data-content')
+ || (typeof o.content == 'function' ?
+ o.content.call($e[0]) :
+ o.content)
+ }
+
+ Popover.prototype.arrow = function () {
+ return this.$arrow = this.$arrow || this.tip().find('.arrow')
+ }
+
+ Popover.prototype.tip = function () {
+ if (!this.$tip) this.$tip = $(this.options.template)
+ return this.$tip
+ }
+
+
+ // POPOVER PLUGIN DEFINITION
+ // =========================
+
+ var old = $.fn.popover
+
+ $.fn.popover = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.popover')
+ var options = typeof option == 'object' && option
+
+ if (!data && option == 'destroy') return
+ if (!data) $this.data('bs.popover', (data = new Popover(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.popover.Constructor = Popover
+
+
+ // POPOVER NO CONFLICT
+ // ===================
+
+ $.fn.popover.noConflict = function () {
+ $.fn.popover = old
+ return this
+ }
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: scrollspy.js v3.1.1
+ * http://getbootstrap.com/javascript/#scrollspy
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+ 'use strict';
+
+ // SCROLLSPY CLASS DEFINITION
+ // ==========================
+
+ function ScrollSpy(element, options) {
+ var href
+ var process = $.proxy(this.process, this)
+
+ this.$element = $(element).is('body') ? $(window) : $(element)
+ this.$body = $('body')
+ this.$scrollElement = this.$element.on('scroll.bs.scroll-spy.data-api', process)
+ this.options = $.extend({}, ScrollSpy.DEFAULTS, options)
+ this.selector = (this.options.target
+ || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
+ || '') + ' .nav li > a'
+ this.offsets = $([])
+ this.targets = $([])
+ this.activeTarget = null
+
+ this.refresh()
+ this.process()
+ }
+
+ ScrollSpy.DEFAULTS = {
+ offset: 10
+ }
+
+ ScrollSpy.prototype.refresh = function () {
+ var offsetMethod = this.$element[0] == window ? 'offset' : 'position'
+
+ this.offsets = $([])
+ this.targets = $([])
+
+ var self = this
+ var $targets = this.$body
+ .find(this.selector)
+ .map(function () {
+ var $el = $(this)
+ var href = $el.data('target') || $el.attr('href')
+ var $href = /^#./.test(href) && $(href)
+
+ return ($href
+ && $href.length
+ && $href.is(':visible')
+ && [[ $href[offsetMethod]().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]]) || null
+ })
+ .sort(function (a, b) { return a[0] - b[0] })
+ .each(function () {
+ self.offsets.push(this[0])
+ self.targets.push(this[1])
+ })
+ }
+
+ ScrollSpy.prototype.process = function () {
+ var scrollTop = this.$scrollElement.scrollTop() + this.options.offset
+ var scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight
+ var maxScroll = scrollHeight - this.$scrollElement.height()
+ var offsets = this.offsets
+ var targets = this.targets
+ var activeTarget = this.activeTarget
+ var i
+
+ if (scrollTop >= maxScroll) {
+ return activeTarget != (i = targets.last()[0]) && this.activate(i)
+ }
+
+ if (activeTarget && scrollTop <= offsets[0]) {
+ return activeTarget != (i = targets[0]) && this.activate(i)
+ }
+
+ for (i = offsets.length; i--;) {
+ activeTarget != targets[i]
+ && scrollTop >= offsets[i]
+ && (!offsets[i + 1] || scrollTop <= offsets[i + 1])
+ && this.activate( targets[i] )
+ }
+ }
+
+ ScrollSpy.prototype.activate = function (target) {
+ this.activeTarget = target
+
+ $(this.selector)
+ .parentsUntil(this.options.target, '.active')
+ .removeClass('active')
+
+ var selector = this.selector +
+ '[data-target="' + target + '"],' +
+ this.selector + '[href="' + target + '"]'
+
+ var active = $(selector)
+ .parents('li')
+ .addClass('active')
+
+ if (active.parent('.dropdown-menu').length) {
+ active = active
+ .closest('li.dropdown')
+ .addClass('active')
+ }
+
+ active.trigger('activate.bs.scrollspy')
+ }
+
+
+ // SCROLLSPY PLUGIN DEFINITION
+ // ===========================
+
+ var old = $.fn.scrollspy
+
+ $.fn.scrollspy = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.scrollspy')
+ var options = typeof option == 'object' && option
+
+ if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.scrollspy.Constructor = ScrollSpy
+
+
+ // SCROLLSPY NO CONFLICT
+ // =====================
+
+ $.fn.scrollspy.noConflict = function () {
+ $.fn.scrollspy = old
+ return this
+ }
+
+
+ // SCROLLSPY DATA-API
+ // ==================
+
+ $(window).on('load', function () {
+ $('[data-spy="scroll"]').each(function () {
+ var $spy = $(this)
+ $spy.scrollspy($spy.data())
+ })
+ })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: tab.js v3.1.1
+ * http://getbootstrap.com/javascript/#tabs
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+ 'use strict';
+
+ // TAB CLASS DEFINITION
+ // ====================
+
+ var Tab = function (element) {
+ this.element = $(element)
+ }
+
+ Tab.prototype.show = function () {
+ var $this = this.element
+ var $ul = $this.closest('ul:not(.dropdown-menu)')
+ var selector = $this.data('target')
+
+ if (!selector) {
+ selector = $this.attr('href')
+ selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
+ }
+
+ if ($this.parent('li').hasClass('active')) return
+
+ var previous = $ul.find('.active:last a')[0]
+ var e = $.Event('show.bs.tab', {
+ relatedTarget: previous
+ })
+
+ $this.trigger(e)
+
+ if (e.isDefaultPrevented()) return
+
+ var $target = $(selector)
+
+ this.activate($this.parent('li'), $ul)
+ this.activate($target, $target.parent(), function () {
+ $this.trigger({
+ type: 'shown.bs.tab',
+ relatedTarget: previous
+ })
+ })
+ }
+
+ Tab.prototype.activate = function (element, container, callback) {
+ var $active = container.find('> .active')
+ var transition = callback
+ && $.support.transition
+ && $active.hasClass('fade')
+
+ function next() {
+ $active
+ .removeClass('active')
+ .find('> .dropdown-menu > .active')
+ .removeClass('active')
+
+ element.addClass('active')
+
+ if (transition) {
+ element[0].offsetWidth // reflow for transition
+ element.addClass('in')
+ } else {
+ element.removeClass('fade')
+ }
+
+ if (element.parent('.dropdown-menu')) {
+ element.closest('li.dropdown').addClass('active')
+ }
+
+ callback && callback()
+ }
+
+ transition ?
+ $active
+ .one($.support.transition.end, next)
+ .emulateTransitionEnd(150) :
+ next()
+
+ $active.removeClass('in')
+ }
+
+
+ // TAB PLUGIN DEFINITION
+ // =====================
+
+ var old = $.fn.tab
+
+ $.fn.tab = function ( option ) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.tab')
+
+ if (!data) $this.data('bs.tab', (data = new Tab(this)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.tab.Constructor = Tab
+
+
+ // TAB NO CONFLICT
+ // ===============
+
+ $.fn.tab.noConflict = function () {
+ $.fn.tab = old
+ return this
+ }
+
+
+ // TAB DATA-API
+ // ============
+
+ $(document).on('click.bs.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
+ e.preventDefault()
+ $(this).tab('show')
+ })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: affix.js v3.1.1
+ * http://getbootstrap.com/javascript/#affix
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+ 'use strict';
+
+ // AFFIX CLASS DEFINITION
+ // ======================
+
+ var Affix = function (element, options) {
+ this.options = $.extend({}, Affix.DEFAULTS, options)
+ this.$window = $(window)
+ .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this))
+ .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this))
+
+ this.$element = $(element)
+ this.affixed =
+ this.unpin =
+ this.pinnedOffset = null
+
+ this.checkPosition()
+ }
+
+ Affix.RESET = 'affix affix-top affix-bottom'
+
+ Affix.DEFAULTS = {
+ offset: 0
+ }
+
+ Affix.prototype.getPinnedOffset = function () {
+ if (this.pinnedOffset) return this.pinnedOffset
+ this.$element.removeClass(Affix.RESET).addClass('affix')
+ var scrollTop = this.$window.scrollTop()
+ var position = this.$element.offset()
+ return (this.pinnedOffset = position.top - scrollTop)
+ }
+
+ Affix.prototype.checkPositionWithEventLoop = function () {
+ setTimeout($.proxy(this.checkPosition, this), 1)
+ }
+
+ Affix.prototype.checkPosition = function () {
+ if (!this.$element.is(':visible')) return
+
+ var scrollHeight = $(document).height()
+ var scrollTop = this.$window.scrollTop()
+ var position = this.$element.offset()
+ var offset = this.options.offset
+ var offsetTop = offset.top
+ var offsetBottom = offset.bottom
+
+ if (this.affixed == 'top') position.top += scrollTop
+
+ if (typeof offset != 'object') offsetBottom = offsetTop = offset
+ if (typeof offsetTop == 'function') offsetTop = offset.top(this.$element)
+ if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element)
+
+ var affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? false :
+ offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' :
+ offsetTop != null && (scrollTop <= offsetTop) ? 'top' : false
+
+ if (this.affixed === affix) return
+ if (this.unpin) this.$element.css('top', '')
+
+ var affixType = 'affix' + (affix ? '-' + affix : '')
+ var e = $.Event(affixType + '.bs.affix')
+
+ this.$element.trigger(e)
+
+ if (e.isDefaultPrevented()) return
+
+ this.affixed = affix
+ this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null
+
+ this.$element
+ .removeClass(Affix.RESET)
+ .addClass(affixType)
+ .trigger($.Event(affixType.replace('affix', 'affixed')))
+
+ if (affix == 'bottom') {
+ this.$element.offset({ top: scrollHeight - offsetBottom - this.$element.height() })
+ }
+ }
+
+
+ // AFFIX PLUGIN DEFINITION
+ // =======================
+
+ var old = $.fn.affix
+
+ $.fn.affix = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.affix')
+ var options = typeof option == 'object' && option
+
+ if (!data) $this.data('bs.affix', (data = new Affix(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.affix.Constructor = Affix
+
+
+ // AFFIX NO CONFLICT
+ // =================
+
+ $.fn.affix.noConflict = function () {
+ $.fn.affix = old
+ return this
+ }
+
+
+ // AFFIX DATA-API
+ // ==============
+
+ $(window).on('load', function () {
+ $('[data-spy="affix"]').each(function () {
+ var $spy = $(this)
+ var data = $spy.data()
+
+ data.offset = data.offset || {}
+
+ if (data.offsetBottom) data.offset.bottom = data.offsetBottom
+ if (data.offsetTop) data.offset.top = data.offsetTop
+
+ $spy.affix(data)
+ })
+ })
+
+}(jQuery);
--- /dev/null
+/*!
+ * Bootstrap v3.1.1 (http://getbootstrap.com)
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()})}(jQuery),+function(a){"use strict";var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function c(){f.trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one(a.support.transition.end,c).emulateTransitionEnd(150):c())};var d=a.fn.alert;a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("bs.alert");e||d.data("bs.alert",e=new c(this)),"string"==typeof b&&e[b].call(d)})},a.fn.alert.Constructor=c,a.fn.alert.noConflict=function(){return a.fn.alert=d,this},a(document).on("click.bs.alert.data-api",b,c.prototype.close)}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.isLoading=!1};b.DEFAULTS={loadingText:"loading..."},b.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",f.resetText||d.data("resetText",d[e]()),d[e](f[b]||this.options[b]),setTimeout(a.proxy(function(){"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},b.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")&&(c.prop("checked")&&this.$element.hasClass("active")?a=!1:b.find(".active").removeClass("active")),a&&c.prop("checked",!this.$element.hasClass("active")).trigger("change")}a&&this.$element.toggleClass("active")};var c=a.fn.button;a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof c&&c;e||d.data("bs.button",e=new b(this,f)),"toggle"==c?e.toggle():c&&e.setState(c)})},a.fn.button.Constructor=b,a.fn.button.noConflict=function(){return a.fn.button=c,this},a(document).on("click.bs.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle"),b.preventDefault()})}(jQuery),+function(a){"use strict";var b=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter",a.proxy(this.pause,this)).on("mouseleave",a.proxy(this.cycle,this))};b.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},b.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},b.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},b.prototype.to=function(b){var c=this,d=this.getActiveIndex();return b>this.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},b.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},b.prototype.next=function(){return this.sliding?void 0:this.slide("next")},b.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},b.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}if(e.hasClass("active"))return this.sliding=!1;var j=a.Event("slide.bs.carousel",{relatedTarget:e[0],direction:g});return this.$element.trigger(j),j.isDefaultPrevented()?void 0:(this.sliding=!0,f&&this.pause(),this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid.bs.carousel",function(){var b=a(i.$indicators.children()[i.getActiveIndex()]);b&&b.addClass("active")})),a.support.transition&&this.$element.hasClass("slide")?(e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one(a.support.transition.end,function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger("slid.bs.carousel")},0)}).emulateTransitionEnd(1e3*d.css("transition-duration").slice(0,-1))):(d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger("slid.bs.carousel")),f&&this.cycle(),this)};var c=a.fn.carousel;a.fn.carousel=function(c){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c),g="string"==typeof c?c:f.slide;e||d.data("bs.carousel",e=new b(this,f)),"number"==typeof c?e.to(c):g?e[g]():f.interval&&e.pause().cycle()})},a.fn.carousel.Constructor=b,a.fn.carousel.noConflict=function(){return a.fn.carousel=c,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(b){var c,d=a(this),e=a(d.attr("data-target")||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"")),f=a.extend({},e.data(),d.data()),g=d.attr("data-slide-to");g&&(f.interval=!1),e.carousel(f),(g=d.attr("data-slide-to"))&&e.data("bs.carousel").to(g),b.preventDefault()}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var b=a(this);b.carousel(b.data())})})}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.DEFAULTS={toggle:!0},b.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},b.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b=a.Event("show.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.$parent&&this.$parent.find("> .panel > .in");if(c&&c.length){var d=c.data("bs.collapse");if(d&&d.transitioning)return;c.collapse("hide"),d||c.data("bs.collapse",null)}var e=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[e](0),this.transitioning=1;var f=function(){this.$element.removeClass("collapsing").addClass("collapse in")[e]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return f.call(this);var g=a.camelCase(["scroll",e].join("-"));this.$element.one(a.support.transition.end,a.proxy(f,this)).emulateTransitionEnd(350)[e](this.$element[0][g])}}},b.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?void this.$element[c](0).one(a.support.transition.end,a.proxy(d,this)).emulateTransitionEnd(350):d.call(this)}}},b.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c);!e&&f.toggle&&"show"==c&&(c=!c),e||d.data("bs.collapse",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(b){var c,d=a(this),e=d.attr("data-target")||b.preventDefault()||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.collapse"),h=g?"toggle":d.data(),i=d.attr("data-parent"),j=i&&a(i);g&&g.transitioning||(j&&j.find('[data-toggle=collapse][data-parent="'+i+'"]').not(d).addClass("collapsed"),d[f.hasClass("in")?"addClass":"removeClass"]("collapsed")),f.collapse(h)})}(jQuery),+function(a){"use strict";function b(b){a(d).remove(),a(e).each(function(){var d=c(a(this)),e={relatedTarget:this};d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown",e)),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown",e))})}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}var d=".dropdown-backdrop",e="[data-toggle=dropdown]",f=function(b){a(b).on("click.bs.dropdown",this.toggle)};f.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('<div class="dropdown-backdrop"/>').insertAfter(a(this)).on("click",b);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;f.toggleClass("open").trigger("shown.bs.dropdown",h),e.focus()}return!1}},f.prototype.keydown=function(b){if(/(38|40|27)/.test(b.keyCode)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var f=c(d),g=f.hasClass("open");if(!g||g&&27==b.keyCode)return 27==b.which&&f.find(e).focus(),d.click();var h=" li:not(.divider):visible a",i=f.find("[role=menu]"+h+", [role=listbox]"+h);if(i.length){var j=i.index(i.filter(":focus"));38==b.keyCode&&j>0&&j--,40==b.keyCode&&j<i.length-1&&j++,~j||(j=0),i.eq(j).focus()}}}};var g=a.fn.dropdown;a.fn.dropdown=function(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new f(this)),"string"==typeof b&&d[b].call(c)})},a.fn.dropdown.Constructor=f,a.fn.dropdown.noConflict=function(){return a.fn.dropdown=g,this},a(document).on("click.bs.dropdown.data-api",b).on("click.bs.dropdown.data-api",".dropdown form",function(a){a.stopPropagation()}).on("click.bs.dropdown.data-api",e,f.prototype.toggle).on("keydown.bs.dropdown.data-api",e+", [role=menu], [role=listbox]",f.prototype.keydown)}(jQuery),+function(a){"use strict";var b=function(b,c){this.options=c,this.$element=a(b),this.$backdrop=this.isShown=null,this.options.remote&&this.$element.find(".modal-content").load(this.options.remote,a.proxy(function(){this.$element.trigger("loaded.bs.modal")},this))};b.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},b.prototype.toggle=function(a){return this[this.isShown?"hide":"show"](a)},b.prototype.show=function(b){var c=this,d=a.Event("show.bs.modal",{relatedTarget:b});this.$element.trigger(d),this.isShown||d.isDefaultPrevented()||(this.isShown=!0,this.escape(),this.$element.on("click.dismiss.bs.modal",'[data-dismiss="modal"]',a.proxy(this.hide,this)),this.backdrop(function(){var d=a.support.transition&&c.$element.hasClass("fade");c.$element.parent().length||c.$element.appendTo(document.body),c.$element.show().scrollTop(0),d&&c.$element[0].offsetWidth,c.$element.addClass("in").attr("aria-hidden",!1),c.enforceFocus();var e=a.Event("shown.bs.modal",{relatedTarget:b});d?c.$element.find(".modal-dialog").one(a.support.transition.end,function(){c.$element.focus().trigger(e)}).emulateTransitionEnd(300):c.$element.focus().trigger(e)}))},b.prototype.hide=function(b){b&&b.preventDefault(),b=a.Event("hide.bs.modal"),this.$element.trigger(b),this.isShown&&!b.isDefaultPrevented()&&(this.isShown=!1,this.escape(),a(document).off("focusin.bs.modal"),this.$element.removeClass("in").attr("aria-hidden",!0).off("click.dismiss.bs.modal"),a.support.transition&&this.$element.hasClass("fade")?this.$element.one(a.support.transition.end,a.proxy(this.hideModal,this)).emulateTransitionEnd(300):this.hideModal())},b.prototype.enforceFocus=function(){a(document).off("focusin.bs.modal").on("focusin.bs.modal",a.proxy(function(a){this.$element[0]===a.target||this.$element.has(a.target).length||this.$element.focus()},this))},b.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.bs.modal",a.proxy(function(a){27==a.which&&this.hide()},this)):this.isShown||this.$element.off("keyup.dismiss.bs.modal")},b.prototype.hideModal=function(){var a=this;this.$element.hide(),this.backdrop(function(){a.removeBackdrop(),a.$element.trigger("hidden.bs.modal")})},b.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},b.prototype.backdrop=function(b){var c=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var d=a.support.transition&&c;if(this.$backdrop=a('<div class="modal-backdrop '+c+'" />').appendTo(document.body),this.$element.on("click.dismiss.bs.modal",a.proxy(function(a){a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),d&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;d?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()):b&&b()};var c=a.fn.modal;a.fn.modal=function(c,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},b.DEFAULTS,e.data(),"object"==typeof c&&c);f||e.data("bs.modal",f=new b(this,g)),"string"==typeof c?f[c](d):g.show&&f.show(d)})},a.fn.modal.Constructor=b,a.fn.modal.noConflict=function(){return a.fn.modal=c,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d=c.attr("href"),e=a(c.attr("data-target")||d&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("bs.modal")?"toggle":a.extend({remote:!/#/.test(d)&&d},e.data(),c.data());c.is("a")&&b.preventDefault(),e.modal(f,this).one("hide",function(){c.is(":visible")&&c.focus()})}),a(document).on("show.bs.modal",".modal",function(){a(document.body).addClass("modal-open")}).on("hidden.bs.modal",".modal",function(){a(document.body).removeClass("modal-open")})}(jQuery),+function(a){"use strict";var b=function(a,b){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",a,b)};b.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},b.prototype.init=function(b,c,d){this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d);for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},b.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},b.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show()},b.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide()},b.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){if(this.$element.trigger(b),b.isDefaultPrevented())return;var c=this,d=this.tip();this.setContent(),this.options.animation&&d.addClass("fade");var e="function"==typeof this.options.placement?this.options.placement.call(this,d[0],this.$element[0]):this.options.placement,f=/\s?auto?\s?/i,g=f.test(e);g&&(e=e.replace(f,"")||"top"),d.detach().css({top:0,left:0,display:"block"}).addClass(e),this.options.container?d.appendTo(this.options.container):d.insertAfter(this.$element);var h=this.getPosition(),i=d[0].offsetWidth,j=d[0].offsetHeight;if(g){var k=this.$element.parent(),l=e,m=document.documentElement.scrollTop||document.body.scrollTop,n="body"==this.options.container?window.innerWidth:k.outerWidth(),o="body"==this.options.container?window.innerHeight:k.outerHeight(),p="body"==this.options.container?0:k.offset().left;e="bottom"==e&&h.top+h.height+j-m>o?"top":"top"==e&&h.top-m-j<0?"bottom":"right"==e&&h.right+i>n?"left":"left"==e&&h.left-i<p?"right":e,d.removeClass(l).addClass(e)}var q=this.getCalculatedOffset(e,h,i,j);this.applyPlacement(q,e),this.hoverState=null;var r=function(){c.$element.trigger("shown.bs."+c.type)};a.support.transition&&this.$tip.hasClass("fade")?d.one(a.support.transition.end,r).emulateTransitionEnd(150):r()}},b.prototype.applyPlacement=function(b,c){var d,e=this.tip(),f=e[0].offsetWidth,g=e[0].offsetHeight,h=parseInt(e.css("margin-top"),10),i=parseInt(e.css("margin-left"),10);isNaN(h)&&(h=0),isNaN(i)&&(i=0),b.top=b.top+h,b.left=b.left+i,a.offset.setOffset(e[0],a.extend({using:function(a){e.css({top:Math.round(a.top),left:Math.round(a.left)})}},b),0),e.addClass("in");var j=e[0].offsetWidth,k=e[0].offsetHeight;if("top"==c&&k!=g&&(d=!0,b.top=b.top+g-k),/bottom|top/.test(c)){var l=0;b.left<0&&(l=-2*b.left,b.left=0,e.offset(b),j=e[0].offsetWidth,k=e[0].offsetHeight),this.replaceArrow(l-f+j,j,"left")}else this.replaceArrow(k-g,k,"top");d&&e.offset(b)},b.prototype.replaceArrow=function(a,b,c){this.arrow().css(c,a?50*(1-a/b)+"%":"")},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle();a.find(".tooltip-inner")[this.options.html?"html":"text"](b),a.removeClass("fade in top bottom left right")},b.prototype.hide=function(){function b(){"in"!=c.hoverState&&d.detach(),c.$element.trigger("hidden.bs."+c.type)}var c=this,d=this.tip(),e=a.Event("hide.bs."+this.type);return this.$element.trigger(e),e.isDefaultPrevented()?void 0:(d.removeClass("in"),a.support.transition&&this.$tip.hasClass("fade")?d.one(a.support.transition.end,b).emulateTransitionEnd(150):b(),this.hoverState=null,this)},b.prototype.fixTitle=function(){var a=this.$element;(a.attr("title")||"string"!=typeof a.attr("data-original-title"))&&a.attr("data-original-title",a.attr("title")||"").attr("title","")},b.prototype.hasContent=function(){return this.getTitle()},b.prototype.getPosition=function(){var b=this.$element[0];return a.extend({},"function"==typeof b.getBoundingClientRect?b.getBoundingClientRect():{width:b.offsetWidth,height:b.offsetHeight},this.$element.offset())},b.prototype.getCalculatedOffset=function(a,b,c,d){return"bottom"==a?{top:b.top+b.height,left:b.left+b.width/2-c/2}:"top"==a?{top:b.top-d,left:b.left+b.width/2-c/2}:"left"==a?{top:b.top+b.height/2-d/2,left:b.left-c}:{top:b.top+b.height/2-d/2,left:b.left+b.width}},b.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},b.prototype.tip=function(){return this.$tip=this.$tip||a(this.options.template)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},b.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},b.prototype.enable=function(){this.enabled=!0},b.prototype.disable=function(){this.enabled=!1},b.prototype.toggleEnabled=function(){this.enabled=!this.enabled},b.prototype.toggle=function(b){var c=b?a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type):this;c.tip().hasClass("in")?c.leave(c):c.enter(c)},b.prototype.destroy=function(){clearTimeout(this.timeout),this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var c=a.fn.tooltip;a.fn.tooltip=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tooltip"),f="object"==typeof c&&c;(e||"destroy"!=c)&&(e||d.data("bs.tooltip",e=new b(this,f)),"string"==typeof c&&e[c]())})},a.fn.tooltip.Constructor=b,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=c,this}}(jQuery),+function(a){"use strict";var b=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");b.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),b.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),b.prototype.constructor=b,b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content")[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},b.prototype.hasContent=function(){return this.getTitle()||this.getContent()},b.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},b.prototype.tip=function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip};var c=a.fn.popover;a.fn.popover=function(c){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof c&&c;(e||"destroy"!=c)&&(e||d.data("bs.popover",e=new b(this,f)),"string"==typeof c&&e[c]())})},a.fn.popover.Constructor=b,a.fn.popover.noConflict=function(){return a.fn.popover=c,this}}(jQuery),+function(a){"use strict";function b(c,d){var e,f=a.proxy(this.process,this);this.$element=a(a(c).is("body")?window:c),this.$body=a("body"),this.$scrollElement=this.$element.on("scroll.bs.scroll-spy.data-api",f),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||(e=a(c).attr("href"))&&e.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=a([]),this.targets=a([]),this.activeTarget=null,this.refresh(),this.process()}b.DEFAULTS={offset:10},b.prototype.refresh=function(){var b=this.$element[0]==window?"offset":"position";this.offsets=a([]),this.targets=a([]);{var c=this;this.$body.find(this.selector).map(function(){var d=a(this),e=d.data("target")||d.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[b]().top+(!a.isWindow(c.$scrollElement.get(0))&&c.$scrollElement.scrollTop()),e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){c.offsets.push(this[0]),c.targets.push(this[1])})}},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,d=c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(b>=d)return g!=(a=f.last()[0])&&this.activate(a);if(g&&b<=e[0])return g!=(a=f[0])&&this.activate(a);for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(!e[a+1]||b<=e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,a(this.selector).parentsUntil(this.options.target,".active").removeClass("active");var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")};var c=a.fn.scrollspy;a.fn.scrollspy=function(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=c,this},a(window).on("load",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);b.scrollspy(b.data())})})}(jQuery),+function(a){"use strict";var b=function(b){this.element=a(b)};b.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a")[0],f=a.Event("show.bs.tab",{relatedTarget:e});if(b.trigger(f),!f.isDefaultPrevented()){var g=a(d);this.activate(b.parent("li"),c),this.activate(g,g.parent(),function(){b.trigger({type:"shown.bs.tab",relatedTarget:e})})}}},b.prototype.activate=function(b,c,d){function e(){f.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),g?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var f=c.find("> .active"),g=d&&a.support.transition&&f.hasClass("fade");g?f.one(a.support.transition.end,e).emulateTransitionEnd(150):e(),f.removeClass("in")};var c=a.fn.tab;a.fn.tab=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new b(this)),"string"==typeof c&&e[c]()})},a.fn.tab.Constructor=b,a.fn.tab.noConflict=function(){return a.fn.tab=c,this},a(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(b){b.preventDefault(),a(this).tab("show")})}(jQuery),+function(a){"use strict";var b=function(c,d){this.options=a.extend({},b.DEFAULTS,d),this.$window=a(window).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(c),this.affixed=this.unpin=this.pinnedOffset=null,this.checkPosition()};b.RESET="affix affix-top affix-bottom",b.DEFAULTS={offset:0},b.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(b.RESET).addClass("affix");var a=this.$window.scrollTop(),c=this.$element.offset();return this.pinnedOffset=c.top-a},b.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},b.prototype.checkPosition=function(){if(this.$element.is(":visible")){var c=a(document).height(),d=this.$window.scrollTop(),e=this.$element.offset(),f=this.options.offset,g=f.top,h=f.bottom;"top"==this.affixed&&(e.top+=d),"object"!=typeof f&&(h=g=f),"function"==typeof g&&(g=f.top(this.$element)),"function"==typeof h&&(h=f.bottom(this.$element));var i=null!=this.unpin&&d+this.unpin<=e.top?!1:null!=h&&e.top+this.$element.height()>=c-h?"bottom":null!=g&&g>=d?"top":!1;if(this.affixed!==i){this.unpin&&this.$element.css("top","");var j="affix"+(i?"-"+i:""),k=a.Event(j+".bs.affix");this.$element.trigger(k),k.isDefaultPrevented()||(this.affixed=i,this.unpin="bottom"==i?this.getPinnedOffset():null,this.$element.removeClass(b.RESET).addClass(j).trigger(a.Event(j.replace("affix","affixed"))),"bottom"==i&&this.$element.offset({top:c-h-this.$element.height()}))}}};var c=a.fn.affix;a.fn.affix=function(c){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof c&&c;e||d.data("bs.affix",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.affix.Constructor=b,a.fn.affix.noConflict=function(){return a.fn.affix=c,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var b=a(this),c=b.data();c.offset=c.offset||{},c.offsetBottom&&(c.offset.bottom=c.offsetBottom),c.offsetTop&&(c.offset.top=c.offsetTop),b.affix(c)})})}(jQuery);
\ No newline at end of file
--- /dev/null
+/*! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license
+//@ sourceMappingURL=jquery.min.map
+*/(function(e,t){var n,r,i=typeof t,o=e.document,a=e.location,s=e.jQuery,u=e.$,l={},c=[],p="1.9.1",f=c.concat,d=c.push,h=c.slice,g=c.indexOf,m=l.toString,y=l.hasOwnProperty,v=p.trim,b=function(e,t){return new b.fn.init(e,t,r)},x=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,w=/\S+/g,T=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,N=/^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,k=/^[\],:{}\s]*$/,E=/(?:^|:|,)(?:\s*\[)+/g,S=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,A=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,j=/^-ms-/,D=/-([\da-z])/gi,L=function(e,t){return t.toUpperCase()},H=function(e){(o.addEventListener||"load"===e.type||"complete"===o.readyState)&&(q(),b.ready())},q=function(){o.addEventListener?(o.removeEventListener("DOMContentLoaded",H,!1),e.removeEventListener("load",H,!1)):(o.detachEvent("onreadystatechange",H),e.detachEvent("onload",H))};b.fn=b.prototype={jquery:p,constructor:b,init:function(e,n,r){var i,a;if(!e)return this;if("string"==typeof e){if(i="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:N.exec(e),!i||!i[1]&&n)return!n||n.jquery?(n||r).find(e):this.constructor(n).find(e);if(i[1]){if(n=n instanceof b?n[0]:n,b.merge(this,b.parseHTML(i[1],n&&n.nodeType?n.ownerDocument||n:o,!0)),C.test(i[1])&&b.isPlainObject(n))for(i in n)b.isFunction(this[i])?this[i](n[i]):this.attr(i,n[i]);return this}if(a=o.getElementById(i[2]),a&&a.parentNode){if(a.id!==i[2])return r.find(e);this.length=1,this[0]=a}return this.context=o,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):b.isFunction(e)?r.ready(e):(e.selector!==t&&(this.selector=e.selector,this.context=e.context),b.makeArray(e,this))},selector:"",length:0,size:function(){return this.length},toArray:function(){return h.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=b.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return b.each(this,e,t)},ready:function(e){return b.ready.promise().done(e),this},slice:function(){return this.pushStack(h.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(b.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:d,sort:[].sort,splice:[].splice},b.fn.init.prototype=b.fn,b.extend=b.fn.extend=function(){var e,n,r,i,o,a,s=arguments[0]||{},u=1,l=arguments.length,c=!1;for("boolean"==typeof s&&(c=s,s=arguments[1]||{},u=2),"object"==typeof s||b.isFunction(s)||(s={}),l===u&&(s=this,--u);l>u;u++)if(null!=(o=arguments[u]))for(i in o)e=s[i],r=o[i],s!==r&&(c&&r&&(b.isPlainObject(r)||(n=b.isArray(r)))?(n?(n=!1,a=e&&b.isArray(e)?e:[]):a=e&&b.isPlainObject(e)?e:{},s[i]=b.extend(c,a,r)):r!==t&&(s[i]=r));return s},b.extend({noConflict:function(t){return e.$===b&&(e.$=u),t&&e.jQuery===b&&(e.jQuery=s),b},isReady:!1,readyWait:1,holdReady:function(e){e?b.readyWait++:b.ready(!0)},ready:function(e){if(e===!0?!--b.readyWait:!b.isReady){if(!o.body)return setTimeout(b.ready);b.isReady=!0,e!==!0&&--b.readyWait>0||(n.resolveWith(o,[b]),b.fn.trigger&&b(o).trigger("ready").off("ready"))}},isFunction:function(e){return"function"===b.type(e)},isArray:Array.isArray||function(e){return"array"===b.type(e)},isWindow:function(e){return null!=e&&e==e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[m.call(e)]||"object":typeof e},isPlainObject:function(e){if(!e||"object"!==b.type(e)||e.nodeType||b.isWindow(e))return!1;try{if(e.constructor&&!y.call(e,"constructor")&&!y.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(n){return!1}var r;for(r in e);return r===t||y.call(e,r)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||o;var r=C.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=b.buildFragment([e],t,i),i&&b(i).remove(),b.merge([],r.childNodes))},parseJSON:function(n){return e.JSON&&e.JSON.parse?e.JSON.parse(n):null===n?n:"string"==typeof n&&(n=b.trim(n),n&&k.test(n.replace(S,"@").replace(A,"]").replace(E,"")))?Function("return "+n)():(b.error("Invalid JSON: "+n),t)},parseXML:function(n){var r,i;if(!n||"string"!=typeof n)return null;try{e.DOMParser?(i=new DOMParser,r=i.parseFromString(n,"text/xml")):(r=new ActiveXObject("Microsoft.XMLDOM"),r.async="false",r.loadXML(n))}catch(o){r=t}return r&&r.documentElement&&!r.getElementsByTagName("parsererror").length||b.error("Invalid XML: "+n),r},noop:function(){},globalEval:function(t){t&&b.trim(t)&&(e.execScript||function(t){e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(j,"ms-").replace(D,L)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,a=M(e);if(n){if(a){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(a){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:v&&!v.call("\ufeff\u00a0")?function(e){return null==e?"":v.call(e)}:function(e){return null==e?"":(e+"").replace(T,"")},makeArray:function(e,t){var n=t||[];return null!=e&&(M(Object(e))?b.merge(n,"string"==typeof e?[e]:e):d.call(n,e)),n},inArray:function(e,t,n){var r;if(t){if(g)return g.call(t,e,n);for(r=t.length,n=n?0>n?Math.max(0,r+n):n:0;r>n;n++)if(n in t&&t[n]===e)return n}return-1},merge:function(e,n){var r=n.length,i=e.length,o=0;if("number"==typeof r)for(;r>o;o++)e[i++]=n[o];else while(n[o]!==t)e[i++]=n[o++];return e.length=i,e},grep:function(e,t,n){var r,i=[],o=0,a=e.length;for(n=!!n;a>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,a=M(e),s=[];if(a)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(s[s.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(s[s.length]=r);return f.apply([],s)},guid:1,proxy:function(e,n){var r,i,o;return"string"==typeof n&&(o=e[n],n=e,e=o),b.isFunction(e)?(r=h.call(arguments,2),i=function(){return e.apply(n||this,r.concat(h.call(arguments)))},i.guid=e.guid=e.guid||b.guid++,i):t},access:function(e,n,r,i,o,a,s){var u=0,l=e.length,c=null==r;if("object"===b.type(r)){o=!0;for(u in r)b.access(e,n,u,r[u],!0,a,s)}else if(i!==t&&(o=!0,b.isFunction(i)||(s=!0),c&&(s?(n.call(e,i),n=null):(c=n,n=function(e,t,n){return c.call(b(e),n)})),n))for(;l>u;u++)n(e[u],r,s?i:i.call(e[u],u,n(e[u],r)));return o?e:c?n.call(e):l?n(e[0],r):a},now:function(){return(new Date).getTime()}}),b.ready.promise=function(t){if(!n)if(n=b.Deferred(),"complete"===o.readyState)setTimeout(b.ready);else if(o.addEventListener)o.addEventListener("DOMContentLoaded",H,!1),e.addEventListener("load",H,!1);else{o.attachEvent("onreadystatechange",H),e.attachEvent("onload",H);var r=!1;try{r=null==e.frameElement&&o.documentElement}catch(i){}r&&r.doScroll&&function a(){if(!b.isReady){try{r.doScroll("left")}catch(e){return setTimeout(a,50)}q(),b.ready()}}()}return n.promise(t)},b.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){l["[object "+t+"]"]=t.toLowerCase()});function M(e){var t=e.length,n=b.type(e);return b.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}r=b(o);var _={};function F(e){var t=_[e]={};return b.each(e.match(w)||[],function(e,n){t[n]=!0}),t}b.Callbacks=function(e){e="string"==typeof e?_[e]||F(e):b.extend({},e);var n,r,i,o,a,s,u=[],l=!e.once&&[],c=function(t){for(r=e.memory&&t,i=!0,a=s||0,s=0,o=u.length,n=!0;u&&o>a;a++)if(u[a].apply(t[0],t[1])===!1&&e.stopOnFalse){r=!1;break}n=!1,u&&(l?l.length&&c(l.shift()):r?u=[]:p.disable())},p={add:function(){if(u){var t=u.length;(function i(t){b.each(t,function(t,n){var r=b.type(n);"function"===r?e.unique&&p.has(n)||u.push(n):n&&n.length&&"string"!==r&&i(n)})})(arguments),n?o=u.length:r&&(s=t,c(r))}return this},remove:function(){return u&&b.each(arguments,function(e,t){var r;while((r=b.inArray(t,u,r))>-1)u.splice(r,1),n&&(o>=r&&o--,a>=r&&a--)}),this},has:function(e){return e?b.inArray(e,u)>-1:!(!u||!u.length)},empty:function(){return u=[],this},disable:function(){return u=l=r=t,this},disabled:function(){return!u},lock:function(){return l=t,r||p.disable(),this},locked:function(){return!l},fireWith:function(e,t){return t=t||[],t=[e,t.slice?t.slice():t],!u||i&&!l||(n?l.push(t):c(t)),this},fire:function(){return p.fireWith(this,arguments),this},fired:function(){return!!i}};return p},b.extend({Deferred:function(e){var t=[["resolve","done",b.Callbacks("once memory"),"resolved"],["reject","fail",b.Callbacks("once memory"),"rejected"],["notify","progress",b.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return b.Deferred(function(n){b.each(t,function(t,o){var a=o[0],s=b.isFunction(e[t])&&e[t];i[o[1]](function(){var e=s&&s.apply(this,arguments);e&&b.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[a+"With"](this===r?n.promise():this,s?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?b.extend(e,r):r}},i={};return r.pipe=r.then,b.each(t,function(e,o){var a=o[2],s=o[3];r[o[1]]=a.add,s&&a.add(function(){n=s},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=a.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=h.call(arguments),r=n.length,i=1!==r||e&&b.isFunction(e.promise)?r:0,o=1===i?e:b.Deferred(),a=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?h.call(arguments):r,n===s?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},s,u,l;if(r>1)for(s=Array(r),u=Array(r),l=Array(r);r>t;t++)n[t]&&b.isFunction(n[t].promise)?n[t].promise().done(a(t,l,n)).fail(o.reject).progress(a(t,u,s)):--i;return i||o.resolveWith(l,n),o.promise()}}),b.support=function(){var t,n,r,a,s,u,l,c,p,f,d=o.createElement("div");if(d.setAttribute("className","t"),d.innerHTML=" <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",n=d.getElementsByTagName("*"),r=d.getElementsByTagName("a")[0],!n||!r||!n.length)return{};s=o.createElement("select"),l=s.appendChild(o.createElement("option")),a=d.getElementsByTagName("input")[0],r.style.cssText="top:1px;float:left;opacity:.5",t={getSetAttribute:"t"!==d.className,leadingWhitespace:3===d.firstChild.nodeType,tbody:!d.getElementsByTagName("tbody").length,htmlSerialize:!!d.getElementsByTagName("link").length,style:/top/.test(r.getAttribute("style")),hrefNormalized:"/a"===r.getAttribute("href"),opacity:/^0.5/.test(r.style.opacity),cssFloat:!!r.style.cssFloat,checkOn:!!a.value,optSelected:l.selected,enctype:!!o.createElement("form").enctype,html5Clone:"<:nav></:nav>"!==o.createElement("nav").cloneNode(!0).outerHTML,boxModel:"CSS1Compat"===o.compatMode,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,boxSizingReliable:!0,pixelPosition:!1},a.checked=!0,t.noCloneChecked=a.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!l.disabled;try{delete d.test}catch(h){t.deleteExpando=!1}a=o.createElement("input"),a.setAttribute("value",""),t.input=""===a.getAttribute("value"),a.value="t",a.setAttribute("type","radio"),t.radioValue="t"===a.value,a.setAttribute("checked","t"),a.setAttribute("name","t"),u=o.createDocumentFragment(),u.appendChild(a),t.appendChecked=a.checked,t.checkClone=u.cloneNode(!0).cloneNode(!0).lastChild.checked,d.attachEvent&&(d.attachEvent("onclick",function(){t.noCloneEvent=!1}),d.cloneNode(!0).click());for(f in{submit:!0,change:!0,focusin:!0})d.setAttribute(c="on"+f,"t"),t[f+"Bubbles"]=c in e||d.attributes[c].expando===!1;return d.style.backgroundClip="content-box",d.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===d.style.backgroundClip,b(function(){var n,r,a,s="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",u=o.getElementsByTagName("body")[0];u&&(n=o.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",u.appendChild(n).appendChild(d),d.innerHTML="<table><tr><td></td><td>t</td></tr></table>",a=d.getElementsByTagName("td"),a[0].style.cssText="padding:0;margin:0;border:0;display:none",p=0===a[0].offsetHeight,a[0].style.display="",a[1].style.display="none",t.reliableHiddenOffsets=p&&0===a[0].offsetHeight,d.innerHTML="",d.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",t.boxSizing=4===d.offsetWidth,t.doesNotIncludeMarginInBodyOffset=1!==u.offsetTop,e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(d,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(d,null)||{width:"4px"}).width,r=d.appendChild(o.createElement("div")),r.style.cssText=d.style.cssText=s,r.style.marginRight=r.style.width="0",d.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),typeof d.style.zoom!==i&&(d.innerHTML="",d.style.cssText=s+"width:1px;padding:1px;display:inline;zoom:1",t.inlineBlockNeedsLayout=3===d.offsetWidth,d.style.display="block",d.innerHTML="<div></div>",d.firstChild.style.width="5px",t.shrinkWrapBlocks=3!==d.offsetWidth,t.inlineBlockNeedsLayout&&(u.style.zoom=1)),u.removeChild(n),n=d=a=r=null)}),n=s=u=l=r=a=null,t}();var O=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,B=/([A-Z])/g;function P(e,n,r,i){if(b.acceptData(e)){var o,a,s=b.expando,u="string"==typeof n,l=e.nodeType,p=l?b.cache:e,f=l?e[s]:e[s]&&s;if(f&&p[f]&&(i||p[f].data)||!u||r!==t)return f||(l?e[s]=f=c.pop()||b.guid++:f=s),p[f]||(p[f]={},l||(p[f].toJSON=b.noop)),("object"==typeof n||"function"==typeof n)&&(i?p[f]=b.extend(p[f],n):p[f].data=b.extend(p[f].data,n)),o=p[f],i||(o.data||(o.data={}),o=o.data),r!==t&&(o[b.camelCase(n)]=r),u?(a=o[n],null==a&&(a=o[b.camelCase(n)])):a=o,a}}function R(e,t,n){if(b.acceptData(e)){var r,i,o,a=e.nodeType,s=a?b.cache:e,u=a?e[b.expando]:b.expando;if(s[u]){if(t&&(o=n?s[u]:s[u].data)){b.isArray(t)?t=t.concat(b.map(t,b.camelCase)):t in o?t=[t]:(t=b.camelCase(t),t=t in o?[t]:t.split(" "));for(r=0,i=t.length;i>r;r++)delete o[t[r]];if(!(n?$:b.isEmptyObject)(o))return}(n||(delete s[u].data,$(s[u])))&&(a?b.cleanData([e],!0):b.support.deleteExpando||s!=s.window?delete s[u]:s[u]=null)}}}b.extend({cache:{},expando:"jQuery"+(p+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(e){return e=e.nodeType?b.cache[e[b.expando]]:e[b.expando],!!e&&!$(e)},data:function(e,t,n){return P(e,t,n)},removeData:function(e,t){return R(e,t)},_data:function(e,t,n){return P(e,t,n,!0)},_removeData:function(e,t){return R(e,t,!0)},acceptData:function(e){if(e.nodeType&&1!==e.nodeType&&9!==e.nodeType)return!1;var t=e.nodeName&&b.noData[e.nodeName.toLowerCase()];return!t||t!==!0&&e.getAttribute("classid")===t}}),b.fn.extend({data:function(e,n){var r,i,o=this[0],a=0,s=null;if(e===t){if(this.length&&(s=b.data(o),1===o.nodeType&&!b._data(o,"parsedAttrs"))){for(r=o.attributes;r.length>a;a++)i=r[a].name,i.indexOf("data-")||(i=b.camelCase(i.slice(5)),W(o,i,s[i]));b._data(o,"parsedAttrs",!0)}return s}return"object"==typeof e?this.each(function(){b.data(this,e)}):b.access(this,function(n){return n===t?o?W(o,e,b.data(o,e)):null:(this.each(function(){b.data(this,e,n)}),t)},null,n,arguments.length>1,null,!0)},removeData:function(e){return this.each(function(){b.removeData(this,e)})}});function W(e,n,r){if(r===t&&1===e.nodeType){var i="data-"+n.replace(B,"-$1").toLowerCase();if(r=e.getAttribute(i),"string"==typeof r){try{r="true"===r?!0:"false"===r?!1:"null"===r?null:+r+""===r?+r:O.test(r)?b.parseJSON(r):r}catch(o){}b.data(e,n,r)}else r=t}return r}function $(e){var t;for(t in e)if(("data"!==t||!b.isEmptyObject(e[t]))&&"toJSON"!==t)return!1;return!0}b.extend({queue:function(e,n,r){var i;return e?(n=(n||"fx")+"queue",i=b._data(e,n),r&&(!i||b.isArray(r)?i=b._data(e,n,b.makeArray(r)):i.push(r)),i||[]):t},dequeue:function(e,t){t=t||"fx";var n=b.queue(e,t),r=n.length,i=n.shift(),o=b._queueHooks(e,t),a=function(){b.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),o.cur=i,i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return b._data(e,n)||b._data(e,n,{empty:b.Callbacks("once memory").add(function(){b._removeData(e,t+"queue"),b._removeData(e,n)})})}}),b.fn.extend({queue:function(e,n){var r=2;return"string"!=typeof e&&(n=e,e="fx",r--),r>arguments.length?b.queue(this[0],e):n===t?this:this.each(function(){var t=b.queue(this,e,n);b._queueHooks(this,e),"fx"===e&&"inprogress"!==t[0]&&b.dequeue(this,e)})},dequeue:function(e){return this.each(function(){b.dequeue(this,e)})},delay:function(e,t){return e=b.fx?b.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,n){var r,i=1,o=b.Deferred(),a=this,s=this.length,u=function(){--i||o.resolveWith(a,[a])};"string"!=typeof e&&(n=e,e=t),e=e||"fx";while(s--)r=b._data(a[s],e+"queueHooks"),r&&r.empty&&(i++,r.empty.add(u));return u(),o.promise(n)}});var I,z,X=/[\t\r\n]/g,U=/\r/g,V=/^(?:input|select|textarea|button|object)$/i,Y=/^(?:a|area)$/i,J=/^(?:checked|selected|autofocus|autoplay|async|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped)$/i,G=/^(?:checked|selected)$/i,Q=b.support.getSetAttribute,K=b.support.input;b.fn.extend({attr:function(e,t){return b.access(this,b.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){b.removeAttr(this,e)})},prop:function(e,t){return b.access(this,b.prop,e,t,arguments.length>1)},removeProp:function(e){return e=b.propFix[e]||e,this.each(function(){try{this[e]=t,delete this[e]}catch(n){}})},addClass:function(e){var t,n,r,i,o,a=0,s=this.length,u="string"==typeof e&&e;if(b.isFunction(e))return this.each(function(t){b(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(X," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=b.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,a=0,s=this.length,u=0===arguments.length||"string"==typeof e&&e;if(b.isFunction(e))return this.each(function(t){b(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(X," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?b.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e,r="boolean"==typeof t;return b.isFunction(e)?this.each(function(n){b(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var o,a=0,s=b(this),u=t,l=e.match(w)||[];while(o=l[a++])u=r?u:!s.hasClass(o),s[u?"addClass":"removeClass"](o)}else(n===i||"boolean"===n)&&(this.className&&b._data(this,"__className__",this.className),this.className=this.className||e===!1?"":b._data(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(X," ").indexOf(t)>=0)return!0;return!1},val:function(e){var n,r,i,o=this[0];{if(arguments.length)return i=b.isFunction(e),this.each(function(n){var o,a=b(this);1===this.nodeType&&(o=i?e.call(this,n,a.val()):e,null==o?o="":"number"==typeof o?o+="":b.isArray(o)&&(o=b.map(o,function(e){return null==e?"":e+""})),r=b.valHooks[this.type]||b.valHooks[this.nodeName.toLowerCase()],r&&"set"in r&&r.set(this,o,"value")!==t||(this.value=o))});if(o)return r=b.valHooks[o.type]||b.valHooks[o.nodeName.toLowerCase()],r&&"get"in r&&(n=r.get(o,"value"))!==t?n:(n=o.value,"string"==typeof n?n.replace(U,""):null==n?"":n)}}}),b.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,a=o?null:[],s=o?i+1:r.length,u=0>i?s:o?i:0;for(;s>u;u++)if(n=r[u],!(!n.selected&&u!==i||(b.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&b.nodeName(n.parentNode,"optgroup"))){if(t=b(n).val(),o)return t;a.push(t)}return a},set:function(e,t){var n=b.makeArray(t);return b(e).find("option").each(function(){this.selected=b.inArray(b(this).val(),n)>=0}),n.length||(e.selectedIndex=-1),n}}},attr:function(e,n,r){var o,a,s,u=e.nodeType;if(e&&3!==u&&8!==u&&2!==u)return typeof e.getAttribute===i?b.prop(e,n,r):(a=1!==u||!b.isXMLDoc(e),a&&(n=n.toLowerCase(),o=b.attrHooks[n]||(J.test(n)?z:I)),r===t?o&&a&&"get"in o&&null!==(s=o.get(e,n))?s:(typeof e.getAttribute!==i&&(s=e.getAttribute(n)),null==s?t:s):null!==r?o&&a&&"set"in o&&(s=o.set(e,r,n))!==t?s:(e.setAttribute(n,r+""),r):(b.removeAttr(e,n),t))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=b.propFix[n]||n,J.test(n)?!Q&&G.test(n)?e[b.camelCase("default-"+n)]=e[r]=!1:e[r]=!1:b.attr(e,n,""),e.removeAttribute(Q?n:r)},attrHooks:{type:{set:function(e,t){if(!b.support.radioValue&&"radio"===t&&b.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(e,n,r){var i,o,a,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return a=1!==s||!b.isXMLDoc(e),a&&(n=b.propFix[n]||n,o=b.propHooks[n]),r!==t?o&&"set"in o&&(i=o.set(e,r,n))!==t?i:e[n]=r:o&&"get"in o&&null!==(i=o.get(e,n))?i:e[n]},propHooks:{tabIndex:{get:function(e){var n=e.getAttributeNode("tabindex");return n&&n.specified?parseInt(n.value,10):V.test(e.nodeName)||Y.test(e.nodeName)&&e.href?0:t}}}}),z={get:function(e,n){var r=b.prop(e,n),i="boolean"==typeof r&&e.getAttribute(n),o="boolean"==typeof r?K&&Q?null!=i:G.test(n)?e[b.camelCase("default-"+n)]:!!i:e.getAttributeNode(n);return o&&o.value!==!1?n.toLowerCase():t},set:function(e,t,n){return t===!1?b.removeAttr(e,n):K&&Q||!G.test(n)?e.setAttribute(!Q&&b.propFix[n]||n,n):e[b.camelCase("default-"+n)]=e[n]=!0,n}},K&&Q||(b.attrHooks.value={get:function(e,n){var r=e.getAttributeNode(n);return b.nodeName(e,"input")?e.defaultValue:r&&r.specified?r.value:t},set:function(e,n,r){return b.nodeName(e,"input")?(e.defaultValue=n,t):I&&I.set(e,n,r)}}),Q||(I=b.valHooks.button={get:function(e,n){var r=e.getAttributeNode(n);return r&&("id"===n||"name"===n||"coords"===n?""!==r.value:r.specified)?r.value:t},set:function(e,n,r){var i=e.getAttributeNode(r);return i||e.setAttributeNode(i=e.ownerDocument.createAttribute(r)),i.value=n+="","value"===r||n===e.getAttribute(r)?n:t}},b.attrHooks.contenteditable={get:I.get,set:function(e,t,n){I.set(e,""===t?!1:t,n)}},b.each(["width","height"],function(e,n){b.attrHooks[n]=b.extend(b.attrHooks[n],{set:function(e,r){return""===r?(e.setAttribute(n,"auto"),r):t}})})),b.support.hrefNormalized||(b.each(["href","src","width","height"],function(e,n){b.attrHooks[n]=b.extend(b.attrHooks[n],{get:function(e){var r=e.getAttribute(n,2);return null==r?t:r}})}),b.each(["href","src"],function(e,t){b.propHooks[t]={get:function(e){return e.getAttribute(t,4)}}})),b.support.style||(b.attrHooks.style={get:function(e){return e.style.cssText||t},set:function(e,t){return e.style.cssText=t+""}}),b.support.optSelected||(b.propHooks.selected=b.extend(b.propHooks.selected,{get:function(e){var t=e.parentNode;return t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex),null}})),b.support.enctype||(b.propFix.enctype="encoding"),b.support.checkOn||b.each(["radio","checkbox"],function(){b.valHooks[this]={get:function(e){return null===e.getAttribute("value")?"on":e.value}}}),b.each(["radio","checkbox"],function(){b.valHooks[this]=b.extend(b.valHooks[this],{set:function(e,n){return b.isArray(n)?e.checked=b.inArray(b(e).val(),n)>=0:t}})});var Z=/^(?:input|select|textarea)$/i,et=/^key/,tt=/^(?:mouse|contextmenu)|click/,nt=/^(?:focusinfocus|focusoutblur)$/,rt=/^([^.]*)(?:\.(.+)|)$/;function it(){return!0}function ot(){return!1}b.event={global:{},add:function(e,n,r,o,a){var s,u,l,c,p,f,d,h,g,m,y,v=b._data(e);if(v){r.handler&&(c=r,r=c.handler,a=c.selector),r.guid||(r.guid=b.guid++),(u=v.events)||(u=v.events={}),(f=v.handle)||(f=v.handle=function(e){return typeof b===i||e&&b.event.triggered===e.type?t:b.event.dispatch.apply(f.elem,arguments)},f.elem=e),n=(n||"").match(w)||[""],l=n.length;while(l--)s=rt.exec(n[l])||[],g=y=s[1],m=(s[2]||"").split(".").sort(),p=b.event.special[g]||{},g=(a?p.delegateType:p.bindType)||g,p=b.event.special[g]||{},d=b.extend({type:g,origType:y,data:o,handler:r,guid:r.guid,selector:a,needsContext:a&&b.expr.match.needsContext.test(a),namespace:m.join(".")},c),(h=u[g])||(h=u[g]=[],h.delegateCount=0,p.setup&&p.setup.call(e,o,m,f)!==!1||(e.addEventListener?e.addEventListener(g,f,!1):e.attachEvent&&e.attachEvent("on"+g,f))),p.add&&(p.add.call(e,d),d.handler.guid||(d.handler.guid=r.guid)),a?h.splice(h.delegateCount++,0,d):h.push(d),b.event.global[g]=!0;e=null}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,p,f,d,h,g,m=b.hasData(e)&&b._data(e);if(m&&(c=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(s=rt.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){p=b.event.special[d]||{},d=(r?p.delegateType:p.bindType)||d,f=c[d]||[],s=s[2]&&RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),u=o=f.length;while(o--)a=f[o],!i&&g!==a.origType||n&&n.guid!==a.guid||s&&!s.test(a.namespace)||r&&r!==a.selector&&("**"!==r||!a.selector)||(f.splice(o,1),a.selector&&f.delegateCount--,p.remove&&p.remove.call(e,a));u&&!f.length&&(p.teardown&&p.teardown.call(e,h,m.handle)!==!1||b.removeEvent(e,d,m.handle),delete c[d])}else for(d in c)b.event.remove(e,d+t[l],n,r,!0);b.isEmptyObject(c)&&(delete m.handle,b._removeData(e,"events"))}},trigger:function(n,r,i,a){var s,u,l,c,p,f,d,h=[i||o],g=y.call(n,"type")?n.type:n,m=y.call(n,"namespace")?n.namespace.split("."):[];if(l=f=i=i||o,3!==i.nodeType&&8!==i.nodeType&&!nt.test(g+b.event.triggered)&&(g.indexOf(".")>=0&&(m=g.split("."),g=m.shift(),m.sort()),u=0>g.indexOf(":")&&"on"+g,n=n[b.expando]?n:new b.Event(g,"object"==typeof n&&n),n.isTrigger=!0,n.namespace=m.join("."),n.namespace_re=n.namespace?RegExp("(^|\\.)"+m.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,n.result=t,n.target||(n.target=i),r=null==r?[n]:b.makeArray(r,[n]),p=b.event.special[g]||{},a||!p.trigger||p.trigger.apply(i,r)!==!1)){if(!a&&!p.noBubble&&!b.isWindow(i)){for(c=p.delegateType||g,nt.test(c+g)||(l=l.parentNode);l;l=l.parentNode)h.push(l),f=l;f===(i.ownerDocument||o)&&h.push(f.defaultView||f.parentWindow||e)}d=0;while((l=h[d++])&&!n.isPropagationStopped())n.type=d>1?c:p.bindType||g,s=(b._data(l,"events")||{})[n.type]&&b._data(l,"handle"),s&&s.apply(l,r),s=u&&l[u],s&&b.acceptData(l)&&s.apply&&s.apply(l,r)===!1&&n.preventDefault();if(n.type=g,!(a||n.isDefaultPrevented()||p._default&&p._default.apply(i.ownerDocument,r)!==!1||"click"===g&&b.nodeName(i,"a")||!b.acceptData(i)||!u||!i[g]||b.isWindow(i))){f=i[u],f&&(i[u]=null),b.event.triggered=g;try{i[g]()}catch(v){}b.event.triggered=t,f&&(i[u]=f)}return n.result}},dispatch:function(e){e=b.event.fix(e);var n,r,i,o,a,s=[],u=h.call(arguments),l=(b._data(this,"events")||{})[e.type]||[],c=b.event.special[e.type]||{};if(u[0]=e,e.delegateTarget=this,!c.preDispatch||c.preDispatch.call(this,e)!==!1){s=b.event.handlers.call(this,e,l),n=0;while((o=s[n++])&&!e.isPropagationStopped()){e.currentTarget=o.elem,a=0;while((i=o.handlers[a++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(i.namespace))&&(e.handleObj=i,e.data=i.data,r=((b.event.special[i.origType]||{}).handle||i.handler).apply(o.elem,u),r!==t&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,e),e.result}},handlers:function(e,n){var r,i,o,a,s=[],u=n.delegateCount,l=e.target;if(u&&l.nodeType&&(!e.button||"click"!==e.type))for(;l!=this;l=l.parentNode||this)if(1===l.nodeType&&(l.disabled!==!0||"click"!==e.type)){for(o=[],a=0;u>a;a++)i=n[a],r=i.selector+" ",o[r]===t&&(o[r]=i.needsContext?b(r,this).index(l)>=0:b.find(r,this,null,[l]).length),o[r]&&o.push(i);o.length&&s.push({elem:l,handlers:o})}return n.length>u&&s.push({elem:this,handlers:n.slice(u)}),s},fix:function(e){if(e[b.expando])return e;var t,n,r,i=e.type,a=e,s=this.fixHooks[i];s||(this.fixHooks[i]=s=tt.test(i)?this.mouseHooks:et.test(i)?this.keyHooks:{}),r=s.props?this.props.concat(s.props):this.props,e=new b.Event(a),t=r.length;while(t--)n=r[t],e[n]=a[n];return e.target||(e.target=a.srcElement||o),3===e.target.nodeType&&(e.target=e.target.parentNode),e.metaKey=!!e.metaKey,s.filter?s.filter(e,a):e},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,n){var r,i,a,s=n.button,u=n.fromElement;return null==e.pageX&&null!=n.clientX&&(i=e.target.ownerDocument||o,a=i.documentElement,r=i.body,e.pageX=n.clientX+(a&&a.scrollLeft||r&&r.scrollLeft||0)-(a&&a.clientLeft||r&&r.clientLeft||0),e.pageY=n.clientY+(a&&a.scrollTop||r&&r.scrollTop||0)-(a&&a.clientTop||r&&r.clientTop||0)),!e.relatedTarget&&u&&(e.relatedTarget=u===e.target?n.toElement:u),e.which||s===t||(e.which=1&s?1:2&s?3:4&s?2:0),e}},special:{load:{noBubble:!0},click:{trigger:function(){return b.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):t}},focus:{trigger:function(){if(this!==o.activeElement&&this.focus)try{return this.focus(),!1}catch(e){}},delegateType:"focusin"},blur:{trigger:function(){return this===o.activeElement&&this.blur?(this.blur(),!1):t},delegateType:"focusout"},beforeunload:{postDispatch:function(e){e.result!==t&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=b.extend(new b.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?b.event.trigger(i,null,t):b.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},b.removeEvent=o.removeEventListener?function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)}:function(e,t,n){var r="on"+t;e.detachEvent&&(typeof e[r]===i&&(e[r]=null),e.detachEvent(r,n))},b.Event=function(e,n){return this instanceof b.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.returnValue===!1||e.getPreventDefault&&e.getPreventDefault()?it:ot):this.type=e,n&&b.extend(this,n),this.timeStamp=e&&e.timeStamp||b.now(),this[b.expando]=!0,t):new b.Event(e,n)},b.Event.prototype={isDefaultPrevented:ot,isPropagationStopped:ot,isImmediatePropagationStopped:ot,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=it,e&&(e.preventDefault?e.preventDefault():e.returnValue=!1)},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=it,e&&(e.stopPropagation&&e.stopPropagation(),e.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=it,this.stopPropagation()}},b.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){b.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;
+return(!i||i!==r&&!b.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),b.support.submitBubbles||(b.event.special.submit={setup:function(){return b.nodeName(this,"form")?!1:(b.event.add(this,"click._submit keypress._submit",function(e){var n=e.target,r=b.nodeName(n,"input")||b.nodeName(n,"button")?n.form:t;r&&!b._data(r,"submitBubbles")&&(b.event.add(r,"submit._submit",function(e){e._submit_bubble=!0}),b._data(r,"submitBubbles",!0))}),t)},postDispatch:function(e){e._submit_bubble&&(delete e._submit_bubble,this.parentNode&&!e.isTrigger&&b.event.simulate("submit",this.parentNode,e,!0))},teardown:function(){return b.nodeName(this,"form")?!1:(b.event.remove(this,"._submit"),t)}}),b.support.changeBubbles||(b.event.special.change={setup:function(){return Z.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(b.event.add(this,"propertychange._change",function(e){"checked"===e.originalEvent.propertyName&&(this._just_changed=!0)}),b.event.add(this,"click._change",function(e){this._just_changed&&!e.isTrigger&&(this._just_changed=!1),b.event.simulate("change",this,e,!0)})),!1):(b.event.add(this,"beforeactivate._change",function(e){var t=e.target;Z.test(t.nodeName)&&!b._data(t,"changeBubbles")&&(b.event.add(t,"change._change",function(e){!this.parentNode||e.isSimulated||e.isTrigger||b.event.simulate("change",this.parentNode,e,!0)}),b._data(t,"changeBubbles",!0))}),t)},handle:function(e){var n=e.target;return this!==n||e.isSimulated||e.isTrigger||"radio"!==n.type&&"checkbox"!==n.type?e.handleObj.handler.apply(this,arguments):t},teardown:function(){return b.event.remove(this,"._change"),!Z.test(this.nodeName)}}),b.support.focusinBubbles||b.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){b.event.simulate(t,e.target,b.event.fix(e),!0)};b.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),b.fn.extend({on:function(e,n,r,i,o){var a,s;if("object"==typeof e){"string"!=typeof n&&(r=r||n,n=t);for(a in e)this.on(a,n,r,e[a],o);return this}if(null==r&&null==i?(i=n,r=n=t):null==i&&("string"==typeof n?(i=r,r=t):(i=r,r=n,n=t)),i===!1)i=ot;else if(!i)return this;return 1===o&&(s=i,i=function(e){return b().off(e),s.apply(this,arguments)},i.guid=s.guid||(s.guid=b.guid++)),this.each(function(){b.event.add(this,e,i,r,n)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,n,r){var i,o;if(e&&e.preventDefault&&e.handleObj)return i=e.handleObj,b(e.delegateTarget).off(i.namespace?i.origType+"."+i.namespace:i.origType,i.selector,i.handler),this;if("object"==typeof e){for(o in e)this.off(o,n,e[o]);return this}return(n===!1||"function"==typeof n)&&(r=n,n=t),r===!1&&(r=ot),this.each(function(){b.event.remove(this,e,r,n)})},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},trigger:function(e,t){return this.each(function(){b.event.trigger(e,t,this)})},triggerHandler:function(e,n){var r=this[0];return r?b.event.trigger(e,n,r,!0):t}}),function(e,t){var n,r,i,o,a,s,u,l,c,p,f,d,h,g,m,y,v,x="sizzle"+-new Date,w=e.document,T={},N=0,C=0,k=it(),E=it(),S=it(),A=typeof t,j=1<<31,D=[],L=D.pop,H=D.push,q=D.slice,M=D.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},_="[\\x20\\t\\r\\n\\f]",F="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",O=F.replace("w","w#"),B="([*^$|!~]?=)",P="\\["+_+"*("+F+")"+_+"*(?:"+B+_+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+O+")|)|)"+_+"*\\]",R=":("+F+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+P.replace(3,8)+")*)|.*)\\)|)",W=RegExp("^"+_+"+|((?:^|[^\\\\])(?:\\\\.)*)"+_+"+$","g"),$=RegExp("^"+_+"*,"+_+"*"),I=RegExp("^"+_+"*([\\x20\\t\\r\\n\\f>+~])"+_+"*"),z=RegExp(R),X=RegExp("^"+O+"$"),U={ID:RegExp("^#("+F+")"),CLASS:RegExp("^\\.("+F+")"),NAME:RegExp("^\\[name=['\"]?("+F+")['\"]?\\]"),TAG:RegExp("^("+F.replace("w","w*")+")"),ATTR:RegExp("^"+P),PSEUDO:RegExp("^"+R),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+_+"*(even|odd|(([+-]|)(\\d*)n|)"+_+"*(?:([+-]|)"+_+"*(\\d+)|))"+_+"*\\)|)","i"),needsContext:RegExp("^"+_+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+_+"*((?:-\\d)?\\d*)"+_+"*\\)|)(?=[^-]|$)","i")},V=/[\x20\t\r\n\f]*[+~]/,Y=/^[^{]+\{\s*\[native code/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,G=/^(?:input|select|textarea|button)$/i,Q=/^h\d$/i,K=/'|\\/g,Z=/\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,et=/\\([\da-fA-F]{1,6}[\x20\t\r\n\f]?|.)/g,tt=function(e,t){var n="0x"+t-65536;return n!==n?t:0>n?String.fromCharCode(n+65536):String.fromCharCode(55296|n>>10,56320|1023&n)};try{q.call(w.documentElement.childNodes,0)[0].nodeType}catch(nt){q=function(e){var t,n=[];while(t=this[e++])n.push(t);return n}}function rt(e){return Y.test(e+"")}function it(){var e,t=[];return e=function(n,r){return t.push(n+=" ")>i.cacheLength&&delete e[t.shift()],e[n]=r}}function ot(e){return e[x]=!0,e}function at(e){var t=p.createElement("div");try{return e(t)}catch(n){return!1}finally{t=null}}function st(e,t,n,r){var i,o,a,s,u,l,f,g,m,v;if((t?t.ownerDocument||t:w)!==p&&c(t),t=t||p,n=n||[],!e||"string"!=typeof e)return n;if(1!==(s=t.nodeType)&&9!==s)return[];if(!d&&!r){if(i=J.exec(e))if(a=i[1]){if(9===s){if(o=t.getElementById(a),!o||!o.parentNode)return n;if(o.id===a)return n.push(o),n}else if(t.ownerDocument&&(o=t.ownerDocument.getElementById(a))&&y(t,o)&&o.id===a)return n.push(o),n}else{if(i[2])return H.apply(n,q.call(t.getElementsByTagName(e),0)),n;if((a=i[3])&&T.getByClassName&&t.getElementsByClassName)return H.apply(n,q.call(t.getElementsByClassName(a),0)),n}if(T.qsa&&!h.test(e)){if(f=!0,g=x,m=t,v=9===s&&e,1===s&&"object"!==t.nodeName.toLowerCase()){l=ft(e),(f=t.getAttribute("id"))?g=f.replace(K,"\\$&"):t.setAttribute("id",g),g="[id='"+g+"'] ",u=l.length;while(u--)l[u]=g+dt(l[u]);m=V.test(e)&&t.parentNode||t,v=l.join(",")}if(v)try{return H.apply(n,q.call(m.querySelectorAll(v),0)),n}catch(b){}finally{f||t.removeAttribute("id")}}}return wt(e.replace(W,"$1"),t,n,r)}a=st.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},c=st.setDocument=function(e){var n=e?e.ownerDocument||e:w;return n!==p&&9===n.nodeType&&n.documentElement?(p=n,f=n.documentElement,d=a(n),T.tagNameNoComments=at(function(e){return e.appendChild(n.createComment("")),!e.getElementsByTagName("*").length}),T.attributes=at(function(e){e.innerHTML="<select></select>";var t=typeof e.lastChild.getAttribute("multiple");return"boolean"!==t&&"string"!==t}),T.getByClassName=at(function(e){return e.innerHTML="<div class='hidden e'></div><div class='hidden'></div>",e.getElementsByClassName&&e.getElementsByClassName("e").length?(e.lastChild.className="e",2===e.getElementsByClassName("e").length):!1}),T.getByName=at(function(e){e.id=x+0,e.innerHTML="<a name='"+x+"'></a><div name='"+x+"'></div>",f.insertBefore(e,f.firstChild);var t=n.getElementsByName&&n.getElementsByName(x).length===2+n.getElementsByName(x+0).length;return T.getIdNotName=!n.getElementById(x),f.removeChild(e),t}),i.attrHandle=at(function(e){return e.innerHTML="<a href='#'></a>",e.firstChild&&typeof e.firstChild.getAttribute!==A&&"#"===e.firstChild.getAttribute("href")})?{}:{href:function(e){return e.getAttribute("href",2)},type:function(e){return e.getAttribute("type")}},T.getIdNotName?(i.find.ID=function(e,t){if(typeof t.getElementById!==A&&!d){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},i.filter.ID=function(e){var t=e.replace(et,tt);return function(e){return e.getAttribute("id")===t}}):(i.find.ID=function(e,n){if(typeof n.getElementById!==A&&!d){var r=n.getElementById(e);return r?r.id===e||typeof r.getAttributeNode!==A&&r.getAttributeNode("id").value===e?[r]:t:[]}},i.filter.ID=function(e){var t=e.replace(et,tt);return function(e){var n=typeof e.getAttributeNode!==A&&e.getAttributeNode("id");return n&&n.value===t}}),i.find.TAG=T.tagNameNoComments?function(e,n){return typeof n.getElementsByTagName!==A?n.getElementsByTagName(e):t}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},i.find.NAME=T.getByName&&function(e,n){return typeof n.getElementsByName!==A?n.getElementsByName(name):t},i.find.CLASS=T.getByClassName&&function(e,n){return typeof n.getElementsByClassName===A||d?t:n.getElementsByClassName(e)},g=[],h=[":focus"],(T.qsa=rt(n.querySelectorAll))&&(at(function(e){e.innerHTML="<select><option selected=''></option></select>",e.querySelectorAll("[selected]").length||h.push("\\["+_+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)"),e.querySelectorAll(":checked").length||h.push(":checked")}),at(function(e){e.innerHTML="<input type='hidden' i=''/>",e.querySelectorAll("[i^='']").length&&h.push("[*^$]="+_+"*(?:\"\"|'')"),e.querySelectorAll(":enabled").length||h.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),h.push(",.*:")})),(T.matchesSelector=rt(m=f.matchesSelector||f.mozMatchesSelector||f.webkitMatchesSelector||f.oMatchesSelector||f.msMatchesSelector))&&at(function(e){T.disconnectedMatch=m.call(e,"div"),m.call(e,"[s!='']:x"),g.push("!=",R)}),h=RegExp(h.join("|")),g=RegExp(g.join("|")),y=rt(f.contains)||f.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},v=f.compareDocumentPosition?function(e,t){var r;return e===t?(u=!0,0):(r=t.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(t))?1&r||e.parentNode&&11===e.parentNode.nodeType?e===n||y(w,e)?-1:t===n||y(w,t)?1:0:4&r?-1:1:e.compareDocumentPosition?-1:1}:function(e,t){var r,i=0,o=e.parentNode,a=t.parentNode,s=[e],l=[t];if(e===t)return u=!0,0;if(!o||!a)return e===n?-1:t===n?1:o?-1:a?1:0;if(o===a)return ut(e,t);r=e;while(r=r.parentNode)s.unshift(r);r=t;while(r=r.parentNode)l.unshift(r);while(s[i]===l[i])i++;return i?ut(s[i],l[i]):s[i]===w?-1:l[i]===w?1:0},u=!1,[0,0].sort(v),T.detectDuplicates=u,p):p},st.matches=function(e,t){return st(e,null,null,t)},st.matchesSelector=function(e,t){if((e.ownerDocument||e)!==p&&c(e),t=t.replace(Z,"='$1']"),!(!T.matchesSelector||d||g&&g.test(t)||h.test(t)))try{var n=m.call(e,t);if(n||T.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(r){}return st(t,p,null,[e]).length>0},st.contains=function(e,t){return(e.ownerDocument||e)!==p&&c(e),y(e,t)},st.attr=function(e,t){var n;return(e.ownerDocument||e)!==p&&c(e),d||(t=t.toLowerCase()),(n=i.attrHandle[t])?n(e):d||T.attributes?e.getAttribute(t):((n=e.getAttributeNode(t))||e.getAttribute(t))&&e[t]===!0?t:n&&n.specified?n.value:null},st.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},st.uniqueSort=function(e){var t,n=[],r=1,i=0;if(u=!T.detectDuplicates,e.sort(v),u){for(;t=e[r];r++)t===e[r-1]&&(i=n.push(r));while(i--)e.splice(n[i],1)}return e};function ut(e,t){var n=t&&e,r=n&&(~t.sourceIndex||j)-(~e.sourceIndex||j);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function lt(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function ct(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function pt(e){return ot(function(t){return t=+t,ot(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}o=st.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=o(t);return n},i=st.selectors={cacheLength:50,createPseudo:ot,match:U,find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(et,tt),e[3]=(e[4]||e[5]||"").replace(et,tt),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||st.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&st.error(e[0]),e},PSEUDO:function(e){var t,n=!e[5]&&e[2];return U.CHILD.test(e[0])?null:(e[4]?e[2]=e[4]:n&&z.test(n)&&(t=ft(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){return"*"===e?function(){return!0}:(e=e.replace(et,tt).toLowerCase(),function(t){return t.nodeName&&t.nodeName.toLowerCase()===e})},CLASS:function(e){var t=k[e+" "];return t||(t=RegExp("(^|"+_+")"+e+"("+_+"|$)"))&&k(e,function(e){return t.test(e.className||typeof e.getAttribute!==A&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=st.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,p,f,d,h,g=o!==a?"nextSibling":"previousSibling",m=t.parentNode,y=s&&t.nodeName.toLowerCase(),v=!u&&!s;if(m){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?m.firstChild:m.lastChild],a&&v){c=m[x]||(m[x]={}),l=c[e]||[],d=l[0]===N&&l[1],f=l[0]===N&&l[2],p=d&&m.childNodes[d];while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[N,d,f];break}}else if(v&&(l=(t[x]||(t[x]={}))[e])&&l[0]===N)f=l[1];else while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(v&&((p[x]||(p[x]={}))[e]=[N,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||st.error("unsupported pseudo: "+e);return r[x]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?ot(function(e,n){var i,o=r(e,t),a=o.length;while(a--)i=M.call(e,o[a]),e[i]=!(n[i]=o[a])}):function(e){return r(e,0,n)}):r}},pseudos:{not:ot(function(e){var t=[],n=[],r=s(e.replace(W,"$1"));return r[x]?ot(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:ot(function(e){return function(t){return st(e,t).length>0}}),contains:ot(function(e){return function(t){return(t.textContent||t.innerText||o(t)).indexOf(e)>-1}}),lang:ot(function(e){return X.test(e||"")||st.error("unsupported lang: "+e),e=e.replace(et,tt).toLowerCase(),function(t){var n;do if(n=d?t.getAttribute("xml:lang")||t.getAttribute("lang"):t.lang)return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===f},focus:function(e){return e===p.activeElement&&(!p.hasFocus||p.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!i.pseudos.empty(e)},header:function(e){return Q.test(e.nodeName)},input:function(e){return G.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:pt(function(){return[0]}),last:pt(function(e,t){return[t-1]}),eq:pt(function(e,t,n){return[0>n?n+t:n]}),even:pt(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:pt(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:pt(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:pt(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}};for(n in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})i.pseudos[n]=lt(n);for(n in{submit:!0,reset:!0})i.pseudos[n]=ct(n);function ft(e,t){var n,r,o,a,s,u,l,c=E[e+" "];if(c)return t?0:c.slice(0);s=e,u=[],l=i.preFilter;while(s){(!n||(r=$.exec(s)))&&(r&&(s=s.slice(r[0].length)||s),u.push(o=[])),n=!1,(r=I.exec(s))&&(n=r.shift(),o.push({value:n,type:r[0].replace(W," ")}),s=s.slice(n.length));for(a in i.filter)!(r=U[a].exec(s))||l[a]&&!(r=l[a](r))||(n=r.shift(),o.push({value:n,type:a,matches:r}),s=s.slice(n.length));if(!n)break}return t?s.length:s?st.error(e):E(e,u).slice(0)}function dt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function ht(e,t,n){var i=t.dir,o=n&&"parentNode"===i,a=C++;return t.first?function(t,n,r){while(t=t[i])if(1===t.nodeType||o)return e(t,n,r)}:function(t,n,s){var u,l,c,p=N+" "+a;if(s){while(t=t[i])if((1===t.nodeType||o)&&e(t,n,s))return!0}else while(t=t[i])if(1===t.nodeType||o)if(c=t[x]||(t[x]={}),(l=c[i])&&l[0]===p){if((u=l[1])===!0||u===r)return u===!0}else if(l=c[i]=[p],l[1]=e(t,n,s)||r,l[1]===!0)return!0}}function gt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function mt(e,t,n,r,i){var o,a=[],s=0,u=e.length,l=null!=t;for(;u>s;s++)(o=e[s])&&(!n||n(o,r,i))&&(a.push(o),l&&t.push(s));return a}function yt(e,t,n,r,i,o){return r&&!r[x]&&(r=yt(r)),i&&!i[x]&&(i=yt(i,o)),ot(function(o,a,s,u){var l,c,p,f=[],d=[],h=a.length,g=o||xt(t||"*",s.nodeType?[s]:s,[]),m=!e||!o&&t?g:mt(g,f,e,s,u),y=n?i||(o?e:h||r)?[]:a:m;if(n&&n(m,y,s,u),r){l=mt(y,d),r(l,[],s,u),c=l.length;while(c--)(p=l[c])&&(y[d[c]]=!(m[d[c]]=p))}if(o){if(i||e){if(i){l=[],c=y.length;while(c--)(p=y[c])&&l.push(m[c]=p);i(null,y=[],l,u)}c=y.length;while(c--)(p=y[c])&&(l=i?M.call(o,p):f[c])>-1&&(o[l]=!(a[l]=p))}}else y=mt(y===a?y.splice(h,y.length):y),i?i(null,a,y,u):H.apply(a,y)})}function vt(e){var t,n,r,o=e.length,a=i.relative[e[0].type],s=a||i.relative[" "],u=a?1:0,c=ht(function(e){return e===t},s,!0),p=ht(function(e){return M.call(t,e)>-1},s,!0),f=[function(e,n,r){return!a&&(r||n!==l)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;o>u;u++)if(n=i.relative[e[u].type])f=[ht(gt(f),n)];else{if(n=i.filter[e[u].type].apply(null,e[u].matches),n[x]){for(r=++u;o>r;r++)if(i.relative[e[r].type])break;return yt(u>1&>(f),u>1&&dt(e.slice(0,u-1)).replace(W,"$1"),n,r>u&&vt(e.slice(u,r)),o>r&&vt(e=e.slice(r)),o>r&&dt(e))}f.push(n)}return gt(f)}function bt(e,t){var n=0,o=t.length>0,a=e.length>0,s=function(s,u,c,f,d){var h,g,m,y=[],v=0,b="0",x=s&&[],w=null!=d,T=l,C=s||a&&i.find.TAG("*",d&&u.parentNode||u),k=N+=null==T?1:Math.random()||.1;for(w&&(l=u!==p&&u,r=n);null!=(h=C[b]);b++){if(a&&h){g=0;while(m=e[g++])if(m(h,u,c)){f.push(h);break}w&&(N=k,r=++n)}o&&((h=!m&&h)&&v--,s&&x.push(h))}if(v+=b,o&&b!==v){g=0;while(m=t[g++])m(x,y,u,c);if(s){if(v>0)while(b--)x[b]||y[b]||(y[b]=L.call(f));y=mt(y)}H.apply(f,y),w&&!s&&y.length>0&&v+t.length>1&&st.uniqueSort(f)}return w&&(N=k,l=T),x};return o?ot(s):s}s=st.compile=function(e,t){var n,r=[],i=[],o=S[e+" "];if(!o){t||(t=ft(e)),n=t.length;while(n--)o=vt(t[n]),o[x]?r.push(o):i.push(o);o=S(e,bt(i,r))}return o};function xt(e,t,n){var r=0,i=t.length;for(;i>r;r++)st(e,t[r],n);return n}function wt(e,t,n,r){var o,a,u,l,c,p=ft(e);if(!r&&1===p.length){if(a=p[0]=p[0].slice(0),a.length>2&&"ID"===(u=a[0]).type&&9===t.nodeType&&!d&&i.relative[a[1].type]){if(t=i.find.ID(u.matches[0].replace(et,tt),t)[0],!t)return n;e=e.slice(a.shift().value.length)}o=U.needsContext.test(e)?0:a.length;while(o--){if(u=a[o],i.relative[l=u.type])break;if((c=i.find[l])&&(r=c(u.matches[0].replace(et,tt),V.test(a[0].type)&&t.parentNode||t))){if(a.splice(o,1),e=r.length&&dt(a),!e)return H.apply(n,q.call(r,0)),n;break}}}return s(e,p)(r,t,d,n,V.test(e)),n}i.pseudos.nth=i.pseudos.eq;function Tt(){}i.filters=Tt.prototype=i.pseudos,i.setFilters=new Tt,c(),st.attr=b.attr,b.find=st,b.expr=st.selectors,b.expr[":"]=b.expr.pseudos,b.unique=st.uniqueSort,b.text=st.getText,b.isXMLDoc=st.isXML,b.contains=st.contains}(e);var at=/Until$/,st=/^(?:parents|prev(?:Until|All))/,ut=/^.[^:#\[\.,]*$/,lt=b.expr.match.needsContext,ct={children:!0,contents:!0,next:!0,prev:!0};b.fn.extend({find:function(e){var t,n,r,i=this.length;if("string"!=typeof e)return r=this,this.pushStack(b(e).filter(function(){for(t=0;i>t;t++)if(b.contains(r[t],this))return!0}));for(n=[],t=0;i>t;t++)b.find(e,this[t],n);return n=this.pushStack(i>1?b.unique(n):n),n.selector=(this.selector?this.selector+" ":"")+e,n},has:function(e){var t,n=b(e,this),r=n.length;return this.filter(function(){for(t=0;r>t;t++)if(b.contains(this,n[t]))return!0})},not:function(e){return this.pushStack(ft(this,e,!1))},filter:function(e){return this.pushStack(ft(this,e,!0))},is:function(e){return!!e&&("string"==typeof e?lt.test(e)?b(e,this.context).index(this[0])>=0:b.filter(e,this).length>0:this.filter(e).length>0)},closest:function(e,t){var n,r=0,i=this.length,o=[],a=lt.test(e)||"string"!=typeof e?b(e,t||this.context):0;for(;i>r;r++){n=this[r];while(n&&n.ownerDocument&&n!==t&&11!==n.nodeType){if(a?a.index(n)>-1:b.find.matchesSelector(n,e)){o.push(n);break}n=n.parentNode}}return this.pushStack(o.length>1?b.unique(o):o)},index:function(e){return e?"string"==typeof e?b.inArray(this[0],b(e)):b.inArray(e.jquery?e[0]:e,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?b(e,t):b.makeArray(e&&e.nodeType?[e]:e),r=b.merge(this.get(),n);return this.pushStack(b.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),b.fn.andSelf=b.fn.addBack;function pt(e,t){do e=e[t];while(e&&1!==e.nodeType);return e}b.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return b.dir(e,"parentNode")},parentsUntil:function(e,t,n){return b.dir(e,"parentNode",n)},next:function(e){return pt(e,"nextSibling")},prev:function(e){return pt(e,"previousSibling")},nextAll:function(e){return b.dir(e,"nextSibling")},prevAll:function(e){return b.dir(e,"previousSibling")},nextUntil:function(e,t,n){return b.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return b.dir(e,"previousSibling",n)},siblings:function(e){return b.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return b.sibling(e.firstChild)},contents:function(e){return b.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:b.merge([],e.childNodes)}},function(e,t){b.fn[e]=function(n,r){var i=b.map(this,t,n);return at.test(e)||(r=n),r&&"string"==typeof r&&(i=b.filter(r,i)),i=this.length>1&&!ct[e]?b.unique(i):i,this.length>1&&st.test(e)&&(i=i.reverse()),this.pushStack(i)}}),b.extend({filter:function(e,t,n){return n&&(e=":not("+e+")"),1===t.length?b.find.matchesSelector(t[0],e)?[t[0]]:[]:b.find.matches(e,t)},dir:function(e,n,r){var i=[],o=e[n];while(o&&9!==o.nodeType&&(r===t||1!==o.nodeType||!b(o).is(r)))1===o.nodeType&&i.push(o),o=o[n];return i},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function ft(e,t,n){if(t=t||0,b.isFunction(t))return b.grep(e,function(e,r){var i=!!t.call(e,r,e);return i===n});if(t.nodeType)return b.grep(e,function(e){return e===t===n});if("string"==typeof t){var r=b.grep(e,function(e){return 1===e.nodeType});if(ut.test(t))return b.filter(t,r,!n);t=b.filter(t,r)}return b.grep(e,function(e){return b.inArray(e,t)>=0===n})}function dt(e){var t=ht.split("|"),n=e.createDocumentFragment();if(n.createElement)while(t.length)n.createElement(t.pop());return n}var ht="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",gt=/ jQuery\d+="(?:null|\d+)"/g,mt=RegExp("<(?:"+ht+")[\\s/>]","i"),yt=/^\s+/,vt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,bt=/<([\w:]+)/,xt=/<tbody/i,wt=/<|&#?\w+;/,Tt=/<(?:script|style|link)/i,Nt=/^(?:checkbox|radio)$/i,Ct=/checked\s*(?:[^=]|=\s*.checked.)/i,kt=/^$|\/(?:java|ecma)script/i,Et=/^true\/(.*)/,St=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,At={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:b.support.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},jt=dt(o),Dt=jt.appendChild(o.createElement("div"));At.optgroup=At.option,At.tbody=At.tfoot=At.colgroup=At.caption=At.thead,At.th=At.td,b.fn.extend({text:function(e){return b.access(this,function(e){return e===t?b.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},wrapAll:function(e){if(b.isFunction(e))return this.each(function(t){b(this).wrapAll(e.call(this,t))});if(this[0]){var t=b(e,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstChild&&1===e.firstChild.nodeType)e=e.firstChild;return e}).append(this)}return this},wrapInner:function(e){return b.isFunction(e)?this.each(function(t){b(this).wrapInner(e.call(this,t))}):this.each(function(){var t=b(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=b.isFunction(e);return this.each(function(n){b(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){b.nodeName(this,"body")||b(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(e){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&this.appendChild(e)})},prepend:function(){return this.domManip(arguments,!0,function(e){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&this.insertBefore(e,this.firstChild)})},before:function(){return this.domManip(arguments,!1,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,!1,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=0;for(;null!=(n=this[r]);r++)(!e||b.filter(e,[n]).length>0)&&(t||1!==n.nodeType||b.cleanData(Ot(n)),n.parentNode&&(t&&b.contains(n.ownerDocument,n)&&Mt(Ot(n,"script")),n.parentNode.removeChild(n)));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++){1===e.nodeType&&b.cleanData(Ot(e,!1));while(e.firstChild)e.removeChild(e.firstChild);e.options&&b.nodeName(e,"select")&&(e.options.length=0)}return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return b.clone(this,e,t)})},html:function(e){return b.access(this,function(e){var n=this[0]||{},r=0,i=this.length;if(e===t)return 1===n.nodeType?n.innerHTML.replace(gt,""):t;if(!("string"!=typeof e||Tt.test(e)||!b.support.htmlSerialize&&mt.test(e)||!b.support.leadingWhitespace&&yt.test(e)||At[(bt.exec(e)||["",""])[1].toLowerCase()])){e=e.replace(vt,"<$1></$2>");try{for(;i>r;r++)n=this[r]||{},1===n.nodeType&&(b.cleanData(Ot(n,!1)),n.innerHTML=e);n=0}catch(o){}}n&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(e){var t=b.isFunction(e);return t||"string"==typeof e||(e=b(e).not(this).detach()),this.domManip([e],!0,function(e){var t=this.nextSibling,n=this.parentNode;n&&(b(this).remove(),n.insertBefore(e,t))})},detach:function(e){return this.remove(e,!0)},domManip:function(e,n,r){e=f.apply([],e);var i,o,a,s,u,l,c=0,p=this.length,d=this,h=p-1,g=e[0],m=b.isFunction(g);if(m||!(1>=p||"string"!=typeof g||b.support.checkClone)&&Ct.test(g))return this.each(function(i){var o=d.eq(i);m&&(e[0]=g.call(this,i,n?o.html():t)),o.domManip(e,n,r)});if(p&&(l=b.buildFragment(e,this[0].ownerDocument,!1,this),i=l.firstChild,1===l.childNodes.length&&(l=i),i)){for(n=n&&b.nodeName(i,"tr"),s=b.map(Ot(l,"script"),Ht),a=s.length;p>c;c++)o=l,c!==h&&(o=b.clone(o,!0,!0),a&&b.merge(s,Ot(o,"script"))),r.call(n&&b.nodeName(this[c],"table")?Lt(this[c],"tbody"):this[c],o,c);if(a)for(u=s[s.length-1].ownerDocument,b.map(s,qt),c=0;a>c;c++)o=s[c],kt.test(o.type||"")&&!b._data(o,"globalEval")&&b.contains(u,o)&&(o.src?b.ajax({url:o.src,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0}):b.globalEval((o.text||o.textContent||o.innerHTML||"").replace(St,"")));l=i=null}return this}});function Lt(e,t){return e.getElementsByTagName(t)[0]||e.appendChild(e.ownerDocument.createElement(t))}function Ht(e){var t=e.getAttributeNode("type");return e.type=(t&&t.specified)+"/"+e.type,e}function qt(e){var t=Et.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function Mt(e,t){var n,r=0;for(;null!=(n=e[r]);r++)b._data(n,"globalEval",!t||b._data(t[r],"globalEval"))}function _t(e,t){if(1===t.nodeType&&b.hasData(e)){var n,r,i,o=b._data(e),a=b._data(t,o),s=o.events;if(s){delete a.handle,a.events={};for(n in s)for(r=0,i=s[n].length;i>r;r++)b.event.add(t,n,s[n][r])}a.data&&(a.data=b.extend({},a.data))}}function Ft(e,t){var n,r,i;if(1===t.nodeType){if(n=t.nodeName.toLowerCase(),!b.support.noCloneEvent&&t[b.expando]){i=b._data(t);for(r in i.events)b.removeEvent(t,r,i.handle);t.removeAttribute(b.expando)}"script"===n&&t.text!==e.text?(Ht(t).text=e.text,qt(t)):"object"===n?(t.parentNode&&(t.outerHTML=e.outerHTML),b.support.html5Clone&&e.innerHTML&&!b.trim(t.innerHTML)&&(t.innerHTML=e.innerHTML)):"input"===n&&Nt.test(e.type)?(t.defaultChecked=t.checked=e.checked,t.value!==e.value&&(t.value=e.value)):"option"===n?t.defaultSelected=t.selected=e.defaultSelected:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}}b.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){b.fn[e]=function(e){var n,r=0,i=[],o=b(e),a=o.length-1;for(;a>=r;r++)n=r===a?this:this.clone(!0),b(o[r])[t](n),d.apply(i,n.get());return this.pushStack(i)}});function Ot(e,n){var r,o,a=0,s=typeof e.getElementsByTagName!==i?e.getElementsByTagName(n||"*"):typeof e.querySelectorAll!==i?e.querySelectorAll(n||"*"):t;if(!s)for(s=[],r=e.childNodes||e;null!=(o=r[a]);a++)!n||b.nodeName(o,n)?s.push(o):b.merge(s,Ot(o,n));return n===t||n&&b.nodeName(e,n)?b.merge([e],s):s}function Bt(e){Nt.test(e.type)&&(e.defaultChecked=e.checked)}b.extend({clone:function(e,t,n){var r,i,o,a,s,u=b.contains(e.ownerDocument,e);if(b.support.html5Clone||b.isXMLDoc(e)||!mt.test("<"+e.nodeName+">")?o=e.cloneNode(!0):(Dt.innerHTML=e.outerHTML,Dt.removeChild(o=Dt.firstChild)),!(b.support.noCloneEvent&&b.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||b.isXMLDoc(e)))for(r=Ot(o),s=Ot(e),a=0;null!=(i=s[a]);++a)r[a]&&Ft(i,r[a]);if(t)if(n)for(s=s||Ot(e),r=r||Ot(o),a=0;null!=(i=s[a]);a++)_t(i,r[a]);else _t(e,o);return r=Ot(o,"script"),r.length>0&&Mt(r,!u&&Ot(e,"script")),r=s=i=null,o},buildFragment:function(e,t,n,r){var i,o,a,s,u,l,c,p=e.length,f=dt(t),d=[],h=0;for(;p>h;h++)if(o=e[h],o||0===o)if("object"===b.type(o))b.merge(d,o.nodeType?[o]:o);else if(wt.test(o)){s=s||f.appendChild(t.createElement("div")),u=(bt.exec(o)||["",""])[1].toLowerCase(),c=At[u]||At._default,s.innerHTML=c[1]+o.replace(vt,"<$1></$2>")+c[2],i=c[0];while(i--)s=s.lastChild;if(!b.support.leadingWhitespace&&yt.test(o)&&d.push(t.createTextNode(yt.exec(o)[0])),!b.support.tbody){o="table"!==u||xt.test(o)?"<table>"!==c[1]||xt.test(o)?0:s:s.firstChild,i=o&&o.childNodes.length;while(i--)b.nodeName(l=o.childNodes[i],"tbody")&&!l.childNodes.length&&o.removeChild(l)
+}b.merge(d,s.childNodes),s.textContent="";while(s.firstChild)s.removeChild(s.firstChild);s=f.lastChild}else d.push(t.createTextNode(o));s&&f.removeChild(s),b.support.appendChecked||b.grep(Ot(d,"input"),Bt),h=0;while(o=d[h++])if((!r||-1===b.inArray(o,r))&&(a=b.contains(o.ownerDocument,o),s=Ot(f.appendChild(o),"script"),a&&Mt(s),n)){i=0;while(o=s[i++])kt.test(o.type||"")&&n.push(o)}return s=null,f},cleanData:function(e,t){var n,r,o,a,s=0,u=b.expando,l=b.cache,p=b.support.deleteExpando,f=b.event.special;for(;null!=(n=e[s]);s++)if((t||b.acceptData(n))&&(o=n[u],a=o&&l[o])){if(a.events)for(r in a.events)f[r]?b.event.remove(n,r):b.removeEvent(n,r,a.handle);l[o]&&(delete l[o],p?delete n[u]:typeof n.removeAttribute!==i?n.removeAttribute(u):n[u]=null,c.push(o))}}});var Pt,Rt,Wt,$t=/alpha\([^)]*\)/i,It=/opacity\s*=\s*([^)]*)/,zt=/^(top|right|bottom|left)$/,Xt=/^(none|table(?!-c[ea]).+)/,Ut=/^margin/,Vt=RegExp("^("+x+")(.*)$","i"),Yt=RegExp("^("+x+")(?!px)[a-z%]+$","i"),Jt=RegExp("^([+-])=("+x+")","i"),Gt={BODY:"block"},Qt={position:"absolute",visibility:"hidden",display:"block"},Kt={letterSpacing:0,fontWeight:400},Zt=["Top","Right","Bottom","Left"],en=["Webkit","O","Moz","ms"];function tn(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=en.length;while(i--)if(t=en[i]+n,t in e)return t;return r}function nn(e,t){return e=t||e,"none"===b.css(e,"display")||!b.contains(e.ownerDocument,e)}function rn(e,t){var n,r,i,o=[],a=0,s=e.length;for(;s>a;a++)r=e[a],r.style&&(o[a]=b._data(r,"olddisplay"),n=r.style.display,t?(o[a]||"none"!==n||(r.style.display=""),""===r.style.display&&nn(r)&&(o[a]=b._data(r,"olddisplay",un(r.nodeName)))):o[a]||(i=nn(r),(n&&"none"!==n||!i)&&b._data(r,"olddisplay",i?n:b.css(r,"display"))));for(a=0;s>a;a++)r=e[a],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[a]||"":"none"));return e}b.fn.extend({css:function(e,n){return b.access(this,function(e,n,r){var i,o,a={},s=0;if(b.isArray(n)){for(o=Rt(e),i=n.length;i>s;s++)a[n[s]]=b.css(e,n[s],!1,o);return a}return r!==t?b.style(e,n,r):b.css(e,n)},e,n,arguments.length>1)},show:function(){return rn(this,!0)},hide:function(){return rn(this)},toggle:function(e){var t="boolean"==typeof e;return this.each(function(){(t?e:nn(this))?b(this).show():b(this).hide()})}}),b.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Wt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":b.support.cssFloat?"cssFloat":"styleFloat"},style:function(e,n,r,i){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var o,a,s,u=b.camelCase(n),l=e.style;if(n=b.cssProps[u]||(b.cssProps[u]=tn(l,u)),s=b.cssHooks[n]||b.cssHooks[u],r===t)return s&&"get"in s&&(o=s.get(e,!1,i))!==t?o:l[n];if(a=typeof r,"string"===a&&(o=Jt.exec(r))&&(r=(o[1]+1)*o[2]+parseFloat(b.css(e,n)),a="number"),!(null==r||"number"===a&&isNaN(r)||("number"!==a||b.cssNumber[u]||(r+="px"),b.support.clearCloneStyle||""!==r||0!==n.indexOf("background")||(l[n]="inherit"),s&&"set"in s&&(r=s.set(e,r,i))===t)))try{l[n]=r}catch(c){}}},css:function(e,n,r,i){var o,a,s,u=b.camelCase(n);return n=b.cssProps[u]||(b.cssProps[u]=tn(e.style,u)),s=b.cssHooks[n]||b.cssHooks[u],s&&"get"in s&&(a=s.get(e,!0,r)),a===t&&(a=Wt(e,n,i)),"normal"===a&&n in Kt&&(a=Kt[n]),""===r||r?(o=parseFloat(a),r===!0||b.isNumeric(o)?o||0:a):a},swap:function(e,t,n,r){var i,o,a={};for(o in t)a[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=a[o];return i}}),e.getComputedStyle?(Rt=function(t){return e.getComputedStyle(t,null)},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),u=s?s.getPropertyValue(n)||s[n]:t,l=e.style;return s&&(""!==u||b.contains(e.ownerDocument,e)||(u=b.style(e,n)),Yt.test(u)&&Ut.test(n)&&(i=l.width,o=l.minWidth,a=l.maxWidth,l.minWidth=l.maxWidth=l.width=u,u=s.width,l.width=i,l.minWidth=o,l.maxWidth=a)),u}):o.documentElement.currentStyle&&(Rt=function(e){return e.currentStyle},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),u=s?s[n]:t,l=e.style;return null==u&&l&&l[n]&&(u=l[n]),Yt.test(u)&&!zt.test(n)&&(i=l.left,o=e.runtimeStyle,a=o&&o.left,a&&(o.left=e.currentStyle.left),l.left="fontSize"===n?"1em":u,u=l.pixelLeft+"px",l.left=i,a&&(o.left=a)),""===u?"auto":u});function on(e,t,n){var r=Vt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function an(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,a=0;for(;4>o;o+=2)"margin"===n&&(a+=b.css(e,n+Zt[o],!0,i)),r?("content"===n&&(a-=b.css(e,"padding"+Zt[o],!0,i)),"margin"!==n&&(a-=b.css(e,"border"+Zt[o]+"Width",!0,i))):(a+=b.css(e,"padding"+Zt[o],!0,i),"padding"!==n&&(a+=b.css(e,"border"+Zt[o]+"Width",!0,i)));return a}function sn(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=Rt(e),a=b.support.boxSizing&&"border-box"===b.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=Wt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Yt.test(i))return i;r=a&&(b.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+an(e,t,n||(a?"border":"content"),r,o)+"px"}function un(e){var t=o,n=Gt[e];return n||(n=ln(e,t),"none"!==n&&n||(Pt=(Pt||b("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(Pt[0].contentWindow||Pt[0].contentDocument).document,t.write("<!doctype html><html><body>"),t.close(),n=ln(e,t),Pt.detach()),Gt[e]=n),n}function ln(e,t){var n=b(t.createElement(e)).appendTo(t.body),r=b.css(n[0],"display");return n.remove(),r}b.each(["height","width"],function(e,n){b.cssHooks[n]={get:function(e,r,i){return r?0===e.offsetWidth&&Xt.test(b.css(e,"display"))?b.swap(e,Qt,function(){return sn(e,n,i)}):sn(e,n,i):t},set:function(e,t,r){var i=r&&Rt(e);return on(e,t,r?an(e,n,r,b.support.boxSizing&&"border-box"===b.css(e,"boxSizing",!1,i),i):0)}}}),b.support.opacity||(b.cssHooks.opacity={get:function(e,t){return It.test((t&&e.currentStyle?e.currentStyle.filter:e.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":t?"1":""},set:function(e,t){var n=e.style,r=e.currentStyle,i=b.isNumeric(t)?"alpha(opacity="+100*t+")":"",o=r&&r.filter||n.filter||"";n.zoom=1,(t>=1||""===t)&&""===b.trim(o.replace($t,""))&&n.removeAttribute&&(n.removeAttribute("filter"),""===t||r&&!r.filter)||(n.filter=$t.test(o)?o.replace($t,i):o+" "+i)}}),b(function(){b.support.reliableMarginRight||(b.cssHooks.marginRight={get:function(e,n){return n?b.swap(e,{display:"inline-block"},Wt,[e,"marginRight"]):t}}),!b.support.pixelPosition&&b.fn.position&&b.each(["top","left"],function(e,n){b.cssHooks[n]={get:function(e,r){return r?(r=Wt(e,n),Yt.test(r)?b(e).position()[n]+"px":r):t}}})}),b.expr&&b.expr.filters&&(b.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight||!b.support.reliableHiddenOffsets&&"none"===(e.style&&e.style.display||b.css(e,"display"))},b.expr.filters.visible=function(e){return!b.expr.filters.hidden(e)}),b.each({margin:"",padding:"",border:"Width"},function(e,t){b.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+Zt[r]+t]=o[r]||o[r-2]||o[0];return i}},Ut.test(e)||(b.cssHooks[e+t].set=on)});var cn=/%20/g,pn=/\[\]$/,fn=/\r?\n/g,dn=/^(?:submit|button|image|reset|file)$/i,hn=/^(?:input|select|textarea|keygen)/i;b.fn.extend({serialize:function(){return b.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=b.prop(this,"elements");return e?b.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!b(this).is(":disabled")&&hn.test(this.nodeName)&&!dn.test(e)&&(this.checked||!Nt.test(e))}).map(function(e,t){var n=b(this).val();return null==n?null:b.isArray(n)?b.map(n,function(e){return{name:t.name,value:e.replace(fn,"\r\n")}}):{name:t.name,value:n.replace(fn,"\r\n")}}).get()}}),b.param=function(e,n){var r,i=[],o=function(e,t){t=b.isFunction(t)?t():null==t?"":t,i[i.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(n===t&&(n=b.ajaxSettings&&b.ajaxSettings.traditional),b.isArray(e)||e.jquery&&!b.isPlainObject(e))b.each(e,function(){o(this.name,this.value)});else for(r in e)gn(r,e[r],n,o);return i.join("&").replace(cn,"+")};function gn(e,t,n,r){var i;if(b.isArray(t))b.each(t,function(t,i){n||pn.test(e)?r(e,i):gn(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==b.type(t))r(e,t);else for(i in t)gn(e+"["+i+"]",t[i],n,r)}b.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){b.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),b.fn.hover=function(e,t){return this.mouseenter(e).mouseleave(t||e)};var mn,yn,vn=b.now(),bn=/\?/,xn=/#.*$/,wn=/([?&])_=[^&]*/,Tn=/^(.*?):[ \t]*([^\r\n]*)\r?$/gm,Nn=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Cn=/^(?:GET|HEAD)$/,kn=/^\/\//,En=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,Sn=b.fn.load,An={},jn={},Dn="*/".concat("*");try{yn=a.href}catch(Ln){yn=o.createElement("a"),yn.href="",yn=yn.href}mn=En.exec(yn.toLowerCase())||[];function Hn(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(w)||[];if(b.isFunction(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function qn(e,n,r,i){var o={},a=e===jn;function s(u){var l;return o[u]=!0,b.each(e[u]||[],function(e,u){var c=u(n,r,i);return"string"!=typeof c||a||o[c]?a?!(l=c):t:(n.dataTypes.unshift(c),s(c),!1)}),l}return s(n.dataTypes[0])||!o["*"]&&s("*")}function Mn(e,n){var r,i,o=b.ajaxSettings.flatOptions||{};for(i in n)n[i]!==t&&((o[i]?e:r||(r={}))[i]=n[i]);return r&&b.extend(!0,e,r),e}b.fn.load=function(e,n,r){if("string"!=typeof e&&Sn)return Sn.apply(this,arguments);var i,o,a,s=this,u=e.indexOf(" ");return u>=0&&(i=e.slice(u,e.length),e=e.slice(0,u)),b.isFunction(n)?(r=n,n=t):n&&"object"==typeof n&&(a="POST"),s.length>0&&b.ajax({url:e,type:a,dataType:"html",data:n}).done(function(e){o=arguments,s.html(i?b("<div>").append(b.parseHTML(e)).find(i):e)}).complete(r&&function(e,t){s.each(r,o||[e.responseText,t,e])}),this},b.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){b.fn[t]=function(e){return this.on(t,e)}}),b.each(["get","post"],function(e,n){b[n]=function(e,r,i,o){return b.isFunction(r)&&(o=o||i,i=r,r=t),b.ajax({url:e,type:n,dataType:o,data:r,success:i})}}),b.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:yn,type:"GET",isLocal:Nn.test(mn[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Dn,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":e.String,"text html":!0,"text json":b.parseJSON,"text xml":b.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?Mn(Mn(e,b.ajaxSettings),t):Mn(b.ajaxSettings,e)},ajaxPrefilter:Hn(An),ajaxTransport:Hn(jn),ajax:function(e,n){"object"==typeof e&&(n=e,e=t),n=n||{};var r,i,o,a,s,u,l,c,p=b.ajaxSetup({},n),f=p.context||p,d=p.context&&(f.nodeType||f.jquery)?b(f):b.event,h=b.Deferred(),g=b.Callbacks("once memory"),m=p.statusCode||{},y={},v={},x=0,T="canceled",N={readyState:0,getResponseHeader:function(e){var t;if(2===x){if(!c){c={};while(t=Tn.exec(a))c[t[1].toLowerCase()]=t[2]}t=c[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===x?a:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return x||(e=v[n]=v[n]||e,y[e]=t),this},overrideMimeType:function(e){return x||(p.mimeType=e),this},statusCode:function(e){var t;if(e)if(2>x)for(t in e)m[t]=[m[t],e[t]];else N.always(e[N.status]);return this},abort:function(e){var t=e||T;return l&&l.abort(t),k(0,t),this}};if(h.promise(N).complete=g.add,N.success=N.done,N.error=N.fail,p.url=((e||p.url||yn)+"").replace(xn,"").replace(kn,mn[1]+"//"),p.type=n.method||n.type||p.method||p.type,p.dataTypes=b.trim(p.dataType||"*").toLowerCase().match(w)||[""],null==p.crossDomain&&(r=En.exec(p.url.toLowerCase()),p.crossDomain=!(!r||r[1]===mn[1]&&r[2]===mn[2]&&(r[3]||("http:"===r[1]?80:443))==(mn[3]||("http:"===mn[1]?80:443)))),p.data&&p.processData&&"string"!=typeof p.data&&(p.data=b.param(p.data,p.traditional)),qn(An,p,n,N),2===x)return N;u=p.global,u&&0===b.active++&&b.event.trigger("ajaxStart"),p.type=p.type.toUpperCase(),p.hasContent=!Cn.test(p.type),o=p.url,p.hasContent||(p.data&&(o=p.url+=(bn.test(o)?"&":"?")+p.data,delete p.data),p.cache===!1&&(p.url=wn.test(o)?o.replace(wn,"$1_="+vn++):o+(bn.test(o)?"&":"?")+"_="+vn++)),p.ifModified&&(b.lastModified[o]&&N.setRequestHeader("If-Modified-Since",b.lastModified[o]),b.etag[o]&&N.setRequestHeader("If-None-Match",b.etag[o])),(p.data&&p.hasContent&&p.contentType!==!1||n.contentType)&&N.setRequestHeader("Content-Type",p.contentType),N.setRequestHeader("Accept",p.dataTypes[0]&&p.accepts[p.dataTypes[0]]?p.accepts[p.dataTypes[0]]+("*"!==p.dataTypes[0]?", "+Dn+"; q=0.01":""):p.accepts["*"]);for(i in p.headers)N.setRequestHeader(i,p.headers[i]);if(p.beforeSend&&(p.beforeSend.call(f,N,p)===!1||2===x))return N.abort();T="abort";for(i in{success:1,error:1,complete:1})N[i](p[i]);if(l=qn(jn,p,n,N)){N.readyState=1,u&&d.trigger("ajaxSend",[N,p]),p.async&&p.timeout>0&&(s=setTimeout(function(){N.abort("timeout")},p.timeout));try{x=1,l.send(y,k)}catch(C){if(!(2>x))throw C;k(-1,C)}}else k(-1,"No Transport");function k(e,n,r,i){var c,y,v,w,T,C=n;2!==x&&(x=2,s&&clearTimeout(s),l=t,a=i||"",N.readyState=e>0?4:0,r&&(w=_n(p,N,r)),e>=200&&300>e||304===e?(p.ifModified&&(T=N.getResponseHeader("Last-Modified"),T&&(b.lastModified[o]=T),T=N.getResponseHeader("etag"),T&&(b.etag[o]=T)),204===e?(c=!0,C="nocontent"):304===e?(c=!0,C="notmodified"):(c=Fn(p,w),C=c.state,y=c.data,v=c.error,c=!v)):(v=C,(e||!C)&&(C="error",0>e&&(e=0))),N.status=e,N.statusText=(n||C)+"",c?h.resolveWith(f,[y,C,N]):h.rejectWith(f,[N,C,v]),N.statusCode(m),m=t,u&&d.trigger(c?"ajaxSuccess":"ajaxError",[N,p,c?y:v]),g.fireWith(f,[N,C]),u&&(d.trigger("ajaxComplete",[N,p]),--b.active||b.event.trigger("ajaxStop")))}return N},getScript:function(e,n){return b.get(e,t,n,"script")},getJSON:function(e,t,n){return b.get(e,t,n,"json")}});function _n(e,n,r){var i,o,a,s,u=e.contents,l=e.dataTypes,c=e.responseFields;for(s in c)s in r&&(n[c[s]]=r[s]);while("*"===l[0])l.shift(),o===t&&(o=e.mimeType||n.getResponseHeader("Content-Type"));if(o)for(s in u)if(u[s]&&u[s].test(o)){l.unshift(s);break}if(l[0]in r)a=l[0];else{for(s in r){if(!l[0]||e.converters[s+" "+l[0]]){a=s;break}i||(i=s)}a=a||i}return a?(a!==l[0]&&l.unshift(a),r[a]):t}function Fn(e,t){var n,r,i,o,a={},s=0,u=e.dataTypes.slice(),l=u[0];if(e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u[1])for(i in e.converters)a[i.toLowerCase()]=e.converters[i];for(;r=u[++s];)if("*"!==r){if("*"!==l&&l!==r){if(i=a[l+" "+r]||a["* "+r],!i)for(n in a)if(o=n.split(" "),o[1]===r&&(i=a[l+" "+o[0]]||a["* "+o[0]])){i===!0?i=a[n]:a[n]!==!0&&(r=o[0],u.splice(s--,0,r));break}if(i!==!0)if(i&&e["throws"])t=i(t);else try{t=i(t)}catch(c){return{state:"parsererror",error:i?c:"No conversion from "+l+" to "+r}}}l=r}return{state:"success",data:t}}b.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){return b.globalEval(e),e}}}),b.ajaxPrefilter("script",function(e){e.cache===t&&(e.cache=!1),e.crossDomain&&(e.type="GET",e.global=!1)}),b.ajaxTransport("script",function(e){if(e.crossDomain){var n,r=o.head||b("head")[0]||o.documentElement;return{send:function(t,i){n=o.createElement("script"),n.async=!0,e.scriptCharset&&(n.charset=e.scriptCharset),n.src=e.url,n.onload=n.onreadystatechange=function(e,t){(t||!n.readyState||/loaded|complete/.test(n.readyState))&&(n.onload=n.onreadystatechange=null,n.parentNode&&n.parentNode.removeChild(n),n=null,t||i(200,"success"))},r.insertBefore(n,r.firstChild)},abort:function(){n&&n.onload(t,!0)}}}});var On=[],Bn=/(=)\?(?=&|$)|\?\?/;b.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=On.pop()||b.expando+"_"+vn++;return this[e]=!0,e}}),b.ajaxPrefilter("json jsonp",function(n,r,i){var o,a,s,u=n.jsonp!==!1&&(Bn.test(n.url)?"url":"string"==typeof n.data&&!(n.contentType||"").indexOf("application/x-www-form-urlencoded")&&Bn.test(n.data)&&"data");return u||"jsonp"===n.dataTypes[0]?(o=n.jsonpCallback=b.isFunction(n.jsonpCallback)?n.jsonpCallback():n.jsonpCallback,u?n[u]=n[u].replace(Bn,"$1"+o):n.jsonp!==!1&&(n.url+=(bn.test(n.url)?"&":"?")+n.jsonp+"="+o),n.converters["script json"]=function(){return s||b.error(o+" was not called"),s[0]},n.dataTypes[0]="json",a=e[o],e[o]=function(){s=arguments},i.always(function(){e[o]=a,n[o]&&(n.jsonpCallback=r.jsonpCallback,On.push(o)),s&&b.isFunction(a)&&a(s[0]),s=a=t}),"script"):t});var Pn,Rn,Wn=0,$n=e.ActiveXObject&&function(){var e;for(e in Pn)Pn[e](t,!0)};function In(){try{return new e.XMLHttpRequest}catch(t){}}function zn(){try{return new e.ActiveXObject("Microsoft.XMLHTTP")}catch(t){}}b.ajaxSettings.xhr=e.ActiveXObject?function(){return!this.isLocal&&In()||zn()}:In,Rn=b.ajaxSettings.xhr(),b.support.cors=!!Rn&&"withCredentials"in Rn,Rn=b.support.ajax=!!Rn,Rn&&b.ajaxTransport(function(n){if(!n.crossDomain||b.support.cors){var r;return{send:function(i,o){var a,s,u=n.xhr();if(n.username?u.open(n.type,n.url,n.async,n.username,n.password):u.open(n.type,n.url,n.async),n.xhrFields)for(s in n.xhrFields)u[s]=n.xhrFields[s];n.mimeType&&u.overrideMimeType&&u.overrideMimeType(n.mimeType),n.crossDomain||i["X-Requested-With"]||(i["X-Requested-With"]="XMLHttpRequest");try{for(s in i)u.setRequestHeader(s,i[s])}catch(l){}u.send(n.hasContent&&n.data||null),r=function(e,i){var s,l,c,p;try{if(r&&(i||4===u.readyState))if(r=t,a&&(u.onreadystatechange=b.noop,$n&&delete Pn[a]),i)4!==u.readyState&&u.abort();else{p={},s=u.status,l=u.getAllResponseHeaders(),"string"==typeof u.responseText&&(p.text=u.responseText);try{c=u.statusText}catch(f){c=""}s||!n.isLocal||n.crossDomain?1223===s&&(s=204):s=p.text?200:404}}catch(d){i||o(-1,d)}p&&o(s,c,p,l)},n.async?4===u.readyState?setTimeout(r):(a=++Wn,$n&&(Pn||(Pn={},b(e).unload($n)),Pn[a]=r),u.onreadystatechange=r):r()},abort:function(){r&&r(t,!0)}}}});var Xn,Un,Vn=/^(?:toggle|show|hide)$/,Yn=RegExp("^(?:([+-])=|)("+x+")([a-z%]*)$","i"),Jn=/queueHooks$/,Gn=[nr],Qn={"*":[function(e,t){var n,r,i=this.createTween(e,t),o=Yn.exec(t),a=i.cur(),s=+a||0,u=1,l=20;if(o){if(n=+o[2],r=o[3]||(b.cssNumber[e]?"":"px"),"px"!==r&&s){s=b.css(i.elem,e,!0)||n||1;do u=u||".5",s/=u,b.style(i.elem,e,s+r);while(u!==(u=i.cur()/a)&&1!==u&&--l)}i.unit=r,i.start=s,i.end=o[1]?s+(o[1]+1)*n:n}return i}]};function Kn(){return setTimeout(function(){Xn=t}),Xn=b.now()}function Zn(e,t){b.each(t,function(t,n){var r=(Qn[t]||[]).concat(Qn["*"]),i=0,o=r.length;for(;o>i;i++)if(r[i].call(e,t,n))return})}function er(e,t,n){var r,i,o=0,a=Gn.length,s=b.Deferred().always(function(){delete u.elem}),u=function(){if(i)return!1;var t=Xn||Kn(),n=Math.max(0,l.startTime+l.duration-t),r=n/l.duration||0,o=1-r,a=0,u=l.tweens.length;for(;u>a;a++)l.tweens[a].run(o);return s.notifyWith(e,[l,o,n]),1>o&&u?n:(s.resolveWith(e,[l]),!1)},l=s.promise({elem:e,props:b.extend({},t),opts:b.extend(!0,{specialEasing:{}},n),originalProperties:t,originalOptions:n,startTime:Xn||Kn(),duration:n.duration,tweens:[],createTween:function(t,n){var r=b.Tween(e,l.opts,t,n,l.opts.specialEasing[t]||l.opts.easing);return l.tweens.push(r),r},stop:function(t){var n=0,r=t?l.tweens.length:0;if(i)return this;for(i=!0;r>n;n++)l.tweens[n].run(1);return t?s.resolveWith(e,[l,t]):s.rejectWith(e,[l,t]),this}}),c=l.props;for(tr(c,l.opts.specialEasing);a>o;o++)if(r=Gn[o].call(l,e,c,l.opts))return r;return Zn(l,c),b.isFunction(l.opts.start)&&l.opts.start.call(e,l),b.fx.timer(b.extend(u,{elem:e,anim:l,queue:l.opts.queue})),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always)}function tr(e,t){var n,r,i,o,a;for(i in e)if(r=b.camelCase(i),o=t[r],n=e[i],b.isArray(n)&&(o=n[1],n=e[i]=n[0]),i!==r&&(e[r]=n,delete e[i]),a=b.cssHooks[r],a&&"expand"in a){n=a.expand(n),delete e[r];for(i in n)i in e||(e[i]=n[i],t[i]=o)}else t[r]=o}b.Animation=b.extend(er,{tweener:function(e,t){b.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;i>r;r++)n=e[r],Qn[n]=Qn[n]||[],Qn[n].unshift(t)},prefilter:function(e,t){t?Gn.unshift(e):Gn.push(e)}});function nr(e,t,n){var r,i,o,a,s,u,l,c,p,f=this,d=e.style,h={},g=[],m=e.nodeType&&nn(e);n.queue||(c=b._queueHooks(e,"fx"),null==c.unqueued&&(c.unqueued=0,p=c.empty.fire,c.empty.fire=function(){c.unqueued||p()}),c.unqueued++,f.always(function(){f.always(function(){c.unqueued--,b.queue(e,"fx").length||c.empty.fire()})})),1===e.nodeType&&("height"in t||"width"in t)&&(n.overflow=[d.overflow,d.overflowX,d.overflowY],"inline"===b.css(e,"display")&&"none"===b.css(e,"float")&&(b.support.inlineBlockNeedsLayout&&"inline"!==un(e.nodeName)?d.zoom=1:d.display="inline-block")),n.overflow&&(d.overflow="hidden",b.support.shrinkWrapBlocks||f.always(function(){d.overflow=n.overflow[0],d.overflowX=n.overflow[1],d.overflowY=n.overflow[2]}));for(i in t)if(a=t[i],Vn.exec(a)){if(delete t[i],u=u||"toggle"===a,a===(m?"hide":"show"))continue;g.push(i)}if(o=g.length){s=b._data(e,"fxshow")||b._data(e,"fxshow",{}),"hidden"in s&&(m=s.hidden),u&&(s.hidden=!m),m?b(e).show():f.done(function(){b(e).hide()}),f.done(function(){var t;b._removeData(e,"fxshow");for(t in h)b.style(e,t,h[t])});for(i=0;o>i;i++)r=g[i],l=f.createTween(r,m?s[r]:0),h[r]=s[r]||b.style(e,r),r in s||(s[r]=l.start,m&&(l.end=l.start,l.start="width"===r||"height"===r?1:0))}}function rr(e,t,n,r,i){return new rr.prototype.init(e,t,n,r,i)}b.Tween=rr,rr.prototype={constructor:rr,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||"swing",this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(b.cssNumber[n]?"":"px")},cur:function(){var e=rr.propHooks[this.prop];return e&&e.get?e.get(this):rr.propHooks._default.get(this)},run:function(e){var t,n=rr.propHooks[this.prop];return this.pos=t=this.options.duration?b.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):rr.propHooks._default.set(this),this}},rr.prototype.init.prototype=rr.prototype,rr.propHooks={_default:{get:function(e){var t;return null==e.elem[e.prop]||e.elem.style&&null!=e.elem.style[e.prop]?(t=b.css(e.elem,e.prop,""),t&&"auto"!==t?t:0):e.elem[e.prop]},set:function(e){b.fx.step[e.prop]?b.fx.step[e.prop](e):e.elem.style&&(null!=e.elem.style[b.cssProps[e.prop]]||b.cssHooks[e.prop])?b.style(e.elem,e.prop,e.now+e.unit):e.elem[e.prop]=e.now}}},rr.propHooks.scrollTop=rr.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},b.each(["toggle","show","hide"],function(e,t){var n=b.fn[t];b.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(ir(t,!0),e,r,i)}}),b.fn.extend({fadeTo:function(e,t,n,r){return this.filter(nn).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=b.isEmptyObject(e),o=b.speed(t,n,r),a=function(){var t=er(this,b.extend({},e),o);a.finish=function(){t.stop(!0)},(i||b._data(this,"finish"))&&t.stop(!0)};return a.finish=a,i||o.queue===!1?this.each(a):this.queue(o.queue,a)},stop:function(e,n,r){var i=function(e){var t=e.stop;delete e.stop,t(r)};return"string"!=typeof e&&(r=n,n=e,e=t),n&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,n=null!=e&&e+"queueHooks",o=b.timers,a=b._data(this);if(n)a[n]&&a[n].stop&&i(a[n]);else for(n in a)a[n]&&a[n].stop&&Jn.test(n)&&i(a[n]);for(n=o.length;n--;)o[n].elem!==this||null!=e&&o[n].queue!==e||(o[n].anim.stop(r),t=!1,o.splice(n,1));(t||!r)&&b.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=b._data(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=b.timers,a=r?r.length:0;for(n.finish=!0,b.queue(this,e,[]),i&&i.cur&&i.cur.finish&&i.cur.finish.call(this),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;a>t;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}});function ir(e,t){var n,r={height:e},i=0;for(t=t?1:0;4>i;i+=2-t)n=Zt[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}b.each({slideDown:ir("show"),slideUp:ir("hide"),slideToggle:ir("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){b.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),b.speed=function(e,t,n){var r=e&&"object"==typeof e?b.extend({},e):{complete:n||!n&&t||b.isFunction(e)&&e,duration:e,easing:n&&t||t&&!b.isFunction(t)&&t};return r.duration=b.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in b.fx.speeds?b.fx.speeds[r.duration]:b.fx.speeds._default,(null==r.queue||r.queue===!0)&&(r.queue="fx"),r.old=r.complete,r.complete=function(){b.isFunction(r.old)&&r.old.call(this),r.queue&&b.dequeue(this,r.queue)},r},b.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2}},b.timers=[],b.fx=rr.prototype.init,b.fx.tick=function(){var e,n=b.timers,r=0;for(Xn=b.now();n.length>r;r++)e=n[r],e()||n[r]!==e||n.splice(r--,1);n.length||b.fx.stop(),Xn=t},b.fx.timer=function(e){e()&&b.timers.push(e)&&b.fx.start()},b.fx.interval=13,b.fx.start=function(){Un||(Un=setInterval(b.fx.tick,b.fx.interval))},b.fx.stop=function(){clearInterval(Un),Un=null},b.fx.speeds={slow:600,fast:200,_default:400},b.fx.step={},b.expr&&b.expr.filters&&(b.expr.filters.animated=function(e){return b.grep(b.timers,function(t){return e===t.elem}).length}),b.fn.offset=function(e){if(arguments.length)return e===t?this:this.each(function(t){b.offset.setOffset(this,e,t)});var n,r,o={top:0,left:0},a=this[0],s=a&&a.ownerDocument;if(s)return n=s.documentElement,b.contains(n,a)?(typeof a.getBoundingClientRect!==i&&(o=a.getBoundingClientRect()),r=or(s),{top:o.top+(r.pageYOffset||n.scrollTop)-(n.clientTop||0),left:o.left+(r.pageXOffset||n.scrollLeft)-(n.clientLeft||0)}):o},b.offset={setOffset:function(e,t,n){var r=b.css(e,"position");"static"===r&&(e.style.position="relative");var i=b(e),o=i.offset(),a=b.css(e,"top"),s=b.css(e,"left"),u=("absolute"===r||"fixed"===r)&&b.inArray("auto",[a,s])>-1,l={},c={},p,f;u?(c=i.position(),p=c.top,f=c.left):(p=parseFloat(a)||0,f=parseFloat(s)||0),b.isFunction(t)&&(t=t.call(e,n,o)),null!=t.top&&(l.top=t.top-o.top+p),null!=t.left&&(l.left=t.left-o.left+f),"using"in t?t.using.call(e,l):i.css(l)}},b.fn.extend({position:function(){if(this[0]){var e,t,n={top:0,left:0},r=this[0];return"fixed"===b.css(r,"position")?t=r.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),b.nodeName(e[0],"html")||(n=e.offset()),n.top+=b.css(e[0],"borderTopWidth",!0),n.left+=b.css(e[0],"borderLeftWidth",!0)),{top:t.top-n.top-b.css(r,"marginTop",!0),left:t.left-n.left-b.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||o.documentElement;while(e&&!b.nodeName(e,"html")&&"static"===b.css(e,"position"))e=e.offsetParent;return e||o.documentElement})}}),b.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(e,n){var r=/Y/.test(n);b.fn[e]=function(i){return b.access(this,function(e,i,o){var a=or(e);return o===t?a?n in a?a[n]:a.document.documentElement[i]:e[i]:(a?a.scrollTo(r?b(a).scrollLeft():o,r?o:b(a).scrollTop()):e[i]=o,t)},e,i,arguments.length,null)}});function or(e){return b.isWindow(e)?e:9===e.nodeType?e.defaultView||e.parentWindow:!1}b.each({Height:"height",Width:"width"},function(e,n){b.each({padding:"inner"+e,content:n,"":"outer"+e},function(r,i){b.fn[i]=function(i,o){var a=arguments.length&&(r||"boolean"!=typeof i),s=r||(i===!0||o===!0?"margin":"border");return b.access(this,function(n,r,i){var o;return b.isWindow(n)?n.document.documentElement["client"+e]:9===n.nodeType?(o=n.documentElement,Math.max(n.body["scroll"+e],o["scroll"+e],n.body["offset"+e],o["offset"+e],o["client"+e])):i===t?b.css(n,r,s):b.style(n,r,i,s)},n,a?i:t,a,null)}})}),e.jQuery=e.$=b,"function"==typeof define&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return b})})(window);
\ No newline at end of file
--- /dev/null
+/**
+ * BxSlider v4.1.1 - Fully loaded, responsive content slider
+ * http://bxslider.com
+ *
+ * Copyright 2013, Steven Wanderski - http://stevenwanderski.com - http://bxcreative.com
+ * Written while drinking Belgian ales and listening to jazz
+ *
+ * Released under the MIT license - http://opensource.org/licenses/MIT
+ */
+
+;(function($){
+
+ var plugin = {};
+
+ var defaults = {
+
+ // GENERAL
+ mode: 'horizontal',
+ slideSelector: '',
+ infiniteLoop: true,
+ hideControlOnEnd: false,
+ speed: 500,
+ easing: null,
+ slideMargin: 0,
+ startSlide: 0,
+ randomStart: false,
+ captions: false,
+ ticker: false,
+ tickerHover: false,
+ adaptiveHeight: false,
+ adaptiveHeightSpeed: 500,
+ video: false,
+ useCSS: true,
+ preloadImages: 'visible',
+ responsive: true,
+
+ // TOUCH
+ touchEnabled: true,
+ swipeThreshold: 50,
+ oneToOneTouch: true,
+ preventDefaultSwipeX: true,
+ preventDefaultSwipeY: false,
+
+ // PAGER
+ pager: true,
+ pagerType: 'full',
+ pagerShortSeparator: ' / ',
+ pagerSelector: null,
+ buildPager: null,
+ pagerCustom: null,
+
+ // CONTROLS
+ controls: true,
+ nextText: 'Next',
+ prevText: 'Prev',
+ nextSelector: null,
+ prevSelector: null,
+ autoControls: false,
+ startText: 'Start',
+ stopText: 'Stop',
+ autoControlsCombine: false,
+ autoControlsSelector: null,
+
+ // AUTO
+ auto: false,
+ pause: 4000,
+ autoStart: true,
+ autoDirection: 'next',
+ autoHover: false,
+ autoDelay: 0,
+
+ // CAROUSEL
+ minSlides: 1,
+ maxSlides: 1,
+ moveSlides: 0,
+ slideWidth: 0,
+
+ // CALLBACKS
+ onSliderLoad: function() {},
+ onSlideBefore: function() {},
+ onSlideAfter: function() {},
+ onSlideNext: function() {},
+ onSlidePrev: function() {}
+ }
+
+ $.fn.bxSlider = function(options){
+
+ if(this.length == 0) return this;
+
+ // support mutltiple elements
+ if(this.length > 1){
+ this.each(function(){$(this).bxSlider(options)});
+ return this;
+ }
+
+ // create a namespace to be used throughout the plugin
+ var slider = {};
+ // set a reference to our slider element
+ var el = this;
+ plugin.el = this;
+
+ /**
+ * Makes slideshow responsive
+ */
+ // first get the original window dimens (thanks alot IE)
+ var windowWidth = $(window).width();
+ var windowHeight = $(window).height();
+
+
+
+ /**
+ * ===================================================================================
+ * = PRIVATE FUNCTIONS
+ * ===================================================================================
+ */
+
+ /**
+ * Initializes namespace settings to be used throughout plugin
+ */
+ var init = function(){
+ // merge user-supplied options with the defaults
+ slider.settings = $.extend({}, defaults, options);
+ // parse slideWidth setting
+ slider.settings.slideWidth = parseInt(slider.settings.slideWidth);
+ // store the original children
+ slider.children = el.children(slider.settings.slideSelector);
+ // check if actual number of slides is less than minSlides / maxSlides
+ if(slider.children.length < slider.settings.minSlides) slider.settings.minSlides = slider.children.length;
+ if(slider.children.length < slider.settings.maxSlides) slider.settings.maxSlides = slider.children.length;
+ // if random start, set the startSlide setting to random number
+ if(slider.settings.randomStart) slider.settings.startSlide = Math.floor(Math.random() * slider.children.length);
+ // store active slide information
+ slider.active = { index: slider.settings.startSlide }
+ // store if the slider is in carousel mode (displaying / moving multiple slides)
+ slider.carousel = slider.settings.minSlides > 1 || slider.settings.maxSlides > 1;
+ // if carousel, force preloadImages = 'all'
+ if(slider.carousel) slider.settings.preloadImages = 'all';
+ // calculate the min / max width thresholds based on min / max number of slides
+ // used to setup and update carousel slides dimensions
+ slider.minThreshold = (slider.settings.minSlides * slider.settings.slideWidth) + ((slider.settings.minSlides - 1) * slider.settings.slideMargin);
+ slider.maxThreshold = (slider.settings.maxSlides * slider.settings.slideWidth) + ((slider.settings.maxSlides - 1) * slider.settings.slideMargin);
+ // store the current state of the slider (if currently animating, working is true)
+ slider.working = false;
+ // initialize the controls object
+ slider.controls = {};
+ // initialize an auto interval
+ slider.interval = null;
+ // determine which property to use for transitions
+ slider.animProp = slider.settings.mode == 'vertical' ? 'top' : 'left';
+ // determine if hardware acceleration can be used
+ slider.usingCSS = slider.settings.useCSS && slider.settings.mode != 'fade' && (function(){
+ // create our test div element
+ var div = document.createElement('div');
+ // css transition properties
+ var props = ['WebkitPerspective', 'MozPerspective', 'OPerspective', 'msPerspective'];
+ // test for each property
+ for(var i in props){
+ if(div.style[props[i]] !== undefined){
+ slider.cssPrefix = props[i].replace('Perspective', '').toLowerCase();
+ slider.animProp = '-' + slider.cssPrefix + '-transform';
+ return true;
+ }
+ }
+ return false;
+ }());
+ // if vertical mode always make maxSlides and minSlides equal
+ if(slider.settings.mode == 'vertical') slider.settings.maxSlides = slider.settings.minSlides;
+ // save original style data
+ el.data("origStyle", el.attr("style"));
+ el.children(slider.settings.slideSelector).each(function() {
+ $(this).data("origStyle", $(this).attr("style"));
+ });
+ // perform all DOM / CSS modifications
+ setup();
+ }
+
+ /**
+ * Performs all DOM and CSS modifications
+ */
+ var setup = function(){
+ // wrap el in a wrapper
+ el.wrap('<div class="bx-wrapper"><div class="bx-viewport"></div></div>');
+ // store a namspace reference to .bx-viewport
+ slider.viewport = el.parent();
+ // add a loading div to display while images are loading
+ slider.loader = $('<div class="bx-loading" />');
+ slider.viewport.prepend(slider.loader);
+ // set el to a massive width, to hold any needed slides
+ // also strip any margin and padding from el
+ el.css({
+ width: slider.settings.mode == 'horizontal' ? (slider.children.length * 100 + 215) + '%' : 'auto',
+ position: 'relative'
+ });
+ // if using CSS, add the easing property
+ if(slider.usingCSS && slider.settings.easing){
+ el.css('-' + slider.cssPrefix + '-transition-timing-function', slider.settings.easing);
+ // if not using CSS and no easing value was supplied, use the default JS animation easing (swing)
+ }else if(!slider.settings.easing){
+ slider.settings.easing = 'swing';
+ }
+ var slidesShowing = getNumberSlidesShowing();
+ // make modifications to the viewport (.bx-viewport)
+ slider.viewport.css({
+ width: '100%',
+ overflow: 'hidden',
+ position: 'relative'
+ });
+ slider.viewport.parent().css({
+ maxWidth: getViewportMaxWidth()
+ });
+ // make modification to the wrapper (.bx-wrapper)
+ if(!slider.settings.pager) {
+ slider.viewport.parent().css({
+ margin: '0 auto 0px'
+ });
+ }
+ // apply css to all slider children
+ slider.children.css({
+ 'float': slider.settings.mode == 'horizontal' ? 'left' : 'none',
+ listStyle: 'none',
+ position: 'relative'
+ });
+ // apply the calculated width after the float is applied to prevent scrollbar interference
+ slider.children.css('width', getSlideWidth());
+ // if slideMargin is supplied, add the css
+ if(slider.settings.mode == 'horizontal' && slider.settings.slideMargin > 0) slider.children.css('marginRight', slider.settings.slideMargin);
+ if(slider.settings.mode == 'vertical' && slider.settings.slideMargin > 0) slider.children.css('marginBottom', slider.settings.slideMargin);
+ // if "fade" mode, add positioning and z-index CSS
+ if(slider.settings.mode == 'fade'){
+ slider.children.css({
+ position: 'absolute',
+ zIndex: 0,
+ display: 'none'
+ });
+ // prepare the z-index on the showing element
+ slider.children.eq(slider.settings.startSlide).css({zIndex: 50, display: 'block'});
+ }
+ // create an element to contain all slider controls (pager, start / stop, etc)
+ slider.controls.el = $('<div class="bx-controls" />');
+ // if captions are requested, add them
+ if(slider.settings.captions) appendCaptions();
+ // check if startSlide is last slide
+ slider.active.last = slider.settings.startSlide == getPagerQty() - 1;
+ // if video is true, set up the fitVids plugin
+ if(slider.settings.video) el.fitVids();
+ // set the default preload selector (visible)
+ var preloadSelector = slider.children.eq(slider.settings.startSlide);
+ if (slider.settings.preloadImages == "all") preloadSelector = slider.children;
+ // only check for control addition if not in "ticker" mode
+ if(!slider.settings.ticker){
+ // if pager is requested, add it
+ if(slider.settings.pager) appendPager();
+ // if controls are requested, add them
+ if(slider.settings.controls) appendControls();
+ // if auto is true, and auto controls are requested, add them
+ if(slider.settings.auto && slider.settings.autoControls) appendControlsAuto();
+ // if any control option is requested, add the controls wrapper
+ if(slider.settings.controls || slider.settings.autoControls || slider.settings.pager) slider.viewport.after(slider.controls.el);
+ // if ticker mode, do not allow a pager
+ }else{
+ slider.settings.pager = false;
+ }
+ // preload all images, then perform final DOM / CSS modifications that depend on images being loaded
+ loadElements(preloadSelector, start);
+ }
+
+ var loadElements = function(selector, callback){
+ var total = selector.find('img, iframe').length;
+ if (total == 0){
+ callback();
+ return;
+ }
+ var count = 0;
+ selector.find('img, iframe').each(function(){
+ $(this).one('load', function() {
+ if(++count == total) callback();
+ }).each(function() {
+ if(this.complete) $(this).load();
+ });
+ });
+ }
+
+ /**
+ * Start the slider
+ */
+ var start = function(){
+ // if infinite loop, prepare additional slides
+ if(slider.settings.infiniteLoop && slider.settings.mode != 'fade' && !slider.settings.ticker){
+ var slice = slider.settings.mode == 'vertical' ? slider.settings.minSlides : slider.settings.maxSlides;
+ var sliceAppend = slider.children.slice(0, slice).clone().addClass('bx-clone');
+ var slicePrepend = slider.children.slice(-slice).clone().addClass('bx-clone');
+ el.append(sliceAppend).prepend(slicePrepend);
+ }
+ // remove the loading DOM element
+ slider.loader.remove();
+ // set the left / top position of "el"
+ setSlidePosition();
+ // if "vertical" mode, always use adaptiveHeight to prevent odd behavior
+ if (slider.settings.mode == 'vertical') slider.settings.adaptiveHeight = true;
+ // set the viewport height
+ slider.viewport.height(getViewportHeight());
+ // make sure everything is positioned just right (same as a window resize)
+ el.redrawSlider();
+ // onSliderLoad callback
+ slider.settings.onSliderLoad(slider.active.index);
+ // slider has been fully initialized
+ slider.initialized = true;
+ // bind the resize call to the window
+ if (slider.settings.responsive) $(window).bind('resize', resizeWindow);
+ // if auto is true, start the show
+ if (slider.settings.auto && slider.settings.autoStart) initAuto();
+ // if ticker is true, start the ticker
+ if (slider.settings.ticker) initTicker();
+ // if pager is requested, make the appropriate pager link active
+ if (slider.settings.pager) updatePagerActive(slider.settings.startSlide);
+ // check for any updates to the controls (like hideControlOnEnd updates)
+ if (slider.settings.controls) updateDirectionControls();
+ // if touchEnabled is true, setup the touch events
+ if (slider.settings.touchEnabled && !slider.settings.ticker) initTouch();
+ }
+
+ /**
+ * Returns the calculated height of the viewport, used to determine either adaptiveHeight or the maxHeight value
+ */
+ var getViewportHeight = function(){
+ var height = 0;
+ // first determine which children (slides) should be used in our height calculation
+ var children = $();
+ // if mode is not "vertical" and adaptiveHeight is false, include all children
+ if(slider.settings.mode != 'vertical' && !slider.settings.adaptiveHeight){
+ children = slider.children;
+ }else{
+ // if not carousel, return the single active child
+ if(!slider.carousel){
+ children = slider.children.eq(slider.active.index);
+ // if carousel, return a slice of children
+ }else{
+ // get the individual slide index
+ var currentIndex = slider.settings.moveSlides == 1 ? slider.active.index : slider.active.index * getMoveBy();
+ // add the current slide to the children
+ children = slider.children.eq(currentIndex);
+ // cycle through the remaining "showing" slides
+ for (i = 1; i <= slider.settings.maxSlides - 1; i++){
+ // if looped back to the start
+ if(currentIndex + i >= slider.children.length){
+ children = children.add(slider.children.eq(i - 1));
+ }else{
+ children = children.add(slider.children.eq(currentIndex + i));
+ }
+ }
+ }
+ }
+ // if "vertical" mode, calculate the sum of the heights of the children
+ if(slider.settings.mode == 'vertical'){
+ children.each(function(index) {
+ height += $(this).outerHeight();
+ });
+ // add user-supplied margins
+ if(slider.settings.slideMargin > 0){
+ height += slider.settings.slideMargin * (slider.settings.minSlides - 1);
+ }
+ // if not "vertical" mode, calculate the max height of the children
+ }else{
+ height = Math.max.apply(Math, children.map(function(){
+ return $(this).outerHeight(false);
+ }).get());
+ }
+ return height;
+ }
+
+ /**
+ * Returns the calculated width to be used for the outer wrapper / viewport
+ */
+ var getViewportMaxWidth = function(){
+ var width = '100%';
+ if(slider.settings.slideWidth > 0){
+ if(slider.settings.mode == 'horizontal'){
+ width = (slider.settings.maxSlides * slider.settings.slideWidth) + ((slider.settings.maxSlides - 1) * slider.settings.slideMargin);
+ }else{
+ width = slider.settings.slideWidth;
+ }
+ }
+ return width;
+ }
+
+ /**
+ * Returns the calculated width to be applied to each slide
+ */
+ var getSlideWidth = function(){
+ // start with any user-supplied slide width
+ var newElWidth = slider.settings.slideWidth;
+ // get the current viewport width
+ var wrapWidth = slider.viewport.width();
+ // if slide width was not supplied, or is larger than the viewport use the viewport width
+ if(slider.settings.slideWidth == 0 ||
+ (slider.settings.slideWidth > wrapWidth && !slider.carousel) ||
+ slider.settings.mode == 'vertical'){
+ newElWidth = wrapWidth;
+ // if carousel, use the thresholds to determine the width
+ }else if(slider.settings.maxSlides > 1 && slider.settings.mode == 'horizontal'){
+ if(wrapWidth > slider.maxThreshold){
+ // newElWidth = (wrapWidth - (slider.settings.slideMargin * (slider.settings.maxSlides - 1))) / slider.settings.maxSlides;
+ }else if(wrapWidth < slider.minThreshold){
+ newElWidth = (wrapWidth - (slider.settings.slideMargin * (slider.settings.minSlides - 1))) / slider.settings.minSlides;
+ }
+ }
+ return newElWidth;
+ }
+
+ /**
+ * Returns the number of slides currently visible in the viewport (includes partially visible slides)
+ */
+ var getNumberSlidesShowing = function(){
+ var slidesShowing = 1;
+ if(slider.settings.mode == 'horizontal' && slider.settings.slideWidth > 0){
+ // if viewport is smaller than minThreshold, return minSlides
+ if(slider.viewport.width() < slider.minThreshold){
+ slidesShowing = slider.settings.minSlides;
+ // if viewport is larger than minThreshold, return maxSlides
+ }else if(slider.viewport.width() > slider.maxThreshold){
+ slidesShowing = slider.settings.maxSlides;
+ // if viewport is between min / max thresholds, divide viewport width by first child width
+ }else{
+ var childWidth = slider.children.first().width();
+ slidesShowing = Math.floor(slider.viewport.width() / childWidth);
+ }
+ // if "vertical" mode, slides showing will always be minSlides
+ }else if(slider.settings.mode == 'vertical'){
+ slidesShowing = slider.settings.minSlides;
+ }
+ return slidesShowing;
+ }
+
+ /**
+ * Returns the number of pages (one full viewport of slides is one "page")
+ */
+ var getPagerQty = function(){
+ var pagerQty = 0;
+ // if moveSlides is specified by the user
+ if(slider.settings.moveSlides > 0){
+ if(slider.settings.infiniteLoop){
+ pagerQty = slider.children.length / getMoveBy();
+ }else{
+ // use a while loop to determine pages
+ var breakPoint = 0;
+ var counter = 0
+ // when breakpoint goes above children length, counter is the number of pages
+ while (breakPoint < slider.children.length){
+ ++pagerQty;
+ breakPoint = counter + getNumberSlidesShowing();
+ counter += slider.settings.moveSlides <= getNumberSlidesShowing() ? slider.settings.moveSlides : getNumberSlidesShowing();
+ }
+ }
+ // if moveSlides is 0 (auto) divide children length by sides showing, then round up
+ }else{
+ pagerQty = Math.ceil(slider.children.length / getNumberSlidesShowing());
+ }
+ return pagerQty;
+ }
+
+ /**
+ * Returns the number of indivual slides by which to shift the slider
+ */
+ var getMoveBy = function(){
+ // if moveSlides was set by the user and moveSlides is less than number of slides showing
+ if(slider.settings.moveSlides > 0 && slider.settings.moveSlides <= getNumberSlidesShowing()){
+ return slider.settings.moveSlides;
+ }
+ // if moveSlides is 0 (auto)
+ return getNumberSlidesShowing();
+ }
+
+ /**
+ * Sets the slider's (el) left or top position
+ */
+ var setSlidePosition = function(){
+ // if last slide, not infinite loop, and number of children is larger than specified maxSlides
+ if(slider.children.length > slider.settings.maxSlides && slider.active.last && !slider.settings.infiniteLoop){
+ if (slider.settings.mode == 'horizontal'){
+ // get the last child's position
+ var lastChild = slider.children.last();
+ var position = lastChild.position();
+ // set the left position
+ setPositionProperty(-(position.left - (slider.viewport.width() - lastChild.width())), 'reset', 0);
+ }else if(slider.settings.mode == 'vertical'){
+ // get the last showing index's position
+ var lastShowingIndex = slider.children.length - slider.settings.minSlides;
+ var position = slider.children.eq(lastShowingIndex).position();
+ // set the top position
+ setPositionProperty(-position.top, 'reset', 0);
+ }
+ // if not last slide
+ }else{
+ // get the position of the first showing slide
+ var position = slider.children.eq(slider.active.index * getMoveBy()).position();
+ // check for last slide
+ if (slider.active.index == getPagerQty() - 1) slider.active.last = true;
+ // set the repective position
+ if (position != undefined){
+ if (slider.settings.mode == 'horizontal') setPositionProperty(-position.left, 'reset', 0);
+ else if (slider.settings.mode == 'vertical') setPositionProperty(-position.top, 'reset', 0);
+ }
+ }
+ }
+
+ /**
+ * Sets the el's animating property position (which in turn will sometimes animate el).
+ * If using CSS, sets the transform property. If not using CSS, sets the top / left property.
+ *
+ * @param value (int)
+ * - the animating property's value
+ *
+ * @param type (string) 'slider', 'reset', 'ticker'
+ * - the type of instance for which the function is being
+ *
+ * @param duration (int)
+ * - the amount of time (in ms) the transition should occupy
+ *
+ * @param params (array) optional
+ * - an optional parameter containing any variables that need to be passed in
+ */
+ var setPositionProperty = function(value, type, duration, params){
+ // use CSS transform
+ if(slider.usingCSS){
+ // determine the translate3d value
+ var propValue = slider.settings.mode == 'vertical' ? 'translate3d(0, ' + value + 'px, 0)' : 'translate3d(' + value + 'px, 0, 0)';
+ // add the CSS transition-duration
+ el.css('-' + slider.cssPrefix + '-transition-duration', duration / 1000 + 's');
+ if(type == 'slide'){
+ // set the property value
+ el.css(slider.animProp, propValue);
+ // bind a callback method - executes when CSS transition completes
+ el.bind('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function(){
+ // unbind the callback
+ el.unbind('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd');
+ updateAfterSlideTransition();
+ });
+ }else if(type == 'reset'){
+ el.css(slider.animProp, propValue);
+ }else if(type == 'ticker'){
+ // make the transition use 'linear'
+ el.css('-' + slider.cssPrefix + '-transition-timing-function', 'linear');
+ el.css(slider.animProp, propValue);
+ // bind a callback method - executes when CSS transition completes
+ el.bind('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function(){
+ // unbind the callback
+ el.unbind('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd');
+ // reset the position
+ setPositionProperty(params['resetValue'], 'reset', 0);
+ // start the loop again
+ tickerLoop();
+ });
+ }
+ // use JS animate
+ }else{
+ var animateObj = {};
+ animateObj[slider.animProp] = value;
+ if(type == 'slide'){
+ el.animate(animateObj, duration, slider.settings.easing, function(){
+ updateAfterSlideTransition();
+ });
+ }else if(type == 'reset'){
+ el.css(slider.animProp, value)
+ }else if(type == 'ticker'){
+ el.animate(animateObj, speed, 'linear', function(){
+ setPositionProperty(params['resetValue'], 'reset', 0);
+ // run the recursive loop after animation
+ tickerLoop();
+ });
+ }
+ }
+ }
+
+ /**
+ * Populates the pager with proper amount of pages
+ */
+ var populatePager = function(){
+ var pagerHtml = '';
+ var pagerQty = getPagerQty();
+ // loop through each pager item
+ for(var i=0; i < pagerQty; i++){
+ var linkContent = '';
+ // if a buildPager function is supplied, use it to get pager link value, else use index + 1
+ if(slider.settings.buildPager && $.isFunction(slider.settings.buildPager)){
+ linkContent = slider.settings.buildPager(i);
+ slider.pagerEl.addClass('bx-custom-pager');
+ }else{
+ linkContent = i + 1;
+ slider.pagerEl.addClass('bx-default-pager');
+ }
+ // var linkContent = slider.settings.buildPager && $.isFunction(slider.settings.buildPager) ? slider.settings.buildPager(i) : i + 1;
+ // add the markup to the string
+ pagerHtml += '<div class="bx-pager-item"><a href="" data-slide-index="' + i + '" class="bx-pager-link">' + linkContent + '</a></div>';
+ };
+ // populate the pager element with pager links
+ slider.pagerEl.html(pagerHtml);
+ }
+
+ /**
+ * Appends the pager to the controls element
+ */
+ var appendPager = function(){
+ if(!slider.settings.pagerCustom){
+ // create the pager DOM element
+ slider.pagerEl = $('<div class="bx-pager" />');
+ // if a pager selector was supplied, populate it with the pager
+ if(slider.settings.pagerSelector){
+ $(slider.settings.pagerSelector).html(slider.pagerEl);
+ // if no pager selector was supplied, add it after the wrapper
+ }else{
+ slider.controls.el.addClass('bx-has-pager').append(slider.pagerEl);
+ }
+ // populate the pager
+ populatePager();
+ }else{
+ slider.pagerEl = $(slider.settings.pagerCustom);
+ }
+ // assign the pager click binding
+ slider.pagerEl.delegate('a', 'click', clickPagerBind);
+ }
+
+ /**
+ * Appends prev / next controls to the controls element
+ */
+ var appendControls = function(){
+ slider.controls.next = $('<a class="bx-next" href="">' + slider.settings.nextText + '</a>');
+ slider.controls.prev = $('<a class="bx-prev" href="">' + slider.settings.prevText + '</a>');
+ // bind click actions to the controls
+ slider.controls.next.bind('click', clickNextBind);
+ slider.controls.prev.bind('click', clickPrevBind);
+ // if nextSlector was supplied, populate it
+ if(slider.settings.nextSelector){
+ $(slider.settings.nextSelector).append(slider.controls.next);
+ }
+ // if prevSlector was supplied, populate it
+ if(slider.settings.prevSelector){
+ $(slider.settings.prevSelector).append(slider.controls.prev);
+ }
+ // if no custom selectors were supplied
+ if(!slider.settings.nextSelector && !slider.settings.prevSelector){
+ // add the controls to the DOM
+ slider.controls.directionEl = $('<div class="bx-controls-direction" />');
+ // add the control elements to the directionEl
+ slider.controls.directionEl.append(slider.controls.prev).append(slider.controls.next);
+ // slider.viewport.append(slider.controls.directionEl);
+ slider.controls.el.addClass('bx-has-controls-direction').append(slider.controls.directionEl);
+ }
+ }
+
+ /**
+ * Appends start / stop auto controls to the controls element
+ */
+ var appendControlsAuto = function(){
+ slider.controls.start = $('<div class="bx-controls-auto-item"><a class="bx-start" href="">' + slider.settings.startText + '</a></div>');
+ slider.controls.stop = $('<div class="bx-controls-auto-item"><a class="bx-stop" href="">' + slider.settings.stopText + '</a></div>');
+ // add the controls to the DOM
+ slider.controls.autoEl = $('<div class="bx-controls-auto" />');
+ // bind click actions to the controls
+ slider.controls.autoEl.delegate('.bx-start', 'click', clickStartBind);
+ slider.controls.autoEl.delegate('.bx-stop', 'click', clickStopBind);
+ // if autoControlsCombine, insert only the "start" control
+ if(slider.settings.autoControlsCombine){
+ slider.controls.autoEl.append(slider.controls.start);
+ // if autoControlsCombine is false, insert both controls
+ }else{
+ slider.controls.autoEl.append(slider.controls.start).append(slider.controls.stop);
+ }
+ // if auto controls selector was supplied, populate it with the controls
+ if(slider.settings.autoControlsSelector){
+ $(slider.settings.autoControlsSelector).html(slider.controls.autoEl);
+ // if auto controls selector was not supplied, add it after the wrapper
+ }else{
+ slider.controls.el.addClass('bx-has-controls-auto').append(slider.controls.autoEl);
+ }
+ // update the auto controls
+ updateAutoControls(slider.settings.autoStart ? 'stop' : 'start');
+ }
+
+ /**
+ * Appends image captions to the DOM
+ */
+ var appendCaptions = function(){
+ // cycle through each child
+ slider.children.each(function(index){
+ // get the image title attribute
+ var title = $(this).find('img:first').attr('title');
+ // append the caption
+ if (title != undefined && ('' + title).length) {
+ $(this).append('<div class="bx-caption"><span>' + title + '</span></div>');
+ }
+ });
+ }
+
+ /**
+ * Click next binding
+ *
+ * @param e (event)
+ * - DOM event object
+ */
+ var clickNextBind = function(e){
+ // if auto show is running, stop it
+ if (slider.settings.auto) el.stopAuto();
+ el.goToNextSlide();
+ e.preventDefault();
+ }
+
+ /**
+ * Click prev binding
+ *
+ * @param e (event)
+ * - DOM event object
+ */
+ var clickPrevBind = function(e){
+ // if auto show is running, stop it
+ if (slider.settings.auto) el.stopAuto();
+ el.goToPrevSlide();
+ e.preventDefault();
+ }
+
+ /**
+ * Click start binding
+ *
+ * @param e (event)
+ * - DOM event object
+ */
+ var clickStartBind = function(e){
+ el.startAuto();
+ e.preventDefault();
+ }
+
+ /**
+ * Click stop binding
+ *
+ * @param e (event)
+ * - DOM event object
+ */
+ var clickStopBind = function(e){
+ el.stopAuto();
+ e.preventDefault();
+ }
+
+ /**
+ * Click pager binding
+ *
+ * @param e (event)
+ * - DOM event object
+ */
+ var clickPagerBind = function(e){
+ // if auto show is running, stop it
+ if (slider.settings.auto) el.stopAuto();
+ var pagerLink = $(e.currentTarget);
+ var pagerIndex = parseInt(pagerLink.attr('data-slide-index'));
+ // if clicked pager link is not active, continue with the goToSlide call
+ if(pagerIndex != slider.active.index) el.goToSlide(pagerIndex);
+ e.preventDefault();
+ }
+
+ /**
+ * Updates the pager links with an active class
+ *
+ * @param slideIndex (int)
+ * - index of slide to make active
+ */
+ var updatePagerActive = function(slideIndex){
+ // if "short" pager type
+ var len = slider.children.length; // nb of children
+ if(slider.settings.pagerType == 'short'){
+ if(slider.settings.maxSlides > 1) {
+ len = Math.ceil(slider.children.length/slider.settings.maxSlides);
+ }
+ slider.pagerEl.html( (slideIndex + 1) + slider.settings.pagerShortSeparator + len);
+ return;
+ }
+ // remove all pager active classes
+ slider.pagerEl.find('a').removeClass('active');
+ // apply the active class for all pagers
+ slider.pagerEl.each(function(i, el) { $(el).find('a').eq(slideIndex).addClass('active'); });
+ }
+
+ /**
+ * Performs needed actions after a slide transition
+ */
+ var updateAfterSlideTransition = function(){
+ // if infinte loop is true
+ if(slider.settings.infiniteLoop){
+ var position = '';
+ // first slide
+ if(slider.active.index == 0){
+ // set the new position
+ position = slider.children.eq(0).position();
+ // carousel, last slide
+ }else if(slider.active.index == getPagerQty() - 1 && slider.carousel){
+ position = slider.children.eq((getPagerQty() - 1) * getMoveBy()).position();
+ // last slide
+ }else if(slider.active.index == slider.children.length - 1){
+ position = slider.children.eq(slider.children.length - 1).position();
+ }
+ if (slider.settings.mode == 'horizontal') { setPositionProperty(-position.left, 'reset', 0);; }
+ else if (slider.settings.mode == 'vertical') { setPositionProperty(-position.top, 'reset', 0);; }
+ }
+ // declare that the transition is complete
+ slider.working = false;
+ // onSlideAfter callback
+ slider.settings.onSlideAfter(slider.children.eq(slider.active.index), slider.oldIndex, slider.active.index);
+ }
+
+ /**
+ * Updates the auto controls state (either active, or combined switch)
+ *
+ * @param state (string) "start", "stop"
+ * - the new state of the auto show
+ */
+ var updateAutoControls = function(state){
+ // if autoControlsCombine is true, replace the current control with the new state
+ if(slider.settings.autoControlsCombine){
+ slider.controls.autoEl.html(slider.controls[state]);
+ // if autoControlsCombine is false, apply the "active" class to the appropriate control
+ }else{
+ slider.controls.autoEl.find('a').removeClass('active');
+ slider.controls.autoEl.find('a:not(.bx-' + state + ')').addClass('active');
+ }
+ }
+
+ /**
+ * Updates the direction controls (checks if either should be hidden)
+ */
+ var updateDirectionControls = function(){
+ if(getPagerQty() == 1){
+ slider.controls.prev.addClass('disabled');
+ slider.controls.next.addClass('disabled');
+ }else if(!slider.settings.infiniteLoop && slider.settings.hideControlOnEnd){
+ // if first slide
+ if (slider.active.index == 0){
+ slider.controls.prev.addClass('disabled');
+ slider.controls.next.removeClass('disabled');
+ // if last slide
+ }else if(slider.active.index == getPagerQty() - 1){
+ slider.controls.next.addClass('disabled');
+ slider.controls.prev.removeClass('disabled');
+ // if any slide in the middle
+ }else{
+ slider.controls.prev.removeClass('disabled');
+ slider.controls.next.removeClass('disabled');
+ }
+ }
+ }
+
+ /**
+ * Initialzes the auto process
+ */
+ var initAuto = function(){
+ // if autoDelay was supplied, launch the auto show using a setTimeout() call
+ if(slider.settings.autoDelay > 0){
+ var timeout = setTimeout(el.startAuto, slider.settings.autoDelay);
+ // if autoDelay was not supplied, start the auto show normally
+ }else{
+ el.startAuto();
+ }
+ // if autoHover is requested
+ if(slider.settings.autoHover){
+ // on el hover
+ el.hover(function(){
+ // if the auto show is currently playing (has an active interval)
+ if(slider.interval){
+ // stop the auto show and pass true agument which will prevent control update
+ el.stopAuto(true);
+ // create a new autoPaused value which will be used by the relative "mouseout" event
+ slider.autoPaused = true;
+ }
+ }, function(){
+ // if the autoPaused value was created be the prior "mouseover" event
+ if(slider.autoPaused){
+ // start the auto show and pass true agument which will prevent control update
+ el.startAuto(true);
+ // reset the autoPaused value
+ slider.autoPaused = null;
+ }
+ });
+ }
+ }
+
+ /**
+ * Initialzes the ticker process
+ */
+ var initTicker = function(){
+ var startPosition = 0;
+ // if autoDirection is "next", append a clone of the entire slider
+ if(slider.settings.autoDirection == 'next'){
+ el.append(slider.children.clone().addClass('bx-clone'));
+ // if autoDirection is "prev", prepend a clone of the entire slider, and set the left position
+ }else{
+ el.prepend(slider.children.clone().addClass('bx-clone'));
+ var position = slider.children.first().position();
+ startPosition = slider.settings.mode == 'horizontal' ? -position.left : -position.top;
+ }
+ setPositionProperty(startPosition, 'reset', 0);
+ // do not allow controls in ticker mode
+ slider.settings.pager = false;
+ slider.settings.controls = false;
+ slider.settings.autoControls = false;
+ // if autoHover is requested
+ if(slider.settings.tickerHover && !slider.usingCSS){
+ // on el hover
+ slider.viewport.hover(function(){
+ el.stop();
+ }, function(){
+ // calculate the total width of children (used to calculate the speed ratio)
+ var totalDimens = 0;
+ slider.children.each(function(index){
+ totalDimens += slider.settings.mode == 'horizontal' ? $(this).outerWidth(true) : $(this).outerHeight(true);
+ });
+ // calculate the speed ratio (used to determine the new speed to finish the paused animation)
+ var ratio = slider.settings.speed / totalDimens;
+ // determine which property to use
+ var property = slider.settings.mode == 'horizontal' ? 'left' : 'top';
+ // calculate the new speed
+ var newSpeed = ratio * (totalDimens - (Math.abs(parseInt(el.css(property)))));
+ tickerLoop(newSpeed);
+ });
+ }
+ // start the ticker loop
+ tickerLoop();
+ }
+
+ /**
+ * Runs a continuous loop, news ticker-style
+ */
+ var tickerLoop = function(resumeSpeed){
+ speed = resumeSpeed ? resumeSpeed : slider.settings.speed;
+ var position = {left: 0, top: 0};
+ var reset = {left: 0, top: 0};
+ // if "next" animate left position to last child, then reset left to 0
+ if(slider.settings.autoDirection == 'next'){
+ position = el.find('.bx-clone').first().position();
+ // if "prev" animate left position to 0, then reset left to first non-clone child
+ }else{
+ reset = slider.children.first().position();
+ }
+ var animateProperty = slider.settings.mode == 'horizontal' ? -position.left : -position.top;
+ var resetValue = slider.settings.mode == 'horizontal' ? -reset.left : -reset.top;
+ var params = {resetValue: resetValue};
+ setPositionProperty(animateProperty, 'ticker', speed, params);
+ }
+
+ /**
+ * Initializes touch events
+ */
+ var initTouch = function(){
+ // initialize object to contain all touch values
+ slider.touch = {
+ start: {x: 0, y: 0},
+ end: {x: 0, y: 0}
+ }
+ slider.viewport.bind('touchstart', onTouchStart);
+ }
+
+ /**
+ * Event handler for "touchstart"
+ *
+ * @param e (event)
+ * - DOM event object
+ */
+ var onTouchStart = function(e){
+ if(slider.working){
+ e.preventDefault();
+ }else{
+ // record the original position when touch starts
+ slider.touch.originalPos = el.position();
+ var orig = e.originalEvent;
+ // record the starting touch x, y coordinates
+ slider.touch.start.x = orig.changedTouches[0].pageX;
+ slider.touch.start.y = orig.changedTouches[0].pageY;
+ // bind a "touchmove" event to the viewport
+ slider.viewport.bind('touchmove', onTouchMove);
+ // bind a "touchend" event to the viewport
+ slider.viewport.bind('touchend', onTouchEnd);
+ }
+ }
+
+ /**
+ * Event handler for "touchmove"
+ *
+ * @param e (event)
+ * - DOM event object
+ */
+ var onTouchMove = function(e){
+ var orig = e.originalEvent;
+ // if scrolling on y axis, do not prevent default
+ var xMovement = Math.abs(orig.changedTouches[0].pageX - slider.touch.start.x);
+ var yMovement = Math.abs(orig.changedTouches[0].pageY - slider.touch.start.y);
+ // x axis swipe
+ if((xMovement * 3) > yMovement && slider.settings.preventDefaultSwipeX){
+ e.preventDefault();
+ // y axis swipe
+ }else if((yMovement * 3) > xMovement && slider.settings.preventDefaultSwipeY){
+ e.preventDefault();
+ }
+ if(slider.settings.mode != 'fade' && slider.settings.oneToOneTouch){
+ var value = 0;
+ // if horizontal, drag along x axis
+ if(slider.settings.mode == 'horizontal'){
+ var change = orig.changedTouches[0].pageX - slider.touch.start.x;
+ value = slider.touch.originalPos.left + change;
+ // if vertical, drag along y axis
+ }else{
+ var change = orig.changedTouches[0].pageY - slider.touch.start.y;
+ value = slider.touch.originalPos.top + change;
+ }
+ setPositionProperty(value, 'reset', 0);
+ }
+ }
+
+ /**
+ * Event handler for "touchend"
+ *
+ * @param e (event)
+ * - DOM event object
+ */
+ var onTouchEnd = function(e){
+ slider.viewport.unbind('touchmove', onTouchMove);
+ var orig = e.originalEvent;
+ var value = 0;
+ // record end x, y positions
+ slider.touch.end.x = orig.changedTouches[0].pageX;
+ slider.touch.end.y = orig.changedTouches[0].pageY;
+ // if fade mode, check if absolute x distance clears the threshold
+ if(slider.settings.mode == 'fade'){
+ var distance = Math.abs(slider.touch.start.x - slider.touch.end.x);
+ if(distance >= slider.settings.swipeThreshold){
+ slider.touch.start.x > slider.touch.end.x ? el.goToNextSlide() : el.goToPrevSlide();
+ el.stopAuto();
+ }
+ // not fade mode
+ }else{
+ var distance = 0;
+ // calculate distance and el's animate property
+ if(slider.settings.mode == 'horizontal'){
+ distance = slider.touch.end.x - slider.touch.start.x;
+ value = slider.touch.originalPos.left;
+ }else{
+ distance = slider.touch.end.y - slider.touch.start.y;
+ value = slider.touch.originalPos.top;
+ }
+ // if not infinite loop and first / last slide, do not attempt a slide transition
+ if(!slider.settings.infiniteLoop && ((slider.active.index == 0 && distance > 0) || (slider.active.last && distance < 0))){
+ setPositionProperty(value, 'reset', 200);
+ }else{
+ // check if distance clears threshold
+ if(Math.abs(distance) >= slider.settings.swipeThreshold){
+ distance < 0 ? el.goToNextSlide() : el.goToPrevSlide();
+ el.stopAuto();
+ }else{
+ // el.animate(property, 200);
+ setPositionProperty(value, 'reset', 200);
+ }
+ }
+ }
+ slider.viewport.unbind('touchend', onTouchEnd);
+ }
+
+ /**
+ * Window resize event callback
+ */
+ var resizeWindow = function(e){
+ // get the new window dimens (again, thank you IE)
+ var windowWidthNew = $(window).width();
+ var windowHeightNew = $(window).height();
+ // make sure that it is a true window resize
+ // *we must check this because our dinosaur friend IE fires a window resize event when certain DOM elements
+ // are resized. Can you just die already?*
+ if(windowWidth != windowWidthNew || windowHeight != windowHeightNew){
+ // set the new window dimens
+ windowWidth = windowWidthNew;
+ windowHeight = windowHeightNew;
+ // update all dynamic elements
+ el.redrawSlider();
+ }
+ }
+
+ /**
+ * ===================================================================================
+ * = PUBLIC FUNCTIONS
+ * ===================================================================================
+ */
+
+ /**
+ * Performs slide transition to the specified slide
+ *
+ * @param slideIndex (int)
+ * - the destination slide's index (zero-based)
+ *
+ * @param direction (string)
+ * - INTERNAL USE ONLY - the direction of travel ("prev" / "next")
+ */
+ el.goToSlide = function(slideIndex, direction){
+ // if plugin is currently in motion, ignore request
+ if(slider.working || slider.active.index == slideIndex) return;
+ // declare that plugin is in motion
+ slider.working = true;
+ // store the old index
+ slider.oldIndex = slider.active.index;
+ // if slideIndex is less than zero, set active index to last child (this happens during infinite loop)
+ if(slideIndex < 0){
+ slider.active.index = getPagerQty() - 1;
+ // if slideIndex is greater than children length, set active index to 0 (this happens during infinite loop)
+ }else if(slideIndex >= getPagerQty()){
+ slider.active.index = 0;
+ // set active index to requested slide
+ }else{
+ slider.active.index = slideIndex;
+ }
+ // onSlideBefore, onSlideNext, onSlidePrev callbacks
+ slider.settings.onSlideBefore(slider.children.eq(slider.active.index), slider.oldIndex, slider.active.index);
+ if(direction == 'next'){
+ slider.settings.onSlideNext(slider.children.eq(slider.active.index), slider.oldIndex, slider.active.index);
+ }else if(direction == 'prev'){
+ slider.settings.onSlidePrev(slider.children.eq(slider.active.index), slider.oldIndex, slider.active.index);
+ }
+ // check if last slide
+ slider.active.last = slider.active.index >= getPagerQty() - 1;
+ // update the pager with active class
+ if(slider.settings.pager) updatePagerActive(slider.active.index);
+ // // check for direction control update
+ if(slider.settings.controls) updateDirectionControls();
+ // if slider is set to mode: "fade"
+ if(slider.settings.mode == 'fade'){
+ // if adaptiveHeight is true and next height is different from current height, animate to the new height
+ if(slider.settings.adaptiveHeight && slider.viewport.height() != getViewportHeight()){
+ slider.viewport.animate({height: getViewportHeight()}, slider.settings.adaptiveHeightSpeed);
+ }
+ // fade out the visible child and reset its z-index value
+ slider.children.filter(':visible').fadeOut(slider.settings.speed).css({zIndex: 0});
+ // fade in the newly requested slide
+ slider.children.eq(slider.active.index).css('zIndex', 51).fadeIn(slider.settings.speed, function(){
+ $(this).css('zIndex', 50);
+ updateAfterSlideTransition();
+ });
+ // slider mode is not "fade"
+ }else{
+ // if adaptiveHeight is true and next height is different from current height, animate to the new height
+ if(slider.settings.adaptiveHeight && slider.viewport.height() != getViewportHeight()){
+ slider.viewport.animate({height: getViewportHeight()}, slider.settings.adaptiveHeightSpeed);
+ }
+ var moveBy = 0;
+ var position = {left: 0, top: 0};
+ // if carousel and not infinite loop
+ if(!slider.settings.infiniteLoop && slider.carousel && slider.active.last){
+ if(slider.settings.mode == 'horizontal'){
+ // get the last child position
+ var lastChild = slider.children.eq(slider.children.length - 1);
+ position = lastChild.position();
+ // calculate the position of the last slide
+ moveBy = slider.viewport.width() - lastChild.outerWidth();
+ }else{
+ // get last showing index position
+ var lastShowingIndex = slider.children.length - slider.settings.minSlides;
+ position = slider.children.eq(lastShowingIndex).position();
+ }
+ // horizontal carousel, going previous while on first slide (infiniteLoop mode)
+ }else if(slider.carousel && slider.active.last && direction == 'prev'){
+ // get the last child position
+ var eq = slider.settings.moveSlides == 1 ? slider.settings.maxSlides - getMoveBy() : ((getPagerQty() - 1) * getMoveBy()) - (slider.children.length - slider.settings.maxSlides);
+ var lastChild = el.children('.bx-clone').eq(eq);
+ position = lastChild.position();
+ // if infinite loop and "Next" is clicked on the last slide
+ }else if(direction == 'next' && slider.active.index == 0){
+ // get the last clone position
+ position = el.find('> .bx-clone').eq(slider.settings.maxSlides).position();
+ slider.active.last = false;
+ // normal non-zero requests
+ }else if(slideIndex >= 0){
+ var requestEl = slideIndex * getMoveBy();
+ position = slider.children.eq(requestEl).position();
+ }
+
+ /* If the position doesn't exist
+ * (e.g. if you destroy the slider on a next click),
+ * it doesn't throw an error.
+ */
+ if ("undefined" !== typeof(position)) {
+ var value = slider.settings.mode == 'horizontal' ? -(position.left - moveBy) : -position.top;
+ // plugin values to be animated
+ setPositionProperty(value, 'slide', slider.settings.speed);
+ }
+ }
+ }
+
+ /**
+ * Transitions to the next slide in the show
+ */
+ el.goToNextSlide = function(){
+ // if infiniteLoop is false and last page is showing, disregard call
+ if (!slider.settings.infiniteLoop && slider.active.last) return;
+ var pagerIndex = parseInt(slider.active.index) + 1;
+ el.goToSlide(pagerIndex, 'next');
+ }
+
+ /**
+ * Transitions to the prev slide in the show
+ */
+ el.goToPrevSlide = function(){
+ // if infiniteLoop is false and last page is showing, disregard call
+ if (!slider.settings.infiniteLoop && slider.active.index == 0) return;
+ var pagerIndex = parseInt(slider.active.index) - 1;
+ el.goToSlide(pagerIndex, 'prev');
+ }
+
+ /**
+ * Starts the auto show
+ *
+ * @param preventControlUpdate (boolean)
+ * - if true, auto controls state will not be updated
+ */
+ el.startAuto = function(preventControlUpdate){
+ // if an interval already exists, disregard call
+ if(slider.interval) return;
+ // create an interval
+ slider.interval = setInterval(function(){
+ slider.settings.autoDirection == 'next' ? el.goToNextSlide() : el.goToPrevSlide();
+ }, slider.settings.pause);
+ // if auto controls are displayed and preventControlUpdate is not true
+ if (slider.settings.autoControls && preventControlUpdate != true) updateAutoControls('stop');
+ }
+
+ /**
+ * Stops the auto show
+ *
+ * @param preventControlUpdate (boolean)
+ * - if true, auto controls state will not be updated
+ */
+ el.stopAuto = function(preventControlUpdate){
+ // if no interval exists, disregard call
+ if(!slider.interval) return;
+ // clear the interval
+ clearInterval(slider.interval);
+ slider.interval = null;
+ // if auto controls are displayed and preventControlUpdate is not true
+ if (slider.settings.autoControls && preventControlUpdate != true) updateAutoControls('start');
+ }
+
+ /**
+ * Returns current slide index (zero-based)
+ */
+ el.getCurrentSlide = function(){
+ return slider.active.index;
+ }
+
+ /**
+ * Returns number of slides in show
+ */
+ el.getSlideCount = function(){
+ return slider.children.length;
+ }
+
+ /**
+ * Update all dynamic slider elements
+ */
+ el.redrawSlider = function(){
+ // resize all children in ratio to new screen size
+ slider.children.add(el.find('.bx-clone')).outerWidth(getSlideWidth());
+ // adjust the height
+ slider.viewport.css('height', getViewportHeight());
+ // update the slide position
+ if(!slider.settings.ticker) setSlidePosition();
+ // if active.last was true before the screen resize, we want
+ // to keep it last no matter what screen size we end on
+ if (slider.active.last) slider.active.index = getPagerQty() - 1;
+ // if the active index (page) no longer exists due to the resize, simply set the index as last
+ if (slider.active.index >= getPagerQty()) slider.active.last = true;
+ // if a pager is being displayed and a custom pager is not being used, update it
+ if(slider.settings.pager && !slider.settings.pagerCustom){
+ populatePager();
+ updatePagerActive(slider.active.index);
+ }
+ }
+
+ /**
+ * Destroy the current instance of the slider (revert everything back to original state)
+ */
+ el.destroySlider = function(){
+ // don't do anything if slider has already been destroyed
+ if(!slider.initialized) return;
+ slider.initialized = false;
+ $('.bx-clone', this).remove();
+ slider.children.each(function() {
+ $(this).data("origStyle") != undefined ? $(this).attr("style", $(this).data("origStyle")) : $(this).removeAttr('style');
+ });
+ $(this).data("origStyle") != undefined ? this.attr("style", $(this).data("origStyle")) : $(this).removeAttr('style');
+ $(this).unwrap().unwrap();
+ if(slider.controls.el) slider.controls.el.remove();
+ if(slider.controls.next) slider.controls.next.remove();
+ if(slider.controls.prev) slider.controls.prev.remove();
+ if(slider.pagerEl) slider.pagerEl.remove();
+ $('.bx-caption', this).remove();
+ if(slider.controls.autoEl) slider.controls.autoEl.remove();
+ clearInterval(slider.interval);
+ if(slider.settings.responsive) $(window).unbind('resize', resizeWindow);
+ }
+
+ /**
+ * Reload the slider (revert all DOM changes, and re-initialize)
+ */
+ el.reloadSlider = function(settings){
+ if (settings != undefined) options = settings;
+ el.destroySlider();
+ init();
+ }
+
+ init();
+
+ // returns the current jQuery object
+ return this;
+ }
+
+})(jQuery);
\ No newline at end of file
--- /dev/null
+/*global jQuery */
+/*jshint multistr:true browser:true */
+/*!
+* FitVids 1.0
+*
+* Copyright 2011, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
+* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
+* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
+*
+* Date: Thu Sept 01 18:00:00 2011 -0500
+*/
+
+(function( $ ){
+
+ "use strict";
+
+ $.fn.fitVids = function( options ) {
+ var settings = {
+ customSelector: null
+ };
+
+ if(!document.getElementById('fit-vids-style')) {
+
+ var div = document.createElement('div'),
+ ref = document.getElementsByTagName('base')[0] || document.getElementsByTagName('script')[0];
+
+ div.className = 'fit-vids-style';
+ div.id = 'fit-vids-style';
+ div.style.display = 'none';
+ div.innerHTML = '­<style> \
+ .fluid-width-video-wrapper { \
+ width: 100%; \
+ position: relative; \
+ padding: 0; \
+ } \
+ \
+ .fluid-width-video-wrapper iframe, \
+ .fluid-width-video-wrapper object, \
+ .fluid-width-video-wrapper embed { \
+ position: absolute; \
+ top: 0; \
+ left: 0; \
+ width: 100%; \
+ height: 100%; \
+ } \
+ </style>';
+
+ ref.parentNode.insertBefore(div,ref);
+
+ }
+
+ if ( options ) {
+ $.extend( settings, options );
+ }
+
+ return this.each(function(){
+ var selectors = [
+ "iframe[src*='player.vimeo.com']",
+ "iframe[src*='youtube.com']",
+ "iframe[src*='youtube-nocookie.com']",
+ "iframe[src*='kickstarter.com'][src*='video.html']",
+ "object",
+ "embed"
+ ];
+
+ if (settings.customSelector) {
+ selectors.push(settings.customSelector);
+ }
+
+ var $allVideos = $(this).find(selectors.join(','));
+ $allVideos = $allVideos.not("object object"); // SwfObj conflict patch
+
+ $allVideos.each(function(){
+ var $this = $(this);
+ if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
+ var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
+ width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
+ aspectRatio = height / width;
+ if(!$this.attr('id')){
+ var videoID = 'fitvid' + Math.floor(Math.random()*999999);
+ $this.attr('id', videoID);
+ }
+ $this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%");
+ $this.removeAttr('height').removeAttr('width');
+ });
+ });
+ };
+})( jQuery );
\ No newline at end of file
--- /dev/null
+/*
+Sequence.js (http://www.sequencejs.com)
+Version: 1.0.1
+Author: Ian Lunn @IanLunn
+Author URL: http://www.ianlunn.co.uk/
+Github: https://github.com/IanLunn/Sequence
+
+This is a FREE script and is available under a MIT License:
+http://www.opensource.org/licenses/mit-license.php
+
+Sequence.js and its dependencies are (c) Ian Lunn Design 2012 - 2013 unless otherwise stated.
+
+Sequence also relies on the following open source scripts:
+
+- jQuery imagesLoaded 2.1.0 (http://github.com/desandro/imagesloaded)
+ Paul Irish et al
+ Available under a MIT License: http://www.opensource.org/licenses/mit-license.php
+
+- jQuery TouchWipe 1.1.1 (http://www.netcu.de/jquery-touchwipe-iphone-ipad-library)
+ Andreas Waltl, netCU Internetagentur (http://www.netcu.de)
+ Available under a MIT License: http://www.opensource.org/licenses/mit-license.php
+
+- Modernizr 2.6.1 Custom Build (http://modernizr.com/) (Named Modernizr for Sequence to prevent conflicts)
+ Copyright (c) Faruk Ates, Paul Irish, Alex Sexton
+ Available under the BSD and MIT licenses: www.modernizr.com/license/
+ */(function(e){function n(n,r,i,s){function f(){o.afterLoaded();o.settings.hideFramesUntilPreloaded&&o.settings.preloader!==undefined&&o.settings.preloader!==!1&&o.frames.show();if(o.settings.preloader!==undefined&&o.settings.preloader!==!1)if(o.settings.hidePreloaderUsingCSS&&o.transitionsSupported){o.prependPreloadingCompleteTo=o.settings.prependPreloadingComplete===!0?o.settings.preloader:e(o.settings.prependPreloadingComplete);o.prependPreloadingCompleteTo.addClass("preloading-complete");setTimeout(g,o.settings.hidePreloaderDelay)}else o.settings.preloader.fadeOut(o.settings.hidePreloaderDelay,function(){clearInterval(o.defaultPreloader);g()});else g()}function h(t,n){var r=[];if(!n)for(var i=t;i>0;i--)o.frames.eq(o.settings.preloadTheseFrames[i-1]-1).find("img").each(function(){r.push(e(this)[0])});else for(var s=t;s>0;s--)r.push(e("body").find('img[src="'+o.settings.preloadTheseImages[s-1]+'"]'));return r}function p(t,n){function c(){var t=e(f),r=e(l);s&&(l.length?s.reject(u,t,r):s.resolve(u));e.isFunction(n)&&n.call(i,u,t,r)}function h(t,n){if(t.src===r||e.inArray(t,a)!==-1)return;a.push(t);n?l.push(t):f.push(t);e.data(t,"imagesLoaded",{isBroken:n,src:t.src});o&&s.notifyWith(e(t),[n,u,e(f),e(l)]);if(u.length===a.length){setTimeout(c);u.unbind(".imagesLoaded")}}var r="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",i=t,s=e.isFunction(e.Deferred)?e.Deferred():0,o=e.isFunction(s.notify),u=i.find("img").add(i.filter("img")),a=[],f=[],l=[];e.isPlainObject(n)&&e.each(n,function(e,t){e==="callback"?n=t:s&&s[e](t)});u.length?u.bind("load.imagesLoaded error.imagesLoaded",function(e){h(e.target,e.type==="error")}).each(function(t,n){var i=n.src,s=e.data(n,"imagesLoaded");if(s&&s.src===i){h(n,s.isBroken);return}if(n.complete&&n.naturalWidth!==undefined){h(n,n.naturalWidth===0||n.naturalHeight===0);return}if(n.readyState||n.complete){n.src=r;n.src=i}}):c()}function g(){function t(e,t){var r,i;for(i in t){i==="left"||i==="right"?r=n[i]:r=i;e===parseFloat(r)&&o._initCustomKeyEvent(t[i])}}function r(){o.canvas.on("touchmove.sequence",i);u=null;f=!1}function i(e){o.settings.swipePreventsDefault&&e.preventDefault();if(f){var t=e.originalEvent.touches[0].pageX,n=e.originalEvent.touches[0].pageY,i=u-t,s=a-n;if(Math.abs(i)>=o.settings.swipeThreshold){r();i>0?o._initCustomKeyEvent(o.settings.swipeEvents.left):o._initCustomKeyEvent(o.settings.swipeEvents.right)}else if(Math.abs(s)>=o.settings.swipeThreshold){r();s>0?o._initCustomKeyEvent(o.settings.swipeEvents.down):o._initCustomKeyEvent(o.settings.swipeEvents.up)}}}function s(e){if(e.originalEvent.touches.length===1){u=e.originalEvent.touches[0].pageX;a=e.originalEvent.touches[0].pageY;f=!0;o.canvas.on("touchmove.sequence",i)}}e(o.settings.preloader).remove();o.nextButton=o._renderUiElements(o.settings.nextButton,".sequence-next");o.prevButton=o._renderUiElements(o.settings.prevButton,".sequence-prev");o.pauseButton=o._renderUiElements(o.settings.pauseButton,".sequence-pause");o.pagination=o._renderUiElements(o.settings.pagination,".sequence-pagination");o.nextButton!==undefined&&o.nextButton!==!1&&o.settings.showNextButtonOnInit===!0&&o.nextButton.show();o.prevButton!==undefined&&o.prevButton!==!1&&o.settings.showPrevButtonOnInit===!0&&o.prevButton.show();o.pauseButton!==undefined&&o.pauseButton!==!1&&o.settings.showPauseButtonOnInit===!0&&o.pauseButton.show();if(o.settings.pauseIcon!==!1){o.pauseIcon=o._renderUiElements(o.settings.pauseIcon,".sequence-pause-icon");o.pauseIcon!==undefined&&o.pauseIcon.hide()}else o.pauseIcon=undefined;if(o.pagination!==undefined&&o.pagination!==!1){o.paginationLinks=o.pagination.children();o.paginationLinks.on("click.sequence",function(){var t=e(this).index()+1;o.goTo(t)});o.settings.showPaginationOnInit===!0&&o.pagination.show()}o.nextFrameID=o.settings.startingFrameID;if(o.settings.hashTags===!0){o.frames.each(function(){o.frameHashID.push(e(this).prop(o.getHashTagFrom))});o.currentHashTag=location.hash.replace("#","");if(o.currentHashTag===undefined||o.currentHashTag==="")o.nextFrameID=o.settings.startingFrameID;else{o.frameHashIndex=e.inArray(o.currentHashTag,o.frameHashID);o.frameHashIndex!==-1?o.nextFrameID=o.frameHashIndex+1:o.nextFrameID=o.settings.startingFrameID}}o.nextFrame=o.frames.eq(o.nextFrameID-1);o.nextFrameChildren=o.nextFrame.children();o.pagination!==undefined&&e(o.paginationLinks[o.settings.startingFrameID-1]).addClass("current");if(o.transitionsSupported)if(!o.settings.animateStartingFrameIn){o.currentFrameID=o.nextFrameID;o.settings.moveActiveFrameToTop&&o.nextFrame.css("z-index",o.numberOfFrames);o._resetElements(o.transitionPrefix,o.nextFrameChildren,"0s");o.nextFrame.addClass("animate-in");if(o.settings.hashTags&&o.settings.hashChangesOnFirstFrame){o.currentHashTag=o.nextFrame.prop(o.getHashTagFrom);document.location.hash="#"+o.currentHashTag}setTimeout(function(){o._resetElements(o.transitionPrefix,o.nextFrameChildren,"")},100);o._resetAutoPlay(!0,o.settings.autoPlayDelay)}else if(o.settings.reverseAnimationsWhenNavigatingBackwards&&o.settings.autoPlayDirection-1&&o.settings.animateStartingFrameIn){o._resetElements(o.transitionPrefix,o.nextFrameChildren,"0s");o.nextFrame.addClass("animate-out");o.goTo(o.nextFrameID,-1,!0)}else o.goTo(o.nextFrameID,1,!0);else{o.container.addClass("sequence-fallback");o.currentFrameID=o.nextFrameID;if(o.settings.hashTags&&o.settings.hashChangesOnFirstFrame){o.currentHashTag=o.nextFrame.prop(o.getHashTagFrom);document.location.hash="#"+o.currentHashTag}o.frames.addClass("animate-in");o.frames.not(":eq("+(o.nextFrameID-1)+")").css({display:"none",opacity:0});o._resetAutoPlay(!0,o.settings.autoPlayDelay)}o.nextButton!==undefined&&o.nextButton.bind("click.sequence",function(){o.next()});o.prevButton!==undefined&&o.prevButton.bind("click.sequence",function(){o.prev()});o.pauseButton!==undefined&&o.pauseButton.bind("click.sequence",function(){o.pause(!0)});if(o.settings.keyNavigation){var n={left:37,right:39};e(document).bind("keydown.sequence",function(e){var n=String.fromCharCode(e.keyCode);if(n>0&&n<=o.numberOfFrames&&o.settings.numericKeysGoToFrames){o.nextFrameID=n;o.goTo(o.nextFrameID)}t(e.keyCode,o.settings.keyEvents);t(e.keyCode,o.settings.customKeyEvents)})}o.canvas.on({"mouseenter.sequence":function(){if(o.settings.pauseOnHover&&o.settings.autoPlay&&!o.hasTouch){o.isBeingHoveredOver=!0;o.isHardPaused||o.pause()}},"mouseleave.sequence":function(){if(o.settings.pauseOnHover&&o.settings.autoPlay&&!o.hasTouch){o.isBeingHoveredOver=!1;o.isHardPaused||o.unpause()}}});o.settings.hashTags&&e(window).bind("hashchange.sequence",function(){var t=location.hash.replace("#","");if(o.currentHashTag!==t){o.currentHashTag=t;o.frameHashIndex=e.inArray(o.currentHashTag,o.frameHashID);if(o.frameHashIndex!==-1){o.nextFrameID=o.frameHashIndex+1;o.goTo(o.nextFrameID)}}});if(o.settings.swipeNavigation&&o.hasTouch){var u,a,f=!1;o.canvas.on("touchstart.sequence",s)}}var o=this;o.container=e(n);o.canvas=o.container.children(".sequence-canvas");o.frames=o.canvas.children("li");o._modernizrForSequence();var u={WebkitTransition:"-webkit-",WebkitAnimation:"-webkit-",MozTransition:"-moz-","MozAnimation ":"-moz-",OTransition:"-o-",OAnimation:"-o-",msTransition:"-ms-",msAnimation:"-ms-",transition:"",animation:""},a={WebkitTransition:"webkitTransitionEnd.sequence",WebkitAnimation:"webkitAnimationEnd.sequence",MozTransition:"transitionend.sequence",MozAnimation:"animationend.sequence",OTransition:"otransitionend.sequence",OAnimation:"oanimationend.sequence",msTransition:"MSTransitionEnd.sequence",msAnimation:"MSAnimationEnd.sequence",transition:"transitionend.sequence",animation:"animationend.sequence"};o.transitionPrefix=u[ModernizrForSequence.prefixed("transition")],o.animationPrefix=u[ModernizrForSequence.prefixed("animation")],o.transitionProperties={},o.transitionEnd=a[ModernizrForSequence.prefixed("transition")]+" "+a[ModernizrForSequence.prefixed("animation")],o.numberOfFrames=o.frames.length,o.transitionsSupported=o.transitionPrefix!==undefined?!0:!1,o.hasTouch="ontouchstart"in window?!0:!1,o.isPaused=!1,o.isBeingHoveredOver=!1,o.container.removeClass("sequence-destroyed");o.paused=function(){},o.unpaused=function(){},o.beforeNextFrameAnimatesIn=function(){},o.afterNextFrameAnimatesIn=function(){},o.beforeCurrentFrameAnimatesOut=function(){},o.afterCurrentFrameAnimatesOut=function(){},o.afterLoaded=function(){};o.destroyed=function(){};o.settings=e.extend({},i,r);o.settings.preloader=o._renderUiElements(o.settings.preloader,".sequence-preloader");o.isStartingFrame=o.settings.animateStartingFrameIn?!0:!1;o.settings.unpauseDelay=o.settings.unpauseDelay===null?o.settings.autoPlayDelay:o.settings.unpauseDelay;o.getHashTagFrom=o.settings.hashDataAttribute?"data-sequence-hashtag":"id";o.frameHashID=[];o.direction=o.settings.autoPlayDirection;o.settings.hideFramesUntilPreloaded&&o.settings.preloader!==undefined&&o.settings.preloader!==!1&&o.frames.hide();o.transitionPrefix==="-o-"&&(o.transitionsSupported=o._operaTest());o.frames.removeClass("animate-in");var l=o.settings.preloadTheseFrames.length,c=o.settings.preloadTheseImages.length;if(o.settings.preloader===undefined||o.settings.preloader===!1||l===0&&c===0)if(t===!0){f();e(this).unbind("load.sequence")}else e(window).bind("load.sequence",function(){f();e(this).unbind("load.sequence")});else{var d=h(l),v=h(c,!0),m=e(d.concat(v));p(m,f)}}var t=!1;e(window).bind("load",function(){t=!0});n.prototype={startAutoPlay:function(e){var t=this;e=e===undefined?t.settings.autoPlayDelay:e;t.unpause();t._resetAutoPlay();t.autoPlayTimer=setTimeout(function(){t.settings.autoPlayDirection===1?t.next():t.prev()},e)},stopAutoPlay:function(){var e=this;e.pause(!0);clearTimeout(e.autoPlayTimer)},pause:function(e){var t=this;if(!t.isSoftPaused){if(t.pauseButton!==undefined){t.pauseButton.addClass("paused");t.pauseIcon!==undefined&&t.pauseIcon.show()}t.paused();t.isSoftPaused=!0;t.isHardPaused=e?!0:!1;t.isPaused=!0;t._resetAutoPlay()}else t.unpause()},unpause:function(e){var t=this;if(t.pauseButton!==undefined){t.pauseButton.removeClass("paused");t.pauseIcon!==undefined&&t.pauseIcon.hide()}t.isSoftPaused=!1;t.isHardPaused=!1;t.isPaused=!1;if(!t.active){e!==!1&&t.unpaused();t._resetAutoPlay(!0,t.settings.unpauseDelay)}else t.delayUnpause=!0},next:function(){var e=this;e.nextFrameID=e.currentFrameID!==e.numberOfFrames?e.currentFrameID+1:1;e.active===!1||e.active===undefined?e.goTo(e.nextFrameID,1):e.goTo(e.nextFrameID,1,!0)},prev:function(){var e=this;e.nextFrameID=e.currentFrameID===1?e.numberOfFrames:e.currentFrameID-1;e.active===!1||e.active===undefined?e.goTo(e.nextFrameID,-1):e.goTo(e.nextFrameID,-1,!0)},goTo:function(t,n,r){var i=this;t=parseFloat(t);var s=r===!0?0:i.settings.transitionThreshold;if(t===i.currentFrameID||i.settings.navigationSkip&&i.navigationSkipThresholdActive||!i.settings.navigationSkip&&i.active||!i.transitionsSupported&&i.active||!i.settings.cycle&&n===1&&i.currentFrameID===i.numberOfFrames||!i.settings.cycle&&n===-1&&i.currentFrameID===1||i.settings.preventReverseSkipping&&i.direction!==n&&i.active)return!1;if(i.settings.navigationSkip&&i.active){i.navigationSkipThresholdActive=!0;i.settings.fadeFrameWhenSkipped&&i.nextFrame.stop().animate({opacity:0},i.settings.fadeFrameTime);clearTimeout(i.transitionThresholdTimer);setTimeout(function(){i.navigationSkipThresholdActive=!1},i.settings.navigationSkipThreshold)}if(!i.active||i.settings.navigationSkip){i.active=!0;i._resetAutoPlay();n===undefined?i.direction=t>i.currentFrameID?1:-1:i.direction=n;i.currentFrame=i.canvas.children(".animate-in");i.nextFrame=i.frames.eq(t-1);i.currentFrameChildren=i.currentFrame.children();i.nextFrameChildren=i.nextFrame.children();if(i.pagination!==undefined){i.paginationLinks.removeClass("current");e(i.paginationLinks[t-1]).addClass("current")}if(i.transitionsSupported){if(i.currentFrame.length!==undefined){i.beforeCurrentFrameAnimatesOut();i.settings.moveActiveFrameToTop&&i.currentFrame.css("z-index",1);i._resetElements(i.transitionPrefix,i.nextFrameChildren,"0s");if(!i.settings.reverseAnimationsWhenNavigatingBackwards||i.direction===1){i.nextFrame.removeClass("animate-out");i._resetElements(i.transitionPrefix,i.currentFrameChildren,"")}else if(i.settings.reverseAnimationsWhenNavigatingBackwards&&i.direction===-1){i.nextFrame.addClass("animate-out");i._reverseTransitionProperties()}}else i.isStartingFrame=!1;i.active=!0;i.currentFrame.unbind(i.transitionEnd);i.nextFrame.unbind(i.transitionEnd);i.settings.fadeFrameWhenSkipped&&i.settings.navigationSkip&&i.nextFrame.css("opacity",1);i.beforeNextFrameAnimatesIn();i.settings.moveActiveFrameToTop&&i.nextFrame.css("z-index",i.numberOfFrames);if(!i.settings.reverseAnimationsWhenNavigatingBackwards||i.direction===1){setTimeout(function(){i._resetElements(i.transitionPrefix,i.nextFrameChildren,"");i._waitForAnimationsToComplete(i.nextFrame,i.nextFrameChildren,"in");(i.afterCurrentFrameAnimatesOut!=="function () {}"||i.settings.transitionThreshold===!0&&r!==!0)&&i._waitForAnimationsToComplete(i.currentFrame,i.currentFrameChildren,"out",!0,1)},50);setTimeout(function(){if(i.settings.transitionThreshold===!1||i.settings.transitionThreshold===0||r===!0){i.currentFrame.toggleClass("animate-out animate-in");i.nextFrame.addClass("animate-in")}else{i.currentFrame.toggleClass("animate-out animate-in");i.settings.transitionThreshold!==!0&&(i.transitionThresholdTimer=setTimeout(function(){i.nextFrame.addClass("animate-in")},s))}},50)}else if(i.settings.reverseAnimationsWhenNavigatingBackwards&&i.direction===-1){setTimeout(function(){i._resetElements(i.transitionPrefix,i.currentFrameChildren,"");i._resetElements(i.transitionPrefix,i.nextFrameChildren,"");i._reverseTransitionProperties();i._waitForAnimationsToComplete(i.nextFrame,i.nextFrameChildren,"in");(i.afterCurrentFrameAnimatesOut!=="function () {}"||i.settings.transitionThreshold===!0&&r!==!0)&&i._waitForAnimationsToComplete(i.currentFrame,i.currentFrameChildren,"out",!0,-1)},50);setTimeout(function(){if(i.settings.transitionThreshold===!1||i.settings.transitionThreshold===0||r===!0){i.currentFrame.removeClass("animate-in");i.nextFrame.toggleClass("animate-out animate-in")}else{i.currentFrame.removeClass("animate-in");i.settings.transitionThreshold!==!0&&(i.transitionThresholdTimer=setTimeout(function(){i.nextFrame.toggleClass("animate-out animate-in")},s))}},50)}}else{function o(){i._setHashTag();i.active=!1;i._resetAutoPlay(!0,i.settings.autoPlayDelay)}switch(i.settings.fallback.theme){case"fade":i.frames.css({position:"relative"});i.beforeCurrentFrameAnimatesOut();i.currentFrame=i.frames.eq(i.currentFrameID-1);i.currentFrame.animate({opacity:0},i.settings.fallback.speed,function(){i.currentFrame.css({display:"none","z-index":"1"});i.afterCurrentFrameAnimatesOut();i.beforeNextFrameAnimatesIn();i.nextFrame.css({display:"block","z-index":i.numberOfFrames}).animate({opacity:1},500,function(){i.afterNextFrameAnimatesIn()});o()});i.frames.css({position:"relative"});break;case"slide":default:var u={},a={},f={};if(i.direction===1){u.left="-100%";a.left="100%"}else{u.left="100%";a.left="-100%"}f.left="0";f.opacity=1;i.currentFrame=i.frames.eq(i.currentFrameID-1);i.beforeCurrentFrameAnimatesOut();i.currentFrame.animate(u,i.settings.fallback.speed,function(){i.currentFrame.css({display:"none","z-index":"1"});i.afterCurrentFrameAnimatesOut()});i.beforeNextFrameAnimatesIn();i.nextFrame.show().css(a);i.nextFrame.css({display:"block","z-index":i.numberOfFrames}).animate(f,i.settings.fallback.speed,function(){o();i.afterNextFrameAnimatesIn()})}}i.currentFrameID=t}},destroy:function(t){var n=this;n.container.addClass("sequence-destroyed");n.nextButton!==undefined&&n.nextButton.unbind("click.sequence");n.prevButton!==undefined&&n.prevButton.unbind("click.sequence");n.pauseButton!==undefined&&n.pauseButton.unbind("click.sequence");n.pagination!==undefined&&n.paginationLinks.unbind("click.sequence");e(document).unbind("keydown.sequence");n.canvas.unbind("mouseenter.sequence, mouseleave.sequence, touchstart.sequence, touchmove.sequence");e(window).unbind("hashchange.sequence");n.stopAutoPlay();clearTimeout(n.transitionThresholdTimer);n.canvas.children("li").remove();n.canvas.prepend(n.frames);n.frames.removeClass("animate-in animate-out").removeAttr("style");n.frames.eq(n.currentFrameID-1).addClass("animate-in");n.nextButton!==undefined&&n.nextButton!==!1&&n.nextButton.hide();n.prevButton!==undefined&&n.prevButton!==!1&&n.prevButton.hide();n.pauseButton!==undefined&&n.pauseButton!==!1&&n.pauseButton.hide();n.pauseIcon!==undefined&&n.pauseIcon!==!1&&n.pauseIcon.hide();n.pagination!==undefined&&n.pagination!==!1&&n.pagination.hide();t!==undefined&&t();n.destroyed();n.container.removeData()},_initCustomKeyEvent:function(e){var t=this;switch(e){case"next":t.next();break;case"prev":t.prev();break;case"pause":t.pause(!0)}},_resetElements:function(e,t,n){var r=this;t.css(r._prefixCSS(e,{"transition-duration":n,"transition-delay":n,"transition-timing-function":""}))},_reverseTransitionProperties:function(){var t=this,n=[],r=[];t.currentFrameChildren.each(function(){n.push(parseFloat(e(this).css(t.transitionPrefix+"transition-duration").replace("s",""))+parseFloat(e(this).css(t.transitionPrefix+"transition-delay").replace("s","")))});t.nextFrameChildren.each(function(){r.push(parseFloat(e(this).css(t.transitionPrefix+"transition-duration").replace("s",""))+parseFloat(e(this).css(t.transitionPrefix+"transition-delay").replace("s","")))});var i=Math.max.apply(Math,n),s=Math.max.apply(Math,r),o=i-s,u=0,a=0;o<0&&!t.settings.preventDelayWhenReversingAnimations?u=Math.abs(o):o>0&&(a=Math.abs(o));var f=function(n,r,i,s){function o(e){e=e.split(",")[0];var t={linear:"cubic-bezier(0.0,0.0,1.0,1.0)",ease:"cubic-bezier(0.25, 0.1, 0.25, 1.0)","ease-in":"cubic-bezier(0.42, 0.0, 1.0, 1.0)","ease-in-out":"cubic-bezier(0.42, 0.0, 0.58, 1.0)","ease-out":"cubic-bezier(0.0, 0.0, 0.58, 1.0)"};e.indexOf("cubic-bezier")<0&&(e=t[e]);return e}r.each(function(){var r=parseFloat(e(this).css(t.transitionPrefix+"transition-duration").replace("s","")),u=parseFloat(e(this).css(t.transitionPrefix+"transition-delay").replace("s","")),a=e(this).css(t.transitionPrefix+"transition-timing-function");if(a.indexOf("cubic")===-1)var a=o(a);var f=a.replace("cubic-bezier(","").replace(")","").split(",");e.each(f,function(e,t){f[e]=parseFloat(t)});var l=[1-f[2],1-f[3],1-f[0],1-f[1]];a="cubic-bezier("+l+")";var c=r+u;n["transition-duration"]=r+"s";n["transition-delay"]=i-c+s+"s";n["transition-timing-function"]=a;e(this).css(t._prefixCSS(t.transitionPrefix,n))})};f(t.transitionProperties,t.currentFrameChildren,i,u);f(t.transitionProperties,t.nextFrameChildren,s,a)},_prefixCSS:function(e,t){var n=this,r={};for(var i in t)r[e+i]=t[i];return r},_resetAutoPlay:function(e,t){var n=this;if(e===!0){if(n.settings.autoPlay&&!n.isSoftPaused){clearTimeout(n.autoPlayTimer);n.autoPlayTimer=setTimeout(function(){n.settings.autoPlayDirection===1?n.next():n.prev()},t)}}else clearTimeout(n.autoPlayTimer)},_renderUiElements:function(t,n){var r=this;switch(t){case!1:return undefined;case!0:n===".sequence-preloader"&&r._defaultPreloader(r.container,r.transitionsSupported,r.animationPrefix);return e(n);default:return e(t)}},_waitForAnimationsToComplete:function(t,n,r,i,s){var o=this;if(r==="out")var u=function(){o.afterCurrentFrameAnimatesOut();o.settings.transitionThreshold===!0&&(s===1?o.nextFrame.addClass("animate-in"):s===-1&&o.nextFrame.toggleClass("animate-out animate-in"))};else if(r==="in")var u=function(){o.afterNextFrameAnimatesIn();o._setHashTag();o.active=!1;if(!o.isHardPaused&&!o.isBeingHoveredOver)if(!o.delayUnpause)o.unpause(!1);else{o.delayUnpause=!1;o.unpause()}};n.data("animationEnded",!1);t.bind(o.transitionEnd,function(r){e(r.target).data("animationEnded",!0);var i=!0;n.each(function(){if(e(this).data("animationEnded")===!1){i=!1;return!1}});if(i){t.unbind(o.transitionEnd);u()}})},_setHashTag:function(){var t=this;if(t.settings.hashTags){t.currentHashTag=t.nextFrame.prop(t.getHashTagFrom);t.frameHashIndex=e.inArray(t.currentHashTag,t.frameHashID);if(t.frameHashIndex!==-1&&(t.settings.hashChangesOnFirstFrame||!t.isStartingFrame||!t.transitionsSupported)){t.nextFrameID=t.frameHashIndex+1;document.location.hash="#"+t.currentHashTag}else{t.nextFrameID=t.settings.startingFrameID;t.isStartingFrame=!1}}},_modernizrForSequence:function(){window.ModernizrForSequence=function(e,t,n){function r(e){v.cssText=e}function i(e,t){return r(prefixes.join(e+";")+(t||""))}function s(e,t){return typeof e===t}function o(e,t){return!!~(""+e).indexOf(t)}function u(e,t){for(var r in e){var i=e[r];if(!o(i,"-")&&v[i]!==n)return t=="pfx"?i:!0}return!1}function a(e,t,r){for(var i in e){var o=t[e[i]];if(o!==n)return r===!1?e[i]:s(o,"function")?o.bind(r||t):o}return!1}function f(e,t,n){var r=e.charAt(0).toUpperCase()+e.slice(1),i=(e+" "+b.join(r+" ")+r).split(" ");return s(t,"string")||s(t,"undefined")?u(i,t):(i=(e+" "+w.join(r+" ")+r).split(" "),a(i,t,n))}var l="2.6.1",c={},h=t.documentElement,p="modernizrForSequence",d=t.createElement(p),v=d.style,m,g={}.toString,y="Webkit Moz O ms",b=y.split(" "),w=y.toLowerCase().split(" "),E={svg:"http://www.w3.org/2000/svg"},S={},x={},T={},N=[],C=N.slice,k,L={}.hasOwnProperty,A;!s(L,"undefined")&&!s(L.call,"undefined")?A=function(e,t){return L.call(e,t)}:A=function(e,t){return t in e&&s(e.constructor.prototype[t],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(e){var t=self;if(typeof t!="function")throw new TypeError;var n=C.call(arguments,1),r=function(){if(self instanceof r){var i=function(){};i.prototype=t.prototype;var s=new i,o=t.apply(s,n.concat(C.call(arguments)));return Object(o)===o?o:s}return t.apply(e,n.concat(C.call(arguments)))};return r}),S.svg=function(){return!!t.createElementNS&&!!t.createElementNS(E.svg,"svg").createSVGRect};for(var O in S)A(S,O)&&(k=O.toLowerCase(),c[k]=S[O](),N.push((c[k]?"":"no-")+k));return c.addTest=function(e,t){if(typeof e=="object")for(var r in e)A(e,r)&&c.addTest(r,e[r]);else{e=e.toLowerCase();if(c[e]!==n)return c;t=typeof t=="function"?t():t,enableClasses&&(h.className+=" "+(t?"":"no-")+e),c[e]=t}return c},r(""),d=m=null,c._version=l,c._domPrefixes=w,c._cssomPrefixes=b,c.testProp=function(e){return u([e])},c.testAllProps=f,c.prefixed=function(e,t,n){return t?f(e,t,n):f(e,"pfx")},c}(self,self.document)},_defaultPreloader:function(t,n,r){var i='<div class="sequence-preloader"><svg class="preloading" xmlns="http://www.w3.org/2000/svg"><circle class="circle" cx="6" cy="6" r="6" /><circle class="circle" cx="22" cy="6" r="6" /><circle class="circle" cx="38" cy="6" r="6" /></svg></div>';e("head").append("<style>.sequence-preloader{height: 100%;position: absolute;width: 100%;z-index: 999999;}@"+r+"keyframes preload{0%{opacity: 1;}50%{opacity: 0;}100%{opacity: 1;}}.sequence-preloader .preloading .circle{fill: #ff9442;display: inline-block;height: 12px;position: relative;top: -50%;width: 12px;"+r+"animation: preload 1s infinite; animation: preload 1s infinite;}.preloading{display:block;height: 12px;margin: 0 auto;top: 50%;margin-top:-6px;position: relative;width: 48px;}.sequence-preloader .preloading .circle:nth-child(2){"+r+"animation-delay: .15s; animation-delay: .15s;}.sequence-preloader .preloading .circle:nth-child(3){"+r+"animation-delay: .3s; animation-delay: .3s;}.preloading-complete{opacity: 0;visibility: hidden;"+r+"transition-duration: 1s; transition-duration: 1s;}div.inline{background-color: #ff9442; margin-right: 4px; float: left;}</style>");t.prepend(i);if(!ModernizrForSequence.svg&&!n){e(".sequence-preloader").prepend('<div class="preloading"><div class="circle inline"></div><div class="circle inline"></div><div class="circle inline"></div></div>');setInterval(function(){e(".sequence-preloader .circle").fadeToggle(500)},500)}else n||setInterval(function(){e(".sequence-preloader").fadeToggle(500)},500)},_operaTest:function(){e("body").append('<span id="sequence-opera-test"></span>');var t=e("#sequence-opera-test");t.css("-o-transition","1s");if(t.css("-o-transition")!=="1s"){t.remove();return!1}t.remove();return!0}};var r={startingFrameID:1,cycle:!0,animateStartingFrameIn:!1,transitionThreshold:!1,reverseAnimationsWhenNavigatingBackwards:!0,preventDelayWhenReversingAnimations:!1,moveActiveFrameToTop:!0,autoPlay:!1,autoPlayDirection:1,autoPlayDelay:5e3,navigationSkip:!0,navigationSkipThreshold:250,fadeFrameWhenSkipped:!0,fadeFrameTime:150,preventReverseSkipping:!1,nextButton:!1,showNextButtonOnInit:!0,prevButton:!1,showPrevButtonOnInit:!0,pauseButton:!1,unpauseDelay:null,pauseOnHover:!0,pauseIcon:!1,showPauseButtonOnInit:!0,pagination:!1,showPaginationOnInit:!0,preloader:!1,preloadTheseFrames:[1],preloadTheseImages:[],hideFramesUntilPreloaded:!0,prependPreloadingComplete:!0,hidePreloaderUsingCSS:!0,hidePreloaderDelay:0,keyNavigation:!0,numericKeysGoToFrames:!0,keyEvents:{left:"prev",right:"next"},customKeyEvents:{},swipeNavigation:!0,swipeThreshold:20,swipePreventsDefault:!1,swipeEvents:{left:"prev",right:"next",up:!1,down:!1},hashTags:!1,hashDataAttribute:!1,hashChangesOnFirstFrame:!1,fallback:{theme:"slide",speed:500}};e.fn.sequence=function(t){return this.each(function(){e.data(this,"sequence")||e.data(this,"sequence",new n(e(this),t,r))})}})(jQuery);
\ No newline at end of file
--- /dev/null
+/*
+Sequence.js (http://www.sequencejs.com)
+Version: 1.0.1
+Author: Ian Lunn @IanLunn
+Author URL: http://www.ianlunn.co.uk/
+Github: https://github.com/IanLunn/Sequence
+
+This is a FREE script and is available under a MIT License:
+http://www.opensource.org/licenses/mit-license.php
+
+Sequence.js and its dependencies are (c) Ian Lunn Design 2012 - 2013 unless otherwise stated.
+
+Sequence also relies on the following open source scripts:
+
+- jQuery imagesLoaded 2.1.0 (http://github.com/desandro/imagesloaded)
+ Paul Irish et al
+ Available under a MIT License: http://www.opensource.org/licenses/mit-license.php
+
+- jQuery TouchWipe 1.1.1 (http://www.netcu.de/jquery-touchwipe-iphone-ipad-library)
+ Andreas Waltl, netCU Internetagentur (http://www.netcu.de)
+ Available under a MIT License: http://www.opensource.org/licenses/mit-license.php
+
+- Modernizr 2.6.1 Custom Build (http://modernizr.com/) (Named Modernizr for Sequence to prevent conflicts)
+ Copyright (c) Faruk Ates, Paul Irish, Alex Sexton
+ Available under the BSD and MIT licenses: www.modernizr.com/license/
+ */
+
+;(function($) {
+ var windowLoaded = false;
+ $(window).bind("load", function() {
+ windowLoaded = true;
+ });
+
+ function Sequence(element, options, defaults, get) {
+ var self = this;
+ self.container = $(element); //the Sequence containing element
+ self.canvas = self.container.children('.sequence-canvas'); //the Sequence canvas which holds Sequence's frames (<li> elements)
+ self.frames = self.canvas.children('li'); //the Sequence frames (top level <li> elements within the Sequence canvas)
+
+ self._modernizrForSequence(); //get the custom build necessary for Sequence
+
+ var prefixes = { //convert JS transition/animation names to CSS names
+ 'WebkitTransition' : '-webkit-',
+ 'WebkitAnimation' : '-webkit-',
+ 'MozTransition' : '-moz-',
+ 'MozAnimation ' : '-moz-',
+ 'OTransition' : '-o-',
+ 'OAnimation' : '-o-',
+ 'msTransition' : '-ms-',
+ 'msAnimation' : '-ms-',
+ 'transition' : '',
+ 'animation' : ''
+ };
+
+ var transitionsAndAnimations = { //convert JS transition names to JS transition end and animation end event names (also apply a classname of .sequence to the event)
+ 'WebkitTransition' : 'webkitTransitionEnd.sequence',
+ 'WebkitAnimation' : 'webkitAnimationEnd.sequence',
+ 'MozTransition' : 'transitionend.sequence',
+ 'MozAnimation' : 'animationend.sequence',
+ 'OTransition' : 'otransitionend.sequence',
+ 'OAnimation' : 'oanimationend.sequence',
+ 'msTransition' : 'MSTransitionEnd.sequence',
+ 'msAnimation' : 'MSAnimationEnd.sequence',
+ 'transition' : 'transitionend.sequence',
+ 'animation' : 'animationend.sequence'
+ };
+
+ self.transitionPrefix = prefixes[ModernizrForSequence.prefixed('transition')], //work out the CSS transition prefix for the browser being used (-webkit- for example)
+ self.animationPrefix = prefixes[ModernizrForSequence.prefixed('animation')], //work out the CSS animation prefix for the browser being used
+
+ self.transitionProperties = {},
+ self.transitionEnd = transitionsAndAnimations[ModernizrForSequence.prefixed('transition')] + ' ' + transitionsAndAnimations[ModernizrForSequence.prefixed('animation')], //work out the JS transitionEnd name for the browser being used (webkitTransitionEnd webkitAnimationEnd for example)
+ self.numberOfFrames = self.frames.length, //number of frames (<li>) Sequence consists of
+
+ self.transitionsSupported = (self.transitionPrefix !== undefined) ? true : false, //determine if transitions are supported
+ self.hasTouch = ("ontouchstart" in window) ? true : false, //determine if this is a touch enabled device
+ self.isPaused = false, //whether Sequence is paused
+ self.isBeingHoveredOver = false, //whether the Sequence canvas is currently being hovered over
+
+ self.container.removeClass('sequence-destroyed'); //if Sequence is destroyed using .destroy(), it is given a clas of "destroy", remove that now if present
+
+ //CALLBACKS
+ self.paused = function() {}, //executes when Sequence is paused
+ self.unpaused = function() {}, //executes when Sequence is unpaused
+
+ self.beforeNextFrameAnimatesIn = function() {}, //executes before the next frame animates in
+ self.afterNextFrameAnimatesIn = function() {}, //executes after the next frame animates in
+ self.beforeCurrentFrameAnimatesOut = function() {}, //executes before the current frame animates out
+ self.afterCurrentFrameAnimatesOut = function() {}, //executes after the current frame animates out
+
+ self.afterLoaded = function() {}; //executes after Sequence is initiated
+ self.destroyed = function() {}; //executes when Sequence is destroyed via the destory() function
+
+ //INIT
+ self.settings = $.extend({}, defaults, options); //combine default options with developer defined ones
+ self.settings.preloader = self._renderUiElements(self.settings.preloader, '.sequence-preloader'); //set up the preloader and save it
+ self.isStartingFrame = (self.settings.animateStartingFrameIn) ? true : false; //determine if the first frame should animate in
+ self.settings.unpauseDelay = (self.settings.unpauseDelay === null) ? self.settings.autoPlayDelay : self.settings.unpauseDelay; //if the unpauseDelay is not specified, make it the same as the autoPlayDelay speed
+ self.getHashTagFrom = (self.settings.hashDataAttribute) ? "data-sequence-hashtag": "id"; //get the hashtag from the ID or data attribute?
+ self.frameHashID = []; //array that matches frames with has IDs
+ self.direction = self.settings.autoPlayDirection;
+
+ if(self.settings.hideFramesUntilPreloaded && self.settings.preloader !== undefined && self.settings.preloader !== false) { //if using a preloader and hiding frames until preloading has completed...
+ self.frames.hide(); //hide Sequence's frames
+ }
+
+ if(self.transitionPrefix === "-o-") { //if Opera prefixes are required...
+ self.transitionsSupported = self._operaTest(); //run a test to see if Opera correctly supports transitions (Opera 11 has bugs relating to transitions)
+ }
+
+ self.frames.removeClass("animate-in"); //remove any instance of "animate-in", which should be used incase JS is disabled
+
+ //functionality to run once Sequence has preloaded
+ function oncePreloaded() {
+ self.afterLoaded(); //callback
+ if(self.settings.hideFramesUntilPreloaded && self.settings.preloader !== undefined && self.settings.preloader !== false) {
+ self.frames.show();
+ }
+ if(self.settings.preloader !== undefined && self.settings.preloader !== false){
+ if(self.settings.hidePreloaderUsingCSS && self.transitionsSupported) {
+ self.prependPreloadingCompleteTo = (self.settings.prependPreloadingComplete === true) ? self.settings.preloader : $(self.settings.prependPreloadingComplete);
+ self.prependPreloadingCompleteTo.addClass("preloading-complete");
+ setTimeout(init, self.settings.hidePreloaderDelay);
+ }else{
+ self.settings.preloader.fadeOut(self.settings.hidePreloaderDelay, function() {
+ clearInterval(self.defaultPreloader);
+ init();
+ });
+ }
+ }else{
+ init();
+ }
+ }
+
+ var preloadTheseFramesLength = self.settings.preloadTheseFrames.length; //how many frames to preload?
+ var preloadTheseImagesLength = self.settings.preloadTheseImages.length; //how many single images to load?
+
+ function saveImagesToArray(length, srcOnly) {
+ var imagesToPreload = []; //saves the images that are to be preloaded
+ if(!srcOnly){
+ for(var i = length; i > 0; i--){ //for each frame to be preloaded...
+ self.frames.eq(self.settings.preloadTheseFrames[i-1]-1).find("img").each(function() { //find <img>'s in specific frames, and for each found...
+ imagesToPreload.push($(this)[0]); //add it to the array of images to be preloaded
+ });
+ }
+ }else{
+ for(var j = length; j > 0; j--) { //for each frame to be preloaded...
+ imagesToPreload.push($("body").find('img[src="'+self.settings.preloadTheseImages[j-1]+'"]')); //find any <img> with the given source and add it to the array of images to be preloaded
+ }
+ }
+ return imagesToPreload;
+ }
+
+ //jQuery imagesLoaded plugin v2.1.0 (http://github.com/desandro/imagesloaded)
+ function imagesLoaded(imagesToPreload, callback) {
+ var BLANK = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
+ var $this = imagesToPreload,
+ deferred = $.isFunction($.Deferred) ? $.Deferred() : 0,
+ hasNotify = $.isFunction(deferred.notify),
+ $images = $this.find('img').add( $this.filter('img') ),
+ loaded = [],
+ proper = [],
+ broken = [];
+
+ //Register deferred callbacks
+ if($.isPlainObject(callback)) {
+ $.each(callback, function(key, value) {
+ if(key === 'callback') {
+ callback = value;
+ }else if(deferred) {
+ deferred[key](value);
+ }
+ });
+ }
+
+ function doneLoading() {
+ var $proper = $(proper),
+ $broken = $(broken);
+
+ if(deferred) {
+ if(broken.length) {
+ deferred.reject($images, $proper, $broken);
+ }else{
+ deferred.resolve($images);
+ }
+ }
+
+ if($.isFunction(callback)) {
+ callback.call($this, $images, $proper, $broken);
+ }
+ }
+
+ function imgLoaded( img, isBroken ) {
+ if(img.src === BLANK || $.inArray(img, loaded) !== -1) { // don't proceed if BLANK image, or image is already loaded
+ return;
+ }
+
+ loaded.push(img); // store element in loaded images array
+
+ if(isBroken) { // keep track of broken and properly loaded images
+ broken.push(img);
+ }else{
+ proper.push(img);
+ }
+
+ $.data(img, 'imagesLoaded', {isBroken: isBroken, src: img.src }); // cache image and its state for future calls
+
+ if(hasNotify) { // trigger deferred progress method if present
+ deferred.notifyWith($(img), [isBroken, $images, $(proper), $(broken)]);
+ }
+
+ if($images.length === loaded.length) { // call doneLoading and clean listeners if all images are loaded
+ setTimeout(doneLoading);
+ $images.unbind('.imagesLoaded');
+ }
+ }
+
+ if(!$images.length) { // if no images, trigger immediately
+ doneLoading();
+ }else{
+ $images.bind('load.imagesLoaded error.imagesLoaded', function(event) {
+ imgLoaded(event.target, event.type === 'error'); // trigger imgLoaded
+ }).each(function(i, el) {
+ var src = el.src;
+ var cached = $.data(el, 'imagesLoaded'); // find out if this image has been already checked for status if it was, and src has not changed, call imgLoaded on it
+ if(cached && cached.src === src) {
+ imgLoaded(el, cached.isBroken);
+ return;
+ }
+
+ if(el.complete && el.naturalWidth !== undefined) { // if complete is true and browser supports natural sizes, try to check for image status manually
+ imgLoaded(el, el.naturalWidth === 0 || el.naturalHeight === 0);
+ return;
+ }
+
+ // cached images don't fire load sometimes, so we reset src, but only when dealing with IE, or image is complete (loaded) and failed manual check webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
+ if(el.readyState || el.complete) {
+ el.src = BLANK;
+ el.src = src;
+ }
+ });
+ }
+ }
+
+ if(self.settings.preloader !== undefined && self.settings.preloader !== false && (preloadTheseFramesLength !== 0 || preloadTheseImagesLength !== 0)) { //if using the preloader and the dev has specified some images should preload...
+ var frameImagesToPreload = saveImagesToArray(preloadTheseFramesLength); //get images from particular Sequence frames to be preloaded
+ var individualImagesToPreload = saveImagesToArray(preloadTheseImagesLength, true); //get images with specific source values to be preloaded
+ var imagesToPreload = $(frameImagesToPreload.concat(individualImagesToPreload)); //combine frame images and individual images
+
+ imagesLoaded(imagesToPreload, oncePreloaded);
+ }else{ //if not using the preloader...
+ if(windowLoaded === true) { //if the window has already loaded...
+ oncePreloaded(); //run the init functionality when the preloader has finished
+ $(this).unbind("load.sequence"); //unbind the load event as it's no longer needed
+ }else{ //if the window hasn't already loaded...
+ $(window).bind("load.sequence", function() { //when the window loads...
+ oncePreloaded(); //run the init functionality when the preloader has finished
+ $(this).unbind("load.sequence"); //unbind the load event as it's no longer needed
+ });
+ }
+ }
+
+ function init() {
+ $(self.settings.preloader).remove(); //remove the preloader element
+
+ self.nextButton = self._renderUiElements(self.settings.nextButton, ".sequence-next"); //set up the next button
+ self.prevButton = self._renderUiElements(self.settings.prevButton, ".sequence-prev"); //set up the previous button
+ self.pauseButton = self._renderUiElements(self.settings.pauseButton, ".sequence-pause"); //set up the pause button
+ self.pagination = self._renderUiElements(self.settings.pagination, ".sequence-pagination"); //set up the pagination
+
+ if((self.nextButton !== undefined && self.nextButton !== false) && self.settings.showNextButtonOnInit === true){self.nextButton.show();} //if using a next button, show it
+ if((self.prevButton !== undefined && self.prevButton !== false) && self.settings.showPrevButtonOnInit === true){self.prevButton.show();} //if using a previous button, show it
+ if((self.pauseButton !== undefined && self.pauseButton !== false) && self.settings.showPauseButtonOnInit === true){self.pauseButton.show();} //if using a pause button, show it
+
+ if(self.settings.pauseIcon !== false) {
+ self.pauseIcon = self._renderUiElements(self.settings.pauseIcon, ".sequence-pause-icon");
+ if(self.pauseIcon !== undefined) {
+ self.pauseIcon.hide();
+ }
+ }else{
+ self.pauseIcon = undefined;
+ }
+
+ if(self.pagination !== undefined && self.pagination !== false) {
+ self.paginationLinks = self.pagination.children(); //get each pagination link
+
+ self.paginationLinks.on('click.sequence', function() { //when a pagination link is clicked...
+ var associatedFrameNumber = $(this).index() + 1; //get the number of the frame this link is associated with
+ self.goTo(associatedFrameNumber); //go to the associate frame
+ });
+
+ if(self.settings.showPaginationOnInit === true) {
+ self.pagination.show();
+ }
+ }
+
+ self.nextFrameID = self.settings.startingFrameID;
+
+ if(self.settings.hashTags === true) { //if using hashtags...
+ self.frames.each(function() { //for each frame...
+ self.frameHashID.push($(this).prop(self.getHashTagFrom)); //add the hashtag to an array
+ });
+
+ self.currentHashTag = location.hash.replace("#", ""); //get the current hashtag
+ if(self.currentHashTag === undefined || self.currentHashTag === "") { //if there is no hashtag...
+ self.nextFrameID = self.settings.startingFrameID; //use the startingFrameID
+ }else{
+ self.frameHashIndex = $.inArray(self.currentHashTag, self.frameHashID); //get the index of the frame that matches the hashtag
+ if(self.frameHashIndex !== -1){ //if the hashtag matches a Sequence frame ID...
+ self.nextFrameID = self.frameHashIndex + 1; //use the frame associated to the hashtag
+ }else{
+ self.nextFrameID = self.settings.startingFrameID; //use the startingFrameID
+ }
+ }
+ }
+
+ self.nextFrame = self.frames.eq(self.nextFrameID-1); //get the next frame
+ self.nextFrameChildren = self.nextFrame.children(); //get the elements within the next frame to be animated
+
+ if(self.pagination !== undefined) { //if using pagination, make the starting frame the current one in pagination
+ $(self.paginationLinks[self.settings.startingFrameID-1]).addClass('current'); //add the 'current' class to the current frame
+ }
+
+ if(self.transitionsSupported) { //initiate the full featured Sequence if transitions are supported...
+ if(!self.settings.animateStartingFrameIn) { //start first frame in animated in position
+ self.currentFrameID = self.nextFrameID;
+
+ if(self.settings.moveActiveFrameToTop) {
+ self.nextFrame.css('z-index', self.numberOfFrames);
+ }
+
+ self._resetElements(self.transitionPrefix, self.nextFrameChildren, "0s");
+ self.nextFrame.addClass("animate-in");
+ if(self.settings.hashTags && self.settings.hashChangesOnFirstFrame) {
+ self.currentHashTag = self.nextFrame.prop(self.getHashTagFrom);
+ document.location.hash = "#"+self.currentHashTag;
+ }
+
+ setTimeout(function() {
+ self._resetElements(self.transitionPrefix, self.nextFrameChildren, "");
+ }, 100);
+
+ self._resetAutoPlay(true, self.settings.autoPlayDelay);
+ }else if(self.settings.reverseAnimationsWhenNavigatingBackwards && self.settings.autoPlayDirection -1 && self.settings.animateStartingFrameIn) { //animate in backwards
+ self._resetElements(self.transitionPrefix, self.nextFrameChildren, "0s");
+ self.nextFrame.addClass("animate-out");
+ self.goTo(self.nextFrameID, -1, true);
+ }else{ //animate in forwards
+ self.goTo(self.nextFrameID, 1, true);
+ }
+ }else{ //initiate a basic slider for browsers that don't support CSS3 transitions
+ self.container.addClass("sequence-fallback");
+ self.currentFrameID = self.nextFrameID;
+ if(self.settings.hashTags && self.settings.hashChangesOnFirstFrame){
+ self.currentHashTag = self.nextFrame.prop(self.getHashTagFrom);
+ document.location.hash = "#"+self.currentHashTag;
+ }
+
+ self.frames.addClass("animate-in"); //move each frame into its animate-in position
+ self.frames.not(':eq('+(self.nextFrameID-1)+')').css({"display": "none", "opacity": 0}); //set all frames (except the next one) to display: none, opacity: 0
+ self._resetAutoPlay(true, self.settings.autoPlayDelay);
+ }
+ //END INIT
+ //EVENTS
+ if(self.nextButton !== undefined) { //if a next button is defined...
+ self.nextButton.bind('click.sequence', function() { //when the next button is clicked...
+ self.next(); //go to the next frame
+ });
+ }
+
+ if(self.prevButton !== undefined) { //if a previous button is defined...
+ self.prevButton.bind('click.sequence', function() { //when the previous button is clicked...
+ self.prev(); //go to the previous frame
+ });
+ }
+
+ if(self.pauseButton !== undefined) { //if a pause button is defined...
+ self.pauseButton.bind('click.sequence', function() { //when the pause button is clicked...
+ self.pause(true); //pause Sequence and set hardPause to true
+ });
+ }
+
+ function keyEvents(keyPressed, keyDirections) {
+ var keyCode;
+ var keyCodes;
+
+ for(keyCodes in keyDirections) {
+ if(keyCodes === "left" || keyCodes === "right") {
+ keyCode = defaultKeys[keyCodes];
+ }else{
+ keyCode = keyCodes;
+ }
+
+ if(keyPressed === parseFloat(keyCode)) { //if the key pressed is associated with a function...
+ self._initCustomKeyEvent(keyDirections[keyCodes]); //initiate the function
+ }
+ }
+ }
+
+ if(self.settings.keyNavigation) {
+ var defaultKeys = {
+ 'left' : 37,
+ 'right' : 39
+ };
+
+ $(document).bind('keydown.sequence', function(e) { //when a key is pressed...
+ var keyCodeChar = String.fromCharCode(e.keyCode);
+ if((keyCodeChar > 0 && keyCodeChar <= self.numberOfFrames) && (self.settings.numericKeysGoToFrames)) {
+ self.nextFrameID = keyCodeChar;
+ self.goTo(self.nextFrameID); //go to specified frame
+ }
+
+ keyEvents(e.keyCode, self.settings.keyEvents); //run default keyevents
+ keyEvents(e.keyCode, self.settings.customKeyEvents); //run custom keyevents
+ });
+ }
+
+ self.canvas.on({
+ 'mouseenter.sequence': function() { //when the mouse enter the Sequence element...
+ if(self.settings.pauseOnHover && self.settings.autoPlay && !self.hasTouch) { //if using pauseOnHover and autoPlay on non touch devices
+ self.isBeingHoveredOver = true;
+ if(!self.isHardPaused) { //if Sequence is hard paused (via a pause button)...
+ self.pause(); //pause autoPlay
+ }
+ }
+ },
+ 'mouseleave.sequence': function() { //when the mouse leaves the Sequence element...
+ if(self.settings.pauseOnHover && self.settings.autoPlay && !self.hasTouch) { //if using pauseOnHover and autoPlay on non touch devices
+ self.isBeingHoveredOver = false;
+ if(!self.isHardPaused) { //if Sequence is not hard paused (via a pause button)...
+ self.unpause(); //unpause autoPlay
+ }
+ }
+ }
+ });
+
+ if(self.settings.hashTags) { //if hashchange is enabled in the settings...
+ $(window).bind('hashchange.sequence', function() { //when the hashtag changes...
+ var newTag = location.hash.replace("#", ""); //grab the new hashtag
+
+ if(self.currentHashTag !== newTag) { //if the last hashtag is not the same as the current one...
+ self.currentHashTag = newTag; //save the new tag
+ self.frameHashIndex = $.inArray(self.currentHashTag, self.frameHashID); //get the index of the frame that matches the hashtag
+ if(self.frameHashIndex !== -1) { //if the hashtag matches a Sequence frame ID...
+ self.nextFrameID = self.frameHashIndex + 1; //set that frame as the next one
+ self.goTo(self.nextFrameID); //go to the next frame
+ }
+ }
+ });
+ }
+
+ function cancelTouch() {
+ self.canvas.on("touchmove.sequence", onTouchMove);
+ startX = null;
+ isMoving = false;
+ }
+
+ function onTouchMove(e) {
+ if(self.settings.swipePreventsDefault) {
+ e.preventDefault();
+ }
+ if(isMoving) {
+ var x = e.originalEvent.touches[0].pageX;
+ var y = e.originalEvent.touches[0].pageY;
+ var dx = startX - x;
+ var dy = startY - y;
+ if(Math.abs(dx) >= self.settings.swipeThreshold) {
+ cancelTouch();
+ if(dx > 0) {
+ self._initCustomKeyEvent(self.settings.swipeEvents.left);
+ }else{
+ self._initCustomKeyEvent(self.settings.swipeEvents.right);
+ }
+ }else if(Math.abs(dy) >= self.settings.swipeThreshold) {
+ cancelTouch();
+ if(dy > 0) {
+ self._initCustomKeyEvent(self.settings.swipeEvents.down);
+ }else{
+ self._initCustomKeyEvent(self.settings.swipeEvents.up);
+ }
+ }
+ }
+ }
+
+ function onTouchStart(e) {
+ if(e.originalEvent.touches.length === 1) {
+ startX = e.originalEvent.touches[0].pageX;
+ startY = e.originalEvent.touches[0].pageY;
+ isMoving = true;
+ self.canvas.on("touchmove.sequence", onTouchMove);
+ }
+ }
+
+ if(self.settings.swipeNavigation && self.hasTouch) { //if using swipeNavigation and the device has touch capabilities...
+ //jQuery TouchWipe v1.1.1 (http://www.netcu.de/jquery-touchwipe-iphone-ipad-library)
+ var startX;
+ var startY;
+ var isMoving = false;
+
+ self.canvas.on("touchstart.sequence", onTouchStart);
+ }
+ //END EVENTS
+ }
+ } //END CONSTRUCTOR
+
+ Sequence.prototype = {
+
+ //PUBLIC METHODS
+ /*
+ start autoPlay -- causing Sequence to automatically change frame every x amount of milliseconds
+
+ delay: a time in ms before starting the autoPlay feature (if unspecified, the default will be used)
+ */
+ startAutoPlay: function(delay) {
+ var self = this;
+ delay = (delay === undefined) ? self.settings.autoPlayDelay : delay; //if a delay isn't specified, use the default
+ self.unpause();
+
+ self._resetAutoPlay(); //stop autoPlay before starting it again
+ self.autoPlayTimer = setTimeout(function() { //start a new autoPlay timer and...
+ if(self.settings.autoPlayDirection === 1) { //go to either the next or previous frame
+ self.next();
+ }else{
+ self.prev();
+ }
+ }, delay); //after a specified delay
+ },
+
+ //stop causing Sequence to automatically change frame every x amount of seconds
+ stopAutoPlay: function() {
+ var self = this;
+ self.pause(true);
+ clearTimeout(self.autoPlayTimer); //stop the autoPlay timer
+ },
+
+ /*
+ Toggle startAutoPlay (unpausing autoPlay) and stopAutoPlay (pausing autoPlay)
+
+ hardPause: if true, Sequence's pauseOnHover will not execute. Useful for pause buttons.
+
+ Note: Sequence 0.7.3 and below didn't have an .unpause() function -- .pause() would pause/unpause
+ based on the current state. .unpause() is now included for clarity but the .pause() function will
+ still toggle between paused and unpaused states.
+ */
+ pause: function(hardPause) {
+ var self = this;
+ if(!self.isSoftPaused) { //if pausing Sequence...
+ if(self.pauseButton !== undefined) { //if a pause button is defined...
+ self.pauseButton.addClass("paused"); //add the class of "paused" to the pause button
+ if(self.pauseIcon !== undefined) { //if a pause icon is defined...
+ self.pauseIcon.show(); //show the pause icon
+ }
+ }
+ self.paused(); //callback when Sequence is paused
+ self.isSoftPaused = true;
+ self.isHardPaused = (hardPause) ? true : false; //if hardPausing, set hardPause to true
+ self.isPaused = true;
+ self._resetAutoPlay(); //stop autoPlay
+ }else{ //if unpausing Sequence...
+ self.unpause();
+ }
+ },
+
+ /*
+ Start the autoPlay feature, as well as deal with any changes to pauseButtons, pauseIcons and public variables etc
+
+ callback: if false, the unpause callback will not be initiated (this is because unpause is used internally during the stop and start of each frame)
+ */
+ unpause: function(callback) {
+ var self = this;
+ if(self.pauseButton !== undefined) { //if a pause button is defined...
+ self.pauseButton.removeClass("paused"); //remove the class of "paused" from the pause button
+ if(self.pauseIcon !== undefined) { //if a pause icon is defined...
+ self.pauseIcon.hide(); //hide the pause icon
+ }
+ }
+
+ self.isSoftPaused = false;
+ self.isHardPaused = false;
+ self.isPaused = false;
+
+ if(!self.active) {
+ if(callback !== false) {
+ self.unpaused(); //callback when Sequence is unpaused
+ }
+ self._resetAutoPlay(true, self.settings.unpauseDelay); //start autoPlay after a delay specified via the unpauseDelay setting
+ }else{
+ self.delayUnpause = true; //Sequence is animating so delay the unpause event until the animation completes
+ }
+ },
+
+ //Go to the frame ahead of the current one
+ next: function() {
+ var self = this;
+ self.nextFrameID = (self.currentFrameID !== self.numberOfFrames) ? self.currentFrameID + 1 : 1; //work out the next frame
+ if(self.active === false || self.active === undefined) { //if Sequence isn't currently animating...
+ self.goTo(self.nextFrameID, 1); //go to the next frame
+ }else{ //if Sequence is currently animating...
+ self.goTo(self.nextFrameID, 1, true); //go immediately to the next frame (ignoring the transition threshold)
+ }
+ },
+
+ //Go to the frame prior to the current one
+ prev: function() {
+ var self = this;
+ self.nextFrameID = (self.currentFrameID === 1) ? self.numberOfFrames : self.currentFrameID - 1; //work out the prev frame
+ if(self.active === false || self.active === undefined) { //if Sequence isn't currently animating...
+ self.goTo(self.nextFrameID, -1); //go to the prev frame
+ }else{ //if Sequence is currently animating...
+ self.goTo(self.nextFrameID, -1, true); //go immediately to the prev frame (ignoring the transition threshold)
+ }
+ },
+
+ /*
+ Go to a specific frame
+
+ id: number of the frame to go to
+ direction: direction to get to that frame (1 = forward, -1 = reverse)
+ ignoreTransitionThreshold: if true, ignore the transitionThreshold setting and immediately go to the specified frame
+ */
+ goTo: function(id, direction, ignoreTransitionThreshold) {
+ var self = this;
+ id = parseFloat(id); //convert the id to a number just in case
+ var transitionThreshold = (ignoreTransitionThreshold === true) ? 0 : self.settings.transitionThreshold; //if transitionThreshold is to be ignored, set it to zero
+
+ if((id === self.currentFrameID) //if the id of the frame the user is trying to go to is the same as the currently active one...
+ || (self.settings.navigationSkip && self.navigationSkipThresholdActive) //or navigationSkip is enabled and the navigationSkipThreshold is active (which prevents frame from being navigated too fast)...
+ || (!self.settings.navigationSkip && self.active) //or navigationSkip is disbaled but Sequence is animating...
+ || (!self.transitionsSupported && self.active) //or Sequence is in fallback mode and Sequence is animating...
+ || (!self.settings.cycle && direction === 1 && self.currentFrameID === self.numberOfFrames) //or cycling is disabled, the user is navigating forward and this is the last frame...
+ || (!self.settings.cycle && direction === -1 && self.currentFrameID === 1) //or cycling is disabled, the user is navigating backwards and this is the first frame...
+ || (self.settings.preventReverseSkipping && self.direction !== direction && self.active)) { //or Sequence is animating and the user is trying to change the direction of navigation...
+ return false; //don't go to another frame
+ }else if(self.settings.navigationSkip && self.active) { //if navigationSkip is enabled and Sequence is animating (a frame is being skipped before it has finished animating)...
+ self.navigationSkipThresholdActive = true; //the navigationSkipThreshold is now active
+ if(self.settings.fadeFrameWhenSkipped) { //if a frame should fade when skipped...
+ self.nextFrame.stop().animate({"opacity": 0}, self.settings.fadeFrameTime); //fade
+ }
+
+ clearTimeout(self.transitionThresholdTimer);
+
+ setTimeout(function() { //start the navigationSkipThreshold timer to prevent being able to navigate too quickly
+ self.navigationSkipThresholdActive = false; //once the timer is complete, navigationSkip can occur again
+ }, self.settings.navigationSkipThreshold);
+ }
+
+ if(!self.active || self.settings.navigationSkip) { //if there are no animations running or navigationSkip is enabled...
+ self.active = true; //Sequence is now animating
+ self._resetAutoPlay(); //stop any autoPlay timer that may be running
+
+ if(direction === undefined) { //if no direction to navigate was defined...
+ self.direction = (id > self.currentFrameID) ? 1 : -1; //work out which way to go based on what frame is currently active
+ }else{
+ self.direction = direction; //go to the developer defined frame
+ }
+
+ self.currentFrame = self.canvas.children(".animate-in"); //find which frame is active -- the frame currently being viewed (and about to be animated out)
+ self.nextFrame = self.frames.eq(id-1); //grab the next frame
+ self.currentFrameChildren = self.currentFrame.children(); //save the child elements of the current frame
+ self.nextFrameChildren = self.nextFrame.children(); //save the child elements of the next frame
+
+ if(self.pagination !== undefined) { //if using pagination...
+ self.paginationLinks.removeClass('current'); //remove the 'current' class from all pagination links
+ $(self.paginationLinks[id-1]).addClass('current'); //add the 'current' class to the current frame
+ }
+
+ if(self.transitionsSupported) { //if the browser supports CSS3 transitions...
+ if(self.currentFrame.length !== undefined) { //if there is a current frame (one that is in it's animate-in position)...
+ self.beforeCurrentFrameAnimatesOut(); //callback
+ if(self.settings.moveActiveFrameToTop) { //if the active frame should move to the top...
+ self.currentFrame.css("z-index", 1); //move this frame to the bottom as it is now inactive
+ }
+ self._resetElements(self.transitionPrefix, self.nextFrameChildren, "0s"); //give the next frame elements a transition-duration and transition-delay of 0s so they don't transition to their reset position
+ if(!self.settings.reverseAnimationsWhenNavigatingBackwards || self.direction === 1) { //if user hit next button...
+ self.nextFrame.removeClass("animate-out"); //reset the next frame back to its starting position
+ self._resetElements(self.transitionPrefix, self.currentFrameChildren, ""); //remove any inline styles from the elements to be animated so styles via the "animate-out" class can take full effect
+ }else if(self.settings.reverseAnimationsWhenNavigatingBackwards && self.direction === -1) { //if the user hit prev button
+ self.nextFrame.addClass("animate-out"); //reset the next frame back to its animate-out position
+ self._reverseTransitionProperties(); //reverse the transition-duration, transition-delay and transition-timing-function
+ }
+ }else{
+ self.isStartingFrame = false; //no longer the first frame
+ }
+
+ self.active = true; //Sequence is now animating
+ self.currentFrame.unbind(self.transitionEnd); //remove the animation end event
+ self.nextFrame.unbind(self.transitionEnd); //remove the animation end event
+
+ if(self.settings.fadeFrameWhenSkipped && self.settings.navigationSkip) { //if a frame may have faded out when it was previously skipped...
+ self.nextFrame.css("opacity", 1); //show it again
+ }
+
+ self.beforeNextFrameAnimatesIn(); //callback
+ if(self.settings.moveActiveFrameToTop) { //if an active frame should be moved to the top...
+ self.nextFrame.css('z-index', self.numberOfFrames);
+ }
+
+ //modifications to the current and next frame's elements to get them ready to animate
+ if(!self.settings.reverseAnimationsWhenNavigatingBackwards || self.direction === 1) { //if user hit next button...
+ setTimeout(function() { //50ms timeout to give the browser a chance to modify the DOM sequentially
+ self._resetElements(self.transitionPrefix, self.nextFrameChildren, ""); //remove any inline styles from the elements to be animated so styles via the "animate-in" class can take full effect
+ self._waitForAnimationsToComplete(self.nextFrame, self.nextFrameChildren, "in"); //wait for the next frame to animate in
+ if(self.afterCurrentFrameAnimatesOut !== "function () {}" || (self.settings.transitionThreshold === true && ignoreTransitionThreshold !== true)) { //if the afterCurrentFrameAnimatesOut is being used...
+ self._waitForAnimationsToComplete(self.currentFrame, self.currentFrameChildren, "out", true, 1); //wait for the current frame to animate out as well
+ }
+ }, 50);
+
+ //final class changes to make animations happen
+ setTimeout(function() { //50ms timeout to give the browser a chance to modify the DOM sequentially
+ if(self.settings.transitionThreshold === false || self.settings.transitionThreshold === 0 || ignoreTransitionThreshold === true) { //if not using a transitionThreshold...
+ self.currentFrame.toggleClass("animate-out animate-in"); //remove the "animate-in" class and add the "animate-out" class to the current frame
+ self.nextFrame.addClass("animate-in"); //add the "animate-in" class
+ }else { //if using a transitionThreshold...
+ self.currentFrame.toggleClass("animate-out animate-in"); //remove the "animate-in" class and add the "animate-out" class to the current frame
+ if(self.settings.transitionThreshold !== true) { //if there's no transitionThreshold or the dev specified a transitionThreshold in milliseconds
+ self.transitionThresholdTimer = setTimeout(function() { //cause the next frame to animate in after a certain period
+ self.nextFrame.addClass("animate-in"); //add the "animate-in" class
+ }, transitionThreshold);
+ }
+ }
+ }, 50);
+ }else if(self.settings.reverseAnimationsWhenNavigatingBackwards && self.direction === -1) { //if the user hit prev button
+ setTimeout(function() { //50ms timeout to give the browser a chance to modify the DOM sequentially
+ //remove any inline styles from the elements so styles via the "animate-in" and "animate-out" class can take full effect
+ self._resetElements(self.transitionPrefix, self.currentFrameChildren, "");
+ self._resetElements(self.transitionPrefix, self.nextFrameChildren, "");
+ self._reverseTransitionProperties(); //reverse the transition-duration, transition-delay and transition-timing-function
+
+ self._waitForAnimationsToComplete(self.nextFrame, self.nextFrameChildren, "in"); //wait for the next frame to animate in
+ if(self.afterCurrentFrameAnimatesOut !== "function () {}" || (self.settings.transitionThreshold === true && ignoreTransitionThreshold !== true)) { //if the afterCurrentFrameAnimatesOut is being used...
+ self._waitForAnimationsToComplete(self.currentFrame, self.currentFrameChildren, "out", true, -1); //wait for the current frame to animate out as well
+ }
+ }, 50);
+
+ //final class changes to make animations happen
+ setTimeout(function() { //50ms timeout to give the browser a chance to modify the DOM sequentially
+ if(self.settings.transitionThreshold === false || self.settings.transitionThreshold === 0 || ignoreTransitionThreshold === true) { //if not using a transitionThreshold...
+ self.currentFrame.removeClass("animate-in"); //remove the "animate-in" class from the current frame
+ self.nextFrame.toggleClass("animate-out animate-in"); //add the "animate-out" class and remove the "animate-in" class from the next frame
+ }else{ //if using a transitionThreshold...
+ self.currentFrame.removeClass("animate-in");
+ if(self.settings.transitionThreshold !== true) { //if there's no transitionThreshold or the dev specified a transitionThreshold in milliseconds
+ self.transitionThresholdTimer = setTimeout(function() { //cause the next frame to animate in after a certain period
+ self.nextFrame.toggleClass("animate-out animate-in"); //add the "animate-in" class and remove the "animate-out" class
+ }, transitionThreshold);
+ }
+ }
+ }, 50);
+ }
+ }else{ //if the browser doesn't support CSS3 transitions...
+ function animationComplete() {
+ self._setHashTag();
+ self.active = false;
+ self._resetAutoPlay(true, self.settings.autoPlayDelay);
+ }
+
+ switch(self.settings.fallback.theme) {
+ case "fade": //if using the fade fallback theme...
+ self.frames.css({"position": "relative"}); //this allows for fadein/out in IE
+ self.beforeCurrentFrameAnimatesOut();
+ self.currentFrame = self.frames.eq(self.currentFrameID-1);
+ self.currentFrame.animate({"opacity": 0}, self.settings.fallback.speed, function() { //hide the current frame
+ self.currentFrame.css({"display": "none", "z-index": "1"});
+ self.afterCurrentFrameAnimatesOut();
+ self.beforeNextFrameAnimatesIn();
+ self.nextFrame.css({"display": "block", "z-index": self.numberOfFrames}).animate({"opacity": 1}, 500, function() {
+ self.afterNextFrameAnimatesIn();
+ }); //make the next frame the current one and show it
+ animationComplete();
+ });
+
+ self.frames.css({"position": "relative"}); //this allows for fadein/out in IE
+ break;
+
+ case "slide": //if using the slide fallback theme...
+ default:
+ //create objects which will save the .css() and .animation() objects
+ var animateOut = {};
+ var animateIn = {};
+ var moveIn = {};
+
+ //construct the .css() and .animation() objects
+ if(self.direction === 1) {
+ animateOut.left = "-100%";
+ animateIn.left = "100%";
+ }else{
+ animateOut.left = "100%";
+ animateIn.left = "-100%";
+ }
+
+ moveIn.left = "0";
+ moveIn.opacity = 1;
+
+ self.currentFrame = self.frames.eq(self.currentFrameID-1);
+ self.beforeCurrentFrameAnimatesOut();
+ self.currentFrame.animate(animateOut, self.settings.fallback.speed, function() {
+ self.currentFrame.css({"display": "none", "z-index": "1"});
+ self.afterCurrentFrameAnimatesOut();
+ }); //cause the current frame to animate out
+ self.beforeNextFrameAnimatesIn(); //callback
+ self.nextFrame.show().css(animateIn);
+ self.nextFrame.css({"display": "block", "z-index": self.numberOfFrames}).animate(moveIn, self.settings.fallback.speed, function() { //cause the next frame to animate in
+ animationComplete();
+ self.afterNextFrameAnimatesIn(); //callback
+ });
+ break;
+ }
+ }
+ self.currentFrameID = id; //make the currentFrameID the same as the one that is to animate in
+ }
+ },
+
+ /*
+ removes Sequence from the element it's attached to
+
+ callback: a callback to run once .destroy() has finished (or see the sequence.destroyed() callback)
+ */
+ destroy: function(callback) {
+ var self = this;
+
+ self.container.addClass('sequence-destroyed'); //add a class of "destroyed" in case the developer wants to animate opacity etc
+
+ //REMOVE EVENTS
+ if(self.nextButton !== undefined) { //remove the next button click event if a next button is defined
+ self.nextButton.unbind('click.sequence');
+ }
+ if(self.prevButton !== undefined) { //remove the previous button click event if a previous button is defined
+ self.prevButton.unbind('click.sequence');
+ }
+ if(self.pauseButton !== undefined) { //remove the pause button click event if a pause button is defined
+ self.pauseButton.unbind('click.sequence');
+ }
+
+ if(self.pagination !== undefined) {
+ self.paginationLinks.unbind('click.sequence');
+ }
+
+ $(document).unbind('keydown.sequence'); //unbind key events
+ self.canvas.unbind('mouseenter.sequence, mouseleave.sequence, touchstart.sequence, touchmove.sequence'); //unbind mouse and touch events
+ $(window).unbind('hashchange.sequence'); //unbind hashchange
+
+ //CLEAR TIMERS
+ self.stopAutoPlay();
+ clearTimeout(self.transitionThresholdTimer);
+
+ //TIDY UP THE DOM
+ self.canvas.children('li').remove(); //because Sequence rearranges frames so the active one is always on top, remove them all...
+ self.canvas.prepend(self.frames); //then add them back in, in their original order
+ self.frames.removeClass('animate-in animate-out').removeAttr('style'); //remove classes and inline styles from all frames
+ self.frames.eq(self.currentFrameID-1).addClass('animate-in'); //keep the current frame in it's animate-in position
+
+ //HIDE UI ELEMENTS
+ if(self.nextButton !== undefined && self.nextButton !== false) { //if a next button is defined and was shown on initiation, hide it
+ self.nextButton.hide();
+ }
+ if(self.prevButton !== undefined && self.prevButton !== false) { //if a prev button is defined and was shown on initiation, hide it
+ self.prevButton.hide();
+ }
+ if(self.pauseButton !== undefined && self.pauseButton !== false) { //if a pause button is defined and was shown on initiation, hide it
+ self.pauseButton.hide();
+ }
+ if(self.pauseIcon !== undefined && self.pauseIcon !== false) { //if a pause icon is defined, hide it
+ self.pauseIcon.hide();
+ }
+ if(self.pagination !== undefined && self.pagination !== false) { //if pagination is defined and was shown on initiation, hide it
+ self.pagination.hide();
+ }
+
+ //CALLBACKS - a callback can either be passed into the destroy() function or by using the sequence.destroyed() publc method
+ if(callback !== undefined) {
+ callback(); //callback past into the function
+ }
+
+ self.destroyed(); //callback
+ self.container.removeData(); //remove data
+ },
+ //END PUBLIC METHODS
+
+ //PRIVATE METHODS
+
+ //trigger keyEvents, customKeyEvents and swipeEvents
+ _initCustomKeyEvent: function(event) {
+ var self = this;
+
+ switch(event) {
+ case "next":
+ self.next();
+ break;
+ case "prev":
+ self.prev();
+ break;
+ case "pause":
+ self.pause(true);
+ break;
+ }
+ },
+
+ /*
+ reset the transition-duration and transition-delay properties of an element
+
+ elementToReset = the element that is to have it's properties reset
+ cssValue = the value to be given to the transition-duration and transition-delay properties
+ */
+ _resetElements: function(prefix, elementToReset, cssValue) {
+ var self = this;
+
+ elementToReset.css(
+ self._prefixCSS(prefix, {
+ "transition-duration": cssValue,
+ "transition-delay": cssValue,
+ "transition-timing-function": ""
+ })
+ );
+ },
+
+ /*
+ when navigating backwards and reverseAnimationsWhenNavigatingBackwards is true, take the transition properties for forward animation and manipulate the animated elements to create a perfect reversal
+ */
+ _reverseTransitionProperties: function() {
+ var self = this;
+
+ var currentFrameChildrenDurations = []; //saves the duration for each of the current frame's element
+ var nextFrameChildrenDurations = []; //saves the duration for each of the next frame's element
+
+ self.currentFrameChildren.each(function() { //get the overall duration (including delay) for each animated element in the current frame
+ currentFrameChildrenDurations.push(parseFloat($(this).css(self.transitionPrefix+'transition-duration').replace('s', '')) + parseFloat($(this).css(self.transitionPrefix+'transition-delay').replace('s', '')));
+ });
+
+ self.nextFrameChildren.each(function() { //get the overall duration (including delay) for each animated element in the current frame
+ nextFrameChildrenDurations.push(parseFloat($(this).css(self.transitionPrefix+'transition-duration').replace('s', '')) + parseFloat($(this).css(self.transitionPrefix+'transition-delay').replace('s', '')));
+ });
+
+ var maximumCurrentFrameDuration = Math.max.apply(Math, currentFrameChildrenDurations); //find which transition duration is the longest
+ var maximumNextFrameDuration = Math.max.apply(Math, nextFrameChildrenDurations); //find which transition duration is the longest
+ var transitionDifference = maximumCurrentFrameDuration - maximumNextFrameDuration; //get the overal transition difference between the current and next frame
+ var currentDelay = 0;
+ var nextDelay = 0;
+
+ if(transitionDifference < 0 && !self.settings.preventDelayWhenReversingAnimations) { //if the current frame has a greater duration than the next frame...
+ /* note: because the current frame will take longer to animate out than the next to animate in, when this animation is reversed, the current frame will have a delay applied before it animates out. By default, Sequence will aim to avoid this (via the preventDelayWhenReversingAnimations option) because a delay on the current frame may confuse the user. The delay is removed, which means the reversal of animation is slightly out of sync */
+ currentDelay = Math.abs(transitionDifference);
+ }else if(transitionDifference > 0) { //if the next frame has a greater duration than the current frame, add the difference on as a delay
+ nextDelay = Math.abs(transitionDifference);
+ }
+
+ var reverseEachProperty = function(transitionProperties, currentFrameChildren, maximumFrameDuration, frameDelay) {
+
+ function convertTimingFunctionToCubicBezier(timingFunction) {
+
+ timingFunction = timingFunction.split(',')[0]; //only use one timing function
+
+ var timingFunctionToCubicBezier = {
+ "linear" : "cubic-bezier(0.0,0.0,1.0,1.0)",
+ "ease" : "cubic-bezier(0.25, 0.1, 0.25, 1.0)",
+ "ease-in": "cubic-bezier(0.42, 0.0, 1.0, 1.0)",
+ "ease-in-out": "cubic-bezier(0.42, 0.0, 0.58, 1.0)",
+ "ease-out": "cubic-bezier(0.0, 0.0, 0.58, 1.0)"
+ };
+
+ if(timingFunction.indexOf("cubic-bezier") < 0) { //if the timing-function returned isn't a cubic-bezier()
+ timingFunction = timingFunctionToCubicBezier[timingFunction]; //convert it to one
+ }
+
+ return timingFunction; //return a cubic-bezier()
+ }
+
+ currentFrameChildren.each(function() {
+
+ var duration = parseFloat($(this).css(self.transitionPrefix+'transition-duration').replace('s', '')); //get the elements transition-duration
+ var delay = parseFloat($(this).css(self.transitionPrefix+'transition-delay').replace('s', '')); //get the elements transition-delay
+ var transitionFunction = $(this).css(self.transitionPrefix+'transition-timing-function'); //get the elements transiion-timing-function
+
+ if(transitionFunction.indexOf('cubic') === -1) { //if the function isn't a cubic-bezier (the Blink engine returns keywords instead)...
+ var transitionFunction = convertTimingFunctionToCubicBezier(transitionFunction); //convert the keyword to cubic-bezier()
+ }
+
+ var cubicBezier = transitionFunction.replace('cubic-bezier(', '').replace(')', '').split(','); //remove the CSS function and just get the array
+ $.each(cubicBezier, function(index, value) { //for each point that makes up the cubic bezier...
+ cubicBezier[index] = parseFloat(value); //turn the point into a number (rather than text)
+ });
+
+ //reverse the cubic bezier
+ var reversedCubicBezier = [
+ 1 - cubicBezier[2],
+ 1 - cubicBezier[3],
+ 1 - cubicBezier[0],
+ 1 - cubicBezier[1]
+ ];
+ transitionFunction = 'cubic-bezier('+reversedCubicBezier+')'; //add the reversed cubic bezier back into a CSS function
+
+ var frameDuration = duration + delay; //get the overall duration of the element
+
+ transitionProperties["transition-duration"] = duration + 's'; //reapply the element's transition-duration (to override any inline styles)
+ transitionProperties["transition-delay"] = (maximumFrameDuration - frameDuration + frameDelay) + 's'; //add a delay if required
+ transitionProperties["transition-timing-function"] = transitionFunction; //reapply the reversed transition function
+ $(this).css(
+ self._prefixCSS(self.transitionPrefix, transitionProperties) //set the new transition properties
+ );
+ });
+ };
+
+ reverseEachProperty(self.transitionProperties, self.currentFrameChildren, maximumCurrentFrameDuration, currentDelay); //reverse properties for each of the current frame's elements
+ reverseEachProperty(self.transitionProperties, self.nextFrameChildren, maximumNextFrameDuration, nextDelay); //reverse properties for each of the next frame's elements
+ },
+
+ /*
+ adds the browser vendors prefix onto multiple CSS properties
+
+ prefix = the prefix for the browser Sequence is being viewed in (-webkit- for example)
+ properties = the properties to be prefixed (transition-duration for example)
+ */
+ _prefixCSS: function(prefix, properties) {
+ var self = this;
+
+ var css = {};
+ for(var property in properties) { //for each property to be modified...
+ css[prefix + property] = properties[property]; //add the prefix to the property name
+ }
+ return css; //return the prefixed CSS
+ },
+
+ /*
+ internal function used to start and stop autoPlay
+ start: if true, autoPlay will be started, else it'll be stopped
+ delay: a time in ms before starting the autoPlay feature (if unspecified, the default will be used)
+ */
+ _resetAutoPlay: function(start, delay) {
+ var self = this;
+
+ if(start === true) { //if starting autoPlay
+ if(self.settings.autoPlay && !self.isSoftPaused) { //if using autoPlay and Sequence isn't paused...
+ clearTimeout(self.autoPlayTimer); //stop the autoPlay timer
+ self.autoPlayTimer = setTimeout(function() { //start a new autoPlay timer and...
+ if(self.settings.autoPlayDirection === 1) { //go to either the next or previous frame
+ self.next();
+ }else{
+ self.prev();
+ }
+ }, delay); //after a specified delay
+ }
+ }else{ //if stopping autoPlay
+ clearTimeout(self.autoPlayTimer); //stop the autoPlay timer
+ }
+ },
+
+ /*functionality to initiate the preloader, next/previous buttons and so on
+
+ devOption: true = the developer wants to use the default selector. false = don't use a uiElement. string = the developer defined selector to use for the UI element
+ defaultOption: the default selector to use for the UI element, when the developer specifies false for devOption
+ */
+ _renderUiElements: function(devOption, defaultOption) {
+ var self = this;
+
+ switch(devOption) {
+ case false: //don't set up a uiElement
+ return undefined;
+
+ case true: //use the default uiElement
+ if(defaultOption === ".sequence-preloader") { //if setting up the preloader...
+ self._defaultPreloader(self.container, self.transitionsSupported, self.animationPrefix); //get the default preloader
+ }
+ return $(defaultOption); //return the default element
+
+ default: //if using a developer defined selector...
+ return $(devOption); //return the developer defined element
+ }
+ },
+
+ /*
+ prevents the next frame from animating until the current frame has finished animating
+
+ frame: the frame <li> which is animating
+ self.currentFrameChildren: the animated direct child elements of the frame
+ transitionPhase: whether the elements are animating "in" to an active position or "out" of an active position
+ inAfterwards: whether the next frame should animate in afterwards
+ direction: the direction of animation
+ */
+ _waitForAnimationsToComplete: function(frame, currentFrameChildren, transitionPhase, inAfterwards, direction) {
+ var self = this;
+
+ if(transitionPhase === "out") { //if waiting on a frame's element to animate out...
+ var onceComplete = function() {
+ self.afterCurrentFrameAnimatesOut(); //callback
+
+ if(self.settings.transitionThreshold === true) {
+ if(direction === 1) {
+ self.nextFrame.addClass("animate-in"); //add the "animate-in" class
+ }else if(direction === -1) {
+ self.nextFrame.toggleClass("animate-out animate-in");
+ }
+ }
+ };
+ }else if(transitionPhase === "in") { //if waiting on a frame's element to animate in...
+ var onceComplete = function() {
+ self.afterNextFrameAnimatesIn(); //callback
+ self._setHashTag(); //set the hashtag to represent the newly active frame
+
+ self.active = false; //Sequence is not animating
+
+ if(!self.isHardPaused && !self.isBeingHoveredOver) { //if Sequence isn't hard paused (via a pause button for example) or being hovered over...
+ if(!self.delayUnpause) { //if unpausing isn't delayed (Sequence wasn't animating when unpause was invoked)...
+ self.unpause(false); //unpause Sequence but don't run the unpause callback
+ }else{ //if unpausing was delay because Sequence was animating when unpause was invoked...
+ self.delayUnpause = false;
+ self.unpause(); //unpause Sequence
+ }
+ }
+ };
+ }
+
+ currentFrameChildren.data('animationEnded', false); // set the data attribute of each animated element to indicate that the animation has not yet ended
+ frame.bind(self.transitionEnd, function(e) { //when an element finishes animating...
+ $(e.target).data('animationEnded', true); // set the data attrbiute to indicate that the element has finished it's animation
+
+ // now check if all elements have finished animating
+ var allAnimationsEnded = true;
+ currentFrameChildren.each(function() { //for each element being animated within a frame...
+ if($(this).data('animationEnded') === false) { //if the animation hasn't ended...
+ allAnimationsEnded = false; //not all animations have ended yet
+ return false; //break out of the animationEnded check early
+ }
+ });
+
+ if(allAnimationsEnded) { //if all animations have ended...
+ frame.unbind(self.transitionEnd); //stop waiting for animations to end
+ onceComplete();
+ }
+ });
+ },
+
+ _setHashTag: function() {
+ var self = this;
+
+ if(self.settings.hashTags) { //if hashTags is enabled...
+ self.currentHashTag = self.nextFrame.prop(self.getHashTagFrom); //get the hashtag name
+ self.frameHashIndex = $.inArray(self.currentHashTag, self.frameHashID); //get the index of the frame that matches the hashtag
+ if(self.frameHashIndex !== -1 && (self.settings.hashChangesOnFirstFrame || (!self.isStartingFrame || !self.transitionsSupported))) { //if the hashtag matches a Sequence frame ID...
+ self.nextFrameID = self.frameHashIndex + 1;
+ document.location.hash = "#"+self.currentHashTag;
+ }else{
+ self.nextFrameID = self.settings.startingFrameID;
+ self.isStartingFrame = false;
+ }
+ }
+ },
+
+ /* Modernizr 2.6.1 (Custom Build) | MIT & BSD
+ * Build: http://modernizr.com/download/#-svg-prefixed-testprop-testallprops-domprefixes
+ */
+ _modernizrForSequence: function() {
+ ;window.ModernizrForSequence=function(a,b,c){function x(a){i.cssText=a}function y(a,b){return x(prefixes.join(a+";")+(b||""))}function z(a,b){return typeof a===b}function A(a,b){return!!~(""+a).indexOf(b)}function B(a,b){for(var d in a){var e=a[d];if(!A(e,"-")&&i[e]!==c)return b=="pfx"?e:!0}return!1}function C(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:z(f,"function")?f.bind(d||b):f}return!1}function D(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+m.join(d+" ")+d).split(" ");return z(b,"string")||z(b,"undefined")?B(e,b):(e=(a+" "+n.join(d+" ")+d).split(" "),C(e,b,c))}var d="2.6.1",e={},f=b.documentElement,g="modernizrForSequence",h=b.createElement(g),i=h.style,j,k={}.toString,l="Webkit Moz O ms",m=l.split(" "),n=l.toLowerCase().split(" "),o={svg:"http://www.w3.org/2000/svg"},p={},q={},r={},s=[],t=s.slice,u,v={}.hasOwnProperty,w;!z(v,"undefined")&&!z(v.call,"undefined")?w=function(a,b){return v.call(a,b)}:w=function(a,b){return b in a&&z(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=self;if(typeof c!="function")throw new TypeError;var d=t.call(arguments,1),e=function(){if(self instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(t.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(t.call(arguments)))};return e}),p.svg=function(){return!!b.createElementNS&&!!b.createElementNS(o.svg,"svg").createSVGRect};for(var E in p)w(p,E)&&(u=E.toLowerCase(),e[u]=p[E](),s.push((e[u]?"":"no-")+u));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)w(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,enableClasses&&(f.className+=" "+(b?"":"no-")+a),e[a]=b}return e},x(""),h=j=null,e._version=d,e._domPrefixes=n,e._cssomPrefixes=m,e.testProp=function(a){return B([a])},e.testAllProps=D,e.prefixed=function(a,b,c){return b?D(a,b,c):D(a,"pfx")},e}(self,self.document);
+ },
+
+ /* Set up Sequence's default preloader
+ * prependTo = which element to prepend the preloader to
+ * transitions = whether CSS3 transitions are supported
+ * prefix = the prefix for the browser Sequence is being viewed in
+ */
+ _defaultPreloader: function(prependTo, transitions, prefix) {
+ var icon = '<div class="sequence-preloader"><svg class="preloading" xmlns="http://www.w3.org/2000/svg"><circle class="circle" cx="6" cy="6" r="6" /><circle class="circle" cx="22" cy="6" r="6" /><circle class="circle" cx="38" cy="6" r="6" /></svg></div>';
+
+ $("head").append("<style>.sequence-preloader{height: 100%;position: absolute;width: 100%;z-index: 999999;}@"+prefix+"keyframes preload{0%{opacity: 1;}50%{opacity: 0;}100%{opacity: 1;}}.sequence-preloader .preloading .circle{fill: #ff9442;display: inline-block;height: 12px;position: relative;top: -50%;width: 12px;"+prefix+"animation: preload 1s infinite; animation: preload 1s infinite;}.preloading{display:block;height: 12px;margin: 0 auto;top: 50%;margin-top:-6px;position: relative;width: 48px;}.sequence-preloader .preloading .circle:nth-child(2){"+prefix+"animation-delay: .15s; animation-delay: .15s;}.sequence-preloader .preloading .circle:nth-child(3){"+prefix+"animation-delay: .3s; animation-delay: .3s;}.preloading-complete{opacity: 0;visibility: hidden;"+prefix+"transition-duration: 1s; transition-duration: 1s;}div.inline{background-color: #ff9442; margin-right: 4px; float: left;}</style>");
+ prependTo.prepend(icon);
+ if(!ModernizrForSequence.svg && !transitions) { //if SVG isn't supported, remain calm and add this fallback instead...
+ $(".sequence-preloader").prepend('<div class="preloading"><div class="circle inline"></div><div class="circle inline"></div><div class="circle inline"></div></div>');
+ setInterval(function() {
+ $(".sequence-preloader .circle").fadeToggle(500);
+ }, 500);
+ }else if(!transitions) { //if transitions aren't supported, toggle the opacity instead
+ setInterval(function() {
+ $(".sequence-preloader").fadeToggle(500);
+ }, 500);
+ }
+ },
+
+ //a quick test to work out if Opera supports transitions properly (to work around the fact that Opera 11 supports transitions but doesn't return a transition value properly)
+ _operaTest: function() {
+ $("body").append('<span id="sequence-opera-test"></span>');
+ var $operaTest = $("#sequence-opera-test");
+ $operaTest.css("-o-transition", "1s"); //add a transition value to the Opera test
+ if($operaTest.css("-o-transition") !== "1s") { //if the expected value isn't returned...
+ $operaTest.remove();
+ return false; //cause Opera to go into the fallback theme
+ }else{
+ $operaTest.remove();
+ return true;
+ }
+ }
+ //END PRIVATE METHODS
+
+ }; //END PROTOTYPE
+
+ var defaults = {
+ //General Settings
+ startingFrameID: 1, //The frame (the list item `<li>`) that should first be displayed when Sequence loads
+ cycle: true, //Whether Sequence should navigate to the first frame after the last frame and vice versa
+ animateStartingFrameIn: false, //Whether the first frame should animate in to its active position
+ transitionThreshold: false, //The delay between a frame animating out and the next animating in (false = no delay, true = the next frame will animate in only once the current frame has animated out)
+ reverseAnimationsWhenNavigatingBackwards: true, //Whether animations should be reversed when a user navigates backwards by clicking a previous button/swiping/pressing the left key
+ preventDelayWhenReversingAnimations: false, //Whether a delay should be removed when animations are reversed. This delay is removed by default to prevent user confusion
+ moveActiveFrameToTop: true, //Whether a frame should be given a higher `z-index` than other frames whilst it is active, to bring it above the others
+
+ //Autoplay Settings
+ autoPlay: false, //Cause Sequence to automatically change between frames over a period of time, as defined in autoPlayDelay
+ autoPlayDirection: 1, //The direction in which Sequence should auto play
+ autoPlayDelay: 5000, //The duration in milliseconds at which frames should remain on screen before animating to the next
+
+ //Frame Skipping Settings
+ navigationSkip: true, //Whether the user can navigate through frames before each frame has finished animating
+ navigationSkipThreshold: 250, //Amount of time that must pass before the next frame can be navigated to
+ fadeFrameWhenSkipped: true, //If a frame is skipped before it finishes animating, it will quickly fade out
+ fadeFrameTime: 150, //If fadeFrameWhenSkipped is true, how quickly a frame should fade out when skipped (in milliseconds)
+ preventReverseSkipping: false, //Whether the user can change the direction of navigation during frames animating (if navigating forward, the user can only skip forwards when other frames are animating).
+
+ //Next/Prev Button Settings
+ nextButton: false, //if true, Sequence will use an element with class ".sequence-next" as the next button, else specify your own selector. false = don't use an in-built next button
+ showNextButtonOnInit: true, //if true, Sequence will make the next button display: block; once Sequence has loaded (give the next button selector display: none; in the CSS to hide it until its usable)
+ prevButton: false, //if true, Sequence will use an element with class ".sequence-prev" as the previous button, else specify your own selector. false = don't use an in-built previous button
+ showPrevButtonOnInit: true, //if true, Sequence will make the previous button display: block; once Sequence has loaded (give the previous button selector display: none; in the CSS to hide it until its usable)
+
+ //Pause Settings
+ pauseButton: false, //if true, Sequence will use an element with class ".sequence-pause" as the pause button, else specify your own selector. false = don't use an in-built pause button
+ unpauseDelay: null, //the time to wait before navigating to the next frame when Sequence is unpaused. Note that if an unpauseDelay is not specified, the default is the same as the autoPlayDelay setting
+ pauseOnHover: true, //pause Sequence when the Sequence container is hovered over
+ pauseIcon: false, //if true, Sequence will use an element with class ".sequence-pause-icon" as the pause icon, else specify your own selector. false = don't use an in-built pause icon (the pause icon will display when Sequence is paused)
+ showPauseButtonOnInit: true, //if true, Sequence will make the pause button display: block; once Sequence has loaded (give the pause button selector display: none; in the CSS to hide it until its usable)
+
+ //Pagination Settings
+ pagination: false, //if true, Sequence will use an element with class ".sequence-pagination" as the paginated navigation, else specify your own selector. false = don't use in-built pagination
+ showPaginationOnInit: true, //if true, Sequence will make the pagination display: block; once Sequence has loaded (give the pagination selector display: none; in the CSS to hide it until its usable)
+
+ //Preloader Settings
+ preloader: false,
+ preloadTheseFrames: [1], //all images in these frames will load before Sequence initiates
+ preloadTheseImages: [ //specify particular images to load before Sequence initiates
+ /* Example usage
+ "images/catEatingSalad.jpg",
+ "images/meDressedAsBatman.png"
+ */
+ ],
+ /*Note: You can use preloadTheseFrames and preloadTheseImages together. You might want to load all images in frame 1 and just one big image from frame 2 for example*/
+ hideFramesUntilPreloaded: true,
+ prependPreloadingComplete: true,
+ hidePreloaderUsingCSS: true,
+ hidePreloaderDelay: 0,
+
+ //Keyboard settings
+ keyNavigation: true, //false prevents the following keyboard settings
+ numericKeysGoToFrames: true,
+ keyEvents: {
+ left: "prev",
+ right: "next"
+ },
+ customKeyEvents: {
+ /* Example usage
+ 65: "prev", //a
+ 68: "next", //d
+ 83: "prev", //s
+ 87: "next" //w
+ */
+ },
+
+ //Touch Swipe Settings
+ swipeNavigation: true,
+ swipeThreshold: 20,
+ swipePreventsDefault: false, //be careful if setting this to true
+ swipeEvents: {
+ left: "prev",
+ right: "next",
+ up: false,
+ down: false
+ },
+
+ //hashTags Settings
+ //when using hashTags, please include a reference to Ben Alman's jQuery HashChange plugin above your reference to Sequence.js
+
+ //info: http://benalman.com/projects/jquery-hashchange-plugin/
+ //plugin: https://raw.github.com/cowboy/jquery-hashchange/v1.3/jquery.ba-hashchange.min.js
+ //GitHub: https://github.com/cowboy/jquery-hashchange
+ hashTags: false, //when a frame is navigated to, change the hashtag to the frames ID
+ hashDataAttribute: false, //false = the hashTag is taken from a frames ID attribute | true = the hashTag is taken from the data attribute "data-sequence-hash"
+ hashChangesOnFirstFrame: false, //false = the hashTag won't change for the first frame but will for those after
+
+ //Fallback Theme Settings (For browsers that don't support CSS3 transitions)
+ fallback: {
+ theme: "slide",
+ speed: 500
+ }
+ };
+
+ $.fn.sequence = function(options) {
+ return this.each(function() {
+ if (!$.data(this, 'sequence')) { //prevent multiple initiations on the same element
+ $.data(this, 'sequence', new Sequence($(this), options, defaults));
+ }
+ });
+ };
+})(jQuery);
\ No newline at end of file
--- /dev/null
+var mainMenu = (function() {
+
+ var $listItems = $( '#mainmenu > ul > li' ),
+ $menuItems = $listItems.children( 'a' ),
+ $body = $( 'body' ),
+ current = -1;
+
+ function init() {
+ $menuItems.on( 'click', open );
+ $listItems.on( 'click', function( event ) { event.stopPropagation(); } );
+ }
+
+ function open( event ) {
+
+ var $item = $( event.currentTarget ).parent( 'li.has-submenu' ),
+ idx = $item.index();
+ if($item.length != 0){
+ if( current !== -1 ) {
+ $listItems.eq( current ).removeClass( 'mainmenu-open' );
+ }
+
+ if( current === idx ) {
+ $item.removeClass( 'mainmenu-open' );
+ current = -1;
+ }
+ else {
+ $item.addClass( 'mainmenu-open' );
+ current = idx;
+ $body.off( 'click' ).on( 'click', close );
+ }
+ return false;
+ }
+ else window.location = $item.find('a').attr('href');
+ }
+
+ function close( event ) {
+ $listItems.eq( current ).removeClass( 'mainmenu-open' );
+ current = -1;
+ }
+
+ return { init : init };
+
+})();
\ No newline at end of file
--- /dev/null
+/* Modernizr 2.6.2 (Custom Build) | MIT & BSD
+ * Build: http://modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-webgl-shiv-mq-cssclasses-addtest-prefixed-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load
+ */
+;window.Modernizr=function(a,b,c){function D(a){j.cssText=a}function E(a,b){return D(n.join(a+";")+(b||""))}function F(a,b){return typeof a===b}function G(a,b){return!!~(""+a).indexOf(b)}function H(a,b){for(var d in a){var e=a[d];if(!G(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function I(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:F(f,"function")?f.bind(d||b):f}return!1}function J(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+p.join(d+" ")+d).split(" ");return F(b,"string")||F(b,"undefined")?H(e,b):(e=(a+" "+q.join(d+" ")+d).split(" "),I(e,b,c))}function K(){e.input=function(c){for(var d=0,e=c.length;d<e;d++)u[c[d]]=c[d]in k;return u.list&&(u.list=!!b.createElement("datalist")&&!!a.HTMLDataListElement),u}("autocomplete autofocus list placeholder max min multiple pattern required step".split(" ")),e.inputtypes=function(a){for(var d=0,e,f,h,i=a.length;d<i;d++)k.setAttribute("type",f=a[d]),e=k.type!=="text",e&&(k.value=l,k.style.cssText="position:absolute;visibility:hidden;",/^range$/.test(f)&&k.style.WebkitAppearance!==c?(g.appendChild(k),h=b.defaultView,e=h.getComputedStyle&&h.getComputedStyle(k,null).WebkitAppearance!=="textfield"&&k.offsetHeight!==0,g.removeChild(k)):/^(search|tel)$/.test(f)||(/^(url|email)$/.test(f)?e=k.checkValidity&&k.checkValidity()===!1:e=k.value!=l)),t[a[d]]=!!e;return t}("search tel url email datetime date month week time datetime-local number range color".split(" "))}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k=b.createElement("input"),l=":)",m={}.toString,n=" -webkit- -moz- -o- -ms- ".split(" "),o="Webkit Moz O ms",p=o.split(" "),q=o.toLowerCase().split(" "),r={svg:"http://www.w3.org/2000/svg"},s={},t={},u={},v=[],w=v.slice,x,y=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["­",'<style id="s',h,'">',a,"</style>"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},z=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return y("@media "+b+" { #"+h+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},A=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;return f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=F(e[d],"function"),F(e[d],"undefined")||(e[d]=c),e.removeAttribute(d))),e=null,f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),B={}.hasOwnProperty,C;!F(B,"undefined")&&!F(B.call,"undefined")?C=function(a,b){return B.call(a,b)}:C=function(a,b){return b in a&&F(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=w.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(w.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(w.call(arguments)))};return e}),s.flexbox=function(){return J("flexWrap")},s.canvas=function(){var a=b.createElement("canvas");return!!a.getContext&&!!a.getContext("2d")},s.canvastext=function(){return!!e.canvas&&!!F(b.createElement("canvas").getContext("2d").fillText,"function")},s.webgl=function(){return!!a.WebGLRenderingContext},s.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:y(["@media (",n.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},s.geolocation=function(){return"geolocation"in navigator},s.postmessage=function(){return!!a.postMessage},s.websqldatabase=function(){return!!a.openDatabase},s.indexedDB=function(){return!!J("indexedDB",a)},s.hashchange=function(){return A("hashchange",a)&&(b.documentMode===c||b.documentMode>7)},s.history=function(){return!!a.history&&!!history.pushState},s.draganddrop=function(){var a=b.createElement("div");return"draggable"in a||"ondragstart"in a&&"ondrop"in a},s.websockets=function(){return"WebSocket"in a||"MozWebSocket"in a},s.rgba=function(){return D("background-color:rgba(150,255,150,.5)"),G(j.backgroundColor,"rgba")},s.hsla=function(){return D("background-color:hsla(120,40%,100%,.5)"),G(j.backgroundColor,"rgba")||G(j.backgroundColor,"hsla")},s.multiplebgs=function(){return D("background:url(https://),url(https://),red url(https://)"),/(url\s*\(.*?){3}/.test(j.background)},s.backgroundsize=function(){return J("backgroundSize")},s.borderimage=function(){return J("borderImage")},s.borderradius=function(){return J("borderRadius")},s.boxshadow=function(){return J("boxShadow")},s.textshadow=function(){return b.createElement("div").style.textShadow===""},s.opacity=function(){return E("opacity:.55"),/^0.55$/.test(j.opacity)},s.cssanimations=function(){return J("animationName")},s.csscolumns=function(){return J("columnCount")},s.cssgradients=function(){var a="background-image:",b="gradient(linear,left top,right bottom,from(#9f9),to(white));",c="linear-gradient(left top,#9f9, white);";return D((a+"-webkit- ".split(" ").join(b+a)+n.join(c+a)).slice(0,-a.length)),G(j.backgroundImage,"gradient")},s.cssreflections=function(){return J("boxReflect")},s.csstransforms=function(){return!!J("transform")},s.csstransforms3d=function(){var a=!!J("perspective");return a&&"webkitPerspective"in g.style&&y("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a},s.csstransitions=function(){return J("transition")},s.fontface=function(){var a;return y('@font-face {font-family:"font";src:url("https://")}',function(c,d){var e=b.getElementById("smodernizr"),f=e.sheet||e.styleSheet,g=f?f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"":"";a=/src/i.test(g)&&g.indexOf(d.split(" ")[0])===0}),a},s.generatedcontent=function(){var a;return y(["#",h,"{font:0/0 a}#",h,':after{content:"',l,'";visibility:hidden;font:3px/1 a}'].join(""),function(b){a=b.offsetHeight>=3}),a},s.video=function(){var a=b.createElement("video"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('video/ogg; codecs="theora"').replace(/^no$/,""),c.h264=a.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,""),c.webm=a.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,"")}catch(d){}return c},s.audio=function(){var a=b.createElement("audio"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),c.mp3=a.canPlayType("audio/mpeg;").replace(/^no$/,""),c.wav=a.canPlayType('audio/wav; codecs="1"').replace(/^no$/,""),c.m4a=(a.canPlayType("audio/x-m4a;")||a.canPlayType("audio/aac;")).replace(/^no$/,"")}catch(d){}return c},s.localstorage=function(){try{return localStorage.setItem(h,h),localStorage.removeItem(h),!0}catch(a){return!1}},s.sessionstorage=function(){try{return sessionStorage.setItem(h,h),sessionStorage.removeItem(h),!0}catch(a){return!1}},s.webworkers=function(){return!!a.Worker},s.applicationcache=function(){return!!a.applicationCache},s.svg=function(){return!!b.createElementNS&&!!b.createElementNS(r.svg,"svg").createSVGRect},s.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="<svg/>",(a.firstChild&&a.firstChild.namespaceURI)==r.svg},s.smil=function(){return!!b.createElementNS&&/SVGAnimate/.test(m.call(b.createElementNS(r.svg,"animate")))},s.svgclippaths=function(){return!!b.createElementNS&&/SVGClipPath/.test(m.call(b.createElementNS(r.svg,"clipPath")))};for(var L in s)C(s,L)&&(x=L.toLowerCase(),e[x]=s[L](),v.push((e[x]?"":"no-")+x));return e.input||K(),e.addTest=function(a,b){if(typeof a=="object")for(var d in a)C(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},D(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+l().join().replace(/\w+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(r,b.frag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.hasCSS&&(c.hasCSS=!!k(a,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")),j||p(a,c),a}var c=a.html5||{},d=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,e=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,f,g="_html5shiv",h=0,i={},j;(function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=n,e._domPrefixes=q,e._cssomPrefixes=p,e.mq=z,e.hasEvent=A,e.testProp=function(a){return H([a])},e.testAllProps=J,e.testStyles=y,e.prefixed=function(a,b,c){return b?J(a,b,c):J(a,"pfx")},g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+v.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};
+
+/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */
+/*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */
+window.matchMedia=window.matchMedia||(function(e,f){var c,a=e.documentElement,b=a.firstElementChild||a.firstChild,d=e.createElement("body"),g=e.createElement("div");g.id="mq-test-1";g.style.cssText="position:absolute;top:-100em";d.style.background="none";d.appendChild(g);return function(h){g.innerHTML='­<style media="'+h+'"> #mq-test-1 { width: 42px; }</style>';a.insertBefore(d,b);c=g.offsetWidth==42;a.removeChild(d);return{matches:c,media:h}}})(document);
+
+/*! Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs */
+(function(e){e.respond={};respond.update=function(){};respond.mediaQueriesSupported=e.matchMedia&&e.matchMedia("only all").matches;if(respond.mediaQueriesSupported){return}var w=e.document,s=w.documentElement,i=[],k=[],q=[],o={},h=30,f=w.getElementsByTagName("head")[0]||s,g=w.getElementsByTagName("base")[0],b=f.getElementsByTagName("link"),d=[],a=function(){var D=b,y=D.length,B=0,A,z,C,x;for(;B<y;B++){A=D[B],z=A.href,C=A.media,x=A.rel&&A.rel.toLowerCase()==="stylesheet";if(!!z&&x&&!o[z]){if(A.styleSheet&&A.styleSheet.rawCssText){m(A.styleSheet.rawCssText,z,C);o[z]=true}else{if((!/^([a-zA-Z:]*\/\/)/.test(z)&&!g)||z.replace(RegExp.$1,"").split("/")[0]===e.location.host){d.push({href:z,media:C})}}}}u()},u=function(){if(d.length){var x=d.shift();n(x.href,function(y){m(y,x.href,x.media);o[x.href]=true;u()})}},m=function(I,x,z){var G=I.match(/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi),J=G&&G.length||0,x=x.substring(0,x.lastIndexOf("/")),y=function(K){return K.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+x+"$2$3")},A=!J&&z,D=0,C,E,F,B,H;if(x.length){x+="/"}if(A){J=1}for(;D<J;D++){C=0;if(A){E=z;k.push(y(I))}else{E=G[D].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1;k.push(RegExp.$2&&y(RegExp.$2))}B=E.split(",");H=B.length;for(;C<H;C++){F=B[C];i.push({media:F.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:k.length-1,hasquery:F.indexOf("(")>-1,minw:F.match(/\(min\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:F.match(/\(max\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}}j()},l,r,v=function(){var z,A=w.createElement("div"),x=w.body,y=false;A.style.cssText="position:absolute;font-size:1em;width:1em";if(!x){x=y=w.createElement("body");x.style.background="none"}x.appendChild(A);s.insertBefore(x,s.firstChild);z=A.offsetWidth;if(y){s.removeChild(x)}else{x.removeChild(A)}z=p=parseFloat(z);return z},p,j=function(I){var x="clientWidth",B=s[x],H=w.compatMode==="CSS1Compat"&&B||w.body[x]||B,D={},G=b[b.length-1],z=(new Date()).getTime();if(I&&l&&z-l<h){clearTimeout(r);r=setTimeout(j,h);return}else{l=z}for(var E in i){var K=i[E],C=K.minw,J=K.maxw,A=C===null,L=J===null,y="em";if(!!C){C=parseFloat(C)*(C.indexOf(y)>-1?(p||v()):1)}if(!!J){J=parseFloat(J)*(J.indexOf(y)>-1?(p||v()):1)}if(!K.hasquery||(!A||!L)&&(A||H>=C)&&(L||H<=J)){if(!D[K.media]){D[K.media]=[]}D[K.media].push(k[K.rules])}}for(var E in q){if(q[E]&&q[E].parentNode===f){f.removeChild(q[E])}}for(var E in D){var M=w.createElement("style"),F=D[E].join("\n");M.type="text/css";M.media=E;f.insertBefore(M,G.nextSibling);if(M.styleSheet){M.styleSheet.cssText=F}else{M.appendChild(w.createTextNode(F))}q.push(M)}},n=function(x,z){var y=c();if(!y){return}y.open("GET",x,true);y.onreadystatechange=function(){if(y.readyState!=4||y.status!=200&&y.status!=304){return}z(y.responseText)};if(y.readyState==4){return}y.send(null)},c=(function(){var x=false;try{x=new XMLHttpRequest()}catch(y){x=new ActiveXObject("Microsoft.XMLHTTP")}return function(){return x}})();a();respond.update=a;function t(){j(true)}if(e.addEventListener){e.addEventListener("resize",t,false)}else{if(e.attachEvent){e.attachEvent("onresize",t)}}})(this);
\ No newline at end of file
--- /dev/null
+$(document).ready(function(){
+
+ //Homepage Slider
+ var options = {
+ nextButton: false,
+ prevButton: false,
+ pagination: true,
+ animateStartingFrameIn: true,
+ autoPlay: true,
+ autoPlayDelay: 3000,
+ preloader: true
+ };
+
+ var mySequence = $("#sequence").sequence(options).data("sequence");
+
+ //Main menu Initialization
+ mainMenu.init();
+
+ //Products slider
+ var produxtsSlider = $('.products-slider').bxSlider({
+ slideWidth: $('.products-slider .shop-item').outerWidth()-20, //Gets slide width
+ responsive: true,
+ minSlides: 1,
+ maxSlides: 4,
+ slideMargin: 20,
+ auto: true,
+ autoHover: true,
+ speed: 800,
+ pager: true,
+ controls: false
+ });
+
+ //Make Videos Responsive
+ $(".video-wrapper").fitVids();
+
+ //Initialize tooltips
+ $('.show-tooltip').tooltip();
+
+ //Contact Us Map
+ if($('#contact-us-map').length > 0){ //Checks if there is a map element
+ var map = L.map('contact-us-map', {
+ center: [51.502, -0.09],
+ scrollWheelZoom: false,
+ zoom: 15
+ });
+ L.tileLayer('http://{s}.tile.cloudmade.com/{key}/22677/256/{z}/{x}/{y}.png', {
+ key: 'BC9A493B41014CAABB98F0471D759707'
+ }).addTo(map);
+ L.marker([51.5, -0.09]).addTo(map).bindPopup("<b>Some Company</b><br/>123 Fake Street<br/>LN1 2ST<br/>London</br>United Kingdom").openPopup();
+ }
+
+ $( window ).resize(function() {
+ $('.col-footer:eq(0), .col-footer:eq(1)').css('height', '');
+ var footerColHeight = Math.max($('.col-footer:eq(0)').height(), $('.col-footer:eq(1)').height()) + 'px';
+ $('.col-footer:eq(0), .col-footer:eq(1)').css('height', footerColHeight);
+ });
+ $( window ).resize();
+
+});
\ No newline at end of file
--- /dev/null
+/*--------------------------------------------------------------------------
++ Services Style
+--------------------------------------------------------------------------*/
+
+/* Multicolumn */
+
+.service-wrapper{
+ background: #FFF;
+ margin: 20px 10px;
+ text-align: center;
+ padding: 30px 20px;
+ .border-radius(5px);
+ .box-shadow(~"0 0 3px #999");
+ h3{
+ font-size: 1.2em;
+ margin: 10px 0 !important;
+ }
+ p{
+ margin-top: 0;
+ }
+}
+
+/* Row */
+
+.service-wrapper-row{
+ padding: 10px 0;
+ h3{
+ padding-top: 15px;
+ }
+ .service-image{
+ padding-top: 15px;
+ text-align: center;
+ img{
+ max-width: 80%;
+ vertical-align: bottom;
+ bottom: 0;
+ border: 7px solid #FFF;
+ .border-radius(5px);
+ .box-shadow(~"0 0 8px #999");
+ }
+ }
+}
+
+/*--------------------------------------------------------------------------
++ Pricing Table Style
+--------------------------------------------------------------------------*/
+
+.pricing-plan {
+ float: left;
+ text-align: center;
+ background: #fafafa;
+ background-clip: padding-box;
+ position: relative;
+ width: 48%;
+ margin: 10px 1% 10px 0;
+ padding: 20px;
+ .border-radius(7px);
+ .box-sizing(border-box);
+ .box-shadow(~"0 1px 8px rgba(0, 0, 0, 0.4)");
+ .transition(~"box-shadow .25s linear");
+ &:hover{
+ .box-shadow(~"0 0 8px #333");
+ z-index: 5;
+ }
+
+ .pricing-plan-title {
+ position: relative;
+ margin: -20px -10px 20px;
+ padding: 20px;
+ line-height: 1;
+ font-size: 16px;
+ font-weight: bold;
+ color: #595f6b;
+ border-bottom: 1px dashed #d2d2d2;
+ &:before {
+ content: '';
+ position: absolute;
+ bottom: -1px;
+ left: 0;
+ right: 0;
+ height: 1px;
+ background-size: 3px 1px;
+ .gradient(~"linear-gradient(to right, white, white 33%, #d2d2d2 34%, #d2d2d2)");
+ }
+ }
+ .pricing-plan-price {
+ margin: 0 auto 20px;
+ width: 90px;
+ height: 90px;
+ line-height: 90px;
+ font-size: 19px;
+ font-weight: bold;
+ color: white;
+ background: #595f6b;
+ .border-radius(45px);
+ span {
+ font-size: 12px;
+ font-weight: normal;
+ color: rgba(255, 255, 255, 0.9);
+ }
+ }
+ .pricing-plan-features {
+ margin-bottom: 20px;
+ margin-left: 0;
+ padding: 0;
+ line-height: 2;
+ font-size: 12px;
+ color: #999;
+ text-align: center;
+ list-style-type: none;
+ li{
+ strong{
+ font-weight: bold;
+ color: #888;
+ }
+ }
+ }
+ .pricing-plan-promote {
+ margin: 0;
+ padding: 40px 20px;
+ background-color: white;
+ border-width: 2px;
+ .border-radius(7px);
+ z-index: 4;
+ }
+}
+
+.ribbon-wrapper {
+ width: 85px;
+ height: 88px;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.price-ribbon {
+ font: bold 15px Sans-Serif;
+ color: #333;
+ text-align: center;
+ text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
+ position: relative;
+ padding: 7px 0;
+ left: -5px;
+ top: 15px;
+ width: 120px;
+ background-color: #FFF;
+ color: #6a6340;
+ .rotate(45deg);
+ .box-shadow(~"0px 0px 3px rgba(0,0,0,0.3)");
+}
+
+.ribbon-green {
+ background-color: #BFDC7A;
+}
+
+.ribbon-blue {
+ background-color: #5ACBFF;
+}
+
+.ribbon-orange {
+ background-color: #FF9542;
+}
+
+.ribbon-red {
+ background-color: #FF7373;
+}
+
+@media (min-width: 768px) {
+ .pricing-plan {
+ width: 25%;
+ margin: 20px 0;
+ padding: 20px;
+ .border-radius(0);
+ &:first-child {
+ .border-top-left-radius(7px);
+ .border-bottom-left-radius(7px);
+ }
+ &:last-child {
+ border-width: 2px;
+ .border-top-right-radius(7px);
+ .border-bottom-right-radius(7px);
+ }
+ }
+ .pricing-plan-promote {
+ background: #fff;
+ padding: 40px;
+ margin-top: 0;
+ .border-radius(7px);
+ z-index: 4;
+ }
+}
+
+/*--------------------------------------------------------------------------
++ Contact Us Style
+--------------------------------------------------------------------------*/
+
+#contact-us-map{
+ height: 300px;
+ .box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
+}
+
+.contact-us-details{
+ margin: 20px 0;
+ font-size: 0.9em;
+}
+
+/*--------------------------------------------------------------------------
++ Video Wrapper Style
+--------------------------------------------------------------------------*/
+
+.video-wrapper{
+ .box-shadow(~"0 0 5px #000");
+ margin: 20px 0;
+}
+
+/*--------------------------------------------------------------------------
++ Call to Action Bar Style
+--------------------------------------------------------------------------*/
+
+.calltoaction-wrapper{
+ text-align: center;
+ h3{
+ display: inline-block;
+ line-height: 36px;
+ margin-right: 10px;
+ margin-bottom: 0;
+ }
+ a{
+ vertical-align: top;
+ }
+}
+
+/*--------------------------------------------------------------------------
++ Testimonials Style
+--------------------------------------------------------------------------*/
+
+.testimonial{
+ blockquote{
+ margin: 0;
+ padding: 0;
+ border-left: none;
+ p{
+ font-size: 0.9em;
+ margin-bottom: 20px;
+ line-height: 1.5;
+ }
+ }
+ .testimonial-bubble {
+ text-align: justify;
+ .border-radius(4px);
+ padding: 0 20px 20px 20px;
+ margin: 35px 10px 20px 10px;
+ background: #FFF;
+ position: relative;
+ .box-sizing(border-box);
+ .box-shadow(~"inset 0 1px #fff,0 1px 2px #c8cfe6");
+ }
+ .testimonial-bubble::before {
+ background-color: #FFF;
+ content: "\00a0";
+ display: block;
+ height: 20px;
+ width: 20px;
+ top: -10px;
+ left: 45%;
+ position: relative;
+ .transform(~"rotate(45deg)");
+ }
+ .author-photo{
+ text-align: center;
+ img{
+ margin: auto;
+ border: 5px solid #FFF;
+ .border-radius(100px);
+ .box-shadow(~"inset 0 1px #fff,0 1px 2px #c8cfe6");
+ }
+ }
+ .author-info{
+ font-weight: 400;
+ font-size: 0.8em;
+ }
+}
+
+/*--------------------------------------------------------------------------
++ Clients Logos Style
+--------------------------------------------------------------------------*/
+
+.clients-logo-wrapper{
+ img{
+ max-width: 100%;
+ }
+}
+
+/*--------------------------------------------------------------------------
++ News Style
+--------------------------------------------------------------------------*/
+
+.featured-news, .latest-news{
+ .caption{
+ padding: 10px 0 5px 0;
+ a{
+ font-size: 1.1em;
+ font-weight: 600;
+ color: @font-color;
+ }
+ }
+ .intro{
+ padding-bottom: 10px;
+ font-size: 0.9em;
+ a{
+ white-space: nowrap;
+ }
+ }
+ .date{
+ font-size: 0.7em;
+ color: #999;
+ }
+ img{
+ max-width: 100%;
+ margin: 10px 0 10px 0;
+ .border-radius(5px);
+ .box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
+ }
+}
+
+/*--------------------------------------------------------------------------
++ Frequently Asked Questions Style
+--------------------------------------------------------------------------*/
+
+.faq-wrapper{
+ h3{
+ margin-top: 20px !important;
+ }
+ .accordion-inner {
+ margin: 10px 0 10px 20px;
+ padding: 0 10px;
+ font-size: 0.9em;
+ .answer{
+ font-weight: 600;
+ }
+ }
+}
+
+/*--------------------------------------------------------------------------
++ Blog Style
+--------------------------------------------------------------------------*/
+
+/* Posts List */
+
+.blog-post{
+ background: #FFF;
+ position: relative;
+ margin: 20px 0;
+ border: 7px solid #FFF;
+ img{
+ max-width: 100%;
+ }
+ .border-radius(5px);
+ .box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
+ .post-info{
+ background: #000;
+ background: rgba(0,0,0,0.6);
+ color: #FFF;
+ line-height: 1.2;
+ position: absolute;
+ padding: 5px;
+ left: 10px;
+ top: 10px;
+ .border-radius(5px);
+ }
+ .post-comments-count{
+ text-align: center;
+ }
+}
+
+.post-info{
+ .post-comments-count{
+ padding-top: 5px;
+ i{
+ margin-right: 5px;
+ }
+ a{
+ color: #FFF;
+ }
+ }
+ .post-date .date{
+ font-size: 0.7em;
+ font-weight: 600;
+ }
+}
+
+.post-title{
+ h3{
+ font-size: 1.2em;
+ border-bottom: 1px dotted #828282;
+ margin: 0 20px;
+ padding-top: 10px;
+ a{
+ color: @font-color;
+ }
+ }
+}
+
+.post-summary{
+ margin: 10px 20px;
+ p{
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+ }
+}
+
+.post-more{
+ text-align: right;
+ padding: 0 20px 20px 0;
+}
+
+/* Single Post */
+
+.blog-single-post{
+ padding: 10px 30px;
+}
+
+ .single-post-title h3{
+ font-size: 1.5em;
+ margin: 0;
+}
+
+.single-post-info{
+ margin-bottom: 20px;
+ padding-bottom: 10px;
+ border-bottom: 1px dotted #828282;
+ i{
+ color: #333;
+ margin-right: 5px;
+ }
+}
+
+.single-post-image{
+ text-align: center;
+ img{
+ .box-shadow(~"0 0 5px #000");
+ }
+}
+
+.single-post-content{
+ margin: 30px 0 20px 0;
+ padding-bottom: 20px;
+ border-bottom: 2px dotted #CCC;
+ p{
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+ }
+}
+
+.post-comments{
+ list-style-type: none;
+ margin-left: 0;
+ margin-bottom: 40px;
+ padding: 0;
+ ul{
+ list-style-type: none;
+ margin-left: 30px;
+ padding: 0;
+ }
+}
+
+.comment-wrapper p{
+ margin: 0;
+ position: relative;
+ border: 1px solid #CCC;
+ padding: 10px;
+ margin-bottom: 10px;
+ .border-radius(3px);
+}
+
+.comment-author{
+ font-size: 1.3em;
+ font-weight: 600;
+ margin-bottom: 10px;
+ img{
+ max-width: 50px;
+ .border-radius(25px);
+ margin-right: 10px;
+ }
+}
+
+.comment-date{
+ font-size: 0.9em;
+ margin-right: 20px;
+}
+
+.comment-actions{
+ text-align: right;
+ opacity: 0.6;
+ .transition(~"opacity .25s linear");
+ &:hover{
+ text-align: right;
+ opacity: 1;
+ }
+ i{
+ color: #333;
+ }
+}
+
+.comment-reply-btn{
+ margin-left: 10px;
+}
+
+.blog-sidebar{
+ h4{
+ margin-top: 20px;
+ font-weight: 700;
+ &:first-child{
+ margin-top: 0;
+ }
+ }
+ ul{
+ list-style-type: none;
+ margin-left: 0;
+ padding: 0;
+ }
+ .recent-posts, .blog-categories{
+ li{
+ padding: 5px 20px 5px 0;
+ border-top: 1px solid #D5D5D5;
+ &:last-child {
+ border-bottom: 1px solid #D5D5D5;
+ }
+ }
+ a{
+ color: @font-color;
+ }
+ }
+}
+
+/*--------------------------------------------------------------------------
++ E-commerce Style
+--------------------------------------------------------------------------*/
+
+.shop-item{
+ position: relative;
+ background: #FFF;
+ padding-bottom: 10px;
+ margin-top: 20px;
+ margin-bottom: 10px;
+ border: 8px solid #FFF;
+ .border-radius(5px);
+ .box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
+ img{
+ max-width: 100%;
+ }
+ .image{
+ text-align: center;
+ }
+ .title{
+ padding: 20px 0 10px;
+ h3{
+ font-size: 0.9em;
+ margin: 0 10px;
+ text-align: center;
+ a{
+ color: @font-color;
+ text-transform:uppercase;
+ }
+ }
+ }
+ .colors{
+ text-align: center;
+ margin-bottom: 10px;
+ span{
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+ margin: 2px;
+ }
+ }
+ .price{
+ color: @font-color;
+ font-size: 1.5em;
+ text-align: center;
+ margin-bottom: 20px;
+ font-weight: 600;
+ .border-radius(7px);
+ .price-was{
+ color: #A7A7A7;
+ font-size: 0.8em;
+ text-decoration: line-through;
+ }
+ }
+
+ .description{
+ color: #828282;
+ font-size: 0.9em;
+ text-align: justify;
+ margin: 0 10px;
+ p{
+ border-top: 1px solid #ECECEC;
+ padding: 10px;
+ margin: 0;
+ }
+ }
+
+ .actions{
+ border-top: 1px solid #ECECEC;
+ margin: 0 10px;
+ padding-top: 20px;
+ text-align: center;
+ span{
+ font-size: 0.8em;
+ white-space: nowrap;
+ }
+ }
+}
+
+.colors{
+ text-align: center;
+ margin-bottom: 10px;
+ span{
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+ margin: 2px;
+ }
+}
+
+span.color-white{
+ background-color: #D7D7CF;
+ border-color: darken(#D7D7CF, 10%);
+}
+
+span.color-black{
+ background-color: #000;
+ border-color: darken(#000, 10%);
+}
+
+span.color-blue{
+ background-color: #073A52;
+ border-color: darken(#073A52, 10%);
+}
+
+span.color-orange{
+ background-color: #D56E1D;
+ border-color: darken(#D56E1D, 10%);
+}
+
+span.color-green{
+ background-color: #5C6632;
+ border-color: darken(#5C6632, 10%);
+}
+
+span.color-red{
+ background-color: #DA1111;
+ border-color: darken(#DA1111, 10%);
+}
+
+/*--------------------------------------------------------------------------
++ Product Details Page Style
+--------------------------------------------------------------------------*/
+
+.product-image-large{
+ border: 8px solid #FFF;
+ text-align: center;
+ margin-bottom: 10px;
+ .border-radius(5px);
+ .box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
+ img{
+ max-width: 100%;
+ }
+}
+
+.product-details{
+ h4, h5{
+ font-weight: 700;
+ }
+ h4{
+ margin-bottom: 20px;
+ }
+ h5{
+ margin-top: 20px;
+ }
+ .price{
+ font-size: 1.4em;
+ font-weight: 700;
+ text-align: left;
+ padding: 5px;
+ background: fade(#FFF, 60%);
+ display: inline;
+ .border-radius(5px);
+ }
+ .price-was{
+ text-decoration: line-through;
+ font-size: 0.8em;
+ font-weight: normal;
+ }
+ .shop-item-selections{
+ width: 100%;
+ td{
+ line-height: 36px;
+ &:first-child{
+ width: 30%;
+ }
+ }
+ }
+ .choose-item-color{
+ span{
+ display: inline-block;
+ *display: inline;
+ width: 10px;
+ height: 10px;
+ border-width: 1px;
+ border-style: solid;
+ margin-bottom: -1px;
+ margin-right: 2px;
+ }
+ }
+}
+
+.product-details-nav{
+ margin-top: 30px !important;
+ margin-left: 0 !important;
+}
+
+.product-detail-info{
+ background: #fff;
+ border-top: 0;
+ border-left: 1px;
+ border-right: 1px;
+ border-bottom: 1px;
+ border-color: #ddd;
+ border-style: solid;
+ padding: 20px 30px;
+ p, ul{
+ font-size: 0.9em;
+ }
+ table{
+ width: 100%;
+ td{
+ font-size: 0.9em;
+ width: 50%;
+ line-height: 28px;
+ border-bottom: 1px solid #E7E7E7;
+ &:first-child{
+ font-weight: 600;
+ }
+ }
+ tr:last-child{
+ td{
+ border-bottom: 0;
+ }
+ }
+ }
+}
+
+/*--------------------------------------------------------------------------
++ Shopping Cart Style
+--------------------------------------------------------------------------*/
+
+.shopping-cart{
+ margin: 10px 0 0 0;
+ width: 100%;
+ border-collapse: separate;
+ border-spacing: 0 10px;
+ a{
+ color: @font-color;
+ }
+ tr{
+ background: #FFF;
+ }
+ td{
+ padding: 10px;
+ &:first-child{
+ .border-radius(5px 0 0 5px);
+ margin-left: 10px;
+ }
+ &:last-child{
+ .border-radius(0 5px 5px 0);
+ margin-right: 10px;
+ }
+ }
+ .image, .image img{
+ max-width: 150px;
+ }
+
+ .title{
+ font-size: 1.1em;
+ }
+
+ .feature{
+ font-size: 0.8em;
+ }
+
+ .color span{
+ display: inline-block;
+ *display: inline;
+ width: 8px;
+ height: 8px;
+ border-width: 1px;
+ border-style: solid;
+ }
+
+ .quantity{
+ width: 80px;
+ }
+
+ .price{
+ color: @font-color;
+ font-size: 1.2em;
+ width: 80px;
+ text-align: center;
+ }
+
+ .actions{
+ width: 80px;
+ .btn{
+ margin-bottom: 5px;
+ }
+ }
+}
+
+.cart-totals{
+ margin: 20px 0 30px 0;
+ border-top: 2px solid #535b60;
+ font-size: 1.1em;
+ line-height: 24px;
+ text-align: right;
+ width: 100%;
+ td{
+ width: 150px;
+ padding: 3px 0;
+ }
+ .cart-grand-total{
+ font-size: 1.3em;
+ }
+}
+
+@media (max-width: 500px){
+ .shopping-cart{
+ .image{
+ display: none;
+ }
+ }
+ .cart-item-title{
+ font-size: 0.8em;
+ }
+}
+
+
+/*--------------------------------------------------------------------------
++ Products Slider Style
+--------------------------------------------------------------------------*/
+
+.products-slider{
+ .shop-item{
+ border:0;
+ margin: 0;
+ padding: 0;
+ width: 25%;
+ float: left;
+ display: block;
+ position: relative;
+ .border-radius(5px);
+ .box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
+ img{
+ .border-radius(~"5px 5px 0 0");
+ }
+ .title{
+ h3{
+ a{
+ font-size: 1em;
+ font-weight: 400;
+ }
+ }
+ }
+ .price{
+ font-size: 1.1em;
+ font-weight: 400;
+ margin-bottom: 10px;
+ }
+ .actions{
+ padding: 10px 0;
+ }
+ }
+}
+
+@media (max-width: 768px){
+ .products-slider .shop-item{
+ width: 34%;
+ }
+}
+
+@media (max-width: 479px){
+ .products-slider .shop-item{
+ width: 100%;
+ }
+}
+
+/*--------------------------------------------------------------------------
++ Events List Style
+--------------------------------------------------------------------------*/
+
+.events-list{
+ width: 100%;
+ font-size: 0.9em;
+ tr{
+ td{
+ padding: 5px 20px 5px 0;
+ &:last-child{
+ padding: 5px 0;
+ text-align: right;
+ }
+ }
+ &:hover{
+ .event-date{
+ border-left: 5px solid @theme-color;
+ }
+ }
+ }
+ .event-date{
+ margin: 3px 0;
+ padding: 2px 10px;
+ border-left: 5px solid #CFCFCF;
+ .transition(~"all .25s linear");
+ }
+ .event-date{
+ .event-day{
+ color: #808080;
+ font-size: 1.5em;
+ font-weight: 600;
+ text-align: center;
+ }
+ .event-month{
+ color: #CFCFCF;
+ font-size: 1.1em;
+ font-weight: 600;
+ text-align: center;
+ }
+ .event-venue, .event-price{
+ white-space: nowrap;
+ }
+ }
+}
+
+/*--------------------------------------------------------------------------
++ Jobs list Style
+--------------------------------------------------------------------------*/
+
+.jobs-list{
+ width: 100%;
+ th{
+ font-size: 1.2em;
+ text-align: left;
+ padding: 10px 0;
+ }
+ td{
+ padding: 5px 20px 5px 0;
+ border-top: 1px solid #E6E6E6;
+ }
+ tr{
+ &:last-child{
+ td{
+ border-bottom: 1px solid #E6E6E6;
+ }
+ }
+ }
+}
+
+.job-position{
+ a{
+ color: @font-color;
+ font-size: 1.1em;
+ }
+}
+
+.job-location, .job-type{
+ font-size: 0.9em;
+}
+
+// Join us promo
+
+.join-us-promo{
+ blockquote{
+ margin: 0;
+ padding: 0;
+ border-left: none;
+ }
+ blockquote{
+ p{
+ font-size: 1.1em;
+ margin-bottom: 20px;
+ line-height: 1.5;
+ }
+ }
+ .author-info{
+ font-weight: 400;
+ font-size: 0.8em;
+ }
+ .author-photo{
+ text-align: center;
+ }
+ .author-photo{
+ img{
+ margin: auto;
+ border: 5px solid #FFF;
+ .border-radius(70px);
+ .box-shadow(~"inset 0 1px #fff,0 1px 2px #c8cfe6");
+ }
+ }
+}
+
+.join-us-bubble {
+ text-align: justify;
+ .border-radius(4px);
+ padding: 20px 20px 0 20px;
+ margin-top: 30px;
+ margin-bottom: 30px;
+ background: #FFF;
+ position: relative;
+ .box-sizing(border-box);
+ .box-shadow(~"inset 0 1px #fff,0 0 4px #c8cfe6");
+}
+
+.join-us-bubble::after {
+ background: #FFF;
+ content: "\00a0";
+ display: block;
+ height: 20px;
+ width: 20px;
+ bottom: -10px;
+ left: 45%;
+ position: relative;
+ .transform(~"rotate(45deg)");
+ .box-shadow(~"inset 0 1px #fff,1px 1px 1px #c8cfe6");
+}
+
+.job-details-wrapper p{
+ text-align: justify;
+}
+
+/*--------------------------------------------------------------------------
++ Login/Register/Reset Password Forms Style
+--------------------------------------------------------------------------*/
+
+.basic-login{
+ background: fade(#FFF, 80%);
+ padding: 20px 20px 10px 20px;
+ .border-radius(5px);
+ .box-shadow(~"inset 0 1px #fff,0 0 4px #c8cfe6");
+ form{
+ margin: 0;
+ }
+ label{
+ line-height: 30px;
+ font-size: 1.2em;
+ }
+ input[type="checkbox"]{
+ margin-top: 4px;
+ }
+}
+
+.social-login{
+ p{
+ text-align: center;
+ font-size: 1.2em;
+ font-style: italic;
+ padding: 20px 0;
+ }
+ .social-login-buttons{
+ text-align: center;
+ a{
+ position: relative;
+ display: inline-block;
+ white-space: nowrap;
+ height: 35px;
+ line-height: 35px;
+ padding-right: 15px;
+ margin: 10px 5px;
+ color: #fff;
+ font-size: 1.1em;
+ text-align: left;
+ .border-radius(3px);
+ .transition(~"opacity .2s linear");
+ .translateZ(0);
+ &:hover{
+ opacity: 0.8;
+ text-decoration: none;
+ }
+ &:before{
+ content: '';
+ display: block;
+ position: absolute;
+ top: 5px;
+ width: 24px;
+ height: 24px;
+ background-image: ~"url(../img/social-login.png)";
+ background-repeat: no-repeat;
+ }
+ }
+ }
+ .btn-facebook-login{
+ padding-left: 35px;
+ background-color: #6886bc;
+ .gradient(~"linear-gradient(top,#6886bc 0,#466ca9 100%)");
+ }
+
+ .btn-twitter-login{
+ padding-left: 45px;
+ background-color: #25b6e6;
+ }
+ .btn-facebook-login:before{
+ left: 10px;
+ background-position: 0 0;
+ }
+ .btn-twitter-login:before{
+ left: 15px;
+ background-position: -48px 0;
+ }
+ .not-member{
+ p{
+ font-size: 1.5em;
+ font-weight: 600;
+ font-style: normal;
+ margin-top: 30px;
+ border-top: 1px solid #CCC;
+ }
+ }
+
+}
+
+/*--------------------------------------------------------------------------
++ 'In Press' Style
+--------------------------------------------------------------------------*/
+
+.in-press{
+ a{
+ color: lighten(@font-color, 30%);
+ font-size: 1.3em;
+ font-family: Georgia, serif;
+ line-height: 28px;
+ position: relative;
+ padding-left: 16px;
+ padding-bottom: 32px;
+ margin-bottom: 15px;
+ display: block;
+ .transition(~"color .25s linear");
+ &:hover{
+ color: @theme-color;
+ text-decoration: none;
+ }
+ &:after{
+ content: '';
+ display: block;
+ position: absolute;
+ bottom: -10px;
+ right: 20px;
+ width: 120px;
+ height: 32px;
+ background-image: ~"url(../img/in-press.png)";
+ background-repeat: no-repeat;
+ .transition(~".25s linear");
+ }
+ &:before {
+ content: "\201C";
+ margin-left: -16px;
+ font-size: 2.2em;
+ }
+ }
+
+}
+
+// Change the below classes and image to meet your press coverage
+
+.press-wired a{
+ &:after{
+ background-position: 0px 0px;
+ }
+ &:hover{
+ &:after{
+ background-position: 0px -32px;
+ }
+ }
+}
+
+.press-mashable a{
+ &:after{
+ background-position: -120px 0px;
+ }
+ &:hover{
+ &:after{
+ background-position: -120px -32px;
+ }
+ }
+}
+
+.press-techcrunch a{
+ &:after{
+ background-position: -240px 0px;
+ }
+ &:hover{
+ &:after{
+ background-position: -240px -32px;
+ }
+ }
+}
+
+/*--------------------------------------------------------------------------
++ Portfolio Style
+--------------------------------------------------------------------------*/
+
+.portfolio-item{
+ position: relative;
+ background: #FFF;
+ margin-bottom: 20px;
+ border: 8px solid #FFF;
+ .border-radius(5px);
+ .box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
+ .transition(~"all .5s ease");
+ .portfolio-image{
+ overflow: hidden;
+ text-align: center;
+ position: relative;
+ img{
+ max-width: 100%;
+ .transition(~"all .25s ease");
+ }
+ }
+ &:hover{
+ border: 8px solid @theme-color;
+ .portfolio-image{
+ img{
+ position: relative;
+ .transform(~"scale(1.1) rotate(2deg)");
+ }
+ }
+ }
+ ul{
+ list-style-type: none;
+ margin-left: 0;
+ margin-top: 20px;
+ text-align: center;
+ padding: 0;
+ li{
+ line-height: 28px;
+ }
+ }
+ .portfolio-project-name{
+ font-size: 1.3em;
+ text-transform: uppercase;
+ }
+ .read-more{
+ text-align: center;
+ padding-top: 10px;
+ }
+ .portfolio-info-fade{
+ .opacity(0);
+ top: 0;
+ position: absolute;
+ background: #000;
+ background: fade(#000, 70%);
+ width: 100%;
+ height: 100%;
+ color: #FFF;
+ text-shadow: 2px 2px 4px #000000;
+ filter: dropshadow(color=#000000, offx=2, offy=2);
+ .transition(~"opacity .25s linear");
+ ul{
+ margin-top: 10%;
+ }
+ .btn:hover{
+ background: @theme-color;
+ }
+ ul{
+ margin: 10% 20px 0 20px;
+ padding: 0;
+ li{
+ text-align: center;
+ &:first-child{
+ border-bottom: 1px solid #CCC;
+ }
+ }
+ }
+ }
+ &:hover{
+ .portfolio-info-fade{
+ display: block;
+ .opacity(1);
+ }
+ }
+}
+
+.lt-ie9 .portfolio-info-fade{
+ display: none;
+}
+
+.lt-ie9 .portfolio-item:hover .portfolio-info-fade{
+ display: block;
+}
+
+.portfolio-visit-btn{
+ padding-top: 15px;
+}
+
+.portfolio-item-description{
+ ul{
+ padding: 0;
+ }
+}
+
+/*--------------------------------------------------------------------------
++ Our Team Style
+--------------------------------------------------------------------------*/
+
+.team-member{
+ position: relative;
+ background: #FFF;
+ margin-bottom: 20px;
+ border: 8px solid #FFF;
+ .box-shadow(~"inset 0 1px #fff,0 0 8px #c8cfe6");
+ img{
+ max-width: 100%;
+ }
+ ul{
+ list-style-type: none;
+ margin-left: 0;
+ margin-top: 20px;
+ li{
+ line-height: 28px;
+ }
+ }
+ &:hover{
+ .team-member-image{
+ .opacity(1);
+ }
+ }
+ .team-member-image{
+ text-align: center;
+ position: relative;
+ .transition(~"opacity .25s linear");
+ .opacity(0.85);
+ }
+
+ .team-member-name{
+ font-size: 1.3em;
+ text-transform: uppercase;
+ }
+
+ .team-member-social{
+ position: absolute;
+ right: 0;
+ .opacity(0.5);
+ .transition(~"opacity .25s linear");
+ .team-member-social i{
+ margin-top: 3px;
+ }
+ &:hover{
+ .opacity(1);
+ }
+ }
+}
+
+/*--------------------------------------------------------------------------
++ Sitemap Style
+--------------------------------------------------------------------------*/
+
+.sitemap{
+ margin-left: 0;
+ list-style-type: none;
+ padding: 0;
+ a{
+ color: @font-color;
+ }
+ li{
+ padding: 10px 0;
+ font-weight: 600;
+ }
+ ul{
+ list-style-type: none;
+ margin-top: 10px;
+ margin-left: 10px;
+ padding: 0;
+ li{
+ padding: 3px 0;
+ font-size: 0.9em;
+ font-weight: 400;
+ }
+ }
+}
+
+/*--------------------------------------------------------------------------
++ Coming Soon Page Style
+--------------------------------------------------------------------------*/
+
+.coming-soon-top{
+ background: #FFF;
+ background: fade(#FFF, 80%);
+ min-height: 80px;
+ .logo-wrapper{
+ padding-top: 20px;
+ }
+}
+
+.coming-soon-content{
+ margin-top: 5%;
+ text-align: center;
+ h3{
+ font-size: 3em;
+ line-height: 1.3em;
+ font-weight: 400;
+ color: #FFF;
+ margin-bottom: 40px;
+ text-shadow: 1px 1px 8px #000000;
+ }
+ p{
+ color: #E6E6E6;
+ text-shadow: 2px 2px 4px #000000;
+ }
+}
+
+.coming-soon-subscribe{
+ padding-top: 30px;
+ .btn{
+ border-radius: 0 5px 5px 0;
+ }
+ p{
+ margin-top: 10px;
+ }
+}
+
+.coming-soon-social{
+ margin-top: 60px;
+ .opacity(0.7);
+ .transition(~"opacity .25s linear");
+ a{
+ display: inline-block;
+ }
+ &:hover{
+ .opacity(1);
+ }
+}
+
+.full-screen-background{
+ z-index: -999;
+ min-height: 100%;
+ min-width: 1024px;
+ width: 100%;
+ height: auto;
+ position: fixed;
+ top: 0;
+ left: 0;
+}
+
+/*--------------------------------------------------------------------------
++ Breadcrumbs Section Style
+--------------------------------------------------------------------------*/
+
+.section-breadcrumbs{
+ background: #222;
+ background: fade(#222, 80%);
+ margin-bottom: 10px;
+ h1{
+ color: #FAFAFA;
+ font-size: 1.6em;
+ margin-bottom: 0;
+ text-transform: none;
+ }
+}
+
+/*--------------------------------------------------------------------------
+ Footer Style
+--------------------------------------------------------------------------*/
+
+.footer{
+ background: #222;
+ color: #A0A0A0;
+ padding: 0 20px 10px 20px;
+ border-top: 4px solid @theme-color;
+ margin-top: 20px;
+ .box-shadow(~"0 -1px 12px rgba(0,0,0,0.4)");
+ h3{
+ color: #E4E4E4;
+ font-size: 1.3em;
+ border-bottom: 1px dotted #7C7C7C;
+ }
+ ul{
+ padding: 0;
+ }
+}
+
+.footer-navigate-section li{
+ line-height: 20px !important;
+}
+
+.footer-stay-connected{
+ a{
+ text-align: left;
+ text-indent: -9999px;
+ display: block;
+ width: 115px;
+ height: 40px;
+ background: ~"url(../img/stay-connected.png)";
+ .opacity(0.5);
+ .transition(~"opacity .25s linear");
+ &:hover{
+ .opacity(1);
+ }
+ }
+ a.facebook{
+ background-position: -115px 0;
+ }
+ a.twitter{
+ background-position: -230px 0;
+ }
+ a.googleplus{
+ background-position: 0 0;
+ }
+ li{
+ text-align: center;
+ }
+}
+
+.footer-copyright{
+ text-align: center;
+ color: #7C7C7C;
+ border-top: 1px dotted #7C7C7C;
+ padding-top: 10px;
+ font-size: 0.9em;
+}
+
+/*--------------------------------------------------------------------------
++ Pagination Style (overrides Bootstrap style)
+--------------------------------------------------------------------------*/
+
+.pagination-wrapper{
+ margin-top: 15px;
+ text-align: center;
+}
+
+.pagination>li>a, .pagination>li>span{
+ border: none;
+ border-bottom: 3px solid #FFF;
+ color: #666666;
+ margin-left: 0;
+ margin-bottom: 5px;
+ .transition(~"all .25s linear");
+}
+
+.pagination>li>a:hover, .pagination>li>a:focus, .pagination>.active>a, .pagination>.active>span{
+ background: #FFF;
+}
+
+.pagination>li>a:hover{
+ border-bottom: 3px solid #666666;
+}
+
+.pagination>.active>a, .pagination>.active>span{
+ color: #666666;
+ border-bottom: 3px solid @theme-color;
+}
+
+.pagination>.disabled>a{
+ border-color: #fff;
+}
+
+.pagination>.disabled>span, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
+ margin-bottom: 0;
+ color: #C9C9C9;
+ background-color: #FFF;
+ cursor: default;
+}
+
+/*--------------------------------------------------------------------------
++ Custom Style for Maps
+--------------------------------------------------------------------------*/
+
+.leaflet-popup-content-wrapper{
+ .border-radius(5px);
+}
+
+/*--------------------------------------------------------------------------
++ Custom Style for Tabs (overrides Bootstrap)
+--------------------------------------------------------------------------*/
+
+.nav-tabs>li>a {
+ font-size: 1.1em;
+ padding: 10px 15px;
+ color: @font-color;
+}
+
+.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
+ font-weight: 600;
+ background-color: #ffffff;
+ border: 1px solid #ddd;
+ border-top: 3px solid @theme-color;
+ border-bottom-color: transparent;
+ cursor: default;
+}
+
+/*--------------------------------------------------------------------------
++ 404 Page Style
+--------------------------------------------------------------------------*/
+
+.error-page-wrapper{
+ font-size: 1.5em;
+ font-weight: 600;
+ margin: 100px 0;
+ text-align: center;
+}
+
+
+/*--------------------------------------------------------------------------
++ Homepage Slider Style (modified sequencejs CSS). Sorry, no LESS here
+--------------------------------------------------------------------------*/
+
+#sequence {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ max-width: 1920px;
+ color: white;
+ font-size: 0.625em;
+ margin: 0 auto 30px auto;
+ position: relative;
+ height: 400px;
+ img{
+ max-width: 100%;
+ }
+}
+
+#sequence > .sequence-canvas {
+ list-style-type: none;
+ height: 400px;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+#sequence h2{
+ font-size: 4em;
+ color: #FFF;
+ text-shadow: 2px 2px 3px #444;
+ border: none;
+ padding-left: 0;
+ margin-top: 0;
+}
+
+#sequence h3{
+ font-size: 2em;
+ color: #FFF;
+ text-shadow: 2px 2px 3px #444;
+}
+
+#sequence > .sequence-canvas > li {
+ position: absolute;
+ width: 100%;
+ height: 400px;
+ z-index: 1;
+ .transition-property(background);
+ background-position: -50px 0;
+}
+
+#sequence > .sequence-canvas > li.bg1 {
+ background-image: ~"url(../img/homepage-slider/slider-bg1.jpg)";
+}
+
+#sequence > .sequence-canvas > li.bg2 {
+ background-image: ~"url(../img/homepage-slider/slider-bg2.jpg)";
+}
+
+#sequence > .sequence-canvas > li.bg3 {
+ background-image: ~"url(../img/homepage-slider/slider-bg3.jpg)";
+}
+
+#sequence > .sequence-canvas > li.bg4 {
+ background-image: ~"url(../img/homepage-slider/slider-bg4.jpg)";
+}
+
+#sequence > .sequence-canvas > li.bg5 {
+ background-image: ~"url(../img/homepage-slider/slider-bg5.jpg)";
+}
+
+#sequence > .sequence-canvas > li.bg6 {
+ background-image: ~"url(../img/homepage-slider/slider-bg6.jpg)";
+}
+
+#sequence > .sequence-canvas > li.bg7 {
+ background-image: ~"url(../img/homepage-slider/slider-bg7.jpg)";
+}
+#sequence > .sequence-canvas > li.bg8 {
+ background-image: ~"url(../img/homepage-slider/slider-bg8.jpg)";
+}
+#sequence > .sequence-canvas > li.bg9 {
+ background-image: ~"url(../img/homepage-slider/slider-bg9.jpg)";
+}
+#sequence > .sequence-canvas > li.bg10 {
+ background-image: ~"url(../img/homepage-slider/slider-bg10.jpg)";
+}
+#sequence > .sequence-canvas > li.bg11 {
+ background-image: ~"url(../img/homepage-slider/slider-bg11.jpg)";
+}
+#sequence > .sequence-canvas > li.bg12 {
+ background-image: ~"url(../img/homepage-slider/slider-bg12.jpg)";
+}
+#sequence > .sequence-canvas > li.bg13 {
+ background-image: ~"url(../img/homepage-slider/slider-bg13.jpg)";
+}
+#sequence > .sequence-canvas > li.bg14 {
+ background-image: ~"url(../img/homepage-slider/slider-bg14.jpg)";
+}
+
+#sequence > .sequence-canvas > li img {
+ height: 96%;
+}
+
+#sequence > .sequence-canvas li > * {
+ position: absolute;
+ .transition-property(left, opacity);
+}
+
+.sequence-next,
+.sequence-prev {
+ color: white;
+ cursor: pointer;
+ display: none;
+ font-weight: bold;
+ padding: 10px 15px;
+ position: absolute;
+ top: 50%;
+ z-index: 1000;
+ height: 75px;
+ margin-top: -47.5px;
+}
+
+.sequence-pause {
+ bottom: 0;
+ cursor: pointer;
+ position: absolute;
+ z-index: 1000;
+}
+
+.sequence-paused {
+ .opacity(0.3);
+}
+
+.sequence-prev {
+ left: 3%;
+}
+
+.sequence-next {
+ right: 3%;
+}
+
+.sequence-prev img,
+.sequence-next img {
+ height: 100%;
+ width: auto;
+}
+
+#sequence-preloader {
+ background: #d9d9d9;
+}
+
+.sequence-pagination-wrapper{
+ position: absolute;
+ bottom: 10px;
+ right: 20px;
+ z-index: 99;
+}
+
+.sequence-pagination {
+ display: none;
+ z-index: 99;
+ .transition-duration(0.5s);
+}
+
+.sequence-pagination li {
+ display: inline-block;
+ *display: inline;
+ width: 14px;
+ height: 14px;
+ margin: 0 4px;
+ text-indent: -999em;
+ border: 4px solid @theme-color;
+ cursor: pointer;
+ .border-radius(30px);
+ .opacity(0.8);
+ .transition(~"background .5s, opacity .5s");
+}
+
+.sequence-pagination li.current {
+ background: @theme-color;
+ .opacity(1);
+}
+
+.sequence-next,
+.sequence-prev {
+ position: absolute;
+ opacity: 0.6;
+ .transition-duration(1s);
+}
+
+.sequence-next:hover,
+.sequence-prev:hover {
+ .opacity(1);
+ .transition-duration(1s);
+}
+
+#sequence .title {
+ font-size: 3.8em;
+ text-transform: none;
+ left: 0%;
+ width: 35%;
+ .opacity(0);
+ bottom: 60%;
+ z-index: 50;
+}
+
+#sequence > .sequence-canvas > li.animate-in{
+ background-position: 0 0;
+ .transition-duration(1.5s);
+}
+
+#sequence .animate-in .title {
+ left: 15%;
+ .opacity(1);
+ .transition-duration(0.5s);
+}
+
+#sequence .animate-out .title {
+ left: 35%;
+ .opacity(0);
+ .transition-duration(0.5s);
+}
+
+.subtitle {
+ color: black;
+ font-size: 2em;
+ left: 35%;
+ width: 35%;
+ .opacity(0);
+ top: 40%;
+}
+
+.animate-in .subtitle {
+ left: 15%;
+ .opacity(1);
+ .transition-duration(0.5s);
+}
+
+.animate-out .subtitle {
+ left: 65%;
+ .opacity(0);
+ .transition-duration(0.5s);
+}
+
+.slide-img {
+ left: 90%;
+ top: 20%;
+ .opacity(0);
+ position: relative;
+ height: auto !important;
+ max-height: 450px !important;
+ max-width: 45% !important;
+}
+
+.animate-in .slide-img {
+ left: 55%;
+ .opacity(1);
+ .transition-duration(1s);
+}
+
+.animate-out .slide-img {
+ left: 15%;
+ .opacity(0);
+ .transition-duration(1s);
+}
+
+@media only screen and (min-width: 992px) {
+ #sequence .title {
+ width: 42%;
+ }
+}
+
+@media only screen and (max-width: 838px) {
+ #sequence .slide-img {
+ max-height: 530px !important;
+ width: auto;
+ }
+}
+
+@media only screen and (max-width: 768px) {
+ #sequence {
+ height: 400px;
+ }
+ #sequence .title {
+ font-size: 2.8em;
+ }
+ #sequence .subtitle {
+ font-size: 1.6em;
+ }
+ #sequence .sequence-next,
+ #sequence .sequence-prev {
+ height: 60px;
+ margin-top: -40px;
+ }
+ #sequence .slide-img {
+ max-height: 480px !important;
+ width: auto;
+ }
+}
+
+@media only screen and (max-width: 568px) {
+ .slide-img {
+ left: 50%;
+ width: auto;
+ max-width: 80% !important;
+ }
+
+ #sequence .animate-in .slide-img {
+ left: 50%;
+ margin-left: -40%;
+ }
+
+ #sequence .animate-out .slide-img {
+ left: 20%;
+ margin-left: -20%;
+ }
+
+ #sequence .title {
+ background: #a1a1a1;
+ background: rgba(0, 0, 0, 0.3);
+ bottom: 0;
+ left: 100%;
+ padding: 4%;
+ width: 100%;
+ margin-bottom: 0;
+ z-index: 10;
+ }
+
+ #sequence .animate-in .title {
+ left: 0%;
+ }
+
+ #sequence .animate-out .title {
+ left: -100%;
+ }
+
+ #sequence .subtitle {
+ visibility: hidden;
+ }
+
+}
+
+/*--------------------------------------------------------------------------
++ Content Slider Style (bxSlider CSS), Sorry, no LESS here
+--------------------------------------------------------------------------*/
+
+.bx-wrapper {
+ position: relative;
+ margin: 0 auto 30px;
+ padding: 0;
+ *zoom: 1;
+}
+
+.bx-wrapper img {
+ max-width: 100%;
+ display: block;
+}
+
+.bx-wrapper .bx-pager,
+.bx-wrapper .bx-controls-auto {
+ position: absolute;
+ bottom: -30px;
+ width: 100%;
+}
+
+/* LOADER */
+
+.bx-wrapper .bx-loading {
+ min-height: 50px;
+ background: ~"url(../img/bx_loader.gif) center center no-repeat #fff";
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 2000;
+}
+
+/* PAGER */
+
+.bx-wrapper .bx-pager {
+ text-align: center;
+ font-size: .85em;
+ font-family: Arial;
+ font-weight: bold;
+ color: #666;
+ padding-top: 20px;
+}
+
+.bx-wrapper .bx-pager .bx-pager-item,
+.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
+ display: inline-block;
+ *zoom: 1;
+ *display: inline;
+}
+
+.bx-wrapper .bx-pager.bx-default-pager a {
+ background: #666;
+ text-indent: -9999px;
+ display: block;
+ width: 10px;
+ height: 10px;
+ margin: 0 5px;
+ outline: 0;
+ .border-radius(5px);
+}
+
+.bx-wrapper .bx-pager.bx-default-pager a:hover,
+.bx-wrapper .bx-pager.bx-default-pager a.active {
+ background: #000;
+}
+
+/* DIRECTION CONTROLS (NEXT / PREV) */
+
+.bx-wrapper .bx-prev {
+ left: 10px;
+ background: ~"url(../img/controls.png) no-repeat 0 -32px";
+}
+
+.bx-wrapper .bx-next {
+ right: 10px;
+ background: ~"url(../img/controls.png) no-repeat -43px -32px";
+}
+
+.bx-wrapper .bx-prev:hover {
+ background-position: 0 0;
+}
+
+.bx-wrapper .bx-next:hover {
+ background-position: -43px 0;
+}
+
+.bx-wrapper .bx-controls-direction a {
+ position: absolute;
+ top: 50%;
+ margin-top: -16px;
+ outline: 0;
+ width: 32px;
+ height: 32px;
+ text-indent: -9999px;
+ z-index: 9999;
+}
+
+.bx-wrapper .bx-controls-direction a.disabled {
+ display: none;
+}
+
+/* AUTO CONTROLS (START / STOP) */
+
+.bx-wrapper .bx-controls-auto {
+ text-align: center;
+}
+
+.bx-wrapper .bx-controls-auto .bx-start {
+ display: block;
+ text-indent: -9999px;
+ width: 10px;
+ height: 11px;
+ outline: 0;
+ background: ~"url(../img/controls.png) -86px -11px no-repeat";
+ margin: 0 3px;
+}
+
+.bx-wrapper .bx-controls-auto .bx-start:hover,
+.bx-wrapper .bx-controls-auto .bx-start.active {
+ background-position: -86px 0;
+}
+
+.bx-wrapper .bx-controls-auto .bx-stop {
+ display: block;
+ text-indent: -9999px;
+ width: 9px;
+ height: 11px;
+ outline: 0;
+ background: ~"url(../img/controls.png) -86px -44px no-repeat";
+ margin: 0 3px;
+}
+
+.bx-wrapper .bx-controls-auto .bx-stop:hover,
+.bx-wrapper .bx-controls-auto .bx-stop.active {
+ background-position: -86px -33px;
+}
+
+/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
+
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
+ text-align: left;
+ width: 80%;
+}
+
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
+ right: 0;
+ width: 35px;
+}
+
+/* IMAGE CAPTIONS */
+
+.bx-wrapper .bx-caption {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ background: #666\9;
+ background: rgba(80, 80, 80, 0.75);
+ width: 100%;
+}
+
+.bx-wrapper .bx-caption span {
+ color: #fff;
+ font-family: Arial;
+ display: block;
+ font-size: .85em;
+ padding: 10px;
+}
+
+/*--------------------------------------------------------------------------
++ Main Menu Style
+--------------------------------------------------------------------------*/
+
+.mainmenu li.logo-wrapper a{
+ border-right: 1px solid #E8E8E8;
+ padding-left: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.mainmenu-wrapper{
+ background-color: #FFF;
+ border-bottom: 4px solid @theme-color;
+ z-index: 4;
+}
+
+.mainmenu {
+ width: 100%;
+ /* general ul style */
+ ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ /* first level ul style */
+ >ul, .mainmenu-submenu-inner {
+ margin: 0 auto;
+ >li {
+ display: inline-block;
+ *display: inline;
+ >a{
+ font-size: 1.2em;
+ padding: 1.2em 1.5em;
+ color: #999;
+ display: inline-block;
+ text-decoration: none;
+ &:hover {
+ color: @theme-color;
+ text-decoration: none;
+ }
+ }
+ }
+ >li.active{
+ >a{
+ color: @theme-color;
+ font-weight: 600 !important;
+ }
+ }
+ >li.mainmenu-open a, li.mainmenu-open > a:hover {
+ color: #fff;
+ background: @theme-color;
+ }
+ }
+ /* sub-menu */
+ .mainmenu-submenu {
+ display: none;
+ position: absolute;
+ background: @theme-color;
+ width: 100%;
+ left: 0;
+ z-index: 999;
+ .translateZ(0);
+ .box-shadow(~"0 5px 5px rgba(0,0,0,0.4)");
+ }
+ .mainmenu-submenu-inner > div {
+ width: 33%;
+ float: left;
+ }
+ .mainmenu-submenu-inner:before, .mainmenu-submenu-inner:after {
+ content: " ";
+ display: table;
+ }
+ .mainmenu-submenu-inner:after {
+ clear: both;
+ }
+ .mainmenu-submenu-inner > div a {
+ line-height: 2em;
+ }
+}
+
+.mainmenu-open{
+ .mainmenu-submenu {
+ display: block;
+ padding-bottom: 3em;
+ }
+}
+
+.mainmenu-submenu{
+ h4 {
+ color: lighten(@theme-color, 30%);
+ padding: 1em 0 0.6em;
+ margin-left: 20px;
+ font-size: 160%;
+ font-weight: 300;
+ }
+ ul{
+ margin-left: 20px;
+ }
+}
+
+
+@media screen and (max-width: 979px) {
+
+ .mainmenu {
+ font-size: 0.8em;
+ }
+
+ .mainmenu-submenu{
+ font-size: 1.2em;
+ }
+
+ .mainmenu-submenu li, .mainmenu-submenu h4{
+ padding-left: 10px;
+ }
+
+}
+
+@media screen and (max-width: 479px) {
+
+ .mainmenu {
+ font-size: 120%;
+ border: none;
+ }
+
+ .mainmenu > ul,
+ .mainmenu .mainmenu-submenu-inner {
+ width: 100%;
+ padding: 0;
+ }
+
+ .mainmenu .mainmenu-submenu-inner {
+ padding: 0 1.5em;
+ font-size: 75%;
+ }
+
+ .mainmenu > ul > li {
+ display: block;
+ border-bottom: 4px solid #47a3da;
+ > a {
+ display: block;
+ padding: 1em 3em;
+ }
+ &:last-child{
+ border: none;
+ }
+ }
+
+ .mainmenu .mainmenu-submenu {
+ position: relative;
+ }
+
+ .mainmenu-submenu h4 {
+ padding-top: 0.6em;
+ }
+
+ .mainmenu .mainmenu-submenu-inner > div {
+ width: 100%;
+ float: none;
+ padding: 0;
+ }
+
+}
+
+/*--------------------------------------------------------------------------
++ Extras Menu (Cart, Language, Login) Style
+--------------------------------------------------------------------------*/
+
+.menuextras{
+ font-size: 0.85em;
+ height: 30px;
+ ul{
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ float: right;
+ padding: 3px 0;
+ }
+ li{
+ float: left;
+ padding: 0 8px;
+ }
+ .extras{
+ li{
+ padding: 0 8px;
+ a{
+ color: #333;
+ &:hover{
+ color: #333;
+ text-decoration: none;
+ }
+ }
+
+ }
+ .shopping-cart-items{
+ i{
+ color: #333;
+ }
+ }
+ }
+ .choose-country{
+ .dropdown-menu{
+ background-color: #222;
+ background-color: fade(#222, 80%);
+ margin-top: 5px;
+ li{
+ float: none;
+ a{
+ color: #fff;
+ padding-left: 3px;
+ &:hover{
+ color: #fff;
+ background-color: #333 !important;
+ }
+ }
+ }
+
+ }
+ }
+}
+
+/*--------------------------------------------------------------------------
++ Buttons Style
+--------------------------------------------------------------------------*/
+
+.btn {
+ border: 1px solid @theme-color;
+ .border-radius(2px);
+ color: #FFFFFF;
+ cursor: pointer;
+ display: inline-block;
+ text-transform: none;
+ .transition(~"all .25s ease");
+ text-align: center;
+ background: none repeat scroll 0 0 @theme-color;
+ text-shadow: none;
+ box-shadow: none;
+ color: #FFF;
+ &:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+ }
+ white-space: nowrap;
+ .caret{
+ border-top: 4px solid #FFF;
+ }
+}
+
+.btn-micro {
+ padding: 1px 8px;
+ font-size: 10px;
+}
+
+.btn-grey{
+ border: 1px solid darken(#E7E7E7, 10%);
+ color: #333;
+ background: none repeat scroll 0 0 #E7E7E7;
+ &:hover {
+ background: none repeat scroll 0 0 darken(#E7E7E7, 10%);
+ color: #333;
+ text-decoration: none;
+ border: 1px solid darken(#E7E7E7, 10%);
+ }
+ .caret{
+ border-top: 4px solid #333;
+ }
+}
+
+.btn-blue{
+ border: 1px solid darken(#4F8DB3, 10%);
+ color: #FFF;
+ background: none repeat scroll 0 0 #4F8DB3;
+ &:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+ }
+}
+
+.btn-orange{
+ border: 1px solid darken(#FF7000, 10%);
+ color: #FFF;
+ background: none repeat scroll 0 0 #FF7000;
+ &:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+ }
+}
+
+.btn-green{
+ border: 1px solid darken(#6E8023, 10%);
+ color: #FFF;
+ background: none repeat scroll 0 0 #6E8023;
+ &:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+ }
+}
+
+.btn-red{
+ border: 1px solid darken(#DA1111, 10%);
+ color: #FFF;
+ background: none repeat scroll 0 0 #DA1111;
+ &:hover {
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+ text-decoration: none;
+ border: 1px solid #3b3c41;
+ }
+}
+
+.btn-group.open .btn.dropdown-toggle{
+ background: none repeat scroll 0 0 #3b3c41;
+ color: #FFF;
+}
+
+.dropdown.open a.dropdown-toggle .caret{
+ border-top: 4px solid #FFF;
+}
\ No newline at end of file
--- /dev/null
+
+/*--------------------------------------------------------------------------
+ General Style
+--------------------------------------------------------------------------*/
+
+body{
+ background: @body-background;
+}
+
+.section{
+ padding: 30px 0;
+ .translateZ(0);
+}
+
+.section-white{
+ background: #FFF;
+}
+
+.section .container:first-child h1, .section .container:first-child h2, .section .container:first-child h3{
+ margin-top: 0;
+ font-weight: 700;
+}
+
+.input-micro{
+ width: 50px;
+ margin-bottom: 0 !important;
+}
+
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+.uneditable-input:focus {
+ border-color: fade(@theme-color, 80%);
+ outline: 0;
+ outline: thin dotted \9;
+ /* IE6-9 */
+ @glow-color: fade(@theme-color, 60%);
+ .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{glow-color}");
+}
+
+ul.no-list-style{
+ list-style-type: none;
+ margin-left: 0;
+}
+
+ul.no-list-style li{
+ line-height: 28px;
+}
+
+div[class*="span"]{
+ .transition(~"all .4s linear");
+}
+
+/*--------------------------------------------------------------------------
+ Typography Style
+--------------------------------------------------------------------------*/
+
+body{
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ line-height: 20px;
+ color: @font-color;
+}
+
+h1{
+ color: @heading-color;
+ font-family: 'Open Sans', sans-serif;
+ font-weight: 800;
+}
+
+h2{
+ color: @heading-color;
+ font-family: 'Open Sans', sans-serif;
+ font-size: 2em;
+ border-bottom: 2px solid @heading-color;
+ line-height: 1.5em;
+ margin: 30px 0;
+ padding-left: 10px;
+}
+
+h3{
+ font-family: 'Open Sans', sans-serif;
+ color: @heading-color;
+ font-size: 1.5em;
+}
+
+h4{
+ font-family: 'Open Sans', sans-serif;
+ color: @heading-color;
+ margin-bottom: 10px;
+}
+
+a{
+ color: @theme-color;
+}
+
+a:hover{
+ color: darken(@theme-color, 20%);
+}
\ No newline at end of file
--- /dev/null
+// LESS Hat 1.1.1
+// LESSHat.com
+// From creators of CSSHat.com
+// 2012
+// Petr Brzek & Jan Kuca
+
+
+// @GlobalConfig
+
+// .animation
+ // .animation-delay
+ // .animation-direction
+ // .animation-duration
+ // .animation-fill-mode
+ // .animation-timing-function
+ // .animation-iteration-count
+ // .animation-name
+ // .animation-play-state
+ // .keyframes - in future
+// .appearance
+// .backface-visibility
+// .background-clip
+// .background-image
+// .background-origin
+// .background-size
+// .border-radius
+ // .border-top-left-radius
+ // .border-top-right-radius
+ // .border-bottom-left-radius
+ // .border-bottom-right-radius
+// .border-image
+// .box-shadow
+// .box-sizing
+// .columns
+ // .column-count
+ // .column-gap
+ // .column-rule
+ // .column-width
+// .font-face
+// .gradient
+// .opacity
+// .perspective
+ // .perspective-origin
+// .size
+// .transform
+ // .transform-origin
+ // .transform-style
+ // .translate
+ // .translate3d
+ // .translateX
+ // .translateY
+ // .translateZ
+ // .scale
+ // .scale3d
+ // .scaleX
+ // .scaleY
+ // .scaleZ
+ // .rotate
+ // .rotate3d
+ // .rotateX
+ // .rotateY
+ // .rotateZ
+ // .skew
+ // .skewX
+ // .skewY
+// .transition
+ // .transition-property
+ // .transition-duration
+ // .transition-timing-function
+ // .transition-delay
+// .user-select
+// DEPRECATED mixins
+
+
+// @GlobalConfig
+
+ // Config supported browsers for your project
+
+ @w3c: true; // Unprefixed W3C syntax
+ @webkit: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @moz: true; // Firefox 4+
+ @opera: true; // Opera 10.5+
+ @ms: true; // IE 10+
+
+ // Signals
+
+ @webkitSignal: 1;
+ @mozSignal: 2;
+ @operaSignal: 3;
+ @msSignal: 4;
+ @w3cSignal: 5;
+
+// .animation
+
+ .animation(...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ @processing: ~`(function(){ var arg = "@{arguments}".replace("[","").replace("]","") || "none"; if( !/^\w*([ X])/.test(arg) ) { arg = arg.replace(/,/g,"") } return arg; })()`;
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation: @processing;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-animation: @processing;}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-animation: @processing;}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-animation: @processing;}
+ .inception (@signal, @arguments) when (@signal = 5) { animation: @processing;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .animation(nameAnimation 2s linear alternate anim 3s linear alternate ); }
+
+
+ // .animation-delay
+
+ .animation-delay(...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ @processing: ~`(function(){ var arg = "@{arguments}" || "0"; arg = arg.replace("[","").replace("]",""); return arg; }())`;
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation-delay: @processing;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-animation-delay: @processing;}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-animation-delay: @processing;}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-animation-delay: @processing;}
+ .inception (@signal, @arguments) when (@signal = 5) { animation-delay: @processing;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .animation-delay(1s); }
+ // element{ .animation-delay(750ms, 2s, 3s); } // For multiple animation-direction
+
+
+ // .animation-direction
+
+ .animation-direction(...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ @processing: ~`(function(){ var arg = "@{arguments}" || "normal"; arg = arg.replace("[","").replace("]",""); return arg; }())`;
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation-direction: @processing;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-animation-direction: @processing;}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-animation-direction: @processing;}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-animation-direction: @processing;}
+ .inception (@signal, @arguments) when (@signal = 5) { animation-direction: @processing;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .animation-direction(); }
+ // element{ .animation-direction(normal, alternate); }
+
+
+ // .animation-duration
+
+ .animation-duration(...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ @processing: ~`(function(){ var arg = "@{arguments}" || "0"; arg = arg.replace("[","").replace("]",""); return arg; }())`;
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation-duration: @processing;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-animation-duration: @processing;}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-animation-duration: @processing;}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-animation-duration: @processing;}
+ .inception (@signal, @arguments) when (@signal = 5) { animation-duration: @processing;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .animation-duration(2s); }
+
+
+ // .animation-fill-mode
+
+ .animation-fill-mode(...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ @processing: ~`(function(){ var arg = "@{arguments}" || "none"; arg = arg.replace("[","").replace("]",""); return arg; }())`;
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation-fill-mode: @processing;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-animation-fill-mode: @processing;}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-animation-fill-mode: @processing;}
+ .inception (@signal, @arguments) when (@signal = 5) { animation-fill-mode: @processing;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .animation-fill-mode(forwards); }
+
+
+ // .animation-timing-function
+
+ .animation-timing-function(...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ @processing: ~`(function(){ var arg = "@{arguments}" || "ease"; arg = arg.replace("[","").replace("]",""); return arg; }())`;
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation-timing-function: @processing;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-animation-timing-function: @processing;}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-animation-timing-function: @processing;}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-animation-timing-function: @processing;}
+ .inception (@signal, @arguments) when (@signal = 5) { animation-timing-function: @processing;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .animation-timing-function(ease-in-out); }
+
+
+ // .animation-iteration-count
+
+ .animation-iteration-count(...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ @processing: ~`(function(){ var arg = "@{arguments}" || "0"; arg = arg.replace("[","").replace("]",""); return arg; }())`;
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation-iteration-count: @processing;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-animation-iteration-count: @processing;}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-animation-iteration-count: @processing;}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-animation-iteration-count: @processing;}
+ .inception (@signal, @arguments) when (@signal = 5) { animation-iteration-count: @processing;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .animation-iteration-count(3); }
+
+
+ // .animation-name
+
+ .animation-name(...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ @processing: ~`(function(){ var arg = "@{arguments}" || "none"; arg = arg.replace("[","").replace("]",""); return arg; }())`;
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation-name: @processing;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-animation-name: @processing;}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-animation-name: @processing;}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-animation-name: @processing;}
+ .inception (@signal, @arguments) when (@signal = 5) { animation-name: @processing;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .animation-name(myReallyCoolAnimationName); }
+
+
+ // .animation-play-state
+
+ .animation-play-state(...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ @processing: ~`(function(){ var arg = "@{arguments}" || "running"; arg = arg.replace("[","").replace("]",""); return arg; }())`;
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-animation-play-state: @processing;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-animation-play-state: @processing;}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-animation-play-state: @processing;}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-animation-play-state: @processing;}
+ .inception (@signal, @arguments) when (@signal = 5) { animation-play-state: @processing;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .animation-play-state(paused); }
+
+
+// .appearance
+
+ .appearance(@argument:none){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @argument) when (@signal = 1) { -webkit-appearance: @argument;}
+ .inception (@signal, @argument) when (@signal = 2) { -moz-appearance: @argument;}
+ .inception (@signal, @argument) when (@signal = 5) { appearance: @argument;}
+ .inception (@signal, @argument) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @argument);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .appearance(button); }
+
+
+// .backface-visibility
+
+ .backface-visibility(@argument:visible){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @argument) when (@signal = 1) { -webkit-backface-visibility: @argument;}
+ .inception (@signal, @argument) when (@signal = 2) { -moz-backface-visibility: @argument;}
+ .inception (@signal, @argument) when (@signal = 5) { backface-visibility: @argument;}
+ .inception (@signal, @argument) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @argument);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .backface-visibility(hidden); }
+
+
+// .background-clip
+
+ .background-clip(@arguments:border-box){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-background-clip: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-background-clip: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 5) { background-clip: @arguments;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .background-clip(padding-box); }
+
+
+// .background-image
+
+ .background-image(...){
+
+ // Local config for disabling properties
+
+ @svg: true; // SVG gradient for IE9
+ @mozLocal: true; // Firefox 4+
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5+, Android
+ @operaLocal: true; // Opera 10.5+
+ @w3cLocal: true; // Unprefixed W3C syntax
+
+ @backgroundSVG: ~`(function(){function K(a){var b="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",c,d,e,f,g,h,i,j,k=0,l=0,m="",n=[];if(!a)return a;do c=a.charCodeAt(k++),d=a.charCodeAt(k++),e=a.charCodeAt(k++),j=c<<16|d<<8|e,f=j>>18&63,g=j>>12&63,h=j>>6&63,i=j&63,n[l++]=b.charAt(f)+b.charAt(g)+b.charAt(h)+b.charAt(i);while(k<a.length);m=n.join("");var o=a.length%3;return(o?m.slice(0,o-3):m)+"===".slice(o||3)}String.prototype.trim===undefined&&(String.prototype.trim=function(){return this.replace(/^\s+/,"").replace(/\s+$/,"")});var a="@{arguments}",b=null,c=!0,d=a.split(/,(?=\s*(?:linear|radial))/g),e=d.length,f=/top/,g=/right/,h=/bottom/,i=/left/,j=/to\s*top/,k=/to\s*right/,l=/to\s*bottom/,m=/to\s*left/,n=/45deg/,o=/-45deg/,p=/\d*deg/;for(var q=0;q<e;q++){if(/linear/.test(d[q])){d[q]=d[q].replace(/linear-gradient\s*\(/,'<?xml version="1.0" ?><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">');if(f.test(d[q])&&!j.test(d[q])||l.test(d[q])||/180deg/.test(d[q])){var r=null;l.test(d[q])?r=l:/180deg/.test(d[q])?r=/180deg/:r=f,d[q]=d[q].replace(r,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%">')}else if(g.test(d[q])&&!k.test(d[q])||m.test(d[q])||/270deg/.test(d[q])){var r=null;m.test(d[q])?r=m:/270deg/.test(d[q])?r=/270deg/:r=g,d[q]=d[q].replace(r,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="100%" y1="0%" x2="0%" y2="0%">')}else if(h.test(d[q])&&!l.test(d[q])||j.test(d[q])||/[^\d]0deg/.test(d[q])){var r=null;j.test(d[q])?r=j:/0deg/.test(d[q])?r=/0deg/:r=h,d[q]=d[q].replace(r,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="100%" x2="0%" y2="0%">')}else if(i.test(d[q])&&!m.test(d[q])||k.test(d[q])||/90deg/.test(d[q])){var r=null;k.test(d[q])?r=k:/90deg/.test(d[q])?r=/90deg/:r=i,d[q]=d[q].replace(r,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="100%" y2="0%">')}else n.test(d[q])&&!o.test(d[q])?d[q]=d[q].replace(n,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="100%" x2="100%" y2="0%">'):o.test(d[q])?d[q]=d[q].replace(o,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="100%" y2="100%">'):c=!1}try{"".trim(),b=!0}catch(s){b=!1}b&&(d[q]=d[q].trim());if(/linear/.test(d[q])||/radial/.test(d[q])){d[q]=d[q].slice(0,-1),d[q]="url(data:image/svg+xml;base64--"+d[q]+'</linearGradient><rect x="0" y="0" width="1" height="1" fill="url(***)" /></svg>)';var t=d.join("@@@"),u=t.match(/rgba?\(\d+,\s*\d+,\s*\d+,\s*(?:0|1|\.\d+|0\.\d+)\)\s*\d*%*/g)||0,v=t.match(/hsla?\(\d+,\s*\d+%,\s*\d+%,\s*(?:0|1|\.\d+|0\.\d+)\)\s*\d*%*/g)||0,w=[],x=[];for(var y=0;y<u.length;y++)w[y]=u[y].replace(/,/g,"--");for(var z=0;z<v.length;z++)x[z]=v[z].replace(/,/g,"--");for(var A=0;A<u.length;A++)t=t.replace(u[A],w[A]);for(var B=0;B<v.length;B++)t=t.replace(v[B],x[B]);var C=t.split(","),D=0;for(var E=0;E<C.length;E++){C[E]=C[E].replace(/(#\w{3,6})\s*(\d*.?\d*%)?/g,'<stop offset="$2" stop-color="$1" stop-opacity="1"/>').replace(/(rgba?\(\d+--\s*\d+--\s*\d+--\s*(0|1|\.\d+|0\.\d+)\))\s*(\d*.?\d*%)*/g,'<stop offset="$3" stop-color="$1" stop-opacity="$2"/>').replace(/rgba/g,"rgb").replace(/(hsla?\(\d+--\s*\d+%--\s*\d+%--\s*(0|1|\.\d+|0\.\d+)\))\s*(\d*.?\d*%)*/g,'<stop offset="$3" stop-color="$1" stop-opacity="$2"/>').replace(/hsla/g,"hsl").replace(/((?:aqua|black|blue|fuchsia|gray|grey|green|lime|maroon|navy|olive|purple|red|silver|teal|white|yellow))\s*(\d*%)*/g,'<stop offset="$2" stop-color="$1" stop-opacity="1"/>').replace(/\*\*\*/,"#grad-ucgg-generated");try{"".trim(),b=!0}catch(s){b=!1}b&&(C[E]=C[E].trim());if(/offset=""/g.test(C[E])){var F=C.length-2,G=Math.round(100/F)*D;console.log(G);var H='offset="'+G+'%"';C[E]=C[E].replace(/offset=""/,H),D++}}C=C.toString().replace(/,/g,"").replace(/--/g,",").replace(/(rgb?\(\d+,\s*\d+,\s*\d+),\s*(?:0|1|\.\d+|0\.\d+)\)/g,"$1)").replace(/(hsl?\(\d+,\s*\d+%,\s*\d+%),\s*(?:0|1|\.\d+|0\.\d+)\)/g,"$1)")}}/radial/.test(C)&&(/((ellipse).*(center)|(circle).*(center))/g.test(C)?C=C.replace(/<\/linearGradient>/g,"</radialGradient>").replace(/radial-gradient[^<]+/g,'<?xml version="1.0" ?><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"><radialGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" cx="50%" cy="50%" r="75%">').replace(/<rect x=\S+\d\S+ y=\S+\d\S+ width=\S+\d\S+ height=\S+\d\S+ fill=\S+\w\S+ \/>/g,'<rect x="-50" y="-50" width="101" height="101" fill="url(#grad-ucgg-generated)" />'):C=!1);var I=null;try{C=C.split("@@@");var J=0;for(J;J<C.length;J++)I=C[J].match(/<\?xml.*<\/svg>/),I=K(I.join("")),C[J]=C[J].replace(/(<\?xml.*<\/svg>)/,I)}catch(s){}return c?C:C=!1,C?C.toString():C})()`;
+ @backgroundMoz: ~`(function(){var a,b,c,d,e,f,g,h,i,j,k;a="@{arguments}",c=null,d=a.split(/,(?=\s*(?:linear|radial))/g),e=d.length,k=/to\s*top/,j=/to\s*right/,h=/to\s*bottom/,i=/to\s*left/,b=/\d*deg/,f=0;while(f<e){/linear/.test(d[f])?(d[f]=d[f].replace(/linear-gradient/,"-moz-linear-gradient"),k.test(d[f])?d[f]=d[f].replace(k,"bottom"):j.test(d[f])?d[f]=d[f].replace(j,"left"):h.test(d[f])?d[f]=d[f].replace(h,"top"):i.test(d[f])?d[f]=d[f].replace(i,"right"):b.test(d[f])&&(g=d[f].match(/\d*deg/),g=(parseInt(g)-90)*-1+"deg",d[f]=d[f].replace(b,g))):d[f]=d[f].replace(/radial-gradient/,"-moz-radial-gradient").replace(/,\s* \d*(px|%) \d*(px|%)/,", circle").replace(/\(+\s*(.*) at\s*([^,]+)/g,"($2, $1");try{"".trim(),c=!0}catch(l){c=!1}c&&(d[f]=d[f].trim()),f++}return d.toString().replace(/\[/g,"").replace(/\]/g,"")}())`;
+ @backgroundWebkit: ~`(function(){var a,b,c,d,e,f,g,h,i,j,k;a="@{arguments}",c=null,d=a.split(/,(?=\s*(?:linear|radial))/g),e=d.length,k=/to\s*top/,j=/to\s*right/,h=/to\s*bottom/,i=/to\s*left/,b=/\d*deg/,f=0;while(f<e){/linear/.test(d[f])?(d[f]=d[f].replace(/linear-gradient/,"-webkit-linear-gradient"),k.test(d[f])?d[f]=d[f].replace(k,"bottom"):j.test(d[f])?d[f]=d[f].replace(j,"left"):h.test(d[f])?d[f]=d[f].replace(h,"top"):i.test(d[f])?d[f]=d[f].replace(i,"right"):b.test(d[f])&&(g=d[f].match(/\d*deg/),g=(parseInt(g)-90)*-1+"deg",d[f]=d[f].replace(b,g))):d[f]=d[f].replace(/radial-gradient/,"-webkit-radial-gradient").replace(/\(+\s*(.*) at\s*([^,]+)/g,"($2, $1");try{"".trim(),c=!0}catch(l){c=!1}c&&(d[f]=d[f].trim()),f++}return d.toString().replace(/\[/g,"").replace(/\]/g,"");}())`;
+ @backgroundOpera: ~`(function(){var a,b,c,d,e,f,g,h,i,j,k;a="@{arguments}",c=null,d=a.split(/,(?=\s*(?:linear|radial))/g),e=d.length,k=/to\s*top/,j=/to\s*right/,h=/to\s*bottom/,i=/to\s*left/,b=/\d*deg/,f=0;while(f<e){/linear/.test(d[f])?(d[f]=d[f].replace(/linear-gradient/,"-o-linear-gradient"),k.test(d[f])?d[f]=d[f].replace(k,"bottom"):j.test(d[f])?d[f]=d[f].replace(j,"left"):h.test(d[f])?d[f]=d[f].replace(h,"top"):i.test(d[f])?d[f]=d[f].replace(i,"right"):b.test(d[f])&&(g=d[f].match(/\d*deg/),g=(parseInt(g)-90)*-1+"deg",d[f]=d[f].replace(b,g))):d[f]=d[f].replace(/radial-gradient/,"-o-radial-gradient").replace(/\(+\s*(.*) at\s*([^,]+)/g,"($2, $1");try{"".trim(),c=!0}catch(l){c=!1}c&&(d[f]=d[f].trim()),f++}return d.toString().replace(/\[/g,"").replace(/\]/g,"");})()`;
+ @backgroundW3C: ~`(function(){var a,b,c,d,e;a="@{arguments}",b=null,c=a.split(/,(?=\s*(?:linear|radial))/g),d=c.length,e=0;while(e<d){try{"".trim(),b=!0}catch(f){b=!1}b&&(c[e]=c[e].trim()),e++}return c.toString().replace(/\[/g,"").replace(/\]/g,"");}())`;
+
+ .result(@arguments, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { background-image: @arguments; }
+ .result(@arguments, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+ .result(@arguments, @boolean, @localBoolean, @property) when (@boolean = true) and (@localBoolean = true) and (isstring(@property)) { background-image: @arguments; }
+ .result(@arguments, @boolean, @localBoolean, @property) when not (@boolean = true), not (@localBoolean = true), not (isstring(@property)) { }
+
+ .result(@backgroundSVG, @svg, @svg, @backgroundSVG);
+ // -- this comment must be here because of LESS bug
+ .result(@backgroundMoz, @moz, @mozLocal);
+ // --
+ .result(@backgroundWebkit, @webkit, @webkitLocal);
+ // --
+ .result(@backgroundOpera, @opera, @operaLocal);
+ // --
+ .result(@backgroundW3C, @w3c, @w3cLocal);
+ }
+
+ // element{ .background-image(linear-gradient(to bottom, #ffffff, #929292)); }
+
+
+// .background-origin
+
+ .background-origin(@arguments:padding-box){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-background-origin: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-background-origin: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 5) { background-origin: @arguments;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .background-origin(content-box); }
+
+
+// .background-size
+
+ .background-size(...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ @processing: ~`(function(){ var arg = "@{arguments}".replace("[","").replace("]","") || "none"; if( !/^\w*%?([ X])/.test(arg) ) { arg = arg.replace(/,/g,"") } return arg; })()`;
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-background-size: @processing;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-background-size: @processing;}
+ .inception (@signal, @arguments) when (@signal = 5) { background-size: @processing;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .background-size(50% auto); }
+
+
+// .border-radius
+
+ .border-radius(@arguments:0) {
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-border-radius: @arguments; -webkit-background-clip: padding-box;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-border-radius: @arguments; -moz-background-clip: padding;}
+ .inception (@signal, @arguments) when (@signal = 5) { border-radius: @arguments; background-clip: padding-box; }
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .border-radius(10px); } // all corner rounded
+ // element{ .border-radius(~"10px / 20px"); } // NEED TO BE ESCAPED OR LESS DEVIDE IT! Horizontal and vertical rounded differently
+ // element{ .border-radius(0 10px 0 0); } // only top right corner rounded
+
+
+// .border-top-left-radius
+
+ .border-top-left-radius(@arguments:0) {
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-border-top-left-radius: @arguments; -webkit-background-clip: padding-box;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-border-radius-topleft: @arguments; -moz-background-clip: padding;}
+ .inception (@signal, @arguments) when (@signal = 5) { border-top-left-radius: @arguments; background-clip: padding-box; }
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .border-top-left-radius(10px); }
+
+
+// .border-top-right-radius
+
+ .border-top-right-radius(@arguments:0) {
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-border-top-right-radius: @arguments; -webkit-background-clip: padding-box;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-border-radius-topright: @arguments; -moz-background-clip: padding;}
+ .inception (@signal, @arguments) when (@signal = 5) { border-top-right-radius: @arguments; background-clip: padding-box; }
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .border-top-right-radius(10px); }
+
+
+// .border-bottom-left-radius
+
+ .border-bottom-left-radius(@arguments:0) {
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-border-bottom-left-radius: @arguments; -webkit-background-clip: padding-box;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-border-radius-bottomleft: @arguments; -moz-background-clip: padding;}
+ .inception (@signal, @arguments) when (@signal = 5) { border-bottom-left-radius: @arguments; background-clip: padding-box; }
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .border-bottom-left-radius(10px); }
+
+
+// .border-bottom-right-radius
+
+ .border-bottom-right-radius(@arguments:0) {
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-border-bottom-right-radius: @arguments; -webkit-background-clip: padding-box;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-border-radius-bottomright: @arguments; -moz-background-clip: padding;}
+ .inception (@signal, @arguments) when (@signal = 5) { border-bottom-right-radius: @arguments; background-clip: padding-box; }
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .border-bottom-right-radius(10px); }
+
+
+// .border-image
+
+ .border-image(@arguments:none){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-border-image: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-border-image: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-border-image: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 5) { border-image: @arguments; }
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .border-image(url(border.png) 30 30 round); }
+
+
+// .box-shadow
+
+ .box-shadow(...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ @processing: ~`(function(){ var arg = "@{arguments}".replace("[","").replace("]","") || "none"; if( !/^#?\w*%?([ X])/.test(arg) ) { arg = arg.replace(/,(?=[^()]*\))/g,'--').replace(/,/g,"").replace(/--/g,','); } return arg; })()`;
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-box-shadow: @processing;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-box-shadow: @processing;}
+ .inception (@signal, @arguments) when (@signal = 5) { box-shadow: @processing;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+
+ color: @arguments;
+ }
+
+ // element{ .box-shadow(0 1px 10px rgba(20,20,20,0.5), 0 1px 10px rgba(20,20,20,0.5)); }
+
+
+// .box-sizing
+
+ .box-sizing(@arguments:content-box){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-box-sizing: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-box-sizing: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 5) { box-sizing: @arguments;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .box-sizing(border-box); }
+
+
+// .columns
+
+ .columns(@arguments:auto auto){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-columns: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-columns: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 5) { columns: @arguments;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .columns(100px 3); }
+
+
+// .column-count
+
+ .column-count(@arguments:auto){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-column-count: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-column-count: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 5) { column-count: @arguments;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .column-count(3); }
+
+
+// .column-gap
+
+ .column-gap(@arguments:normal){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-column-gap: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-column-gap: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 5) { column-gap: @arguments;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .column-gap(40px); }
+
+
+// .column-rule
+
+ .column-rule(@arguments:medium none black){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-column-rule: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-column-rule: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 5) { column-rule: @arguments;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .column-rule(3px outset #ff00ff); }
+
+
+// .column-width
+
+ .column-width(@arguments:auto){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-column-width: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-column-width: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 5) { column-width: @arguments;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .column-width(100px); }
+
+
+// .font-face
+
+ .font-face(@fontname, @fontfile) {
+
+ font-family: "@{fontname}";
+ src: url("@{fontfile}-webfont.eot");
+ src: url("@{fontfile}-webfont.eot?#iefix") format("embedded-opentype"),
+ url("@{fontfile}-webfont.woff") format("woff"),
+ url("@{fontfile}-webfont.ttf") format("truetype"),
+ url("@{fontfile}-webfont.svg#@{fontname}") format("svg");
+ font-weight: normal;
+ font-style: normal;
+ }
+
+ // element{ .font-face(ZendaRegular, zenda-webfont); }
+
+
+// .opacity
+
+ .opacity(@arguments:1){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-opacity: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-opacity: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 5) { opacity: @arguments;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .opacity(.5); }
+
+
+// .perspective
+
+ .perspective(@arguments:none){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-perspective: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-perspective: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 5) { perspective: @arguments;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .perspective(350px); }
+
+
+// .perspective-origin
+
+ .perspective-origin(@arguments:50% 50%){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-perspective-origin: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-perspective-origin: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 5) { perspective-origin: @arguments;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .perspective-origin(top left); }
+
+
+// .size
+
+ .size(@square){
+ width: @square;
+ height: @square;
+ }
+
+ .size(@width, @height){
+ width: @width;
+ height: @height;
+ }
+
+ // element{ .size(10px); } // render width:10px; height:10px;
+ // element{ .size(10px, 20px); } // render width:10px; height: 20px;
+
+
+// .transform
+
+ .transform(@arguments:none, ...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: @arguments;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .transform(scale(.5) translate(10px, 20px)); }
+
+
+// .transform-origin
+
+ .transform-origin(@arguments:50% 50% 0){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform-origin: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform-origin: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform-origin: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform-origin: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 5) { transform-origin: @arguments;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .transform-origin(20% 40%); }
+
+
+// .transform-style
+
+ .transform-style(@arguments:flat){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform-origin: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform-origin: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform-origin: @arguments;}
+ .inception (@signal, @arguments) when (@signal = 5) { transform-origin: @arguments;}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .transform-style(preserve-3d); }
+
+
+// .translate
+
+ .translate(@x:0, @y:0){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: translate(@x, @y);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: translate(@x, @y);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: translate(@x, @y);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: translate(@x, @y);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: translate(@x, @y);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .translate(100px); }
+ // element{ .translate(100px, 50px); }
+
+
+// .translate3d
+
+ .translate3d(@x:0, @y:0, @z:0){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: translate3d(@x, @y, @z);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: translate3d(@x, @y, @z);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: translate3d(@x, @y, @z);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: translate3d(@x, @y, @z);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: translate3d(@x, @y, @z);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .translate3d(10px, 20px, 30px); }
+
+
+// .translateX
+
+ .translateX(@x:0){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: translateX(@x);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: translateX(@x);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: translateX(@x);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: translateX(@x);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: translateX(@x);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .translateX(10px); }
+
+
+// .translateY
+
+ .translateY(@y:0){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: translateY(@y);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: translateY(@y);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: translateY(@y);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: translateY(@y);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: translateY(@y);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .translateY(15px); }
+
+
+// .translateZ
+
+ .translateZ(@z:0){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: translateZ(@z);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: translateZ(@z);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: translateZ(@z);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: translateZ(@z);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: translateZ(@z);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .translateZ(32px); }
+
+
+// .scale
+
+ .scale(@x:1){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: scale(@x);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: scale(@x);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: scale(@x);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: scale(@x);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: scale(@x);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ .scale(@x, @y){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: scale(@x, @y);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: scale(@x, @y);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: scale(@x, @y);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: scale(@x, @y);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: scale(@x, @y);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .scale(2); }
+ // element{ .scale(2, 1); }
+
+
+// .scale3d
+
+ .scale3d(@x:1, @y:1, @z:1){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: scale3d(@x, @y, @z);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: scale3d(@x, @y, @z);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: scale3d(@x, @y, @z);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: scale3d(@x, @y, @z);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: scale3d(@x, @y, @z);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .scale3d(1, 2, 1); }
+
+
+// .scaleX
+
+ .scaleX(@x:1){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: scaleX(@x);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: scaleX(@x);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: scaleX(@x);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: scaleX(@x);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: scaleX(@x);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .scaleX(1.5); }
+
+
+// .scaleY
+
+ .scaleY(@y:1){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: scaleX(@y);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: scaleX(@y);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: scaleX(@y);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: scaleX(@y);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: scaleX(@y);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .scaleX(1.5); }
+
+
+// .scaleZ
+
+ .scaleZ(@z:1){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: scaleZ(@z);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: scaleZ(@z);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: scaleZ(@z);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: scaleZ(@z);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: scaleZ(@z);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .scaleZ(2.7); }
+
+
+// .rotate
+
+ .rotate(@angle:0){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: rotate(@angle);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: rotate(@angle);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: rotate(@angle);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: rotate(@angle);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: rotate(@angle);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .rotate(45deg); }
+
+
+// .rotate3d
+
+ .rotate3d(@x:0, @y:0, @z: 0, @angle:0){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: rotate3d(@x, @y, @z, @angle);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: rotate3d(@x, @y, @z, @angle);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: rotate3d(@x, @y, @z, @angle);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: rotate3d(@x, @y, @z, @angle);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: rotate3d(@x, @y, @z, @angle);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .rotate3d(1, 2.0, 3.0, 10deg); }
+
+
+// .rotateX
+
+ .rotateX(@angle:0){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: rotateX(@angle);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: rotateX(@angle);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: rotateX(@angle);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: rotateX(@angle);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: rotateX(@angle);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .rotateX(63deg); }
+
+
+// .rotateY
+
+ .rotateY(@angle:0){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: rotateY(@angle);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: rotateY(@angle);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: rotateY(@angle);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: rotateY(@angle);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: rotateY(@angle);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .rotateY(24deg); }
+
+
+// .rotateZ
+
+ .rotateZ(@angle:0){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: rotateZ(@angle);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: rotateZ(@angle);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: rotateZ(@angle);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: rotateZ(@angle);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: rotateZ(@angle);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .rotateZ(280deg); }
+
+
+// .skew
+
+ .skew(@angle:0){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: skew(@angle);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: skew(@angle);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: skew(@angle);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: skew(@angle);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: skew(@angle);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .skew(20deg); }
+
+
+// .skewX
+
+ .skewX(@angle:0){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: skewX(@angle);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: skewX(@angle);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: skewX(@angle);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: skewX(@angle);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: skewX(@angle);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .skewX(24deg); }
+
+
+// .skewY
+
+ .skewY(@angle:0){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transform: skewY(@angle);}
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transform: skewY(@angle);}
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transform: skewY(@angle);}
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transform: skewY(@angle);}
+ .inception (@signal, @arguments) when (@signal = 5) { transform: skewY(@angle);}
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .skewY(36deg); }
+
+
+// .transition
+
+ .transition(...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ @transitionWebkit: ~`(function(){var a,b,c,d,e,f,g;a="@{arguments}".split(","),c=["background-size","border-","box-shadow","column","transform"],d=c.length,e=a,f=!1,b=a.length;for(var h=0;h<d;h++)for(var i=0;i<b;i++){g=new RegExp(c[h],"g");try{"".trim(),f=!0}catch(j){f=!1}a[i]=f?a[i].trim():a[i],g.test(a[i])&&(e[i]=a[i].replace(g,"-webkit-"+c[h]))}return e.join(", ").replace("[","").replace("]","");}())`;
+ @transitionMoz: ~`(function(){var a,b,c,d,e,f,g;a="@{arguments}".split(","),c=["background-size","border-","box-shadow","column","transform"],d=c.length,e=a,f=!1,b=a.length;for(var h=0;h<d;h++)for(var i=0;i<b;i++){g=new RegExp(c[h],"g");try{"".trim(),f=!0}catch(j){f=!1}a[i]=f?a[i].trim():a[i],g.test(a[i])&&(e[i]=a[i].replace(g,"-moz-"+c[h]))}return e.join(", ").replace("[","").replace("]","");}())`;
+ @transitionOpera: ~`(function(){var a,b,c,d,e,f,g;a="@{arguments}".split(","),c=["transform"],d=c.length,e=a,f=!1,b=a.length;for(var h=0;h<d;h++)for(var i=0;i<b;i++){g=new RegExp(c[h],"g");try{"".trim(),f=!0}catch(j){f=!1}a[i]=f?a[i].trim():a[i],g.test(a[i])&&(e[i]=a[i].replace(g,"-o-"+c[h]))}return e.join(", ").replace("[","").replace("]","");}())`;
+ @transitionMs: ~`(function(){var a,b,c,d,e,f,g;a="@{arguments}".split(","),c=["transform"],d=c.length,e=a,f=!1,b=a.length;for(var h=0;h<d;h++)for(var i=0;i<b;i++){g=new RegExp(c[h],"g");try{"".trim(),f=!0}catch(j){f=!1}a[i]=f?a[i].trim():a[i],g.test(a[i])&&(e[i]=a[i].replace(g,"-ms-"+c[h]))}return e.join(", ").replace("[","").replace("]","");}())`;
+ @transitionW3C: ~`(function(){var a,b,c;a="@{arguments}".split(","),c=!1,b=a.length;for(var d=0;d<b;d++){try{"".trim(),c=!0}catch(e){c=!1}a[d]=c?a[d].trim():a[d]}return a.join(", ").replace("[","").replace("]","");}())`;
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transition: ~`(function(){ var arg = "@{transitionWebkit}" || "all 0 ease 0"; if( !/^\w*([ X])/.test(arg) ) { arg = arg.replace(/,/g,"") } return arg; })()`; }
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transition: ~`(function(){ var arg = "@{transitionMoz}" || "all 0 ease 0"; if( !/^\w*([ X])/.test(arg) ) { arg = arg.replace(/,/g,"") } return arg; })()`; }
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transition:~`(function(){ var arg = "@{transitionOpera}" || "all 0 ease 0"; if( !/^\w*([ X])/.test(arg) ) { arg = arg.replace(/,/g,"") } return arg; })()`; }
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transition: ~`(function(){ var arg = "@{transitionMs}" || "all 0 ease 0"; if( !/^\w*([ X])/.test(arg) ) { arg = arg.replace(/,/g,"") } return arg; })()`; }
+ .inception (@signal, @arguments) when (@signal = 5) { transition: ~`(function(){ var arg = "@{transitionW3C}" || "all 0 ease 0"; if( !/^\w*([ X])/.test(arg) ) { arg = arg.replace(/,/g,"") } return arg; })()`; }
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .transition(transform 3s linear); }
+
+
+// .transition-property
+
+ .transition-property(...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ @transitionWebkit: ~`(function(){var a,b,c,d,e,f,g;a="@{arguments}".split(","),c=["background-size","border-","box-shadow","column","transform"],d=c.length,e=a,f=!1,b=a.length;for(var h=0;h<d;h++)for(var i=0;i<b;i++){g=new RegExp(c[h],"g");try{"".trim(),f=!0}catch(j){f=!1}a[i]=f?a[i].trim():a[i],g.test(a[i])&&(e[i]=a[i].replace(g,"-webkit-"+c[h]))}return e.join(", ").replace("[","").replace("]","");}())`;
+ @transitionMoz: ~`(function(){var a,b,c,d,e,f,g;a="@{arguments}".split(","),c=["background-size","border-","box-shadow","column","transform"],d=c.length,e=a,f=!1,b=a.length;for(var h=0;h<d;h++)for(var i=0;i<b;i++){g=new RegExp(c[h],"g");try{"".trim(),f=!0}catch(j){f=!1}a[i]=f?a[i].trim():a[i],g.test(a[i])&&(e[i]=a[i].replace(g,"-moz-"+c[h]))}return e.join(", ").replace("[","").replace("]","");}())`;
+ @transitionOpera: ~`(function(){var a,b,c,d,e,f,g;a="@{arguments}".split(","),c=["transform"],d=c.length,e=a,f=!1,b=a.length;for(var h=0;h<d;h++)for(var i=0;i<b;i++){g=new RegExp(c[h],"g");try{"".trim(),f=!0}catch(j){f=!1}a[i]=f?a[i].trim():a[i],g.test(a[i])&&(e[i]=a[i].replace(g,"-o-"+c[h]))}return e.join(", ").replace("[","").replace("]","");}())`;
+ @transitionMs: ~`(function(){var a,b,c,d,e,f,g;a="@{arguments}".split(","),c=["transform"],d=c.length,e=a,f=!1,b=a.length;for(var h=0;h<d;h++)for(var i=0;i<b;i++){g=new RegExp(c[h],"g");try{"".trim(),f=!0}catch(j){f=!1}a[i]=f?a[i].trim():a[i],g.test(a[i])&&(e[i]=a[i].replace(g,"-ms-"+c[h]))}return e.join(", ").replace("[","").replace("]","");}())`;
+ @transitionW3C: ~`(function(){var a,b,c;a="@{arguments}".split(","),c=!1,b=a.length;for(var d=0;d<b;d++){try{"".trim(),c=!0}catch(e){c=!1}a[d]=c?a[d].trim():a[d]}return a.join(", ").replace("[","").replace("]","");}())`;
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transition-property: ~`(function(){ var arg = "@{transitionWebkit}" || "0"; var decision = false; try{ var hasComma = arg.match(/([^ ,][a-z0-9-]*)/g); if (hasComma.length < 2) { decision = true; } } catch (e) {} if (decision === true) arg = hasComma.join(" ").replace(/,/g,""); return arg; }())`; }
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transition-property: ~`(function(){ var arg = "@{transitionMoz}" || "0"; var decision = false; try{ var hasComma = arg.match(/([^ ,][a-z0-9-]*)/g); if (hasComma.length < 2) { decision = true; } } catch (e) {} if (decision === true) arg = hasComma.join(" ").replace(/,/g,""); return arg; }())`; }
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transition-property: ~`(function(){ var arg = "@{transitionOpera}" || "0"; var decision = false; try{ var hasComma = arg.match(/([^ ,][a-z0-9-]*)/g); if (hasComma.length < 2) { decision = true; } } catch (e) {} if (decision === true) arg = hasComma.join(" ").replace(/,/g,""); return arg; }())`; }
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-transition-property: ~`(function(){ var arg = "@{transitionMs}" || "0"; var decision = false; try{ var hasComma = arg.match(/([^ ,][a-z0-9-]*)/g); if (hasComma.length < 2) { decision = true; } } catch (e) {} if (decision === true) arg = hasComma.join(" ").replace(/,/g,""); return arg; }())`; }
+ .inception (@signal, @arguments) when (@signal = 5) { transition-property: ~`(function(){ var arg = "@{transitionW3C}" || "0"; var decision = false; try{ var hasComma = arg.match(/([^ ,][a-z0-9-]*)/g); if (hasComma.length < 2) { decision = true; } } catch (e) {} if (decision === true) arg = hasComma.join(" ").replace(/,/g,""); return arg; }())`; }
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .transition-property(width, height); }
+
+
+// .transition-duration
+
+ .transition-duration(...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ @processing: ~`(function(){ var arg = "@{arguments}" || "0"; try{ var hasComma = arg.match(/,/g).length > 1 ? true : false; } catch (e) {} if (hasComma === true) arg = arg.replace(/,/g,""); arg = arg.replace("[","").replace("]",""); return arg; }())`;
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transition-duration: @processing; }
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transition-duration: @processing; }
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transition-duration: @processing; }
+ .inception (@signal, @arguments) when (@signal = 5) { transition-duration: @processing; }
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .transition-duration(250ms); }
+
+
+// .transition-timing-function
+
+ .transition-timing-function(...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ @processing: ~`(function(){ var arg = "@{arguments}" || "ease"; arg = arg.replace("[","").replace("]",""); return arg; }())`;
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transition-timing-function: @processing; }
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transition-timing-function: @processing; }
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transition-timing-function: @processing; }
+ .inception (@signal, @arguments) when (@signal = 5) { transition-timing-function: @processing; }
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .transition-timing-function(cubic-bezier(0,0,1,1)); }
+
+
+// .transition-delay
+
+ .transition-delay(...){
+
+ // Local config for disabling properties
+
+ @w3cLocal: true; // Unprefixed W3C syntax
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @operaLocal: true; // Opera 10.5+
+ @msLocal: true; // IE 10+
+
+ @processing: ~`(function(){ var arg = "@{arguments}" || "0"; arg = arg.replace("[","").replace("]",""); return arg; }())`;
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-transition-delay: @processing; }
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-transition-delay: @processing; }
+ .inception (@signal, @arguments) when (@signal = 3) { -o-transition-delay: @processing; }
+ .inception (@signal, @arguments) when (@signal = 5) { transition-delay: @processing; }
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @operaSignal, @opera, @operaLocal);
+ // --
+ .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
+ }
+
+ // element{ .transition-delay(2s); }
+
+
+// .user-select
+
+ .user-select(@arguments:auto){
+
+ // Local config for disabling properties
+
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @mozLocal: true; // Firefox 4+
+ @msLocal: true; // IE 10+
+
+ .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
+ .inception (@signal, @arguments) when (@signal = 1) { -webkit-user-select: @arguments; }
+ .inception (@signal, @arguments) when (@signal = 2) { -moz-user-select: @arguments; }
+ .inception (@signal, @arguments) when (@signal = 4) { -ms-user-select: @arguments; }
+ .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
+ .inception(@signal, @arguments);
+ }
+ .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+
+ .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
+ // -- this comment must be here because of LESS bug
+ .result(@arguments, @mozSignal, @moz, @mozLocal);
+ // --
+ .result(@arguments, @msSignal, @ms, @msLocal);
+ }
+
+ // element{ .user-select(text); }
+
+
+// DEPRECATED mixins (must be supported because of old version of CSS Hat)
+
+ // .gradient (renamed background-image)
+
+ .gradient(...){
+
+ // Local config for disabling properties
+
+ @svg: true; // SVG gradient for IE9
+ @mozLocal: true; // Firefox 4+
+ @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
+ @operaLocal: true; // Opera 10.5+
+ @w3cLocal: true; // Unprefixed W3C syntax
+
+ @backgroundSVG: ~`(function(){function G(a){var b="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",c,d,e,f,g,h,i,j,k=0,l=0,m="",n=[];if(!a)return a;do c=a.charCodeAt(k++),d=a.charCodeAt(k++),e=a.charCodeAt(k++),j=c<<16|d<<8|e,f=j>>18&63,g=j>>12&63,h=j>>6&63,i=j&63,n[l++]=b.charAt(f)+b.charAt(g)+b.charAt(h)+b.charAt(i);while(k<a.length);m=n.join("");var o=a.length%3;return(o?m.slice(0,o-3):m)+"===".slice(o||3)}var a="@{arguments}",b=null,c=!0,d=a.split(/,(?=\s*(?:linear|radial))/g),e=d.length,f=/top/,g=/right/,h=/bottom/,i=/left/,j=/to\s*top/,k=/to\s*right/,l=/to\s*bottom/,m=/to\s*left/,n=/45deg/,o=/-45deg/,p=/\d*deg/;for(var q=0;q<e;q++){if(/linear/.test(d[q])){d[q]=d[q].replace(/linear-gradient\s*\(/,'<?xml version="1.0" ?><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">');if(f.test(d[q])&&!j.test(d[q])||l.test(d[q])||/180deg/.test(d[q])){var r=null;l.test(d[q])?r=l:/180deg/.test(d[q])?r=/180deg/:r=f,d[q]=d[q].replace(r,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%">')}else if(g.test(d[q])&&!k.test(d[q])||m.test(d[q])||/270deg/.test(d[q])){var r=null;m.test(d[q])?r=m:/270deg/.test(d[q])?r=/270deg/:r=g,d[q]=d[q].replace(r,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="100%" y1="0%" x2="0%" y2="0%">')}else if(h.test(d[q])&&!l.test(d[q])||j.test(d[q])||/[^\d]0deg/.test(d[q])){var r=null;j.test(d[q])?r=j:/0deg/.test(d[q])?r=/0deg/:r=h,d[q]=d[q].replace(r,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="100%" x2="0%" y2="0%">')}else if(i.test(d[q])&&!m.test(d[q])||k.test(d[q])||/90deg/.test(d[q])){var r=null;k.test(d[q])?r=k:/90deg/.test(d[q])?r=/90deg/:r=i,d[q]=d[q].replace(r,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="100%" y2="0%">')}else n.test(d[q])&&!o.test(d[q])?d[q]=d[q].replace(n,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="100%" x2="100%" y2="0%">'):o.test(d[q])?d[q]=d[q].replace(o,'<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="100%" y2="100%">'):c=!1}try{"".trim(),b=!0}catch(s){b=!1}b&&(d[q]=d[q].trim());if(/linear/.test(d[q])||/radial/.test(d[q])){d[q]=d[q].slice(0,-1),d[q]="url(data:image/svg+xml;base64--"+d[q]+'</linearGradient><rect x="0" y="0" width="1" height="1" fill="url(***)" /></svg>)';var t=d.join("@@@"),u=t.match(/rgba?\(\d+,\s*\d+,\s*\d+,\s*(?:0|1|\.\d+|0\.\d+)\)\s*\d*%*/g)||0,v=t.match(/hsla?\(\d+,\s*\d+%,\s*\d+%,\s*(?:0|1|\.\d+|0\.\d+)\)\s*\d*%*/g)||0,w=[],x=[];for(var y=0;y<u.length;y++)w[y]=u[y].replace(/,/g,"--");for(var z=0;z<v.length;z++)x[z]=v[z].replace(/,/g,"--");for(var A=0;A<u.length;A++)t=t.replace(u[A],w[A]);for(var B=0;B<v.length;B++)t=t.replace(v[B],x[B]);var C=t.split(",");for(var D=0;D<C.length;D++){C[D]=C[D].replace(/(#\w{3,6})\s*(\d*%*)/g,'<stop offset="$2" stop-color="$1" stop-opacity="1"/>').replace(/(rgba?\(\d+--\s*\d+--\s*\d+--\s*(0|1|\.\d+|0\.\d+)\))\s*(\d*%)*/g,'<stop offset="$3" stop-color="$1" stop-opacity="$2"/>').replace(/rgba/g,"rgb").replace(/(hsla?\(\d+--\s*\d+%--\s*\d+%--\s*(0|1|\.\d+|0\.\d+)\))\s*(\d*%)*/g,'<stop offset="$3" stop-color="$1" stop-opacity="$2"/>').replace(/hsla/g,"hsl").replace(/((?:aqua|black|blue|fuchsia|gray|grey|green|lime|maroon|navy|olive|purple|red|silver|teal|white|yellow))\s*(\d*%)*/g,'<stop offset="$2" stop-color="$1" stop-opacity="1"/>').replace(/\*\*\*/,"#grad-ucgg-generated");try{"".trim(),b=!0}catch(s){b=!1}b&&(C[D]=C[D].trim())}C=C.toString().replace(/,/g,"").replace(/--/g,",").replace(/(rgb?\(\d+,\s*\d+,\s*\d+),\s*(?:0|1|\.\d+|0\.\d+)\)/g,"$1)").replace(/(hsl?\(\d+,\s*\d+%,\s*\d+%),\s*(?:0|1|\.\d+|0\.\d+)\)/g,"$1)")}}/radial/.test(C)&&(/((ellipse).*(center)|(circle).*(center))/g.test(C)?C=C.replace(/<\/linearGradient>/g,"</radialGradient>").replace(/radial-gradient[^<]+/g,'<?xml version="1.0" ?><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"><radialGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" cx="50%" cy="50%" r="75%">').replace(/<rect x=\S+\d\S+ y=\S+\d\S+ width=\S+\d\S+ height=\S+\d\S+ fill=\S+\w\S+ \/>/g,'<rect x="-50" y="-50" width="101" height="101" fill="url(#grad-ucgg-generated)" />'):C=!1);var E=null;try{C=C.split("@@@");var F=0;for(F;F<C.length;F++)E=C[F].match(/<\?xml.*<\/svg>/),E=G(E.join("")),C[F]=C[F].replace(/(<\?xml.*<\/svg>)/,E)}catch(s){}return c?C:C=!1,C?C.toString().replace(/\[/g,"").replace(/\]/g,""):C}())`;
+ @backgroundMoz: ~`(function(){var a,b,c,d,e,f,g,h,i,j,k;a="@{arguments}",c=null,d=a.split(/,(?=\s*(?:linear|radial))/g),e=d.length,k=/to\s*top/,j=/to\s*right/,h=/to\s*bottom/,i=/to\s*left/,b=/\d*deg/,f=0;while(f<e){/linear/.test(d[f])?(d[f]=d[f].replace(/linear-gradient/,"-moz-linear-gradient"),k.test(d[f])?d[f]=d[f].replace(k,"bottom"):j.test(d[f])?d[f]=d[f].replace(j,"left"):h.test(d[f])?d[f]=d[f].replace(h,"top"):i.test(d[f])?d[f]=d[f].replace(i,"right"):b.test(d[f])&&(g=d[f].match(/\d*deg/),g=(parseInt(g)-90)*-1+"deg",d[f]=d[f].replace(b,g))):d[f]=d[f].replace(/radial-gradient/,"-moz-radial-gradient").replace(/,\s* \d*(px|%) \d*(px|%)/,", circle").replace(/\(+\s*(.*) at\s*([^,]+)/g,"($2, $1");try{"".trim(),c=!0}catch(l){c=!1}c&&(d[f]=d[f].trim()),f++}return d.toString().replace(/\[/g,"").replace(/\]/g,"");}())`;
+ @backgroundWebkit: ~`(function(){var a,b,c,d,e,f,g,h,i,j,k;a="@{arguments}",c=null,d=a.split(/,(?=\s*(?:linear|radial))/g),e=d.length,k=/to\s*top/,j=/to\s*right/,h=/to\s*bottom/,i=/to\s*left/,b=/\d*deg/,f=0;while(f<e){/linear/.test(d[f])?(d[f]=d[f].replace(/linear-gradient/,"-webkit-linear-gradient"),k.test(d[f])?d[f]=d[f].replace(k,"bottom"):j.test(d[f])?d[f]=d[f].replace(j,"left"):h.test(d[f])?d[f]=d[f].replace(h,"top"):i.test(d[f])?d[f]=d[f].replace(i,"right"):b.test(d[f])&&(g=d[f].match(/\d*deg/),g=(parseInt(g)-90)*-1+"deg",d[f]=d[f].replace(b,g))):d[f]=d[f].replace(/radial-gradient/,"-webkit-radial-gradient").replace(/\(+\s*(.*) at\s*([^,]+)/g,"($2, $1");try{"".trim(),c=!0}catch(l){c=!1}c&&(d[f]=d[f].trim()),f++}return d.toString().replace(/\[/g,"").replace(/\]/g,"");}())`;
+ @backgroundOpera: ~`(function(){var a,b,c,d,e,f,g,h,i,j,k;a="@{arguments}",c=null,d=a.split(/,(?=\s*(?:linear|radial))/g),e=d.length,k=/to\s*top/,j=/to\s*right/,h=/to\s*bottom/,i=/to\s*left/,b=/\d*deg/,f=0;while(f<e){/linear/.test(d[f])?(d[f]=d[f].replace(/linear-gradient/,"-o-linear-gradient"),k.test(d[f])?d[f]=d[f].replace(k,"bottom"):j.test(d[f])?d[f]=d[f].replace(j,"left"):h.test(d[f])?d[f]=d[f].replace(h,"top"):i.test(d[f])?d[f]=d[f].replace(i,"right"):b.test(d[f])&&(g=d[f].match(/\d*deg/),g=(parseInt(g)-90)*-1+"deg",d[f]=d[f].replace(b,g))):d[f]=d[f].replace(/radial-gradient/,"-o-radial-gradient").replace(/\(+\s*(.*) at\s*([^,]+)/g,"($2, $1");try{"".trim(),c=!0}catch(l){c=!1}c&&(d[f]=d[f].trim()),f++}return d.toString().replace(/\[/g,"").replace(/\]/g,"");})()`;
+ @backgroundW3C: ~`(function(){var a,b,c,d,e;a="@{arguments}",b=null,c=a.split(/,(?=\s*(?:linear|radial))/g),d=c.length,e=0;while(e<d){try{"".trim(),b=!0}catch(f){b=!1}b&&(c[e]=c[e].trim()),e++}return c.toString().replace(/\[/g,"").replace(/\]/g,"");}())`;
+
+ .result(@arguments, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) { background-image: @arguments; }
+ .result(@arguments, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
+ .result(@arguments, @boolean, @localBoolean, @property) when (@boolean = true) and (@localBoolean = true) and (isstring(@property)) { background-image: @arguments; }
+ .result(@arguments, @boolean, @localBoolean, @property) when not (@boolean = true), not (@localBoolean = true), not (isstring(@property)) { }
+
+ .result(@backgroundSVG, @svg, @svg, @backgroundSVG);
+ // -- this comment must be here because of LESS bug
+ .result(@backgroundMoz, @moz, @mozLocal);
+ // --
+ .result(@backgroundWebkit, @webkit, @webkitLocal);
+ // --
+ .result(@backgroundOpera, @opera, @operaLocal);
+ // --
+ .result(@backgroundW3C, @w3c, @w3cLocal);
+ }
+
+ // element{ .gradient(~"linear-gradient(to right, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%)"); }
\ No newline at end of file
--- /dev/null
+@import "variables.less";
+@import "lesshat.less";
+@import "general.less";
+@import "components.less";
\ No newline at end of file
--- /dev/null
+@theme-color: #4F8DB3; //Blue Color Scheme
+//@theme-color: #7f8c8d; //Grey Color Scheme
+//@theme-color: #e74c3c; //Red Color Scheme
+//@theme-color: #16a085; //Green Color Scheme
+//@theme-color: #e67e22; //Orange Color Scheme
+
+// Font color
+@font-color: #535b60;
+
+// Headings color
+@heading-color: #53555c;
+
+// Page background
+// -------------------------
+@body-background: ~"url(../img/page-background.png)";
+
+// Typography
+// -------------------------
+@sansFontFamily: 'Open Sans', sans-serif;
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Page Not Found...</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-12">
+ <div class="error-page-wrapper">
+ <p>Sorry, the page you are looking for is not here or never was...</p>
+ <p>Why don't you try the <a href="index.html">Homepage</a>?</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>About Us</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-6">
+ <h3>We are leading company</h3>
+ <p>
+ Donec elementum mi vitae enim fermentum lobortis. In hac habitasse platea dictumst. Ut pellentesque, orci sed mattis consequat, libero ante lacinia arcu, ac porta lacus urna in lorem. Praesent consectetur tristique augue, eget elementum diam suscipit id.
+ </p>
+ <h3>Wide range of services</h3>
+ <p>
+ Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam condimentum laoreet sagittis. Duis quis ullamcorper leo. Suspendisse potenti.
+ </p>
+ </div>
+ <div class="col-sm-6">
+ <div class="video-wrapper">
+ <iframe src="http://player.vimeo.com/video/47000322?title=0&byline=0&portrait=0" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Press Coverage -->
+ <div class="section">
+ <div class="container">
+ <h2>Featured on</h2>
+ <div class="row">
+ <div class="col-md-4 col-sm-6">
+ <div class="in-press press-wired">
+ <a href="#">Morbi eleifend congue elit nec sagittis. Praesent aliquam lobortis tellus, nec consequat vitae</a>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="in-press press-mashable">
+ <a href="#">Morbi eleifend congue elit nec sagittis. Praesent aliquam lobortis tellus, nec consequat vitae</a>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="in-press press-techcrunch">
+ <a href="#">Morbi eleifend congue elit nec sagittis. Praesent aliquam lobortis tellus, nec consequat vitae</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Press Coverage -->
+
+ <div class="section">
+ <div class="container">
+ <h2>Our Services</h2>
+ <div class="row">
+ <div class="col-md-3 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/diamond.png" alt="Service Name">
+ <h3>Brilliant Look</h3>
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. <a href="#">Read more...</a></p>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/ruler.png" alt="Service Name">
+ <h3>Themeable</h3>
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. <a href="#">Read more...</a></p>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/box.png" alt="Service Name">
+ <h3>Features Rich</h3>
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. <a href="#">Read more...</a></p>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/diamond.png" alt="Service Name">
+ <h3>Brilliant Look</h3>
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. <a href="#">Read more...</a></p>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/diamond.png" alt="Service Name">
+ <h3>Brilliant Look</h3>
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. <a href="#">Read more...</a></p>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/ruler.png" alt="Service Name">
+ <h3>Themeable</h3>
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. <a href="#">Read more...</a></p>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/box.png" alt="Service Name">
+ <h3>Features Rich</h3>
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. <a href="#">Read more...</a></p>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/diamond.png" alt="Service Name">
+ <h3>Brilliant Look</h3>
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. <a href="#">Read more...</a></p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Blog Post (Left Sidebar)</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <!-- Sidebar -->
+ <div class="col-sm-4 blog-sidebar">
+ <h4>Search our Blog</h4>
+ <form>
+ <div class="input-group">
+ <input class="form-control input-md" id="appendedInputButtons" type="text">
+ <span class="input-group-btn">
+ <button class="btn btn-md" type="button">Search</button>
+ </span>
+ </div>
+ </form>
+ <h4>Recent Posts</h4>
+ <ul class="recent-posts">
+ <li><a href="#">Lorem ipsum dolor sit amet</a></li>
+ <li><a href="#">Sed sit amet metus sit</a></li>
+ <li><a href="#">Nunc et diam volutpat tellus ultrices</a></li>
+ <li><a href="#">Quisque sollicitudin cursus felis</a></li>
+ </ul>
+ <h4>Categories</h4>
+ <ul class="blog-categories">
+ <li><a href="#">Lorem ipsum</a></li>
+ <li><a href="#">Sed sit amet metus</a></li>
+ <li><a href="#">Nunc et diam </a></li>
+ <li><a href="#">Quisque</a></li>
+ </ul>
+ <h4>Archive</h4>
+ <ul>
+ <li><a href="#">January 2013</a></li>
+ <li><a href="#">February 2013</a></li>
+ <li><a href="#">March 2013</a></li>
+ <li><a href="#">April 2013</a></li>
+ <li><a href="#">May 2013</a></li>
+ </ul>
+ </div>
+ <!-- End Sidebar -->
+ <div class="col-sm-8">
+ <div class="blog-post blog-single-post">
+ <div class="single-post-title">
+ <h3>Post Title</h3>
+ </div>
+ <div class="single-post-info">
+ <i class="glyphicon glyphicon-time"></i>30 JAN, 2013 <a href="#" title="Show Comments"><i class="glyphicon glyphicon-comment"></i>11</a>
+ </div>
+ <div class="single-post-image">
+ <img src="img/blog-large.jpg" alt="Post Title">
+ </div>
+ <div class="single-post-content">
+ <h3>Lorem ipsum dolor sit amet</h3>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio. Duis elementum ligula eu ipsum condimentum accumsan.
+ </p>
+ <p>
+ Vivamus euismod elit ac libero facilisis tristique. Duis mollis non ligula vel tincidunt. Nulla consectetur libero id nunc ornare, vel vulputate tellus mollis. Sed quis nulla magna. Integer rhoncus sem quis ultrices lobortis. Maecenas tempus nulla quis dolor vulputate egestas. Phasellus cursus tortor quis massa faucibus fermentum vel sit amet tortor. Phasellus vehicula lorem et tortor luctus, a dignissim lacus tempor. Aliquam volutpat molestie metus sit amet aliquam. Duis vestibulum quam tortor, sed ultrices orci sagittis nec.
+ </p>
+ <h3>Sed sit amet metus sit</h3>
+ <p>
+ Proin fermentum, purus id eleifend molestie, nisl arcu rutrum tellus, a luctus erat tortor ut augue. Vivamus feugiat nisi sit amet dignissim fermentum. Duis elementum mattis lacinia. Sed sit amet metus sit amet leo semper feugiat. Nulla vel orci nec neque interdum facilisis egestas vitae lorem. Phasellus elit ante, posuere at augue quis, porta vestibulum magna. Nullam non mattis odio. Donec eget velit leo. Nunc et diam volutpat tellus ultrices fringilla eu a neque. Integer lectus nunc, vestibulum a turpis vitae, malesuada lacinia nibh. In sit amet leo ut turpis convallis bibendum. Nullam nec purus sapien. Quisque sollicitudin cursus felis sit amet aliquam.
+ </p>
+ </div>
+ <!-- Comments -->
+ <div class="post-coments">
+ <h4>Comments (53)</h4>
+ <ul class="post-comments">
+ <li>
+ <div class="comment-wrapper">
+ <div class="comment-author"><img src="img/user1.jpg" alt="User Name"> User Name</div>
+ <p>
+ Morbi eleifend congue elit nec sagittis. Praesent aliquam lobortis tellus, nec consequat massa ornare vitae. Ut fermentum justo vel venenatis eleifend. Fusce id magna eros. Interdum et malesuada fames ac ante ipsum primis in faucibus.
+ </p>
+ <!-- Comment Controls -->
+ <div class="comment-actions">
+ <span class="comment-date">June 10th, 2013 3:16 pm</span>
+ <a href="#" data-toggle="tooltip" data-original-title="Vote Up" class="show-tooltip"><i class="glyphicon glyphicon-thumbs-up"></i></a>
+ <a href="#" data-toggle="tooltip" data-original-title="Vote Down" class="show-tooltip"><i class="glyphicon glyphicon-thumbs-down"></i></a>
+ <span class="label label-success">+8</span>
+ <a href="#" class="btn btn-micro btn-grey comment-reply-btn"><i class="glyphicon glyphicon-share-alt"></i> Reply</a>
+ </div>
+ </div>
+ </li>
+ <li>
+ <ul>
+ <li>
+ <div class="comment-wrapper">
+ <div class="comment-author"><img src="img/user2.jpg" alt="User Name"> User Name</div>
+ <p>
+ Vivamus euismod elit ac libero facilisis tristique. Duis mollis non ligula vel tincidunt. Nulla consectetur libero id nunc ornare, vel vulputate tellus mollis. Sed quis nulla magna.
+ </p>
+ <!-- Comment Controls -->
+ <div class="comment-actions">
+ <span class="comment-date">June 10th, 2013 3:16 pm</span>
+ <a href="#" data-toggle="tooltip" data-original-title="Vote Up" class="show-tooltip"><i class="glyphicon glyphicon-thumbs-up"></i></a>
+ <a href="#" data-toggle="tooltip" data-original-title="Vote Down" class="show-tooltip"><i class="glyphicon glyphicon-thumbs-down"></i></a>
+ <span class="label label-danger">-2</span>
+ <a href="#" class="btn btn-micro btn-grey comment-reply-btn"><i class="glyphicon glyphicon-share-alt"></i> Reply</a>
+ </div>
+ </div>
+ </li>
+ </ul>
+ </li>
+ <li>
+ <div class="comment-wrapper">
+ <div class="comment-author"><img src="img/user5.jpg" alt="User Name"> User Name</div>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel magna lectus.
+ </p>
+ <!-- Comment Controls -->
+ <div class="comment-actions">
+ <span class="comment-date">June 10th, 2013 3:16 pm</span>
+ <a href="#" data-toggle="tooltip" data-original-title="Vote Up" class="show-tooltip"><i class="glyphicon glyphicon-thumbs-up"></i></a>
+ <a href="#" data-toggle="tooltip" data-original-title="Vote Down" class="show-tooltip"><i class="glyphicon glyphicon-thumbs-down"></i></a>
+ <span class="label label-success">+8</span>
+ <a href="#" class="btn btn-micro btn-grey comment-reply-btn"><i class="glyphicon glyphicon-share-alt"></i> Reply</a>
+ </div>
+ </div>
+ </li>
+ </ul>
+ <!-- Pagination -->
+ <div class="pagination-wrapper ">
+ <ul class="pagination pagination-sm">
+ <li class="disabled"><a href="#">Previous</a></li>
+ <li class="active"><a href="#">1</a></li>
+ <li><a href="#">2</a></li>
+ <li><a href="#">3</a></li>
+ <li><a href="#">4</a></li>
+ <li><a href="#">5</a></li>
+ <li><a href="#">Next</a></li>
+ </ul>
+ </div>
+ <!-- Comments Form -->
+ <h4>Leave a Comment</h4>
+ <div class="comment-form-wrapper">
+ <form class="">
+ <div class="form-group">
+ <label for="comment-name"><i class="glyphicon glyphicon-user"></i> <b>Your name</b></label>
+ <input class="form-control" id="comment-name" type="text" placeholder="">
+ </div>
+ <div class="form-group">
+ <label for="comment-email"><i class="glyphicon glyphicon-envelope"></i> <b>Your Email</b></label>
+ <input class="form-control" id="comment-email" type="text" placeholder="">
+ </div>
+ <div class="form-group">
+ <label for="comment-message"><i class="glyphicon glyphicon-comment"></i> <b>Your Message</b></label>
+ <textarea class="form-control" rows="5" id="comment-message"></textarea>
+ </div>
+ <div class="form-group">
+ <button type="submit" class="btn btn-large pull-right">Send</button>
+ </div>
+ <div class="clearfix"></div>
+ </form>
+ </div>
+ <!-- End Comment Form -->
+ </div>
+ <!-- End Comments -->
+ </div>
+ </div>
+ <!-- End Blog Post -->
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Blog Post (Sidebar Right)</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <!-- Blog Post -->
+ <div class="col-sm-8">
+ <div class="blog-post blog-single-post">
+ <div class="single-post-title">
+ <h3>Post Title</h3>
+ </div>
+ <div class="single-post-info">
+ <i class="glyphicon glyphicon-time"></i>30 JAN, 2013 <a href="#" title="Show Comments"><i class="glyphicon glyphicon-comment"></i>11</a>
+ </div>
+ <div class="single-post-image">
+ <img src="img/blog-large.jpg" alt="Post Title">
+ </div>
+ <div class="single-post-content">
+ <h3>Lorem ipsum dolor sit amet</h3>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio. Duis elementum ligula eu ipsum condimentum accumsan.
+ </p>
+ <p>
+ Vivamus euismod elit ac libero facilisis tristique. Duis mollis non ligula vel tincidunt. Nulla consectetur libero id nunc ornare, vel vulputate tellus mollis. Sed quis nulla magna. Integer rhoncus sem quis ultrices lobortis. Maecenas tempus nulla quis dolor vulputate egestas. Phasellus cursus tortor quis massa faucibus fermentum vel sit amet tortor. Phasellus vehicula lorem et tortor luctus, a dignissim lacus tempor. Aliquam volutpat molestie metus sit amet aliquam. Duis vestibulum quam tortor, sed ultrices orci sagittis nec.
+ </p>
+ <h3>Sed sit amet metus sit</h3>
+ <p>
+ Proin fermentum, purus id eleifend molestie, nisl arcu rutrum tellus, a luctus erat tortor ut augue. Vivamus feugiat nisi sit amet dignissim fermentum. Duis elementum mattis lacinia. Sed sit amet metus sit amet leo semper feugiat. Nulla vel orci nec neque interdum facilisis egestas vitae lorem. Phasellus elit ante, posuere at augue quis, porta vestibulum magna. Nullam non mattis odio. Donec eget velit leo. Nunc et diam volutpat tellus ultrices fringilla eu a neque. Integer lectus nunc, vestibulum a turpis vitae, malesuada lacinia nibh. In sit amet leo ut turpis convallis bibendum. Nullam nec purus sapien. Quisque sollicitudin cursus felis sit amet aliquam.
+ </p>
+ </div>
+ <!-- Comments -->
+ <div class="post-coments">
+ <h4>Comments (53)</h4>
+ <ul class="post-comments">
+ <li>
+ <div class="comment-wrapper">
+ <div class="comment-author"><img src="img/user1.jpg" alt="User Name"> User Name</div>
+ <p>
+ Morbi eleifend congue elit nec sagittis. Praesent aliquam lobortis tellus, nec consequat massa ornare vitae. Ut fermentum justo vel venenatis eleifend. Fusce id magna eros. Interdum et malesuada fames ac ante ipsum primis in faucibus.
+ </p>
+ <!-- Comment Controls -->
+ <div class="comment-actions">
+ <span class="comment-date">June 10th, 2013 3:16 pm</span>
+ <a href="#" data-toggle="tooltip" data-original-title="Vote Up" class="show-tooltip"><i class="glyphicon glyphicon-thumbs-up"></i></a>
+ <a href="#" data-toggle="tooltip" data-original-title="Vote Down" class="show-tooltip"><i class="glyphicon glyphicon-thumbs-down"></i></a>
+ <span class="label label-success">+8</span>
+ <a href="#" class="btn btn-micro btn-grey comment-reply-btn"><i class="glyphicon glyphicon-share-alt"></i> Reply</a>
+ </div>
+ </div>
+ </li>
+ <li>
+ <ul>
+ <li>
+ <div class="comment-wrapper">
+ <div class="comment-author"><img src="img/user2.jpg" alt="User Name"> User Name</div>
+ <p>
+ Vivamus euismod elit ac libero facilisis tristique. Duis mollis non ligula vel tincidunt. Nulla consectetur libero id nunc ornare, vel vulputate tellus mollis. Sed quis nulla magna.
+ </p>
+ <!-- Comment Controls -->
+ <div class="comment-actions">
+ <span class="comment-date">June 10th, 2013 3:16 pm</span>
+ <a href="#" data-toggle="tooltip" data-original-title="Vote Up" class="show-tooltip"><i class="glyphicon glyphicon-thumbs-up"></i></a>
+ <a href="#" data-toggle="tooltip" data-original-title="Vote Down" class="show-tooltip"><i class="glyphicon glyphicon-thumbs-down"></i></a>
+ <span class="label label-danger">-2</span>
+ <a href="#" class="btn btn-micro btn-grey comment-reply-btn"><i class="glyphicon glyphicon-share-alt"></i> Reply</a>
+ </div>
+ </div>
+ </li>
+ </ul>
+ </li>
+ <li>
+ <div class="comment-wrapper">
+ <div class="comment-author"><img src="img/user5.jpg" alt="User Name"> User Name</div>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel magna lectus.
+ </p>
+ <!-- Comment Controls -->
+ <div class="comment-actions">
+ <span class="comment-date">June 10th, 2013 3:16 pm</span>
+ <a href="#" data-toggle="tooltip" data-original-title="Vote Up" class="show-tooltip"><i class="glyphicon glyphicon-thumbs-up"></i></a>
+ <a href="#" data-toggle="tooltip" data-original-title="Vote Down" class="show-tooltip"><i class="glyphicon glyphicon-thumbs-down"></i></a>
+ <span class="label label-success">+8</span>
+ <a href="#" class="btn btn-micro btn-grey comment-reply-btn"><i class="glyphicon glyphicon-share-alt"></i> Reply</a>
+ </div>
+ </div>
+ </li>
+ </ul>
+ <!-- Pagination -->
+ <div class="pagination-wrapper ">
+ <ul class="pagination pagination-sm">
+ <li class="disabled"><a href="#">Previous</a></li>
+ <li class="active"><a href="#">1</a></li>
+ <li><a href="#">2</a></li>
+ <li><a href="#">3</a></li>
+ <li><a href="#">4</a></li>
+ <li><a href="#">5</a></li>
+ <li><a href="#">Next</a></li>
+ </ul>
+ </div>
+ <!-- Comments Form -->
+ <h4>Leave a Comment</h4>
+ <div class="comment-form-wrapper">
+ <form class="">
+ <div class="form-group">
+ <label for="comment-name"><i class="glyphicon glyphicon-user"></i> <b>Your name</b></label>
+ <input class="form-control" id="comment-name" type="text" placeholder="">
+ </div>
+ <div class="form-group">
+ <label for="comment-email"><i class="glyphicon glyphicon-envelope"></i> <b>Your Email</b></label>
+ <input class="form-control" id="comment-email" type="text" placeholder="">
+ </div>
+ <div class="form-group">
+ <label for="comment-message"><i class="glyphicon glyphicon-comment"></i> <b>Your Message</b></label>
+ <textarea class="form-control" rows="5" id="comment-message"></textarea>
+ </div>
+ <div class="form-group">
+ <button type="submit" class="btn btn-large pull-right">Send</button>
+ </div>
+ <div class="clearfix"></div>
+ </form>
+ </div>
+ <!-- End Comment Form -->
+ </div>
+ <!-- End Comments -->
+ </div>
+ </div>
+ <!-- End Blog Post -->
+ <!-- Sidebar -->
+ <div class="col-sm-4 blog-sidebar">
+ <h4>Search our Blog</h4>
+ <form>
+ <div class="input-group">
+ <input class="form-control input-md" id="appendedInputButtons" type="text">
+ <span class="input-group-btn">
+ <button class="btn btn-md" type="button">Search</button>
+ </span>
+ </div>
+ </form>
+ <h4>Recent Posts</h4>
+ <ul class="recent-posts">
+ <li><a href="#">Lorem ipsum dolor sit amet</a></li>
+ <li><a href="#">Sed sit amet metus sit</a></li>
+ <li><a href="#">Nunc et diam volutpat tellus ultrices</a></li>
+ <li><a href="#">Quisque sollicitudin cursus felis</a></li>
+ </ul>
+ <h4>Categories</h4>
+ <ul class="blog-categories">
+ <li><a href="#">Lorem ipsum</a></li>
+ <li><a href="#">Sed sit amet metus</a></li>
+ <li><a href="#">Nunc et diam </a></li>
+ <li><a href="#">Quisque</a></li>
+ </ul>
+ <h4>Archive</h4>
+ <ul>
+ <li><a href="#">January 2013</a></li>
+ <li><a href="#">February 2013</a></li>
+ <li><a href="#">March 2013</a></li>
+ <li><a href="#">April 2013</a></li>
+ <li><a href="#">May 2013</a></li>
+ </ul>
+ </div>
+ <!-- End Sidebar -->
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Blog Posts</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Posts List -->
+ <div class="section blog-posts-wrapper">
+ <div class="container">
+ <div class="row">
+ <!-- Post -->
+ <div class="col-md-4 col-sm-6">
+ <div class="blog-post">
+ <!-- Post Info -->
+ <div class="post-info">
+ <div class="post-date">
+ <div class="date">30 JAN, 2013</div>
+ </div>
+ <div class="post-comments-count">
+ <a href="page-blog-post-right-sidebar.html" title="Show Comments"><i class="glyphicon glyphicon-comment icon-white"></i>11</a>
+ </div>
+ </div>
+ <!-- End Post Info -->
+ <!-- Post Image -->
+ <a href="page-blog-post-right-sidebar.html"><img src="img/blog1.jpg" class="post-image" alt="Post Title"></a>
+ <!-- End Post Image -->
+ <!-- Post Title & Summary -->
+ <div class="post-title">
+ <h3><a href="page-blog-post-right-sidebar.html">Post Title</a></h3>
+ </div>
+ <div class="post-summary">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio. Duis elementum ligula eu ipsum condimentum accumsan.</p>
+ </div>
+ <!-- End Post Title & Summary -->
+ <div class="post-more">
+ <a href="page-blog-post-right-sidebar.html" class="btn btn-small">Read more</a>
+ </div>
+ </div>
+ </div>
+ <!-- End Post -->
+ <div class="col-md-4 col-sm-6">
+ <div class="blog-post">
+ <div class="post-info">
+ <div class="post-date">
+ <div class="date">30 JAN, 2013</div>
+ </div>
+ <div class="post-comments-count">
+ <a href="page-blog-post-right-sidebar.html" title="Show Comments"><i class="glyphicon glyphicon-comment icon-white"></i>16</a>
+ </div>
+ </div>
+ <a href="page-blog-post-right-sidebar.html"><img src="img/blog2.jpg" class="post-image" alt="Post Title"></a>
+ <div class="post-title">
+ <h3><a href="page-blog-post-right-sidebar.html">Another Post Title</a></h3>
+ </div>
+ <div class="post-summary">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio. Duis elementum ligula eu ipsum condimentum accumsan.</p>
+ </div>
+ <div class="post-more">
+ <a href="page-blog-post-right-sidebar.html" class="btn btn-small">Read more</a>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="blog-post">
+ <div class="post-info">
+ <div class="post-date">
+ <div class="date">30 JAN, 2013</div>
+ </div>
+ <div class="post-comments-count">
+ <a href="page-blog-post-right-sidebar.html" title="Show Comments"><i class="glyphicon glyphicon-comment icon-white"></i>57</a>
+ </div>
+ </div>
+ <a href="page-blog-post-right-sidebar.html"><img src="img/blog3.jpg" class="post-image" alt="Post Title"></a>
+ <div class="post-title">
+ <h3><a href="page-blog-post-right-sidebar.html">Yet Another Post Title</a></h3>
+ </div>
+ <div class="post-summary">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio. Duis elementum ligula eu ipsum condimentum accumsan.</p>
+ </div>
+ <div class="post-more">
+ <a href="page-blog-post-right-sidebar.html" class="btn btn-small">Read more</a>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="blog-post">
+ <div class="post-info">
+ <div class="post-date">
+ <div class="date">30 JAN, 2013</div>
+ </div>
+ <div class="post-comments-count">
+ <a href="page-blog-post-right-sidebar.html" title="Show Comments"><i class="glyphicon glyphicon-comment icon-white"></i>11</a>
+ </div>
+ </div>
+ <a href="page-blog-post-right-sidebar.html"><img src="img/blog1.jpg" class="post-image" alt="Post Title"></a>
+ <div class="post-title">
+ <h3><a href="page-blog-post-right-sidebar.html">Post Title</a></h3>
+ </div>
+ <div class="post-summary">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio. Duis elementum ligula eu ipsum condimentum accumsan.</p>
+ </div>
+ <div class="post-more">
+ <a href="page-blog-post-right-sidebar.html" class="btn btn-small">Read more</a>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="blog-post">
+ <div class="post-info">
+ <div class="post-date">
+ <div class="date">30 JAN, 2013</div>
+ </div>
+ <div class="post-comments-count">
+ <a href="page-blog-post-right-sidebar.html" title="Show Comments"><i class="glyphicon glyphicon-comment icon-white"></i>16</a>
+ </div>
+ </div>
+ <a href="page-blog-post-right-sidebar.html"><img src="img/blog2.jpg" class="post-image" alt="Post Title"></a>
+ <div class="post-title">
+ <h3><a href="page-blog-post-right-sidebar.html">Another Post Title</a></h3>
+ </div>
+ <div class="post-summary">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio. Duis elementum ligula eu ipsum condimentum accumsan.</p>
+ </div>
+ <div class="post-more">
+ <a href="page-blog-post-right-sidebar.html" class="btn btn-small">Read more</a>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="blog-post">
+ <div class="post-info">
+ <div class="post-date">
+ <div class="date">30 JAN, 2013</div>
+ </div>
+ <div class="post-comments-count">
+ <a href="page-blog-post-right-sidebar.html" title="Show Comments"><i class="glyphicon glyphicon-comment icon-white"></i>57</a>
+ </div>
+ </div>
+ <a href="page-blog-post-right-sidebar.html"><img src="img/blog3.jpg" class="post-image" alt="Post Title"></a>
+ <div class="post-title">
+ <h3><a href="page-blog-post-right-sidebar.html">Yet Another Post Title</a></h3>
+ </div>
+ <div class="post-summary">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio. Duis elementum ligula eu ipsum condimentum accumsan.</p>
+ </div>
+ <div class="post-more">
+ <a href="page-blog-post-right-sidebar.html" class="btn btn-small">Read more</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End Posts List -->
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/coming-soon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+
+ <img alt="full screen background image" src="img/launch-bg.jpg" class="full-screen-background" />
+ <div class="coming-soon-top">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <div class="logo-wrapper">
+ <a href="page-coming-soon.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="coming-soon-content">
+ <h3>We are working on a new awesome website.<br/><b>It's coming soon!</b></h3>
+
+ <div class="coming-soon-subscribe container">
+ <div class="row">
+ <div class="col-lg-4 col-lg-offset-4 col-sm-6 col-sm-offset-3">
+ <div class="input-group">
+ <input type="text" class="form-control input-lg" placeholder="Please enter your email">
+ <span class="input-group-btn">
+ <button class="btn btn-lg" type="button">Subscribe</button>
+ </span>
+ </div>
+ <p>Subscribe to be one of the first to know when we are live!</p>
+ </div>
+ <div class="col-lg-4 col-lg-offset-4 col-sm-6 col-sm-offset-3">
+ <div class="coming-soon-social">
+ <a href="#" data-toggle="tooltip" data-original-title="Join Us!" data-placement="top" class="show-tooltip"><i class="icon-facebook"></i></a>
+ <a href="#" data-toggle="tooltip" data-original-title="Join Us!" data-placement="top" class="show-tooltip"><i class="icon-github"></i></a>
+ <a href="#" data-toggle="tooltip" data-original-title="Join Us!" data-placement="top" class="show-tooltip"><i class="icon-tumblr"></i></a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+
+ <script>
+ $('.show-tooltip').tooltip();
+ </script>
+
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-6">
+ <h1>Contact Us</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-7">
+ <!-- Map -->
+ <div id="contact-us-map">
+
+ </div>
+ <!-- End Map -->
+ <!-- Contact Info -->
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ <!-- End Contact Info -->
+ </div>
+ <div class="col-sm-5">
+ <!-- Contact Form -->
+ <h3>Send Us a Message</h3>
+ <div class="contact-form-wrapper">
+ <form class="form-horizontal" role="form">
+ <div class="form-group">
+ <label for="Name" class="col-sm-3 control-label"><b>Your name</b></label>
+ <div class="col-sm-9">
+ <input class="form-control" id="Name" type="text" placeholder="">
+ </div>
+ </div>
+ <div class="form-group">
+ <label for="contact-email" class="col-sm-3 control-label"><b>Your Email</b></label>
+ <div class="col-sm-9">
+ <input class="form-control" id="contact-email" type="text" placeholder="">
+ </div>
+ </div>
+ <div class="form-group">
+ <label for="contact-message" class="col-sm-3 control-label"><b>Select Topic</b></label>
+ <div class="col-sm-9">
+ <select class="form-control" id="prependedInput">
+ <option>Please select topic...</option>
+ <option>General</option>
+ <option>Services</option>
+ <option>Orders</option>
+ </select>
+ </div>
+ </div>
+ <div class="form-group">
+ <label for="contact-message" class="col-sm-3 control-label"><b>Message</b></label>
+ <div class="col-sm-9">
+ <textarea class="form-control" rows="5" id="contact-message"></textarea>
+ </div>
+ </div>
+ <div class="form-group">
+ <div class="col-sm-12">
+ <button type="submit" class="btn pull-right">Send</button>
+ </div>
+ </div>
+ </form>
+ </div>
+ <!-- End Contact Info -->
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Events</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <table class="events-list">
+ <tr>
+ <td>
+ <div class="event-date">
+ <div class="event-day">16</div>
+ <div class="event-month">MAR</div>
+ </div>
+ </td>
+ <td>
+ Donec hendrerit massa metus, a ultrices elit iaculis eu. Pellentesque ullamcorper augue lacus.
+ </td>
+ <td class="event-venue hidden-xs"><i class="icon-map-marker"></i> Siemens Arena</td>
+ <td class="event-price hidden-xs">$50.00</td>
+ <td><a href="#" class="btn btn-grey btn-sm event-more">Read More</a></td>
+ </tr>
+ <tr>
+ <td>
+ <div class="event-date">
+ <div class="event-day">5</div>
+ <div class="event-month">APR</div>
+ </div>
+ </td>
+ <td>
+ Phasellus et est quis diam iaculis fringilla id nec sapien.
+ </td>
+ <td class="event-venue hidden-xs"><i class="icon-map-marker"></i> Nike Arena</td>
+ <td class="event-price hidden-xs">FREE</td>
+ <td><a href="#" class="btn btn-grey btn-sm event-more">Read More</a></td>
+ </tr>
+ <tr>
+ <td>
+ <div class="event-date">
+ <div class="event-day">31</div>
+ <div class="event-month">MAY</div>
+ </div>
+ </td>
+ <td>
+ Ut consectetur commodo justo, sed sollicitudin massa venenatis ut 2013.
+ </td>
+ <td class="event-venue hidden-xs"><i class="icon-map-marker"></i> Samsung Arena</td>
+ <td class="event-price hidden-xs">$30.00</td>
+ <td><a href="#" class="btn btn-grey btn-sm event-more">Read More</a></td>
+ </tr>
+ <tr>
+ <td>
+ <div class="event-date">
+ <div class="event-day">17</div>
+ <div class="event-month">SEP</div>
+ </div>
+ </td>
+ <td>
+ Pellentesque justo turpis, fringilla sit amet pulvinar ut, tincidunt nec leo.
+ </td>
+ <td class="event-venue hidden-xs"><i class="icon-map-marker"></i> Samsung Arena</td>
+ <td class="event-price hidden-xs">FREE</td>
+ <td><a href="#" class="btn btn-grey btn-sm event-more">Read More</a></td>
+ </tr>
+ <tr>
+ <td>
+ <div class="event-date">
+ <div class="event-day">16</div>
+ <div class="event-month">MAR</div>
+ </div>
+ </td>
+ <td>
+ Donec hendrerit massa metus, a ultrices elit iaculis eu. Pellentesque ullamcorper augue lacus.
+ </td>
+ <td class="event-venue hidden-xs"><i class="icon-map-marker"></i> Siemens Arena</td>
+ <td class="event-price hidden-xs">$50.00</td>
+ <td><a href="#" class="btn btn-grey btn-sm event-more">Read More</a></td>
+ </tr>
+ <tr>
+ <td>
+ <div class="event-date">
+ <div class="event-day">5</div>
+ <div class="event-month">APR</div>
+ </div>
+ </td>
+ <td>
+ Phasellus et est quis diam iaculis fringilla id nec sapien.
+ </td>
+ <td class="event-venue hidden-xs"><i class="icon-map-marker"></i> Nike Arena</td>
+ <td class="event-price hidden-xs">FREE</td>
+ <td><a href="#" class="btn btn-grey btn-sm event-more">Read More</a></td>
+ </tr>
+ <tr>
+ <td>
+ <div class="event-date">
+ <div class="event-day">31</div>
+ <div class="event-month">MAY</div>
+ </div>
+ </td>
+ <td>
+ Ut consectetur commodo justo, sed sollicitudin massa venenatis ut 2013.
+ </td>
+ <td class="event-venue hidden-xs"><i class="icon-map-marker"></i> Samsung Arena</td>
+ <td class="event-price hidden-xs">$30.00</td>
+ <td><a href="#" class="btn btn-grey btn-sm event-more">Read More</a></td>
+ </tr>
+ <tr>
+ <td>
+ <div class="event-date">
+ <div class="event-day">17</div>
+ <div class="event-month">SEP</div>
+ </div>
+ </td>
+ <td>
+ Pellentesque justo turpis, fringilla sit amet pulvinar ut, tincidunt nec leo.
+ </td>
+ <td class="event-venue hidden-xs"><i class="icon-map-marker"></i> Samsung Arena</td>
+ <td class="event-price hidden-xs">FREE</td>
+ <td><a href="#" class="btn btn-grey btn-sm event-more">Read More</a></td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Frequently Asked Questions</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12 faq-wrapper">
+ <div class="panel-group" id="accordion2">
+ <h3>General Questions</h3>
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse11">
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor?
+ </a>
+ </div>
+ <div id="collapse11" class="accordion-body collapse">
+ <div class="accordion-inner">
+ <div class="answer">Answer:</div>
+ <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque</p>
+ </div>
+ </div>
+ </div>
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse12">
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem?
+ </a>
+ </div>
+ <div id="collapse12" class="accordion-body collapse">
+ <div class="accordion-inner">
+ <div class="answer">Answer:</div>
+ <p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias</p>
+ </div>
+ </div>
+ </div>
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse13">
+ Quisque nec tincidunt lectus. Nulla sit amet auctor leo?
+ </a>
+ </div>
+ <div id="collapse13" class="accordion-body collapse">
+ <div class="accordion-inner">
+ <div class="answer">Answer:</div>
+ <p>Pellentesque in velit et enim porta aliquam. Curabitur eget ligula dui, a euismod lectus. Phasellus eget facilisis nulla. Suspendisse sit amet dui nisl.</p>
+ </div>
+ </div>
+ </div>
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse14">
+ Sed mollis, lorem ut tempor scelerisque, turpis enim tincidunt mi, eget venenatis neque eros in ipsum. Fusce in augue ante?
+ </a>
+ </div>
+ <div id="collapse14" class="accordion-body collapse">
+ <div class="accordion-inner">
+ <div class="answer">Answer:</div>
+ <p>Aenean nec mi a nisl molestie pretium nec sed velit. Vestibulum ultrices, arcu vitae varius pulvinar, justo sapien mollis dui, eget dapibus massa felis sed nulla. Maecenas in varius nulla. Praesent mollis diam vitae libero sollicitudin commodo lobortis tortor tempor. Fusce rutrum orci consequat nunc ultricies egestas. Sed vitae tortor sapien. Vivamus ac libero eu arcu aliquet pretium eu vitae sem. Sed tincidunt varius pellentesque.</p>
+ </div>
+ </div>
+ </div>
+ <h3>Orders</h3>
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse21">
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor?
+ </a>
+ </div>
+ <div id="collapse21" class="accordion-body collapse">
+ <div class="accordion-inner">
+ <div class="answer">Answer:</div>
+ <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque</p>
+ </div>
+ </div>
+ </div>
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse22">
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem?
+ </a>
+ </div>
+ <div id="collapse22" class="accordion-body collapse">
+ <div class="accordion-inner">
+ <div class="answer">Answer:</div>
+ <p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias</p>
+ </div>
+ </div>
+ </div>
+ <h3>Our Services</h3>
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse31">
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor?
+ </a>
+ </div>
+ <div id="collapse31" class="accordion-body collapse">
+ <div class="accordion-inner">
+ <div class="answer">Answer:</div>
+ <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque</p>
+ </div>
+ </div>
+ </div>
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse32">
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem?
+ </a>
+ </div>
+ <div id="collapse32" class="accordion-body collapse">
+ <div class="accordion-inner">
+ <div class="answer">Answer:</div>
+ <p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <div class="section section-white">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-6">
+ <h3>We are leading company</h3>
+ <p>
+ Donec elementum mi vitae enim fermentum lobortis. In hac habitasse platea dictumst. Ut pellentesque, orci sed mattis consequat, libero ante lacinia arcu, ac porta lacus urna in lorem. Praesent consectetur tristique augue, eget elementum diam suscipit id.
+ </p>
+ <h3>Wide range of services</h3>
+ <p>
+ Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam condimentum laoreet sagittis. Duis quis ullamcorper leo. Suspendisse potenti.
+ </p>
+ </div>
+ <div class="col-md-6">
+ <div class="video-wrapper">
+ <iframe src="http://player.vimeo.com/video/47000322?title=0&byline=0&portrait=0" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <h2>Our Work</h2>
+ <div class="row">
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio1.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio2.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio3.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio4.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio5.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Testimonials -->
+ <div class="section">
+ <div class="container">
+ <h2>Happy Clients</h2>
+ <div class="row">
+ <!-- Testimonial -->
+ <div class="testimonial col-md-4 col-sm-6">
+ <!-- Author Photo -->
+ <div class="author-photo">
+ <img src="img/user1.jpg" alt="Author 1">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <!-- Quote -->
+ <p class="quote">
+ "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut."
+ </p>
+ <!-- Author Info -->
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ <!-- End Testimonial -->
+ <div class="testimonial col-md-4 col-sm-6">
+ <div class="author-photo">
+ <img src="img/user5.jpg" alt="Author 2">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <p class="quote">
+ "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo."
+ </p>
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ <div class="testimonial col-md-4 col-sm-6">
+ <div class="author-photo">
+ <img src="img/user2.jpg" alt="Author 3">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <p class="quote">
+ "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."
+ </p>
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End Testimonials -->
+
+ <!-- Our Clients -->
+ <div class="section">
+ <div class="container">
+ <h2>Our Clients</h2>
+ <div class="clients-logo-wrapper text-center row">
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/canon.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/cisco.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/dell.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/ea.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/ebay.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/facebook.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/google.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/hp.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/microsoft.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/mysql.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/sony.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/yahoo.png" alt="Client Name"></a></div>
+ </div>
+ </div>
+ </div>
+ <!-- End Our Clients -->
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Job Details</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-7">
+ <!-- Job Description -->
+ <div class="job-details-wrapper">
+ <h3>Ruby on Rails Developer</h3>
+ <p>
+ Donec hendrerit massa metus, a ultrices elit iaculis eu. Pellentesque ullamcorper augue lacus. Phasellus et est quis diam iaculis fringilla id nec sapien. Sed tempor ornare felis, non vulputate dolor. Etiam ornare diam vitae ligula malesuada tempor. Vestibulum nec odio vel libero ullamcorper euismod et in sapien. Suspendisse potenti.
+ </p>
+ <h4>Skills required for the Ruby on Rails Developer</h4>
+ <ul>
+ <li>Nullam dictum augue nec iaculis rhoncus. Aenean lobortis fringilla orci, vitae varius purus eleifend vitae.</li>
+ <li>Nunc ornare, dolor a ultrices ultricies, magna dolor convallis enim, sed volutpat quam sem sed tellus.</li>
+ <li>Aliquam malesuada cursus urna a rutrum. Ut ultricies facilisis suscipit.</li>
+ <li>Duis a magna iaculis, aliquam metus in, luctus eros.</li>
+ <li>Aenean nisi nibh, imperdiet sit amet eleifend et, gravida vitae sem.</li>
+ <li>Donec quis nisi congue, ultricies massa ut, bibendum velit.</li>
+ </ul>
+ <h4>How to apply?</h4>
+ <p>
+ Please email your CV and a portfolio to: <a href="mailto:getintouch@yourcompanydomain.com">getintouch@yourcompanydomain.com</a> with RUBY ON RAILS DEVELOPER as the subject.
+ </p>
+ </div>
+ <!-- End Job Description -->
+ </div>
+ <!-- Sidebar -->
+ <div class="col-md-4 col-md-offset-1">
+ <h4>You may also be interested in</h4>
+ <table class="jobs-list">
+ <tr>
+ <td class="job-position">
+ <a href="#">Front End Developer</a> <span class="label label-danger">New</span>
+ </td>
+ </tr>
+ <tr>
+ <td class="job-position">
+ <a href="#">Back-end Developer</a> <span class="label label-danger">New</span>
+ </td>
+ </tr>
+ <tr>
+ <td class="job-position">
+ <a href="#">Creative Director</a>
+ </td>
+ </tr>
+ </table>
+ </div>
+ <!-- End Sidebar -->
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Login</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-5">
+ <div class="basic-login">
+ <form role="form" role="form">
+ <div class="form-group">
+ <label for="login-username"><i class="icon-user"></i> <b>Username or Email</b></label>
+ <input class="form-control" id="login-username" type="text" placeholder="">
+ </div>
+ <div class="form-group">
+ <label for="login-password"><i class="icon-lock"></i> <b>Password</b></label>
+ <input class="form-control" id="login-password" type="password" placeholder="">
+ </div>
+ <div class="form-group">
+ <label class="checkbox">
+ <input type="checkbox"> Remember me
+ </label>
+ <a href="page-password-reset.html" class="forgot-password">Forgot password?</a>
+ <button type="submit" class="btn pull-right">Login</button>
+ <div class="clearfix"></div>
+ </div>
+ </form>
+ </div>
+ </div>
+ <div class="col-sm-7 social-login">
+ <p>Or login with your Facebook or Twitter</p>
+ <div class="social-login-buttons">
+ <a href="#" class="btn-facebook-login">Login with Facebook</a>
+ <a href="#" class="btn-twitter-login">Login with Twitter</a>
+ </div>
+ <div class="clearfix"></div>
+ <div class="not-member">
+ <p>Not a member? <a href="page-register.html">Register here</a></p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Latest & Featured News</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <!-- Featured News -->
+ <div class="col-sm-6 featured-news">
+ <h2>Featured News</h2>
+ <div class="row">
+ <div class="col-xs-4"><a href="page-blog-post-right-sidebar.html"><img src="img/news1.jpg" alt="Post Title"></a></div>
+ <div class="col-xs-8">
+ <div class="caption"><a href="page-blog-post-right-sidebar.html">Anual Report</a></div>
+ <div class="date">16 May 2013 </div>
+ <div class="intro">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. <a href="page-blog-post-right-sidebar.html">Read more...</a></div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-4"><a href="page-blog-post-right-sidebar.html"><img src="img/news2.jpg" alt="Post Title"></a></div>
+ <div class="col-xs-8">
+ <div class="caption"><a href="page-blog-post-right-sidebar.html">New Career Oportunities</a></div>
+ <div class="date">14 May 2013 </div>
+ <div class="intro">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <a href="page-blog-post-right-sidebar.html">Read more...</a></div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-4"><a href="page-blog-post-right-sidebar.html"><img src="img/news3.jpg" alt="Post Title"></a></div>
+ <div class="col-xs-8">
+ <div class="caption"><a href="page-blog-post-right-sidebar.html">Even More News</a></div>
+ <div class="date">05 May 2013 </div>
+ <div class="intro">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <a href="page-blog-post-right-sidebar.html">Read more...</a></div>
+ </div>
+ </div>
+ </div>
+ <!-- End Featured News -->
+ <!-- Latest News -->
+ <div class="col-sm-6 latest-news">
+ <h2>Latest News</h2>
+ <div class="row">
+ <div class="col-sm-12">
+ <div class="caption"><a href="page-blog-post-right-sidebar.html">Anual Report</a></div>
+ <div class="date">16 May 2013 </div>
+ <div class="intro">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. <a href="page-blog-post-right-sidebar.html">Read more...</a></div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-sm-12">
+ <div class="caption"><a href="page-blog-post-right-sidebar.html">New Career Oportunities</a></div>
+ <div class="date">14 May 2013 </div>
+ <div class="intro">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <a href="page-blog-post-right-sidebar.html">Read more...</a></div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-sm-12">
+ <div class="caption"><a href="page-blog-post-right-sidebar.html">New Career Oportunities</a></div>
+ <div class="date">14 May 2013 </div>
+ <div class="intro">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <a href="page-blog-post-right-sidebar.html">Read more...</a></div>
+ </div>
+ </div>
+ </div>
+ <!-- End Featured News -->
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Password Reset</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-6 col-sm-offset-3">
+ <div class="basic-login">
+ <form>
+ <div class="form-group">
+ <label for="restore-email"><i class="icon-envelope"></i> <b>Enter Your Email</b></label>
+ <input class="form-control" id="restore-email" type="text" placeholder="">
+ </div>
+ <div class="form-group">
+ <button type="submit" class="btn pull-right">Reset Password</button>
+ <div class="clearfix"></div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>PORTFOLIO - 2 COLUMNS (OPTION 1)</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio1.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info-fade">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio2.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info-fade">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio3.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info-fade">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio4.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info-fade">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio5.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info-fade">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info-fade">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>PORTFOLIO - 2 COLUMNS (OPTION 2)</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio1.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio2.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio3.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio4.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio5.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Portfolio - 3 Columns (Option 1)</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio1.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info-fade">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio2.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info-fade">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio3.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info-fade">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio4.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info-fade">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio5.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info-fade">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info-fade">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Portfolio - 3 Columns (Option 2)</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio1.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio2.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio3.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio4.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio5.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="page-portfolio-item.html" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-12">
+ <h1>Portfolio Item Description</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <!-- Image Column -->
+ <div class="col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="#"><img src="img/portfolio2.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <!-- End Image Column -->
+ <!-- Project Info Column -->
+ <div class="portfolio-item-description col-sm-6">
+ <h3>Project Description</h3>
+ <p>
+ Mauris auctor blandit neque eu cursus. Nunc vel commodo dui, sed tempus mi. Fusce eleifend, orci ut elementum porta, mauris leo porta purus.
+ </p>
+ <p>
+ Etiam aliquet tempor est nec pharetra. Etiam interdum tincidunt orci vitae elementum. Donec sollicitudin quis risus sit amet lobortis. Fusce sed tincidunt nisl.
+ </p>
+ <ul class="no-list-style">
+ <li><b>Client:</b> Some Client LTD</li>
+ <li><b>Date:</b> 01, September 2012 - 23, February 2013</li>
+ <li><b>Technologies:</b> HTML5, CSS3, jQuery, PHP, MySQL</li>
+ <li class="portfolio-visit-btn"><a href="#" class="btn">Visit Website</a></li>
+ </ul>
+ </div>
+ <!-- End Project Info Column -->
+ </div>
+ <!-- Related Projects -->
+ <h3>Related Projects</h3>
+ <div class="row">
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="#"><img src="img/portfolio3.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info-fade">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="#" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="#"><img src="img/portfolio4.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info-fade">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="#" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="#"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ <div class="portfolio-info-fade">
+ <ul>
+ <li class="portfolio-project-name">Project Name</li>
+ <li>Website design & Development</li>
+ <li>Client: Some Client LTD</li>
+ <li class="read-more"><a href="#" class="btn">Read more</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End Related Projects -->
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Pricing Table</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <!-- Pricing Plans Wrapper -->
+ <div class="pricing-wrapper">
+ <!-- Pricing Plan -->
+ <div class="pricing-plan">
+ <h2 class="pricing-plan-title">Starter</h2>
+ <div class="pricing-plan-price">FREE</div>
+ <!-- Pricing Plan Features -->
+ <ul class="pricing-plan-features">
+ <li><strong>1</strong> user</li>
+ <li><strong>Unlimited</strong> projects</li>
+ <li><strong>2GB</strong> storage</li>
+ </ul>
+ <a href="index.html" class="btn">Order Now</a>
+ </div>
+ <!-- End Pricing Plan -->
+ <div class="pricing-plan">
+ <h2 class="pricing-plan-title">Advanced</h2>
+ <div class="pricing-plan-price">$49<span>/mo</span></div>
+ <ul class="pricing-plan-features">
+ <li><strong>10</strong> users</li>
+ <li><strong>Unlimited</strong> projects</li>
+ <li><strong>20GB</strong> storage</li>
+ </ul>
+ <a href="index.html" class="btn">Order Now</a>
+ </div>
+ <!-- Promoted Pricing Plan (White Background) -->
+ <div class="pricing-plan pricing-plan-promote">
+ <h2 class="pricing-plan-title">Premium</h2>
+ <div class="pricing-plan-price">$99<span>/mo</span></div>
+ <ul class="pricing-plan-features">
+ <li><strong>Unlimited</strong> users</li>
+ <li><strong>Unlimited</strong> projects</li>
+ <li><strong>100GB</strong> storage</li>
+ </ul>
+ <a href="index.html" class="btn">Order Now</a>
+ </div>
+ <div class="pricing-plan">
+ <!-- Pricing Plan Ribbon -->
+ <div class="ribbon-wrapper">
+ <div class="price-ribbon ribbon-green">New</div>
+ </div>
+ <h2 class="pricing-plan-title">Mega</h2>
+ <div class="pricing-plan-price">$199<span>/mo</span></div>
+ <ul class="pricing-plan-features">
+ <li><strong>Unlimited</strong> users</li>
+ <li><strong>Unlimited</strong> projects</li>
+ <li><strong>100GB</strong> storage</li>
+ </ul>
+ <a href="index.html" class="btn">Order Now</a>
+ </div>
+ </div>
+ <!-- End Pricing Plans Wrapper -->
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="pricing-plans-section section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12 text-center">
+ <div class="pricing-wrapper">
+ <div class="pricing-plan">
+ <h2 class="pricing-plan-title">Starter</h2>
+ <div class="pricing-plan-price">FREE</div>
+ <ul class="pricing-plan-features">
+ <li><strong>1</strong> user</li>
+ <li><strong>Unlimited</strong> projects</li>
+ <li><strong>2GB</strong> storage</li>
+ </ul>
+ <a href="index.html" class="btn">Order Now</a>
+ </div>
+ <div class="pricing-plan">
+ <h2 class="pricing-plan-title">Advanced</h2>
+ <div class="pricing-plan-price">$49<span>/mo</span></div>
+ <ul class="pricing-plan-features">
+ <li><strong>10</strong> users</li>
+ <li><strong>Unlimited</strong> projects</li>
+ <li><strong>20GB</strong> storage</li>
+ </ul>
+ <a href="index.html" class="btn">Order Now</a>
+ </div>
+ <div class="pricing-plan pricing-plan-promote">
+ <div class="ribbon-wrapper">
+ <div class="price-ribbon ribbon-red">Sale</div>
+ </div>
+ <h2 class="pricing-plan-title">Premium</h2>
+ <div class="pricing-plan-price">$99<span>/mo</span></div>
+ <ul class="pricing-plan-features">
+ <li><strong>Unlimited</strong> users</li>
+ <li><strong>Unlimited</strong> projects</li>
+ <li><strong>100GB</strong> storage</li>
+ </ul>
+ <a href="index.html" class="btn">Order Now</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Product Details</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <!-- Product Image & Available Colors -->
+ <div class="col-sm-6">
+ <div class="product-image-large">
+ <img src="img/product3.jpg" alt="Item Name">
+ </div>
+ <div class="colors">
+ <span class="color-white"></span>
+ <span class="color-black"></span>
+ <span class="color-blue"></span>
+ <span class="color-orange"></span>
+ <span class="color-green"></span>
+ </div>
+ </div>
+ <!-- End Product Image & Available Colors -->
+ <!-- Product Summary & Options -->
+ <div class="col-sm-6 product-details">
+ <h4>LOREM IPSUM DOLOR</h4>
+ <div class="price">
+ <span class="price-was">$959.99</span> $999.99
+ </div>
+ <h5>Quick Overview</h5>
+ <p>
+ Morbi eleifend congue elit nec sagittis. Praesent aliquam lobortis tellus, nec consequat massa ornare vitae. Ut fermentum justo vel venenatis eleifend. Fusce id magna eros.
+ </p>
+ <table class="shop-item-selections">
+ <!-- Color Selector -->
+ <tr>
+ <td><b>Color:</b></td>
+ <td>
+ <div class="dropdown choose-item-color">
+ <a class="btn btn-sm btn-grey" data-toggle="dropdown" href="#"><span class="color-orange"></span> Orange <b class="caret"></b></a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><span class="color-white"></span> White</a></li>
+ <li role="menuitem"><a href="#"><span class="color-black"></span> Black</a></li>
+ <li role="menuitem"><a href="#"><span class="color-blue"></span> Blue</a></li>
+ <li role="menuitem"><a href="#"><span class="color-orange"></span> Orange</a></li>
+ <li role="menuitem"><a href="#"><span class="color-green"></span> Green</a></li>
+ </ul>
+ </div>
+ </td>
+ </tr>
+ <!-- Size Selector -->
+ <tr>
+ <td><b>Size:</b></td>
+ <td>
+ <div class="dropdown">
+ <a class="btn btn-sm btn-grey" data-toggle="dropdown" href="#">XXL <b class="caret"></b></a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#">XS</a></li>
+ <li role="menuitem"><a href="#">S</a></li>
+ <li role="menuitem"><a href="#">M</a></li>
+ <li role="menuitem"><a href="#">L</a></li>
+ <li role="menuitem"><a href="#">XXL</a></li>
+ </ul>
+ </div>
+ </td>
+ </tr>
+ <!-- Quantity -->
+ <tr>
+ <td><b>Quantity:</b></td>
+ <td>
+ <input type="text" class="form-control input-sm input-micro" value="1">
+ </td>
+ </tr>
+ <!-- Add to Cart Button -->
+ <tr>
+ <td> </td>
+ <td>
+ <a href="#" class="btn btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
+ </td>
+ </tr>
+ </table>
+ </div>
+ <!-- End Product Summary & Options -->
+
+ <!-- Full Description & Specification -->
+ <div class="col-sm-12">
+ <div class="tabbable">
+ <!-- Tabs -->
+ <ul class="nav nav-tabs product-details-nav">
+ <li class="active"><a href="#tab1" data-toggle="tab">Description</a></li>
+ <li><a href="#tab2" data-toggle="tab">Specification</a></li>
+ </ul>
+ <!-- Tab Content (Full Description) -->
+ <div class="tab-content product-detail-info">
+ <div class="tab-pane active" id="tab1">
+ <h4>Product Description</h4>
+ <p>
+ Donec hendrerit massa metus, a ultrices elit iaculis eu. Pellentesque ullamcorper augue lacus. Phasellus et est quis diam iaculis fringilla id nec sapien. Sed tempor ornare felis, non vulputate dolor. Etiam ornare diam vitae ligula malesuada tempor. Vestibulum nec odio vel libero ullamcorper euismod et in sapien. Suspendisse potenti.
+ </p>
+ <h4>Product Highlights</h4>
+ <ul>
+ <li>Nullam dictum augue nec iaculis rhoncus. Aenean lobortis fringilla orci, vitae varius purus eleifend vitae.</li>
+ <li>Nunc ornare, dolor a ultrices ultricies, magna dolor convallis enim, sed volutpat quam sem sed tellus.</li>
+ <li>Aliquam malesuada cursus urna a rutrum. Ut ultricies facilisis suscipit.</li>
+ <li>Duis a magna iaculis, aliquam metus in, luctus eros.</li>
+ <li>Aenean nisi nibh, imperdiet sit amet eleifend et, gravida vitae sem.</li>
+ <li>Donec quis nisi congue, ultricies massa ut, bibendum velit.</li>
+ </ul>
+ <h4>Usage Information</h4>
+ <p>
+ Donec hendrerit massa metus, a ultrices elit iaculis eu. Pellentesque ullamcorper augue lacus. Phasellus et est quis diam iaculis fringilla id nec sapien. Sed tempor ornare felis, non vulputate dolor. Etiam ornare diam vitae ligula malesuada tempor. Vestibulum nec odio vel libero ullamcorper euismod et in sapien. Suspendisse potenti.
+ </p>
+ </div>
+ <!-- Tab Content (Specification) -->
+ <div class="tab-pane" id="tab2">
+ <table>
+ <tr>
+ <td>Total sensor Pixels (megapixels)</td>
+ <td>Approx. 16.7</td>
+ </tr>
+ <tr>
+ <td>Effective Pixels (megapixels)</td>
+ <td>Approx. 16.1</td>
+ </tr>
+ <tr>
+ <td>Automatic White Balance</td>
+ <td>YES</td>
+ </tr>
+ <tr>
+ <td>White balance: preset selection</td>
+ <td>Daylight, Shade, Cloudy, Incandescent, Fluorescent, Flash</td>
+ </tr>
+ <tr>
+ <td>White balance: custom setting</td>
+ <td>YES</td>
+ </tr>
+ <tr>
+ <td>White balance: types of color temperature</td>
+ <td>YES (G7 to M7,15-step) (A7 to B7,15-step)</td>
+ </tr>
+ <tr>
+ <td>White balance bracketing</td>
+ <td>NO</td>
+ </tr>
+ <tr>
+ <td>ISO Sensitivity Setting</td>
+ <td>ISO100 - 25600 equivalent</td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End Full Description & Specification -->
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Proucts Listing (3 Columns)</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-4">
+ <!-- Product -->
+ <div class="shop-item">
+ <!-- Product Image -->
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product1.jpg" alt="Item Name"></a>
+ </div>
+ <!-- Product Title -->
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <!-- Product Available Colors-->
+ <div class="colors">
+ <span class="color-white"></span>
+ <span class="color-black"></span>
+ <span class="color-blue"></span>
+ <span class="color-orange"></span>
+ <span class="color-green"></span>
+ </div>
+ <!-- Product Price-->
+ <div class="price">
+ <span class="price-was">$959.99</span> $999.99
+ </div>
+ <!-- Product Description-->
+ <div class="description">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio.</p>
+ </div>
+ <!-- Add to Cart Button -->
+ <div class="actions">
+ <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
+ </div>
+ </div>
+ <!-- End Product -->
+ </div>
+ <div class="col-sm-4">
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product2.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="colors">
+ <span class="color-white"></span>
+ <span class="color-black"></span>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="description">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio.</p>
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product3.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="colors">
+ <span class="color-white"></span>
+ <span class="color-black"></span>
+ <span class="color-blue"></span>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="description">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio.</p>
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-sm-4">
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product4.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="colors">
+ <span class="color-white"></span>
+ <span class="color-black"></span>
+ <span class="color-blue"></span>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="description">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio.</p>
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product5.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="colors">
+ <span class="color-white"></span>
+ <span class="color-black"></span>
+ <span class="color-blue"></span>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="description">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio.</p>
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product6.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="colors">
+ <span class="color-white"></span>
+ <span class="color-black"></span>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="description">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio.</p>
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="pagination-wrapper ">
+ <ul class="pagination pagination-lg">
+ <li class="disabled"><a href="#">Previous</a></li>
+ <li class="active"><a href="#">1</a></li>
+ <li><a href="#">2</a></li>
+ <li><a href="#">3</a></li>
+ <li><a href="#">4</a></li>
+ <li><a href="#">5</a></li>
+ <li><a href="#">6</a></li>
+ <li><a href="#">7</a></li>
+ <li><a href="#">8</a></li>
+ <li><a href="#">9</a></li>
+ <li><a href="#">10</a></li>
+ <li><a href="#">Next</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+
+ <div class="eshop-section section">
+ <div class="container">
+ <h2>Listing With No Colors Information</h2>
+ <div class="row">
+ <div class="col-sm-4">
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product1.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ <span class="price-was">$959.99</span> $999.99
+ </div>
+ <div class="description">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio.</p>
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a> <span>or <a href="page-product-details.html">Read more</a></span>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product2.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="description">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio.</p>
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a> <span>or <a href="page-product-details.html">Read more</a></span>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product3.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="description">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio.</p>
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a> <span>or <a href="page-product-details.html">Read more</a></span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-sm-4">
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product4.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="description">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio.</p>
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a> <span>or <a href="page-product-details.html">Read more</a></span>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product5.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="description">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio.</p>
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a> <span>or <a href="page-product-details.html">Read more</a></span>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product6.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="description">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis, nulla id pretium malesuada, dui est laoreet risus, ac rhoncus eros diam id odio.</p>
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a> <span>or <a href="page-product-details.html">Read more</a></span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="pagination-wrapper ">
+ <ul class="pagination pagination-lg">
+ <li class="disabled"><a href="#">Previous</a></li>
+ <li class="active"><a href="#">1</a></li>
+ <li><a href="#">2</a></li>
+ <li><a href="#">3</a></li>
+ <li><a href="#">4</a></li>
+ <li><a href="#">5</a></li>
+ <li><a href="#">6</a></li>
+ <li><a href="#">7</a></li>
+ <li><a href="#">8</a></li>
+ <li><a href="#">9</a></li>
+ <li><a href="#">10</a></li>
+ <li><a href="#">Next</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Products Listing (4 Columns)</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="eshop-section section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-3 col-sm-6">
+ <!-- Product -->
+ <div class="shop-item">
+ <!-- Product Image -->
+ <div class="shop-item-image">
+ <a href="page-product-details.html"><img src="img/product1.jpg" alt="Item Name"></a>
+ </div>
+ <!-- Product Title -->
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <!-- Product Available Colors-->
+ <div class="colors">
+ <span class="color-white"></span>
+ <span class="color-black"></span>
+ <span class="color-blue"></span>
+ <span class="color-orange"></span>
+ <span class="color-green"></span>
+ </div>
+ <!-- Product Price-->
+ <div class="price">
+ $999.99
+ </div>
+ <!-- Add to Cart Button -->
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
+ </div>
+ </div>
+ <!-- End Product -->
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="shop-item">
+ <div class="shop-item-image">
+ <a href="page-product-details.html"><img src="img/product2.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="colors">
+ <span class="color-white"></span>
+ <span class="color-black"></span>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="shop-item">
+ <div class="shop-item-image">
+ <a href="page-product-details.html"><img src="img/product3.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="colors">
+ <span class="color-white"></span>
+ <span class="color-black"></span>
+ <span class="color-blue"></span>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="shop-item">
+ <div class="shop-item-image">
+ <a href="page-product-details.html"><img src="img/product4.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="colors">
+ <span class="color-white"></span>
+ <span class="color-black"></span>
+ <span class="color-blue"></span>
+ <span class="color-orange"></span>
+ <span class="color-green"></span>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-3 col-sm-6">
+ <div class="shop-item">
+ <div class="shop-item-image">
+ <a href="page-product-details.html"><img src="img/product5.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="colors">
+ <span class="color-white"></span>
+ <span class="color-black"></span>
+ <span class="color-blue"></span>
+ <span class="color-orange"></span>
+ <span class="color-green"></span>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="shop-item">
+ <div class="shop-item-image">
+ <a href="page-product-details.html"><img src="img/product6.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="colors">
+ <span class="color-white"></span>
+ <span class="color-black"></span>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="shop-item">
+ <div class="shop-item-image">
+ <a href="page-product-details.html"><img src="img/product7.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="colors">
+ <span class="color-white"></span>
+ <span class="color-black"></span>
+ <span class="color-red"></span>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="shop-item">
+ <div class="shop-item-image">
+ <a href="page-product-details.html"><img src="img/product8.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="colors">
+ <span class="color-white"></span>
+ <span class="color-black"></span>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add to Cart</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="pagination-wrapper ">
+ <ul class="pagination pagination-lg">
+ <li class="disabled"><a href="#">Previous</a></li>
+ <li class="active"><a href="#">1</a></li>
+ <li><a href="#">2</a></li>
+ <li><a href="#">3</a></li>
+ <li><a href="#">4</a></li>
+ <li><a href="#">5</a></li>
+ <li><a href="#">6</a></li>
+ <li><a href="#">7</a></li>
+ <li><a href="#">8</a></li>
+ <li><a href="#">9</a></li>
+ <li><a href="#">10</a></li>
+ <li><a href="#">Next</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+
+ <div class="eshop-section section">
+ <div class="container">
+ <h2>Listing With No Colors Information</h2>
+ <div class="row">
+ <div class="col-md-3 col-sm-6">
+ <div class="shop-item">
+ <div class="shop-item-image">
+ <a href="page-product-details.html"><img src="img/product1.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add</a> <span>or <a href="page-product-details.html">Read more</a></span>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="shop-item">
+ <div class="shop-item-image">
+ <a href="page-product-details.html"><img src="img/product2.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add</a> <span>or <a href="page-product-details.html">Read more</a></span>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="shop-item">
+ <div class="shop-item-image">
+ <a href="page-product-details.html"><img src="img/product3.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add</a> <span>or <a href="page-product-details.html">Read more</a></span>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="shop-item">
+ <div class="shop-item-image">
+ <a href="page-product-details.html"><img src="img/product4.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add</a> <span>or <a href="page-product-details.html">Read more</a></span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-3 col-sm-6">
+ <div class="shop-item">
+ <div class="shop-item-image">
+ <a href="page-product-details.html"><img src="img/product5.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add</a> <span>or <a href="page-product-details.html">Read more</a></span>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="shop-item">
+ <div class="shop-item-image">
+ <a href="page-product-details.html"><img src="img/product6.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add</a> <span>or <a href="page-product-details.html">Read more</a></span>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="shop-item">
+ <div class="shop-item-image">
+ <a href="page-product-details.html"><img src="img/product7.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add</a> <span>or <a href="page-product-details.html">Read more</a></span>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="shop-item">
+ <div class="shop-item-image">
+ <a href="page-product-details.html"><img src="img/product8.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Add</a> <span>or <a href="page-product-details.html">Read more</a></span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="pagination-wrapper ">
+ <ul class="pagination pagination-lg">
+ <li class="disabled"><a href="#">Previous</a></li>
+ <li class="active"><a href="#">1</a></li>
+ <li><a href="#">2</a></li>
+ <li><a href="#">3</a></li>
+ <li><a href="#">4</a></li>
+ <li><a href="#">5</a></li>
+ <li><a href="#">6</a></li>
+ <li><a href="#">7</a></li>
+ <li><a href="#">8</a></li>
+ <li><a href="#">9</a></li>
+ <li><a href="#">10</a></li>
+ <li><a href="#">Next</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Products Slider</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <div class="products-slider">
+ <!-- Products Slider Item -->
+ <div class="shop-item">
+ <!-- Product Image -->
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product1.jpg" alt="Item Name"></a>
+ </div>
+ <!-- Product Title -->
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <!-- Product Price -->
+ <div class="price">
+ $999.99
+ </div>
+ <!-- Buy Button -->
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Buy</a>
+ </div>
+ </div>
+ <!-- End Products Slider Item -->
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product2.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Buy</a>
+ </div>
+ </div>
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product3.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Buy</a>
+ </div>
+ </div>
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product4.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Buy</a>
+ </div>
+ </div>
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product5.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Buy</a>
+ </div>
+ </div>
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product6.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Buy</a>
+ </div>
+ </div>
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product7.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Buy</a>
+ </div>
+ </div>
+ <div class="shop-item">
+ <div class="image">
+ <a href="page-product-details.html"><img src="img/product8.jpg" alt="Item Name"></a>
+ </div>
+ <div class="title">
+ <h3><a href="page-product-details.html">Lorem ipsum dolor</a></h3>
+ </div>
+ <div class="price">
+ $999.99
+ </div>
+ <div class="actions">
+ <a href="page-product-details.html" class="btn btn-small"><i class="icon-shopping-cart icon-white"></i> Buy</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Register</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-5">
+ <div class="basic-login">
+ <form role="form">
+ <div class="form-group">
+ <label for="register-username"><i class="icon-user"></i> <b>Email</b></label>
+ <input class="form-control" id="register-username" type="text" placeholder="">
+ </div>
+ <div class="form-group">
+ <label for="register-password"><i class="icon-lock"></i> <b>Password</b></label>
+ <input class="form-control" id="register-password" type="password" placeholder="">
+ </div>
+ <div class="form-group">
+ <label for="register-password2"><i class="icon-lock"></i> <b>Re-enter Password</b></label>
+ <input class="form-control" id="register-password2" type="password" placeholder="">
+ </div>
+ <div class="form-group">
+ <button type="submit" class="btn pull-right">Register</button>
+ <div class="clearfix"></div>
+ </div>
+ </form>
+ </div>
+ </div>
+ <div class="col-sm-6 col-sm-offset-1 social-login">
+ <p>You can use your Facebook or Twitter for registration</p>
+ <div class="social-login-buttons">
+ <a href="#" class="btn-facebook-login">Use Facebook</a>
+ <a href="#" class="btn-twitter-login">Use Twitter</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Services (Rows)</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row service-wrapper-row">
+ <div class="col-sm-4">
+ <div class="service-image">
+ <img src="img/services1.jpg" alt="Service Name">
+ </div>
+ </div>
+ <div class="col-sm-8">
+ <h3>Vestibulum ante ipsum</h3>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porta lectus ut ante accumsan, sit amet consectetur nisi tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam non justo dignissim, blandit urna a, hendrerit elit. Maecenas hendrerit rhoncus libero. Sed at eleifend velit.
+ </p>
+ </div>
+ </div>
+ <div class="row service-wrapper-row">
+ <div class="col-sm-4">
+ <div class="service-image">
+ <img src="img/services2.jpg" alt="Service Name">
+ </div>
+ </div>
+ <div class="col-sm-8">
+ <h3>Vestibulum ante ipsum</h3>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porta lectus ut ante accumsan, sit amet consectetur nisi tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam non justo dignissim, blandit urna a, hendrerit elit. Maecenas hendrerit rhoncus libero. Sed at eleifend velit.
+ </p>
+ </div>
+ </div>
+ <div class="row service-wrapper-row">
+ <div class="col-sm-4">
+ <div class="service-image">
+ <img src="img/services3.jpg" alt="Service Name">
+ </div>
+ </div>
+ <div class="col-sm-8">
+ <h3>Vestibulum ante ipsum</h3>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porta lectus ut ante accumsan, sit amet consectetur nisi tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam non justo dignissim, blandit urna a, hendrerit elit. Maecenas hendrerit rhoncus libero. Sed at eleifend velit.
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Testimonials -->
+ <div class="section">
+ <div class="container">
+ <h2>Testimonials</h2>
+ <div class="row">
+ <!-- Testimonial -->
+ <div class="testimonial col-md-4 col-sm-6">
+ <!-- Author Photo -->
+ <div class="author-photo">
+ <img src="img/user1.jpg" alt="Author 1">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <!-- Quote -->
+ <p class="quote">
+ "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut."
+ </p>
+ <!-- Author Info -->
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ <!-- End Testimonial -->
+ <div class="testimonial col-md-4 col-sm-6">
+ <div class="author-photo">
+ <img src="img/user5.jpg" alt="Author 2">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <p class="quote">
+ "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo."
+ </p>
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ <div class="testimonial col-md-4 col-sm-6">
+ <div class="author-photo">
+ <img src="img/user2.jpg" alt="Author 3">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <p class="quote">
+ "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."
+ </p>
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End Testimonials -->
+
+ <!-- Our Clients -->
+ <div class="section">
+ <div class="container">
+ <h2>Our Clients</h2>
+ <div class="clients-logo-wrapper text-center row">
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/canon.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/cisco.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/dell.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/ea.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/ebay.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/facebook.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/google.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/hp.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/microsoft.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/mysql.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/sony.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/yahoo.png" alt="Client Name"></a></div>
+ </div>
+ </div>
+ </div>
+ <!-- End Our Clients -->
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Services (3 Clolumns)</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-4 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/diamond.png" alt="Service Name">
+ <h3>Aliquam in adipiscing</h3>
+ <p>Praesent rhoncus mauris ac sollicitudin vehicula. Nam fringilla turpis turpis, at posuere turpis aliquet sit amet condimentum</p>
+ <a href="#" class="btn">Read more</a>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/ruler.png" alt="Service Name">
+ <h3>Curabitur mollis</h3>
+ <p>Suspendisse eget libero mi. Fusce ligula orci, vulputate nec elit ultrices, ornare faucibus orci. Aenean lectus sapien, vehicula</p>
+ <a href="#" class="btn">Read more</a>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/box.png" alt="Service Name">
+ <h3>Vivamus mattis</h3>
+ <p>Phasellus posuere et nisl ac commodo. Nulla facilisi. Sed tincidunt bibendum cursus. Aenean vulputate aliquam risus rutrum scelerisque</p>
+ <a href="#" class="btn">Read more</a>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/diamond.png" alt="Service Name">
+ <h3>Aliquam in adipiscing</h3>
+ <p>Praesent rhoncus mauris ac sollicitudin vehicula. Nam fringilla turpis turpis, at posuere turpis aliquet sit amet condimentum</p>
+ <a href="#" class="btn">Read more</a>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/ruler.png" alt="Service Name">
+ <h3>Curabitur mollis</h3>
+ <p>Suspendisse eget libero mi. Fusce ligula orci, vulputate nec elit ultrices, ornare faucibus orci. Aenean lectus sapien, vehicula</p>
+ <a href="#" class="btn">Read more</a>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/box.png" alt="Service Name">
+ <h3>Vivamus mattis</h3>
+ <p>Phasellus posuere et nisl ac commodo. Nulla facilisi. Sed tincidunt bibendum cursus. Aenean vulputate aliquam risus rutrum scelerisque</p>
+ <a href="#" class="btn">Read more</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Testimonials -->
+ <div class="section">
+ <div class="container">
+ <h2>Testimonials</h2>
+ <div class="row">
+ <!-- Testimonial -->
+ <div class="testimonial col-md-4 col-sm-6">
+ <!-- Author Photo -->
+ <div class="author-photo">
+ <img src="img/user1.jpg" alt="Author 1">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <!-- Quote -->
+ <p class="quote">
+ "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut."
+ </p>
+ <!-- Author Info -->
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ <!-- End Testimonial -->
+ <div class="testimonial col-md-4 col-sm-6">
+ <div class="author-photo">
+ <img src="img/user5.jpg" alt="Author 2">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <p class="quote">
+ "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo."
+ </p>
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ <div class="testimonial col-md-4 col-sm-6">
+ <div class="author-photo">
+ <img src="img/user2.jpg" alt="Author 3">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <p class="quote">
+ "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."
+ </p>
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End Testimonials -->
+
+ <!-- Our Clients -->
+ <div class="section">
+ <div class="container">
+ <h2>Our Clients</h2>
+ <div class="clients-logo-wrapper text-center row">
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/canon.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/cisco.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/dell.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/ea.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/ebay.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/facebook.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/google.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/hp.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/microsoft.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/mysql.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/sony.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/yahoo.png" alt="Client Name"></a></div>
+ </div>
+ </div>
+ </div>
+ <!-- End Our Clients -->
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Services (4 Clolumns)</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-3 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/diamond.png" alt="Service Name">
+ <h3>Brilliant Look</h3>
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. <a href="#">Read more...</a></p>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/ruler.png" alt="Service Name">
+ <h3>Themeable</h3>
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. <a href="#">Read more...</a></p>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/box.png" alt="Service Name">
+ <h3>Features Rich</h3>
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. <a href="#">Read more...</a></p>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/diamond.png" alt="Service Name">
+ <h3>Brilliant Look</h3>
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. <a href="#">Read more...</a></p>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/diamond.png" alt="Service Name">
+ <h3>Brilliant Look</h3>
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. <a href="#">Read more...</a></p>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/ruler.png" alt="Service Name">
+ <h3>Themeable</h3>
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. <a href="#">Read more...</a></p>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/box.png" alt="Service Name">
+ <h3>Features Rich</h3>
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. <a href="#">Read more...</a></p>
+ </div>
+ </div>
+ <div class="col-md-3 col-sm-6">
+ <div class="service-wrapper">
+ <img src="img/service-icon/diamond.png" alt="Service Name">
+ <h3>Brilliant Look</h3>
+ <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames. <a href="#">Read more...</a></p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Testimonials -->
+ <div class="section">
+ <div class="container">
+ <h2>Testimonials</h2>
+ <div class="row">
+ <!-- Testimonial -->
+ <div class="testimonial col-md-4 col-sm-6">
+ <!-- Author Photo -->
+ <div class="author-photo">
+ <img src="img/user1.jpg" alt="Author 1">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <!-- Quote -->
+ <p class="quote">
+ "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut."
+ </p>
+ <!-- Author Info -->
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ <!-- End Testimonial -->
+ <div class="testimonial col-md-4 col-sm-6">
+ <div class="author-photo">
+ <img src="img/user5.jpg" alt="Author 2">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <p class="quote">
+ "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo."
+ </p>
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ <div class="testimonial col-md-4 col-sm-6">
+ <div class="author-photo">
+ <img src="img/user2.jpg" alt="Author 3">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <p class="quote">
+ "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."
+ </p>
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End Testimonials -->
+
+ <!-- Our Clients -->
+ <div class="section">
+ <div class="container">
+ <h2>Our Clients</h2>
+ <div class="clients-logo-wrapper text-center row">
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/canon.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/cisco.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/dell.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/ea.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/ebay.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/facebook.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/google.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/hp.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/microsoft.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/mysql.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/sony.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/yahoo.png" alt="Client Name"></a></div>
+ </div>
+ </div>
+ </div>
+ <!-- End Our Clients -->
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Shopping Cart</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <!-- Action Buttons -->
+ <div class="pull-right">
+ <a href="#" class="btn btn-grey"><i class="glyphicon glyphicon-refresh"></i> UPDATE</a>
+ <a href="#" class="btn"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> CHECK OUT</a>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <!-- Shopping Cart Items -->
+ <table class="shopping-cart">
+ <!-- Shopping Cart Item -->
+ <tr>
+ <!-- Shopping Cart Item Image -->
+ <td class="image"><a href="page-product-details.html"><img src="img/product1.jpg" alt="Item Name"></a></td>
+ <!-- Shopping Cart Item Description & Features -->
+ <td>
+ <div class="cart-item-title"><a href="page-product-details.html">LOREM IPSUM DOLOR</a></div>
+ <div class="feature color">
+ Color: <span class="color-white"></span>
+ </div>
+ <div class="feature">Size: <b>XXL</b></div>
+ </td>
+ <!-- Shopping Cart Item Quantity -->
+ <td class="quantity">
+ <input class="form-control input-sm input-micro" type="text" value="1">
+ </td>
+ <!-- Shopping Cart Item Price -->
+ <td class="price">$999.99</td>
+ <!-- Shopping Cart Item Actions -->
+ <td class="actions">
+ <a href="#" class="btn btn-xs btn-grey"><i class="glyphicon glyphicon-pencil"></i></a>
+ <a href="#" class="btn btn-xs btn-grey"><i class="glyphicon glyphicon-trash"></i></a>
+ </td>
+ </tr>
+ <!-- End Shopping Cart Item -->
+ <tr>
+ <td class="image"><a href="page-product-details.html"><img src="img/product2.jpg" alt="Item Name"></a></td>
+ <td>
+ <div class="cart-item-title"><a href="page-product-details.html">LOREM IPSUM DOLOR</a></div>
+ <div class="feature color">
+ Color: <span class="color-orange"></span>
+ </div>
+ <div class="feature">Size: <b>XXL</b></div>
+ </td>
+ <td class="quantity">
+ <input class="form-control input-sm input-micro" type="text" value="1">
+ </td>
+ <td class="price">$999.99</td>
+ <td class="actions">
+ <a href="#" class="btn btn-xs btn-grey"><i class="glyphicon glyphicon-pencil"></i></a>
+ <a href="#" class="btn btn-xs btn-grey"><i class="glyphicon glyphicon-trash"></i></a>
+ </td>
+ </tr>
+ <tr>
+ <td class="image"><a href="page-product-details.html"><img src="img/product3.jpg" alt="Item Name"></a></td>
+ <td>
+ <div class="cart-item-title"><a href="page-product-details.html">LOREM IPSUM DOLOR</a></div>
+ <div class="feature color">
+ </div>
+ <div class="feature">Size: <b>XXL</b></div>
+ </td>
+ <td class="quantity">
+ <input class="form-control input-sm input-micro" type="text" value="1">
+ </td>
+ <td class="price">$999.99</td>
+ <td class="actions">
+ <a href="#" class="btn btn-xs btn-grey"><i class="glyphicon glyphicon-pencil"></i></a>
+ <a href="#" class="btn btn-xs btn-grey"><i class="glyphicon glyphicon-trash"></i></a>
+ </td>
+ </tr>
+ </table>
+ <!-- End Shopping Cart Items -->
+ </div>
+ </div>
+ <div class="row">
+ <!-- Promotion Code -->
+ <div class="col-md-4 col-md-offset-0 col-sm-6 col-sm-offset-6">
+ <div class="cart-promo-code">
+ <h6><i class="glyphicon glyphicon-gift"></i> Have a promotion code?</h6>
+ <div class="input-group">
+ <input class="form-control input-sm" id="appendedInputButton" type="text" value="">
+ <span class="input-group-btn">
+ <button class="btn btn-sm btn-grey" type="button">Apply</button>
+ </span>
+ </div>
+ </div>
+ </div>
+ <!-- Shipment Options -->
+ <div class="col-md-4 col-md-offset-0 col-sm-6 col-sm-offset-6">
+ <div class="cart-shippment-options">
+ <h6><i class="glyphicon glyphicon-plane"></i> Shippment options</h6>
+ <div class="input-append">
+ <select class="form-control input-sm">
+ <option value="1">Standard - FREE</option>
+ <option value="2">Next day delivery - $10.00</option>
+ </select>
+ </div>
+ </div>
+ </div>
+
+ <!-- Shopping Cart Totals -->
+ <div class="col-md-4 col-md-offset-0 col-sm-6 col-sm-offset-6">
+ <table class="cart-totals">
+ <tr>
+ <td><b>Shipping</b></td>
+ <td>Free</td>
+ </tr>
+ <tr>
+ <td><b>Discount</b></td>
+ <td>- $18.00</td>
+ </tr>
+ <tr class="cart-grand-total">
+ <td><b>Total</b></td>
+ <td><b>$163.55</b></td>
+ </tr>
+ </table>
+ <!-- Action Buttons -->
+ <div class="pull-right">
+ <a href="#" class="btn btn-grey"><i class="glyphicon glyphicon-refresh"></i> UPDATE</a>
+ <a href="#" class="btn"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> CHECK OUT</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Sitemap</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-4 col-sm-6">
+ <ul class="sitemap">
+ <li><a href="#">Home Page</a></li>
+ <li>
+ <a href="#">Services</a>
+ <ul>
+ <li><a href="#">Morbi eleifend</a></li>
+ <li><a href="#">Praesent aliquam</a></li>
+ <li><a href="#">Nullam dictum augue</a></li>
+ <li><a href="#">Integer non risus posuere ipsum</a></li>
+ <li><a href="#">Vivamus volutpat turpis ut ligula tempor</a></li>
+ <li><a href="#">Aliquam nibh ante, dapibus ut tortor</a></li>
+ <li><a href="#">Nullam at felis velit. Integer</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#">eShop</a>
+ <ul>
+ <li><a href="#">Morbi eleifend</a></li>
+ <li><a href="#">Praesent aliquam</a></li>
+ <li><a href="#">Nullam dictum augue</a></li>
+ <li><a href="#">Integer non risus posuere ipsum</a></li>
+ <li><a href="#">Vivamus volutpat turpis ut ligula tempor</a></li>
+ <li><a href="#">Aliquam nibh ante, dapibus ut tortor</a></li>
+ <li><a href="#">Nullam at felis velit. Integer</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <ul class="sitemap">
+ <li>
+ <a href="#">Blog</a>
+ <ul>
+ <li><a href="#">Praesent consequat rutrum</a></li>
+ <li><a href="#">Duis eu turpis quam</a></li>
+ <li><a href="#">Aliquam dapibus magna ac</a></li>
+ <li><a href="#">Suspendisse et auctor</a></li>
+ <li><a href="#">Donec volutpat lacus lorem</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#">Aliquam nibh</a>
+ <ul>
+ <li><a href="#">Morbi eleifend</a></li>
+ <li><a href="#">Praesent aliquam</a></li>
+ <li><a href="#">Nullam dictum augue</a></li>
+ <li><a href="#">Integer non risus posuere ipsum</a></li>
+ <li><a href="#">Vivamus volutpat turpis ut ligula tempor</a></li>
+ <li><a href="#">Aliquam nibh ante, dapibus ut tortor</a></li>
+ <li><a href="#">Nullam at felis velit. Integer</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <ul class="sitemap">
+ <li>
+ <a href="#">Nullam</a>
+ <ul>
+ <li><a href="#">Aliquam nibh ante, dapibus ut tortor</a></li>
+ <li><a href="#">Nullam at felis velit. Integer</a></li>
+ <li><a href="#">Morbi eleifend</a></li>
+ <li><a href="#">Praesent aliquam</a></li>
+ <li><a href="#">Nullam dictum augue</a></li>
+ <li><a href="#">Integer non risus posuere ipsum</a></li>
+ <li><a href="#">Vivamus volutpat turpis ut ligula tempor</a></li>
+ <li><a href="#">Aliquam nibh ante, dapibus ut tortor</a></li>
+ <li><a href="#">Nullam at felis velit. Integer</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#">Integer non</a>
+ <ul>
+ <li><a href="#">Morbi eleifend</a></li>
+ <li><a href="#">Praesent aliquam</a></li>
+ <li><a href="#">Nullam dictum augue</a></li>
+ <li><a href="#">Integer non risus posuere ipsum</a></li>
+ <li><a href="#">Vivamus volutpat turpis ut ligula tempor</a></li>
+ <li><a href="#">Aliquam nibh ante, dapibus ut tortor</a></li>
+ <li><a href="#">Nullam at felis velit. Integer</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Our Team</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <!-- Team Member -->
+ <div class="col-md-4 col-sm-6">
+ <div class="team-member">
+ <!-- Team Member Photo -->
+ <div class="team-member-image"><img src="img/team1.jpg" alt="Name Surname"></div>
+ <div class="team-member-info">
+ <ul>
+ <!-- Team Member Info & Social Links -->
+ <li class="team-member-name">
+ Name Surname
+ <!-- Team Member Social Links -->
+ <span class="team-member-social">
+ <a href="#"><i class="icon-facebook"></i></a>
+ <a href="#"><i class="icon-github"></i></a>
+ <a href="#"><i class="icon-tumblr"></i></a>
+ </span>
+ </li>
+ <li>Web Developer</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <!-- End Team Member -->
+ <div class="col-md-4 col-sm-6">
+ <div class="team-member">
+ <div class="team-member-image"><img src="img/team2.jpg" alt="Name Surname"></div>
+ <div class="team-member-info">
+ <ul>
+ <li class="team-member-name">
+ Name Surname
+ <span class="team-member-social">
+ <a href="#"><i class="icon-facebook"></i></a>
+ <a href="#"><i class="icon-dribbble"></i></a>
+ <a href="#"><i class="icon-tumblr"></i></a>
+ </span>
+ </li>
+ <li>Web Designer</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="team-member">
+ <div class="team-member-image"><img src="img/team3.jpg" alt="Name Surname"></div>
+ <div class="team-member-info">
+ <ul>
+ <li class="team-member-name">
+ Name Surname
+ <span class="team-member-social">
+ <a href="#"><i class="icon-facebook"></i></a>
+ <a href="#"><i class="icon-dribbble"></i></a>
+ <a href="#"><i class="icon-tumblr"></i></a>
+ </span>
+ </li>
+ <li>Project Manager</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="team-member">
+ <div class="team-member-image"><img src="img/team4.jpg" alt="Name Surname"></div>
+ <div class="team-member-info">
+ <ul>
+ <li class="team-member-name">
+ Name Surname
+ <span class="team-member-social">
+ <a href="#"><i class="icon-facebook"></i></a>
+ <a href="#"><i class="icon-dribbble"></i></a>
+ <a href="#"><i class="icon-tumblr"></i></a>
+ </span>
+ </li>
+ <li>Project Manager</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="team-member">
+ <div class="team-member-image"><img src="img/team5.jpg" alt="Name Surname"></div>
+ <div class="team-member-info">
+ <ul>
+ <li class="team-member-name">
+ Name Surname
+ <span class="team-member-social">
+ <a href="#"><i class="icon-facebook"></i></a>
+ <a href="#"><i class="icon-dribbble"></i></a>
+ <a href="#"><i class="icon-tumblr"></i></a>
+ </span>
+ </li>
+ <li>UX Designer</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 col-sm-6">
+ <div class="team-member">
+ <div class="team-member-image"><img src="img/team6.jpg" alt="Name Surname"></div>
+ <div class="team-member-info">
+ <ul>
+ <li class="team-member-name">
+ Name Surname
+ <span class="team-member-social">
+ <a href="#"><i class="icon-facebook"></i></a>
+ <a href="#"><i class="icon-dribbble"></i></a>
+ <a href="#"><i class="icon-tumblr"></i></a>
+ </span>
+ </li>
+ <li>Systems Analyst</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <h2>Join Us!</h2>
+ <div class="row">
+ <!-- Open Vacancies List -->
+ <div class="col-md-8">
+ <table class="jobs-list">
+ <tr>
+ <th>Position</th>
+ <th>Location</th>
+ <th>Type</th>
+ </tr>
+ <tr>
+ <!-- Position -->
+ <td class="job-position">
+ <a href="page-job-details.html">Front End Developer</a> <span class="label label-danger">New</span>
+ </td>
+ <!-- Location -->
+ <td class="job-location">
+ <div class="job-country">United Kingdom</div>
+ <div class="job-city">London</div>
+ </td>
+ <!-- Job Type -->
+ <td class="job-type hidden-phone">FULL-TIME</td>
+ </tr>
+ <tr>
+ <td class="job-position">
+ <a href="page-job-details.html">Back-end Developer</a> <span class="label label-danger">New</span>
+ </td>
+ <td class="job-location">
+ <div class="job-country">United Kingdom</div>
+ <div class="job-city">Manchester</div>
+ </td>
+ <td class="job-type hidden-phone">PART-TIME</td>
+ </tr>
+ <tr>
+ <td class="job-position">
+ <a href="page-job-details.html">Creative Director</a>
+ </td>
+ <td class="job-location">
+ <div class="job-country">United Kingdom</div>
+ <div class="job-city">Manchester</div>
+ </td>
+ <td class="job-type hidden-phone">PART-TIME</td>
+ </tr>
+ <tr>
+ <td class="job-position">
+ <a href="page-job-details.html">Interactive Developer</a> <span class="label label-danger">New</span>
+ </td>
+ <td class="job-location">
+ <div class="job-country">United Kingdom</div>
+ <div class="job-city">Manchester</div>
+ </td>
+ <td class="job-type hidden-phone">PART-TIME</td>
+ </tr>
+ <tr>
+ <td class="job-position">
+ <a href="page-job-details.html">Lead Designer</a>
+ </td>
+ <td class="job-location">
+ <div class="job-country">United Kingdom</div>
+ <div class="job-city">Manchester</div>
+ </td>
+ <td class="job-type hidden-phone">PART-TIME</td>
+ </tr>
+ <tr>
+ <td class="job-position">
+ <a href="page-job-details.html">Ruby on Rails Developer</a>
+ </td>
+ <td class="job-location">
+ <div class="job-country">United Kingdom</div>
+ <div class="job-city">Manchester</div>
+ </td>
+ <td class="job-type hidden-phone">PART-TIME</td>
+ </tr>
+ </table>
+ </div>
+ <!-- End Open Vacancies List -->
+
+ <!-- Sidebar -->
+ <div class="col-md-4 col-sm-6">
+ <div class="join-us-promo">
+ <!-- Quote -->
+ <div class="join-us-bubble">
+ <blockquote>
+ <p class="quote">
+ "You are very welcome in our team! Ut enim ad minim veniam, quis nostrud exercitation."
+ </p>
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ <!-- Team Member Photo -->
+ <div class="author-photo">
+ <img src="img/user2.jpg" alt="Name Surname">
+ </div>
+ </div>
+ </div>
+ <!-- End Sidebar -->
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Terms & Privacy</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h4>What is this Privacy Policy for?</h4>
+ <p>This privacy policy is for this website [www.websitename.co.uk] and served by [### COMPANY NAME ###] and governs the privacy of its users who choose to use it.</p>
+ <p>The policy sets out the different areas where user privacy is concerned and outlines the obligations & requirements of the users, the website and website owners. Furthermore the way this website processes, stores and protects user data and information will also be detailed within this policy.</p>
+ <h4>The Website</h4>
+ <p>This website and it's owners take a proactive approach to user privacy and ensure the necessary steps are taken to protect the privacy of its users throughout their visiting experience. This website comply's to all UK national laws and requirements for user privacy.</p>
+ <h4>Use of Cookies</h4>
+ <p>This website uses cookies to better the users experience while visiting the website. Where applicable this website uses a cookie control system allowing the user on their first visit to the website to allow or disallow the use of cookies on their computer / device. This complies with recent legislation requirements for website's to obtain explicit consent from users before leaving behind or reading files such as cookies on a users computer / device.</p>
+ <p>Cookies are small files saved to the users computers hard drive that track, save and store information about the users interactions and usage of the website. This allows the website, through it's server to provide the users with a tailored experience within this website.
+ Users are advised that if they wish to deny the use and saving of cookies from this website on to their computers hard drive they should take necessary steps within their web browsers security settings to block all cookies from this website and it's external serving vendors.</p>
+ <p>This website uses tracking software to monitor it's visitors to better understand how they use it. This software is provided by Google Analytics which uses cookies to track visitor usage. The software will save a cookie to your computers hard drive in order to track and monitor your engagement and usage of the website but will not store, save or collect personal information. You can read Google's privacy policy here for further information [ http://www.google.com/privacy.html ].
+ Other cookies may be stored to your computers hard drive by external vendors when this website uses referral programs, sponsored links or adverts. Such cookies are used for conversion and referral tracking and typically expire after 30 days, though some may take longer. No personal information is stored, saved or collected.</p>
+ <h4>Contact & Communication</h4>
+ <p>Users contacting this website and/or it's owners do so at their own discretion and provide any such personal details requested at their own risk. Your personal information is kept private and stored securely until a time it is no longer required or has no use, as detailed in the Data Protection Act 1998. Every effort has been made to ensure a safe and secure form to email submission process but advise users using such form to email processes that they do so at their own risk.
+ This website and it's owners use any information submitted to provide you with further information about the products / services they offer or to assist you in answering any questions or queries you may have submitted. This includes using your details to subscribe you to any email newsletter program the website operates but only if this was made clear to you and your express permission was granted when submitting any form to email process. Or whereby you the consumer have previously purchased from or enquired about purchasing from the company a product or service that the email newsletter relates to. This is by no means an entire list of your user rights in regard to receiving email marketing material. Your details are not passed on to any third parties.</p>
+ <h4>Email Newsletter</h4>
+ <p>This website operates an email newsletter program, used to inform subscribers about products and services supplied by this website. Users can subscribe through an online automated process should they wish to do so but do so at their own discretion. Some subscriptions may be manually processed through prior written agreement with the user.</p>
+ <p>Subscriptions are taken in compliance with UK Spam Laws detailed in the Privacy and Electronic Communications Regulations 2003. All personal details relating to subscriptions are held securely and in accordance with the Data Protection Act 1998. No personal details are passed on to third parties nor shared with companies / people outside of the company that operates this website. Under the Data Protection Act 1998 you may request a copy of personal information held about you by this website's email newsletter program. A small fee will be payable. If you would like a copy of the information held on you please write to the business address at the bottom of this policy.</p>
+ <p>Email marketing campaigns published by this website or it's owners may contain tracking facilities within the actual email. Subscriber activity is tracked and stored in a database for future analysis and evaluation. Such tracked activity may include; the opening of emails, forwarding of emails, the clicking of links within the email content, times, dates and frequency of activity [this is by no far a comprehensive list]. This information is used to refine future email campaigns and supply the user with more relevant content based around their activity.</p>
+ <p>In compliance with UK Spam Laws and the Privacy and Electronic Communications Regulations 2003 subscribers are given the opportunity to un-subscribe at any time through an automated system. This process is detailed at the footer of each email campaign. If an automated un-subscription system is unavailable clear instructions on how to un-subscribe will by detailed instead.</p>
+ <h4>External Links</h4>
+ <p>Although this website only looks to include quality, safe and relevant external links users should always adopt a policy of caution before clicking any external web links mentioned throughout this website.</p>
+ <p>The owners of this website cannot guarantee or verify the contents of any externally linked website despite their best efforts. Users should therefore note they click on external links at their own risk and this website and it's owners cannot be held liable for any damages or implications caused by visiting any external links mentioned.</p>
+ <h4>Adverts and Sponsored Links</h4>
+ <p>This website may contain sponsored links and adverts. These will typically be served through our advertising partners, to whom may have detailed privacy policies relating directly to the adverts they serve.</p>
+ <p>Clicking on any such adverts will send you to the advertisers website through a referral program which may use cookies and will tracks the number of referrals sent from this website. This may include the use of cookies which may in turn be saved on your computers hard drive. Users should therefore note they click on sponsored external links at their own risk and this website and it's owners cannot be held liable for any damages or implications caused by visiting any external links mentioned.</p>
+ <h4>Social Media Platforms</h4>
+ <p>Communication, engagement and actions taken through external social media platforms that this website and it's owners participate on are custom to the terms and conditions as well as the privacy policies held with each social media platform respectively.</p>
+ <p>Users are advised to use social media platforms wisely and communicate / engage upon them with due care and caution in regard to their own privacy and personal details. This website nor it's owners will ever ask for personal or sensitive information through social media platforms and encourage users wishing to discuss sensitive details to contact them through primary communication channels such as by telephone or email.</p>
+ <p>This website may use social sharing buttons which help share web content directly from web pages to the social media platform in question. Users are advised before using such social sharing buttons that they do so at their own discretion and note that the social media platform may track and save your request to share a web page respectively through your social media platform account.</p>
+ <h4>Shortened Links in Social Media</h4>
+ <p>This website and it's owners through their social media platform accounts may share web links to relevant web pages. By default some social media platforms shorten lengthy url's [web addresses]. </p>
+ <p>Users are advised to take caution and good judgement before clicking any shortened url's published on social media platforms by this website and it's owners. Despite the best efforts to ensure only genuine url's are published many social media platforms are prone to spam and hacking and therefore this website and it's owners cannot be held liable for any damages or implications caused by visiting any shortened links.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Testimonials</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Testimonials -->
+ <div class="section">
+ <div class="container">
+ <h2>Testimonials</h2>
+ <div class="row">
+ <!-- Testimonial -->
+ <div class="testimonial col-md-4 col-sm-6">
+ <!-- Author Photo -->
+ <div class="author-photo">
+ <img src="img/user1.jpg" alt="Author 1">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <!-- Quote -->
+ <p class="quote">
+ "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut."
+ </p>
+ <!-- Author Info -->
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ <!-- End Testimonial -->
+ <div class="testimonial col-md-4 col-sm-6">
+ <div class="author-photo">
+ <img src="img/user5.jpg" alt="Author 2">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <p class="quote">
+ "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo."
+ </p>
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ <div class="testimonial col-md-4 col-sm-6">
+ <div class="author-photo">
+ <img src="img/user2.jpg" alt="Author 3">
+ </div>
+ <div class="testimonial-bubble">
+ <blockquote>
+ <p class="quote">
+ "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."
+ </p>
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director at <a href="#">Some Company</a>
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End Testimonials -->
+
+ <!-- Our Clients -->
+ <div class="section">
+ <div class="container">
+ <h2>Our Clients</h2>
+ <div class="clients-logo-wrapper text-center row">
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/canon.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/cisco.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/dell.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/ea.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/ebay.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/facebook.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/google.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/hp.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/microsoft.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/mysql.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/sony.png" alt="Client Name"></a></div>
+ <div class="col-lg-1 col-md-1 col-sm-3 col-xs-6"><a href="#"><img src="img/logos/yahoo.png" alt="Client Name"></a></div>
+ </div>
+ </div>
+ </div>
+ <!-- End Our Clients -->
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+
+ <link rel="stylesheet" href="css/bootstrap.min.css">
+ <link rel="stylesheet" href="css/icomoon-social.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="css/leaflet.css" />
+ <!--[if lte IE 8]>
+ <link rel="stylesheet" href="css/leaflet.ie.css" />
+ <![endif]-->
+ <link rel="stylesheet" href="css/main.css">
+
+ <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ </head>
+ <body>
+ <!--[if lt IE 7]>
+ <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+ <![endif]-->
+
+
+ <!-- Navigation & Logo-->
+ <div class="mainmenu-wrapper">
+ <div class="container">
+ <div class="menuextras">
+ <div class="extras">
+ <ul>
+ <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
+ <li>
+ <div class="dropdown choose-country">
+ <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
+ <ul class="dropdown-menu" role="menu">
+ <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
+ <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="page-login.html">Login</a></li>
+ </ul>
+ </div>
+ </div>
+ <nav id="mainmenu" class="mainmenu">
+ <ul>
+ <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+ <li>
+ <a href="features.html">Features</a>
+ </li>
+ <li class="has-submenu active">
+ <a href="#">Pages +</a>
+ <div class="mainmenu-submenu">
+ <div class="mainmenu-submenu-inner">
+ <div>
+ <h4>Homepage</h4>
+ <ul>
+ <li><a href="index.html">Homepage (Sample 1)</a></li>
+ <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
+ </ul>
+ <h4>Services & Pricing</h4>
+ <ul>
+ <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
+ <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
+ <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
+ <li><a href="page-pricing.html">Pricing Table</a></li>
+ </ul>
+ <h4>Team & Open Vacancies</h4>
+ <ul>
+ <li><a href="page-team.html">Our Team</a></li>
+ <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
+ <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>Our Work (Portfolio)</h4>
+ <ul>
+ <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
+ <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
+ </ul>
+ <h4>General Pages</h4>
+ <ul>
+ <li><a href="page-about-us.html">About Us</a></li>
+ <li><a href="page-contact-us.html">Contact Us</a></li>
+ <li><a href="page-faq.html">Frequently Asked Questions</a></li>
+ <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
+ <li><a href="page-events.html">Events</a></li>
+ <li><a href="page-404.html">404 Page</a></li>
+ <li><a href="page-sitemap.html">Sitemap</a></li>
+ <li><a href="page-login.html">Login</a></li>
+ <li><a href="page-register.html">Register</a></li>
+ <li><a href="page-password-reset.html">Password Reset</a></li>
+ <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
+ <li><a href="page-coming-soon.html">Coming Soon</a></li>
+ </ul>
+ </div>
+ <div>
+ <h4>eShop</h4>
+ <ul>
+ <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
+ <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
+ <li><a href="page-products-slider.html">Products Slider</a></li>
+ <li><a href="page-product-details.html">Product Details</a></li>
+ <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
+ </ul>
+ <h4>Blog</h4>
+ <ul>
+ <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
+ <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
+ <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
+ <li><a href="page-news.html">Latest & Featured News</a></li>
+ </ul>
+ </div>
+ </div><!-- /mainmenu-submenu-inner -->
+ </div><!-- /mainmenu-submenu -->
+ </li>
+ <li>
+ <a href="credits.html">Credits</a>
+ </li>
+ </ul>
+ </nav>
+ </div>
+ </div>
+
+ <!-- Page Title -->
+ <div class="section section-breadcrumbs">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>Open Vacancies</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="section">
+ <div class="container">
+ <div class="row">
+ <!-- Open Vacancies List -->
+ <div class="col-md-8">
+ <table class="jobs-list">
+ <tr>
+ <th>Position</th>
+ <th>Location</th>
+ <th>Type</th>
+ </tr>
+ <tr>
+ <!-- Position -->
+ <td class="job-position">
+ <a href="page-job-details.html">Front End Developer</a> <span class="label label-danger">New</span>
+ </td>
+ <!-- Location -->
+ <td class="job-location">
+ <div class="job-country">United Kingdom</div>
+ <div class="job-city">London</div>
+ </td>
+ <!-- Job Type -->
+ <td class="job-type hidden-phone">FULL-TIME</td>
+ </tr>
+ <tr>
+ <td class="job-position">
+ <a href="page-job-details.html">Back-end Developer</a> <span class="label label-danger">New</span>
+ </td>
+ <td class="job-location">
+ <div class="job-country">United Kingdom</div>
+ <div class="job-city">Manchester</div>
+ </td>
+ <td class="job-type hidden-phone">PART-TIME</td>
+ </tr>
+ <tr>
+ <td class="job-position">
+ <a href="page-job-details.html">Creative Director</a>
+ </td>
+ <td class="job-location">
+ <div class="job-country">United Kingdom</div>
+ <div class="job-city">Manchester</div>
+ </td>
+ <td class="job-type hidden-phone">PART-TIME</td>
+ </tr>
+ <tr>
+ <td class="job-position">
+ <a href="page-job-details.html">Interactive Developer</a> <span class="label label-danger">New</span>
+ </td>
+ <td class="job-location">
+ <div class="job-country">United Kingdom</div>
+ <div class="job-city">Manchester</div>
+ </td>
+ <td class="job-type hidden-phone">PART-TIME</td>
+ </tr>
+ <tr>
+ <td class="job-position">
+ <a href="page-job-details.html">Lead Designer</a>
+ </td>
+ <td class="job-location">
+ <div class="job-country">United Kingdom</div>
+ <div class="job-city">Manchester</div>
+ </td>
+ <td class="job-type hidden-phone">PART-TIME</td>
+ </tr>
+ <tr>
+ <td class="job-position">
+ <a href="page-job-details.html">Ruby on Rails Developer</a>
+ </td>
+ <td class="job-location">
+ <div class="job-country">United Kingdom</div>
+ <div class="job-city">Manchester</div>
+ </td>
+ <td class="job-type hidden-phone">PART-TIME</td>
+ </tr>
+ </table>
+ </div>
+ <!-- End Open Vacancies List -->
+ <!-- Sidebar -->
+ <div class="col-md-4 col-sm-6">
+ <div class="join-us-promo">
+ <!-- Quote -->
+ <div class="join-us-bubble">
+ <blockquote>
+ <p class="quote">
+ "You are very welcome in our team! Ut enim ad minim veniam, quis nostrud exercitation."
+ </p>
+ <cite class="author-info">
+ - Name Surname,<br>Managing Director
+ </cite>
+ </blockquote>
+ <div class="sprite arrow-speech-bubble"></div>
+ </div>
+ <!-- Team Member Photo -->
+ <div class="author-photo">
+ <img src="img/user2.jpg" alt="Name Surname">
+ </div>
+ </div>
+ </div>
+ <!-- End Sidebar -->
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer -->
+ <div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Our Latest Work</h3>
+ <div class="portfolio-item">
+ <div class="portfolio-image">
+ <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
+ </div>
+ </div>
+ </div>
+ <div class="col-footer col-md-3 col-xs-6">
+ <h3>Navigate</h3>
+ <ul class="no-list-style footer-navigate-section">
+ <li><a href="page-blog-posts.html">Blog</a></li>
+ <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
+ <li><a href="page-products-3-columns.html">eShop</a></li>
+ <li><a href="page-services-3-columns.html">Services</a></li>
+ <li><a href="page-pricing.html">Pricing</a></li>
+ <li><a href="page-faq.html">FAQ</a></li>
+ </ul>
+ </div>
+
+ <div class="col-footer col-md-4 col-xs-6">
+ <h3>Contacts</h3>
+ <p class="contact-us-details">
+ <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
+ <b>Phone:</b> +44 123 654321<br/>
+ <b>Fax:</b> +44 123 654321<br/>
+ <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
+ </p>
+ </div>
+ <div class="col-footer col-md-2 col-xs-6">
+ <h3>Stay Connected</h3>
+ <ul class="footer-stay-connected no-list-style">
+ <li><a href="#" class="facebook"></a></li>
+ <li><a href="#" class="twitter"></a></li>
+ <li><a href="#" class="googleplus"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-copyright">© 2013 mPurpose. All rights reserved.</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Javascripts -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
+ <script src="js/jquery.fitvids.js"></script>
+ <script src="js/jquery.sequence-min.js"></script>
+ <script src="js/jquery.bxslider.js"></script>
+ <script src="js/main-menu.js"></script>
+ <script src="js/template.js"></script>
+
+ </body>
+</html>
\ No newline at end of file
projects / bootswatch / commitdiff
